/* Shared preview design tokens: neutral work surfaces, compact controls. */
:root{--work-bg:#f7f8fa;--work-surface:#fff;--work-line:#e2e5eb;--work-text:#20242d;--work-muted:#687180;--work-hover:#f0f3f7;}
[data-bs-theme=dark]{--work-bg:#191b20;--work-surface:#22252c;--work-line:#373b45;--work-text:#eef0f4;--work-muted:#a2abba;--work-hover:#2b3039;}
html body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.5;background:var(--work-bg)!important;color:var(--work-text);letter-spacing:0;}
body>.container-fluid{padding:28px 32px!important;}
.navbar{width:208px!important;padding:24px 12px!important;background:#191733!important;border:0!important;border-right:1px solid #313046!important;}
.navbar-brand{padding:0 12px!important;margin-bottom:28px!important;}.navbar-brand img{width:158px!important;height:28px!important;}
.navbar .nav-link{font-size:13px!important;font-weight:500!important;min-height:38px!important;padding:9px 12px!important;border-radius:5px!important;margin-bottom:3px!important;color:#bdc3d0!important;}
.navbar .nav-link.active{background:#303344!important;color:#fff!important;box-shadow:inset 2px 0 #2ab8f2!important;}
.navbar .nav-link:hover{background:#282a3b!important;}.navbar .nav-link i{font-size:16px;margin-right:8px!important;}
.preview-mark{font-size:10px;color:#8991a7;margin-bottom:12px;font-weight:600;}
body>.container-fluid{margin-left:208px;width:calc(100% - 208px);}
h4,body>.container-fluid>h4{font-size:24px!important;font-weight:650!important;letter-spacing:0;margin-bottom:8px!important;}
.form-label,.section-label{font-size:12px;font-weight:600;color:var(--work-text);margin-bottom:7px;}
.form-control,.form-select{font-size:13px!important;min-height:38px!important;border:1px solid var(--work-line)!important;background-color:var(--work-surface)!important;color:var(--work-text)!important;border-radius:5px!important;box-shadow:none;}
.form-control:focus,.form-select:focus{border-color:#078acb!important;box-shadow:0 0 0 3px #078acb18!important;}
.btn{min-height:36px!important;padding:8px 14px!important;font-size:13px!important;font-weight:600;border-radius:5px!important;}
.btn-primary{background:#0077bd!important;border-color:#0077bd!important;}
.text-muted,.form-text{color:var(--work-muted)!important;}.form-text{font-size:12px;}
.overlap-heading,.overlap-workspace{max-width:920px;}
.workspace-path{display:flex;align-items:center;gap:10px;color:var(--work-muted);font-size:12px;margin-bottom:14px;}.workspace-path i{font-size:9px;}
.overlap-heading{margin-top:6px;}
.overlap-workspace{gap:0;margin-top:24px;border-top:1px solid var(--work-line);}
.overlap-file-row{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);align-items:start;gap:28px;padding:24px 0;}
.file-drop{position:relative;display:flex;gap:14px;align-items:center;min-height:86px;padding:18px;border:1px dashed #aeb9c9;border-radius:6px;background:var(--work-surface);}
.file-drop>i{font-size:28px;color:#1688b6;}.file-drop>div{min-width:0;flex:1;}
.file-drop strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere;}.file-drop span:not(.upload-symbol){display:block;font-size:12px;color:var(--work-muted);margin-top:4px;}
.upload-symbol{color:var(--work-muted);}.file-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;}
.file-drop:hover,.file-drop:focus-within{border-color:#008bce;background:var(--work-hover);}.file-drop:focus-within{outline:2px solid #008bce;outline-offset:3px;}
.overlap-reference{border-top:1px solid var(--work-line);padding:22px 0;gap:16px 28px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);}
.reference-window{gap:20px;}.reference-window>div:first-child{width:96px;}.reference-window>.form-check{margin-bottom:8px;font-size:12px;}
#campaign-picker summary{font-size:13px;background:var(--work-surface);border-color:var(--work-line);border-radius:5px;}
.overlap-workspace #campaigns-wrap{margin-bottom:0!important;}.overlap-workspace .check-scroll{background:var(--work-surface);border-color:var(--work-line);}
.overlap-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--work-line);padding-top:18px;}
#file-status{font-size:12px;color:var(--work-muted);display:flex;align-items:center;gap:8px;}.status-dot{width:6px;height:6px;border-radius:50%;background:#9ca5b3;}.file-ready .status-dot{background:#168663;}
table{font-size:12px;}thead th{background:var(--work-hover)!important;color:var(--work-muted)!important;font-size:11px;font-weight:600;}th,td{border-color:var(--work-line)!important;}
@media(max-width:991px){.navbar{width:100%!important;}.navbar-brand{margin-bottom:0!important;}body>.container-fluid{margin-left:0;width:100%;padding:24px!important;}}
@media(max-width:700px){.overlap-file-row,.overlap-reference{grid-template-columns:1fr;gap:20px;}.overlap-file-row{padding:20px 0;}.overlap-reference{padding:20px 0;}.file-drop{min-height:80px;}body>.container-fluid{padding:20px 16px!important;}}