/* ContractIQ submitter document workspace — scoped to New Submission only */
.submitter-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,250px);gap:14px;align-items:start;width:100%;max-width:100%;min-width:0}
.submitter-main{min-width:0;width:100%;max-width:100%}
.submitter-package-drop{position:relative;display:grid;place-items:center;width:min(100%,620px);min-height:82px;margin-bottom:12px;padding:12px 18px;border:1.5px dashed #aeb9c5;border-radius:14px;background:linear-gradient(180deg,#fbfcfd,#f1f4f6);text-align:center;transition:.16s ease;cursor:pointer;box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.95)}
.submitter-package-drop:hover,.submitter-package-drop.dragging{border-color:#8296aa;background:linear-gradient(180deg,#fff,#edf2f6);box-shadow:0 0 0 4px rgba(52,95,140,.06),var(--shadow-soft)}
.submitter-package-drop-inner{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"mark title" "mark detail" "state state";align-items:center;justify-items:start;column-gap:10px;row-gap:2px;pointer-events:none;width:100%;max-width:100%;text-align:left}
.submitter-drop-mark{grid-area:mark;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0;background:var(--metal);border:1px solid var(--line-strong);color:var(--navy);font-size:18px;font-weight:800;box-shadow:inset 0 1px 0 #fff}
.submitter-package-drop strong{grid-area:title;font-size:13px;color:var(--ink)}
.submitter-package-drop small{grid-area:detail;display:block;color:var(--muted);font-size:9px}
.submitter-hidden-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.submitter-package-state{grid-area:state;margin-top:6px;color:#687789;font-size:9px;display:grid;gap:2px;width:100%;max-width:100%;overflow:hidden;text-align:center;justify-items:center}
.submitter-package-state.has-files{margin-top:7px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.72);border:1px solid #dfe5ea}
.submitter-package-state strong{color:#26364a;font-size:10px}
.submitter-package-state span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.submitter-doc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;max-width:100%;min-width:0}
.submitter-doc-pane{position:relative;min-width:0;width:100%;max-width:100%;height:620px;border:1px solid #cfd6de;border-radius:16px;overflow:hidden;background:#eef2f5;box-shadow:0 12px 28px rgba(17,24,39,.07),inset 0 1px 0 #fff}
.submitter-doc-head{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:linear-gradient(180deg,#fff,#f0f3f6);border-bottom:1px solid #d4dbe2;min-width:0}
.submitter-doc-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.submitter-doc-actions{display:flex;gap:7px;flex:0 0 auto}
.submitter-doc-actions button{border:1px solid #c9d1d9;background:linear-gradient(180deg,#fff,#f0f2f4);color:#18304f;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}
.submitter-doc-body{height:calc(100% - 48px);position:relative;background:#e7ebef;min-width:0;overflow:hidden}
.submitter-doc-empty{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:#6b7788;background:linear-gradient(180deg,#f9fafb,#edf1f4)}
.submitter-doc-empty strong{display:block;color:#26364a;font-size:14px;margin-bottom:5px}
.submitter-doc-empty small{font-size:10px;line-height:1.5}
.submitter-editor-host,.submitter-pdf-host{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%;border:0;background:#fff;overflow:hidden}
.submitter-editor-host iframe{width:100%!important;max-width:100%!important;height:100%!important;border:0!important}
.submitter-pane-status{position:absolute;inset:auto 12px 12px 12px;padding:9px 11px;border-radius:9px;background:rgba(7,24,47,.88);color:#fff;font-size:10px;line-height:1.4;z-index:4;box-shadow:0 5px 16px rgba(7,24,47,.18)}
.submitter-readiness{position:sticky;top:96px;min-width:0;width:100%;max-width:250px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:var(--shadow-soft),inset 0 1px 0 #fff}
.submitter-readiness h3{margin:0;font-size:14px;letter-spacing:-.02em}
.submitter-readiness>p{margin:4px 0 12px;color:var(--muted);font-size:9px;line-height:1.4}
.readiness-list{display:grid;gap:7px;margin-bottom:12px}
.readiness-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start;padding:8px;border:1px solid #e0e5ea;border-radius:10px;background:linear-gradient(180deg,#fbfcfd,#f5f7f9)}
.readiness-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}
.readiness-item.good{border-color:#d7e7dc;background:linear-gradient(180deg,#fbfefc,#f2f8f4)}
.readiness-item.good .readiness-icon{background:#e5f3ea;color:#2f6d48;border:1px solid #cfe4d6}
.readiness-item.warn{border-color:#ecdcbf;background:linear-gradient(180deg,#fffdf9,#fbf5ea)}
.readiness-item.warn .readiness-icon{background:#fbefda;color:#8a641b;border:1px solid #edd9b6}
.readiness-item.pending .readiness-icon{background:#edf1f5;color:#607084;border:1px solid #dce3e9}
.readiness-item.checking{border-color:#d8e3ee;background:linear-gradient(180deg,#fbfdff,#f2f6fa)}
.readiness-item.checking .readiness-icon{background:#e8f0f8;color:#345f8c;border:1px solid #cedcea;animation:ciq-readiness-spin 1.05s linear infinite}
@keyframes ciq-readiness-spin{to{transform:rotate(360deg)}}
.readiness-item strong{display:block;font-size:10px;color:#25354a}
.readiness-item small{display:block;margin-top:2px;color:#738096;font-size:8px;line-height:1.35;overflow-wrap:anywhere}
.submitter-ready-note{margin:0 0 10px;padding:9px;border-radius:9px;background:#f4f6f8;color:#5c6b7d;font-size:9px;line-height:1.4}
.submitter-submit{width:100%;border:1px solid #0a1e37;border-radius:10px;background:linear-gradient(180deg,#0f2a4c,#07182f);color:#fff;padding:10px 12px;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 16px rgba(7,24,47,.17)}
.submitter-submit:disabled{cursor:not-allowed;background:#d8dee5;border-color:#c8d0d8;color:#7d8998;box-shadow:none}
.submitter-fullscreen{position:fixed;inset:0;background:rgba(8,18,31,.8);z-index:1000;padding:18px;display:none}
.submitter-fullscreen.open{display:block}
.submitter-fullscreen-shell{height:100%;background:#eef1f4;border:1px solid rgba(255,255,255,.35);border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.submitter-fullscreen-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,#fff,#edf1f4);border-bottom:1px solid #cbd3db}
.submitter-fullscreen-head strong{font-size:13px;color:#132238}
.submitter-fullscreen-head button{border:1px solid #c4ccd4;background:#fff;border-radius:9px;padding:8px 12px;font-weight:700;color:#17304f}
.submitter-fullscreen-body{height:calc(100% - 54px);position:relative;background:#fff}

/* Preserve the three-column desktop workspace until the viewport is genuinely narrow. */
@media(max-width:1080px){
  .submitter-workspace{grid-template-columns:1fr}
  .submitter-readiness{position:static;max-width:none}
}

@media(max-width:820px){
  .submitter-doc-grid{grid-template-columns:1fr}
  .submitter-doc-pane{height:680px}
  .submitter-package-drop{width:100%}
}

@media(max-width:760px){
  .submitter-package-drop{min-height:74px;padding:10px 14px}
  .submitter-doc-pane{height:560px}
  .submitter-fullscreen{padding:6px}
  .submitter-fullscreen-shell{border-radius:10px}
}