.cad-status-sections { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 18px; }
.cad-status-sections button { padding:14px 10px; min-height:48px; border:1px solid #c8d8de; border-radius:3px; background:#fff; color:#486a79; font:inherit; font-size:.8rem; font-weight:700; cursor:pointer; }
.cad-status-sections button[aria-pressed="true"] { background:#07212f; color:#fff; border-color:#07212f; }
.cad-status-sections button:focus-visible { outline:2px solid #0f5875; outline-offset:3px; }
.cad-detail-card[hidden], .cad-status-empty[hidden] { display:none !important; }
.cad-status-empty { text-align:center; padding:36px 16px; margin:0; color:#617985; }
.cad-detail-top .cad-pending { padding:5px 8px; border-radius:3px; font-size:.7rem; white-space:nowrap; }
@media(max-width:600px) { .cad-status-sections { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }
.cad-comments-button { margin-top:12px; padding:9px 11px; border:1px solid #c8d8de; border-radius:3px; background:#fff; color:#07212f; font:inherit; font-size:.65rem; font-weight:700; cursor:pointer; }
.cad-comments-dialog { width:min(560px,calc(100% - 24px)); max-height:90vh; padding:0; border:1px solid #c8d8de; border-radius:8px; color:#102734; background:#fff; box-shadow:0 20px 60px #07212f40; }
.cad-comments-dialog::backdrop { background:#07212f80; }
.cad-comments-dialog header { display:flex; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid #dce7eb; }
.cad-comments-dialog h2 { margin:4px 0 0; font-size:1.2rem; }
.cad-comments-dialog small { display:block; color:#617985; font-size:.72rem; }
.cad-comments-close { width:36px; height:36px; border:1px solid #c8d8de; border-radius:4px; background:#fff; font-size:24px; }
.cad-comments-messages { max-height:32vh; overflow:auto; padding:20px; background:#f7fafb; font-size:.85rem; }
.cad-comments-messages article { margin-bottom:12px; padding:12px; border:1px solid #dce7eb; border-radius:4px; background:white; }
.cad-comments-messages p { margin:8px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.cad-comments-dialog form { display:grid; gap:10px; padding:20px; }
.cad-comments-dialog textarea { width:100%; padding:10px; border:1px solid #c8d8de; border-radius:4px; resize:vertical; }
.cad-comments-dialog form button { min-height:42px; border:0; border-radius:3px; background:#07212f; color:#fff; font-weight:700; }
.cad-comments-feedback { margin:0; font-size:.78rem; }
.cad-comments-button { position:relative; display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap; }
.cad-comments-button.has-unread { border-color:#ce9251; background:#fff8ed; }
.cad-comment-badge { position:absolute; top:-9px; right:-9px; display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 5px; border:2px solid #fff; border-radius:50px; background:#dc2626; color:#fff; font-size:.65rem; font-weight:800; box-shadow:0 2px 5px #dc262630; }
.cad-comment-badge[hidden] { display:none; }
.cad-preview-box { margin-top:16px; padding:14px; border:1px solid #c8d8de; border-radius:4px; background:#f7fafb; }
.cad-preview-box label { display:grid; gap:7px; font-size:.75rem; }
.cad-preview-box input { max-width:100%; }
.cad-preview-box small { display:block; margin:7px 0; color:#617985; }
.cad-preview-box img { display:block; max-width:100%; max-height:260px; object-fit:contain; margin:12px 0; background:white; }
.cad-preview-box [hidden] { display:none !important; }
.cad-preview-box textarea { width:100%; padding:8px; border:1px solid #c8d8de; border-radius:3px; }
.cad-preview-box form div { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.cad-preview-box button { padding:10px; border:1px solid #c8d8de; border-radius:3px; background:white; font-size:.7rem; font-weight:700; }
.cad-preview-box .approve-cad { color:white; background:#23855f; border-color:#23855f; }
.cad-preview-box p { margin:10px 0 0; overflow-wrap:anywhere; font-size:.75rem; }