/* Calm RTL editor: one reading column, one consistent control rail. */
#cardDialog{width:min(1120px,calc(100vw - 36px));max-width:1120px;background:#fff}
#cardDetail .details-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px 28px;padding:24px;align-items:start;grid-template-areas:"title sidebar" "main sidebar";grid-template-rows:min-content 1fr}
#cardDetail .card-main{min-width:0;grid-area:main}
#cardDetail .details-sidebar.card-metadata{display:flex;flex-direction:column;gap:22px;background:#f1f5f9;border:0;border-radius:14px;padding:20px;margin:0;min-width:0;grid-area:sidebar}
.details-sidebar>section{width:100%;margin:0!important;min-width:0}
.details-sidebar h3{font-size:13px;line-height:1.8;margin:0 0 8px;color:#344b68}
.details-sidebar select,.details-sidebar .full-button{width:100%;height:44px;min-height:44px;margin:0;display:flex;align-items:center;gap:8px;font-size:13px}
.details-sidebar .full-button{justify-content:center}
.details-sidebar .form-help{font-size:11px;margin:0 0 9px;color:#52647e}
.direct-members{display:flex;flex-wrap:wrap;gap:7px}
.member-toggle{display:flex;align-items:center;gap:6px;background:#e4eaf1;border:1px solid transparent;border-radius:8px;padding:5px 8px;color:#52647e;min-height:38px;font-size:11px;max-width:100%}
.member-toggle span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-toggle .avatar{width:28px;height:28px;flex-shrink:0;filter:grayscale(1);opacity:.55}
.member-toggle.selected{background:#e1efff;border-color:#075eab;color:#134b77}
.member-toggle.selected .avatar{filter:none;opacity:1}
.details-sidebar .detail-labels{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.direct-label{display:inline-flex;align-items:center;gap:4px;min-height:30px;font-size:11px;font-weight:600;border:1px solid transparent;border-radius:7px;padding:5px 8px;background:#e4eaf1;color:#52647e;max-width:100%;overflow-wrap:anywhere}
.direct-label.selected{background:var(--label-color);border-color:#172b4d;color:#172b4d}
.direct-label .icon{width:13px;height:13px;flex-shrink:0}
.sms-direct{display:flex;gap:8px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:9px 12px;border:0;border-radius:7px;background:#00865d;color:#fff;font-size:13px;font-weight:600}
.sms-direct:hover{background:#006d4b}.sms-caption{margin-top:-14px!important;margin-bottom:0!important}
#cardDetail .details-activity{border-top:1px solid #d4deea;padding-top:18px}
.details-activity .activity-row{font-size:11px;line-height:1.9;padding:10px 0;gap:7px;overflow-wrap:anywhere}
.details-activity .activity-row .avatar{width:24px;height:24px;font-size:8px;flex-shrink:0}
.details-activity{max-height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a3b4c9 transparent}
.details-layout .title-input{font-size:23px;font-weight:750;line-height:1.8;padding:3px 5px;margin:0}
.details-layout .card-shortcuts{margin:12px 0 22px;flex-wrap:wrap}
.details-layout .card-section{margin:26px 0 0;padding:0;border:0}
.details-layout .card-section h3{font-size:15px;margin:0 0 12px;line-height:1.8}
.details-layout textarea{background:#fff;font-size:13px;line-height:1.9}
.details-layout .save-row{margin-top:10px}
.details-layout .save-row span{font-size:10px}
.details-layout .checklist-group{margin:24px 0;padding:0;border:0}
.checklist-open{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px}
#cardDetail [hidden]{display:none!important}
#checklistGroups .inline-form{margin-top:10px;align-items:center}
#checklistGroups .inline-form input{min-width:0}
.attachment-dropzone{position:relative;border:2px dashed #c6d4e5;border-radius:12px;background:#f8fafc;transition:background .15s ease-out;margin-top:12px}
.attachment-dropzone .upload-label{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;min-height:124px;padding:18px;width:100%;cursor:pointer;color:#075780;font-size:12px}
.drop-copy{font-weight:600;order:1}.attachment-dropzone.drag-over{background:#e0efff;border-color:#075eab}.attachment-dropzone.uploading{pointer-events:none;opacity:.55}
.details-attachments .attachment-row{padding:14px;background:#f1f5f9;border:0;border-radius:10px;margin:9px 0;gap:10px;min-width:0}
.details-attachments .attachment-row>div{min-width:0;flex:1;overflow-wrap:anywhere}
.details-layout .comment-composer{background:#f1f5f9;padding:14px;border-radius:12px;gap:10px;margin-bottom:22px}
.details-layout .comment-composer>div{min-width:0;flex:1}.details-layout .comment-composer button{margin-top:8px}
.details-layout .comment-heading{gap:8px;flex-wrap:wrap;font-size:11px;align-items:center}.details-layout .comment-heading time{margin-inline-start:auto}
.details-layout .comment-content{min-width:0;flex:1}.details-layout .comment-body{padding:12px;border:1px solid #dce4ef;border-radius:9px;margin-top:8px;font-size:13px;overflow-wrap:anywhere}
.details-layout .danger{color:#b42332}.details-layout button:focus-visible{outline:2px solid #075eab;outline-offset:3px}
@media(max-width:760px){#cardDialog{width:100%;max-width:100%;margin:0;max-height:100dvh;height:100dvh;border-radius:0}#cardDetail .details-layout{display:flex;flex-direction:column;padding:16px;gap:22px}#cardDetail .details-sidebar.card-metadata{order:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding:14px}#cardDetail .card-main{order:1;width:100%}.details-sidebar>section:first-child,.details-sidebar .card-label-section,.details-sidebar .details-activity,.details-sidebar .sms-direct,.details-sidebar .sms-caption{grid-column:1/-1}.details-sidebar .details-activity{display:none}.details-sidebar select,.details-sidebar .full-button{font-size:12px}.details-layout .title-input{font-size:20px}.details-layout .card-shortcuts{margin-bottom:16px}.attachment-dropzone .upload-label{min-height:90px}.drop-copy{font-size:11px}.details-layout .comment-composer{padding:10px}.details-layout .comment-composer>.avatar{display:none}.details-sidebar .sms-caption{margin-top:-12px!important}.details-sidebar .direct-members{max-height:150px;overflow:auto}}
@media(prefers-reduced-motion:reduce){.attachment-dropzone{transition:none}}

.details-layout>.title-input{grid-area:title;display:block;width:100%;order:-1}.mobile-activity{display:none}.card-label.urgent{background:#ffd9df;color:#942338}@media(max-width:760px){.mobile-activity{display:block;margin-top:24px;border-top:1px solid #d4deea;padding-top:15px}.mobile-activity summary{cursor:pointer;font-weight:600;font-size:13px}.mobile-activity .activity-row{font-size:12px;overflow-wrap:anywhere}}
@media(max-width:760px){#cardDetail .details-sidebar.card-metadata{gap:12px;padding:12px}.details-sidebar .direct-members{gap:7px}.details-sidebar .member-toggle{padding:3px;min-height:36px}.details-sidebar .member-toggle>span:not(.avatar){display:none}.details-sidebar>section:first-child>.form-help{display:none}.details-sidebar h3{margin-bottom:6px}.details-sidebar .detail-labels{gap:5px;margin-bottom:8px}.details-sidebar .full-button,.details-sidebar select{height:40px;min-height:40px}.details-sidebar .sms-direct{min-height:40px}.details-sidebar .sms-caption{font-size:10px!important}}
.card-save-status{font-size:10px;color:#52647e;white-space:nowrap;margin-inline-start:auto}.card-dialog-header .card-save-status+#mobileControlsBtn{margin-inline-start:0}.autosave-feedback{display:flex;align-items:center;gap:10px;min-height:28px;margin-top:8px;font-size:11px;color:#52647e;line-height:1.9}.save-failed{color:#ae2e24}.autosave-feedback .text-button{font-size:11px;white-space:nowrap}.autosave-feedback button[hidden]{display:none!important}@media(max-width:550px){.card-save-status{font-size:9px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.autosave-feedback{font-size:10px}.card-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.group-item-row>.checklist-item-delete{opacity:1;color:#b42332;flex-shrink:0;width:32px;height:32px}.checklist-item-delete:hover{background:#ffebee}.delete-check-title{overflow-wrap:anywhere;white-space:pre-wrap;margin:14px 0}.check-delete-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.check-delete-actions .danger{background:#b42332;color:#fff}@media(max-width:550px){.group-item-row>.checklist-item-delete{width:36px;height:36px}}
.group-item-row>[data-item-menu]{opacity:1}