/* InvoiceSafe V5.7D — editor completion, preserving the existing dark navy UI. */
:root{--is-control-surface:#21364d;--is-control-stroke:#425d76;--is-control-text:#e8f3ff}
/* Calm but readable workspace controls. */
body:not(.is-home) .toolbar .save-indicator{font-size:11px;font-weight:500;max-width:195px;color:#b4d6e9;white-space:nowrap}
#is-editor-lock:not([hidden]){display:inline-flex!important;align-items:center;gap:6px}
#is-editor-lock svg{width:15px;height:15px}
/* The print document intentionally uses its own typography. */
.paper .paper-top>div:first-child{position:relative;flex:1;min-width:0;padding-right:145px;min-height:80px}
.paper .paper-sender-brand{display:block;max-width:100%;min-height:24px}
.paper .paper-sender-logo{position:absolute;right:0;top:0;width:calc(110px * var(--logo-scale,1));height:calc(60px * var(--logo-scale,1));max-height:none;max-width:165px;object-fit:contain;transition:outline-color .12s}
.paper .paper-business-detail{max-width:100%;word-wrap:break-word}
.paper .paper-top>div:last-child{min-width:194px}
.paper .paper-metadata{font-size:14px;line-height:1.7}
.paper .paper-metadata strong{font-size:14px;font-weight:700}
.paper [data-preview-logo]{outline:2px solid transparent;outline-offset:3px;border-radius:2px}
body.is-preview-editing .paper [data-preview-logo]{cursor:pointer;outline:1px dashed rgba(50,117,164,.65)}
body.is-preview-editing .paper [data-preview-logo]:hover,body.is-preview-editing .paper [data-preview-logo].is-selected-logo{outline:3px solid #378bc1}
/* Hide the document's editable controls when nothing is selected. */
.preview-logo-tools[hidden]{display:none!important}
.preview-logo-tools{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:12px;padding:9px 12px;color:#e8f4ff;border:1px solid #557995;background:#203750;border-radius:9px;box-shadow:0 16px 38px #030d1b80;font:500 12px 'Poppins','Segoe UI',sans-serif;min-width:min(355px,calc(100vw - 24px))}
.preview-logo-tools label{display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}
.preview-logo-tools output{font-weight:650;color:#9ed5f5}
.preview-logo-tools input{width:120px;accent-color:#4c9ccb;cursor:pointer}
.preview-logo-tools button{background:#2b4a68;color:#e9f3ff;border:1px solid #587891;padding:7px 9px;border-radius:5px;font:inherit;cursor:pointer}
.preview-logo-tools button:hover{background:#3a6689}
.is-logo-scale-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#c3daeb;font:500 12px 'Poppins','Segoe UI',sans-serif}
.is-logo-scale-control label{min-width:190px}.is-logo-scale-control output{min-width:48px;color:#eaf3ff;font-weight:650}
.is-logo-scale-control input{width:190px;accent-color:#54a4d2;cursor:pointer}
.is-logo-preview img{transition:transform .15s ease;transform-origin:center;max-width:65%;max-height:65%}
/* Individual task markers identify consecutive entries without bright decorative panels. */
.painting-task .task-badge{display:grid;place-items:center;border-radius:7px;width:29px;height:29px;min-width:29px;background:#2e6689;border:1px solid #5f99b8;color:#f5faff;font-size:12px;font-weight:700}
.painting-task:nth-child(4n+2) .task-badge{background:#315d85;border-color:#6594bc}
.painting-task:nth-child(4n+3) .task-badge{background:#38657c;border-color:#74a9c0}
.painting-task:nth-child(4n+4) .task-badge{background:#555d8e;border-color:#8996c7}
.painting-task [data-action="delete-task"]{border-radius:6px!important;width:32px;height:32px;min-width:32px;display:grid;place-items:center;background:#4d2939!important;border:1px solid #915062!important;color:#ffc4ce!important;font-size:18px}
.painting-task [data-action="delete-task"]:hover:not(:disabled){background:#733244!important}
.painting-task [data-action="delete-task"]:disabled{opacity:.35}
@media(max-width:750px){.paper .paper-top>div:first-child{padding-right:130px}.paper .paper-sender-logo{max-width:145px}.preview-logo-tools{flex-wrap:wrap;gap:8px}.preview-logo-tools input{width:100px}}
/* The old topbar used a higher stacking layer than the settings drawer.
   Keep modal/drawer controls above it so Close works with mouse and touch. */
body:not(.is-home) .settings-drawer{z-index:80!important}
body:not(.is-home) #settings-backdrop{z-index:79!important}