/* Readable filters and private image previews in the workspace. */
.app .delivery-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}
.delivery-scope .scope-field{display:grid;gap:8px;min-width:0}
.app .delivery-scope label{font-size:14px;color:#c5d3e4}
.app .delivery-scope .select-control{width:100%;min-width:0;min-height:44px}
.delivery-metric-help{grid-column:1/-1;color:#b7c8dc;font-size:13px;line-height:1.6}
.delivery-metric-help summary{cursor:pointer;width:fit-content;padding:4px 0}
.delivery-metric-help p{margin:8px 0 0;max-width:85ch}
.app [data-page=deliveries] .metric-grid{gap:12px}
.app [data-page=deliveries] .metric-card{padding:18px}
.app [data-page=deliveries] .metric-label{color:#bfcede;font-size:14px}
.app [data-page=deliveries] .metric-value{margin:12px 0;font-size:30px}
.app .media-preview-button{display:block;width:100%;padding:0;border:0;cursor:zoom-in;font:inherit;font-size:13px;color:#c5d3e4;overflow:hidden}
.media-preview-button img{display:block;width:100%;height:100%;object-fit:contain}
.media-preview-button:focus-visible{outline:2px solid #65dfcc;outline-offset:-3px}
.media-image-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #344b64;border-radius:18px;background:#0e1727;color:#eef5ff}
.media-image-dialog::backdrop{background:#000b}
.media-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid #293b50}
.media-image-dialog h2{font-size:17px;margin:0;overflow-wrap:anywhere;min-width:0}
.media-image-dialog header button{flex:none;min-height:44px}
.media-image-body{padding:20px;text-align:center;min-height:120px;overflow:auto}
.media-image-body img{display:block;max-width:100%;max-height:calc(90dvh - 130px);object-fit:contain;margin:auto}
.app[data-workspace-view=editor] .autosave{flex:0 0 auto;max-width:230px;white-space:normal;line-height:1.4}
.app[data-workspace-view=editor] #saveStatus{overflow:visible;text-overflow:clip}
@media(min-width:821px) and (max-width:1180px){
 .app[data-workspace-view=editor] .workspace-bot-context{min-width:150px;flex:1 1 220px}
 .app[data-workspace-view=editor] .editor-actions .btn span{display:none}
 .app[data-workspace-view=editor] .editor-actions{gap:5px}
 .app[data-workspace-view=editor] .editor-actions .btn{padding:0 10px}
 .app[data-workspace-view=editor] .autosave{max-width:180px;font-size:12px}
}
@media(max-width:820px){
 .app .delivery-scope{grid-template-columns:1fr;padding:16px}
 .app[data-workspace-view=editor]{grid-template-rows:144px minmax(0,1fr) max(72px,calc(64px + env(safe-area-inset-bottom)))}
 .app[data-workspace-view=editor] .topbar{flex-wrap:wrap;align-content:center;gap:6px}
 .app[data-workspace-view=editor] .workspace-bot-context{flex:1 1 calc(100% - 50px)}
 .app[data-workspace-view=editor] .editor-actions{order:2;flex:0 0 100%;justify-content:center;margin:0}
 .app[data-workspace-view=editor] #autosave{display:inline-flex!important;order:5;flex:0 0 100%;max-width:none;justify-content:center;font-size:12px}
 .app[data-workspace-view=editor] .library{top:144px}
 .app[data-workspace-view=editor] .inspector{top:144px}
 .media-image-dialog header{padding:12px;gap:10px}.media-image-body{padding:12px}
}