.qc-unshipped { width:min(680px,calc(100vw - 24px)); max-height:90dvh; padding:0; border:1px solid var(--glorion-border-light,#333335); border-radius:10px; color:var(--glorion-text-primary,#F0EBE0); background:var(--glorion-surface,#161617); color-scheme:dark; }
.qc-unshipped::backdrop { background:rgb(15 23 42 / .5); }
.qc-unshipped form { padding:20px; }
.qc-unshipped header,.qc-unshipped footer { display:flex; justify-content:space-between; gap:16px; align-items:start; }
.qc-unshipped h2 { font-size:18px; font-weight:650; margin:0; }
.qc-unshipped p { margin:10px 0; font-size:13px; line-height:1.5; }
.qc-unshipped label { display:block; margin:14px 0; font-size:13px; font-weight:600; }
.qc-unshipped input,.qc-unshipped textarea { display:block; box-sizing:border-box; width:100%; border:1px solid; border-color:var(--glorion-text-secondary) !important; border-radius:6px; margin-top:6px; padding:10px; color:inherit; background:var(--glorion-surface-2); font-family:inherit; font-size:14px; font-weight:400; }
/* The app's global placeholder/focus rules are !important. Keep the override
   scoped here so existing forms retain their own styling. */
.qc-unshipped input::placeholder,.qc-unshipped textarea::placeholder { color:var(--glorion-text-secondary) !important; opacity:1; }
.qc-unshipped button { min-height:40px; padding:8px 12px; border:1px solid var(--glorion-text-secondary); border-radius:6px; font-size:13px; cursor:pointer; color:inherit; background:var(--glorion-surface); }
.qc-unshipped button:not(:disabled):hover { background:var(--glorion-surface-2); }
.qc-unshipped button:not(:disabled):active { background:var(--glorion-border); }
.qc-unshipped button:disabled { opacity:.55; cursor:default; }
.qc-unshipped :focus-visible,.qc-unshipped-entry:focus-visible { outline:2px solid var(--glorion-gold) !important; outline-offset:3px; }
.qc-unshipped footer { justify-content:flex-end; margin-top:16px; }
#qcUnshippedSave { background:var(--glorion-blue); border-color:var(--glorion-blue); color:#fff; }
#qcUnshippedSave:not(:disabled):hover { background:var(--glorion-blue); border-color:var(--glorion-blue-light); }
#qcUnshippedSave:not(:disabled):active { background:var(--glorion-blue); box-shadow:inset 0 0 0 1px var(--glorion-blue-light); }
.qc-unshipped table { width:100%; border-collapse:collapse; margin:14px 0; font-size:13px; }
.qc-unshipped caption { text-align:left; font-size:12px; margin-bottom:8px; }
.qc-unshipped th,.qc-unshipped td { padding:8px 4px; text-align:right; border-bottom:1px solid var(--glorion-border-light,#333335); }
.qc-unshipped th:first-child { text-align:left; }
.qc-unshipped-docs { padding:12px; background:var(--glorion-surface-2,#1E1E1F); font-size:12px; border-radius:6px; }
.qc-unshipped summary { cursor:pointer; padding:8px 0; }
.qc-unshipped li { margin:6px 0; overflow-wrap:anywhere; }
.qc-unshipped-note,#qcUnshippedItem { color:var(--glorion-text-secondary,#9A8E7A); overflow-wrap:anywhere; }
#qcUnshippedError,.qc-unshipped-blocked { color:var(--glorion-red-light); background:var(--glorion-red-dim); padding:10px; border-radius:6px; }
.qc-unshipped-entry { color:var(--glorion-blue-light); border-color:var(--glorion-blue-light); background:transparent; }
.qc-unshipped-entry:hover { background:var(--glorion-blue-dim); }
.qc-unshipped-entry:active { background:var(--glorion-surface-2); }
@media(max-width:480px) { .qc-unshipped form { padding:14px; } .qc-unshipped h2 { font-size:17px; } .qc-unshipped td,.qc-unshipped th { padding:8px 2px; } }

[data-theme="light"] .qc-unshipped { color-scheme:light; }