*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#1c2435;font:15px/1.5 system-ui,-apple-system,sans-serif}a{color:#1364cf;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,.button,summary{cursor:pointer}button,.button{border:1px solid #ccd5e1;border-radius:7px;background:#fff;color:#23324a;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:hover,.button:hover{background:#edf3fb;text-decoration:none}.primary,.button.active{background:#1466d8;border-color:#1466d8;color:white}.primary:hover,.button.active:hover{background:#0b54bc}button:disabled{opacity:.65;cursor:wait}.top{padding:15px 26px;background:#eaf0f7;display:flex;justify-content:space-between;gap:12px;color:#3c4c64}.top div,.top form{display:inline-flex;align-items:center;gap:12px}main{max-width:1680px;margin:auto;padding:22px}h1{font-size:30px;line-height:1.2;margin:6px 0 24px;letter-spacing:-.6px}h2{font-size:20px;margin:0 0 18px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search{display:flex;flex:1;min-width:260px;gap:6px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters span{background:#ffffff40;border-radius:4px;padding:0 5px}.legend,small,.company{color:#617087}.legend{margin:16px 0;font-size:13px}.case{border:1px solid #ccd6e4;border-radius:10px;margin:14px 0;background:white;overflow:hidden;scroll-margin-top:12px}.case.ready{background:#fff9e9;border-color:#edcc78}.case.closed{background:#f0f8f3;border-color:#b8d7c3}.case-head{display:flex;gap:14px;align-items:center;padding:16px;flex-wrap:wrap}.case-title{font-weight:750;font-size:17px;color:#202a3c}.company{font-size:13px;max-width:250px}.fold{border:0;background:transparent;padding:4px 9px;font-size:23px}.fold[aria-expanded=false]{transform:rotate(-90deg)}.badge{font-size:12px;font-weight:650;border-radius:20px;padding:5px 11px;background:#e9edf3;color:#4a5871}.ready .badge{background:#ffe6a7;color:#865405}.closed .badge{background:#d1eddc;color:#21623f}.flags{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}.flag{display:flex;align-items:center;gap:5px}.flag label{margin:0;font-size:13px;display:flex;gap:7px;align-items:center}.flag input{width:19px;height:19px;margin:0;accent-color:#1767cf}.ready .flag input[name=value]:checked{accent-color:#c08312}.case-body{padding:0 16px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.case-body[hidden]{display:none}.panel{background:#fff;border:1px solid #e2e7ee;border-radius:8px;padding:20px;min-width:0}.source{display:flex;gap:14px;margin-bottom:14px;background:#f2f5f9;border-radius:8px;overflow:hidden;padding:10px}.source img{width:170px;height:135px;object-fit:contain;background:#e6ebf2}.source div{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;overflow-wrap:anywhere}.attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin-bottom:12px}.attachment{border:1px solid #dfe5ef;border-radius:7px;padding:8px;min-width:0;display:flex;flex-direction:column;gap:5px}.attachment img{width:100%;height:140px;object-fit:contain;background:#f0f3f7;border-radius:5px}.attachment strong{font-size:13px;overflow-wrap:anywhere}.attachment small{font-size:12px}.attachment .button{margin-top:auto}.file-icon{height:140px;background:#eff3f9;display:grid;place-content:center;font-size:24px;font-weight:700;color:#647895}.compact{padding:5px 10px;font-size:12px}.text-button{border:0;background:transparent;color:#1b64bc;padding:3px;font-size:13px}.remove{color:#8e4a43}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:550;margin-bottom:12px}input:not([type=checkbox]):not([type=file]),textarea{width:100%;border:1px solid #cbd5e2;border-radius:6px;padding:10px;background:#fff;color:#1c2435;margin-top:4px}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #5697ec;outline-offset:2px}.upload{border:1px dashed #b5c6dd;border-radius:7px;padding:13px;color:#355478;background:#f9fbfe}.upload input{display:block;width:100%;font-size:12px;margin-top:8px}.local-previews{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.local-file{width:110px;font-size:11px;overflow-wrap:anywhere}.local-file img{width:110px;height:85px;object-fit:contain}.note{white-space:normal;overflow-wrap:anywhere}.preview-form{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.preview-form small{font-size:11px}.history{grid-column:1/-1;font-size:12px;color:#5c6b80}.history p{margin:5px}.notice{padding:12px 16px;border-radius:7px;background:#e6f3ec;border:1px solid #b4d9c3;margin-bottom:15px}.notice.error{background:#fff0ed;border-color:#dfaea2;color:#81372c}.notice p{margin:5px 0;font-size:13px}.new{margin:16px 0}.new summary{font-weight:650}.new form{margin-top:18px}.empty{text-align:center;padding:55px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0;font-size:13px}.login{max-width:420px;margin:55px auto}.js .flag-save{display:none}dialog{max-width:95vw;max-height:95vh;border:0;border-radius:10px;padding:20px;background:#fff}dialog::backdrop{background:#142036d9}dialog img{display:block;max-width:88vw;max-height:76vh;object-fit:contain;margin:20px auto}dialog .button{display:flex;max-width:230px;margin:auto}.close-view{position:absolute;right:10px;top:5px;border:0;background:#ffffffd9}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){.case-body{grid-template-columns:1fr}.flags{margin-left:0;width:100%}.top{font-size:12px;padding:12px}.toolbar>.primary{width:100%}.source img{width:140px}.case-head{gap:9px}h1{font-size:25px}}@media(max-width:500px){main{padding:12px}.panel{padding:13px}.case-body{padding:0 9px 10px}.fields{grid-template-columns:1fr;gap:0}.filters .button{font-size:12px;padding:7px 8px}.source{flex-direction:column}.source img{width:100%;height:160px}.top{flex-direction:column}.case-title{font-size:15px}.company{max-width:none}.pagination{gap:8px}}
/* Compact working view: metadata stays in the heading, editing is folded away. */
body{font-size:13px;line-height:1.4}.top{padding:8px 18px;font-size:12px}main{padding:14px 18px;max-width:1600px}h1{font-size:23px;margin:3px 0 13px}h2{font-size:16px;margin:0 0 10px}button,.button{padding:6px 10px;font-size:12px;border-radius:5px}.toolbar{gap:7px}.search{min-width:200px;max-width:420px}.filters{gap:4px}.filters span{padding:0 4px}.legend{margin:9px 0;font-size:11px}.notice{padding:7px 11px;margin-bottom:9px;font-size:12px}.case{margin:8px 0;border-radius:7px}.case-head{padding:9px 11px;gap:9px}.case-title{font-size:14px}.case-head small,.company{font-size:11px}.badge{font-size:10px;padding:3px 8px}.fold{font-size:19px;padding:0 5px}.flags{gap:12px}.flag label{font-size:11px;gap:5px}.flag input{width:16px;height:16px}.case-body{padding:0 10px 10px;gap:9px}.panel{padding:12px;border-radius:6px}.source{padding:7px;gap:9px;margin-bottom:7px}.source img{width:130px;height:90px}.source div{gap:4px}.source strong{font-size:13px}.source small{font-size:10px}.preview-form{margin:0 0 8px;gap:10px}.preview-form small{font-size:10px}.attachments{grid-template-columns:repeat(auto-fill,minmax(100px,130px));gap:7px;margin-bottom:7px}.attachment{padding:5px;gap:3px}.attachment img,.file-icon{height:86px}.attachment strong{font-size:11px}.attachment small{font-size:10px}.compact{padding:3px 7px;font-size:10px}.text-button{font-size:11px;padding:2px}.fields{gap:8px}label{font-size:11px;margin-bottom:7px}input:not([type=checkbox]):not([type=file]),textarea{padding:6px 8px;margin-top:3px;font-size:12px}textarea{min-height:56px}.upload{padding:7px 9px;margin-bottom:7px;font-size:11px}.upload input{display:inline-block;width:auto;max-width:100%;font-size:10px;margin:3px 0 0 6px}.local-previews{gap:5px;margin-bottom:6px}.local-file,.local-file img{width:80px}.local-file img{height:58px}.note{margin:7px 0 10px;max-height:140px;overflow:auto}.history{font-size:10px}.history summary{padding:2px}.edit-request>summary{color:#285e9e;font-size:12px;padding:5px 0}.edit-request[open]>summary{margin-bottom:6px}.preview-hint{font-size:11px;color:#69778b;margin:5px 0 8px}.manual-preview{font-size:11px;max-width:100%}.manual-preview summary{color:#285e9e}.manual-preview[open]{flex:1;min-width:220px}.manual-preview input{max-width:400px}.new{padding:10px 12px;margin:8px 0}.new form{margin-top:10px}.js .new:not([open]){display:none}.empty{padding:35px}.pagination{margin:16px 0;font-size:11px}.panel.dragging{outline:2px dashed #1466d8;outline-offset:-4px;background:#edf5ff}.flag-save{font-size:10px}.login{margin:35px auto;padding:22px}.login label{font-size:13px}.login input{padding:10px!important}.login .primary{padding:9px 15px}@media(min-width:901px){.case-head .company{max-width:190px}.case-head .flags{flex-wrap:nowrap}}@media(max-width:900px){main{padding:12px}.case-body{grid-template-columns:1fr}.flags{width:100%;margin-left:0}.top{padding:8px 12px}.toolbar>.primary{width:auto}}@media(max-width:500px){main{padding:9px}h1{font-size:21px}.case-body{padding:0 7px 7px}.panel{padding:9px}.source{flex-direction:row}.source img{width:100px;height:80px}.filters .button{font-size:11px;padding:5px 7px}.flags{gap:10px}.source div{min-width:0}.manual-preview[open]{min-width:0}.case-title{font-size:13px}.fields{gap:0}.toolbar>.primary{width:100%}.search{max-width:none}.attachments{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}
.case-thumb{display:block;flex:0 0 58px;width:58px;height:44px;border-radius:4px;background:#e8edf3;overflow:hidden}.case-thumb img{display:block;width:100%;height:100%;object-fit:contain}.case-thumb:hover{outline:2px solid #5c91d4;outline-offset:1px}@media(max-width:500px){.case-thumb{flex-basis:48px;width:48px;height:38px}}

.attachment .metadata-link{font-size:10px;line-height:1.3;display:block;padding:2px 0}#metadata-view{width:min(760px,94vw);max-height:88vh;padding:20px;border:1px solid #ccd5e1;border-radius:8px;color:#1c2435}#metadata-view::backdrop{background:#17223899}#metadata-title{padding-right:30px}#metadata-view p{overflow-wrap:anywhere}.metadata-scroll{max-height:57vh;overflow:auto;margin:12px 0}#metadata-view table{width:100%;border-collapse:collapse;font-size:12px}#metadata-view th,#metadata-view td{text-align:left;vertical-align:top;padding:6px 8px;border-bottom:1px solid #e2e8f0;overflow-wrap:anywhere;white-space:pre-wrap}#metadata-view th{width:42%;font-weight:500}.metadata-group th{background:#edf2f8;font-weight:700!important}#metadata-view .close-view{position:absolute;top:8px;right:8px}

.top{align-items:center;flex-wrap:wrap}.top .zen-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-inline:auto;padding:3px 9px;border:1px solid #d7c4a5;border-radius:5px;background:#fffbf4;color:#795020;white-space:nowrap;font-size:12px}.zen-link img{display:block;flex-shrink:0}.top .zen-link:hover{background:#fff2db;text-decoration:none}.top .zen-link:focus-visible{outline:2px solid #1466d8;outline-offset:2px}

.source .source-photo{flex:none;justify-content:flex-start;gap:3px;max-width:44%}.source-photo .metadata-link{font-size:10px;line-height:1.3;padding:2px 0}.source-photo .image-link{display:block}.source-photo img{max-width:100%;display:block}