/* Workspace Architecture V1: shell only. Existing report pages remain defined in report.css. */
.workspace-body { overflow: hidden; }
.workspace-root { display: grid; grid-template-columns: 88px 378px minmax(0,1fr); height: 100vh; min-height: 640px; background: #f7f3ee; }
.tool-rail { display: flex; flex-direction: column; align-items: stretch; background: linear-gradient(180deg,#111a2a,#172237); color: #fff; }
.teratur-mark { display: grid; place-items: center; height: 78px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.11); color: #e5c184; }
.teratur-mark img { width: 40px; height: 50px; object-fit: contain; }
.teratur-mark:focus-visible { outline: 2px solid #e5c184; outline-offset: -4px; }
.tool-navigation { display: grid; gap: 2px; padding-top: 28px; }
.tool-nav { min-height: 100px; border: 0; border-left: 4px solid transparent; background: transparent; color: #f7f5f2; cursor: pointer; font: inherit; }
.tool-nav span { display: block; margin-bottom: 9px; font-size: 28px; line-height: 1; }
.tool-nav b { display: block; font-size: 11px; font-weight: 600; }
.tool-nav.active { border-left-color: #8b59dc; background: rgba(139,89,220,.14); }
.tool-nav:hover { background: rgba(255,255,255,.06); }
.properties-pane { display: grid; grid-template-rows: auto minmax(0,1fr); min-width: 0; border-right: 1px solid #dfd8d0; background: #fcfaf7; }
.properties-heading { padding: 27px 28px 22px; border-bottom: 1px solid #e5ddd5; }
.properties-heading span { display: block; margin-bottom: 7px; color: #9a928a; font-size: 10px; font-weight: 800; letter-spacing: 1.2px; }
.properties-heading h1 { margin: 0; color: var(--ink); font: 600 20px/1.15 Arial,Helvetica,sans-serif; letter-spacing: -.5px; }
.properties-scroll { display: block; overflow-y: auto; min-height: 0; padding: 22px 27px 36px; }
.properties-scroll .tool-properties { display: block; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.properties-scroll .tool-properties[hidden] { display: none; }
.properties-scroll h2 { margin-bottom: 14px; font: 600 15px/1.2 Arial,Helvetica,sans-serif; }
.properties-scroll .upload { min-height: 112px; }
.properties-scroll .compact { min-height: 88px; }
.properties-scroll .cover-actions { grid-template-columns: 1fr 1fr; margin-top: 16px; }
.properties-scroll .cover-actions button { min-height: 48px; }
.control-label { margin: 18px 0 8px; color: #25212c; font-size: .76rem; font-weight: 700; }
.properties-scroll .position-grid { margin-top: 18px; }
.properties-scroll .zoom { margin-top: 18px; }
.canvas-zone { display: grid; grid-template-rows: 79px 57px minmax(0,1fr); min-width: 0; min-height: 0; background: radial-gradient(circle at 60% 28%,#fffdf9 0,#f7f3ee 54%,#f0ebe4 100%); }
.workspace-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 42px 0 35px; border-bottom: 1px solid #e2dad3; background: rgba(255,253,249,.75); }
.workspace-toolbar h1 { margin: 0; color: #202231; font: 500 18px/1.2 Arial,Helvetica,sans-serif; letter-spacing: -.35px; }
.workspace-toolbar .export-report { display: inline-flex; align-items: center; justify-content: center; width: auto; margin: 0; padding: 12px 20px; border-radius: 5px; box-shadow: 0 7px 15px rgba(68,31,112,.17); }
.payment-actions { display: grid; gap: 5px; justify-items: end; min-width: 0; }
.payment-buttons { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.preview-report { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 13px; border: 1px solid #6d4bae; border-radius: 5px; background: #fffdfa; color: #573b90; cursor: pointer; font: 700 12px/1 Arial,Helvetica,sans-serif; white-space: nowrap; }
.preview-report:hover, .preview-report:focus-visible { border-color: #4a277f; background: #f7f0ff; }
.workspace-toolbar .export-report:disabled { cursor: wait; opacity: .7; }
.payment-status { max-width: 360px; margin: 0; color: #6d6662; font: 11px/1.25 Arial,Helvetica,sans-serif; text-align: right; }
.payment-status[data-state="success"] { color: #17744e; }
.payment-status[data-state="error"] { color: #a13e32; }
.payment-status[data-state="pending"] { color: #573b90; }
.canvas-navigation { display: flex; align-items: center; justify-content: center; gap: 0; border-bottom: 1px solid #e2dad3; background: rgba(255,253,249,.48); }
.page-tab { min-width: 100px; padding: 10px 19px; border: 1px solid #dfd8d0; background: #fffdfa; color: #6e6967; cursor: pointer; font: 500 14px/1 Arial,Helvetica,sans-serif; }
.page-tab:first-child { border-radius: 5px 0 0 5px; }
.page-tab:nth-child(2) { border-left: 0; border-radius: 0 5px 5px 0; }
.page-tab.active { background: #151d2b; color: #fff; border-color: #151d2b; }
.preview-pages { display: grid; align-items: start; justify-items: center; min-height: 0; overflow: auto; padding: 16px 28px 26px; background: transparent; }
.preview-pages .page { zoom: var(--desktop-preview-zoom,1); margin: 0; }
.preview-pages .page-two { display: none; }
.currency-confirmation-notice { width: min(620px,100%); margin: 48px auto; padding: 32px; border: 1px solid #dfd8d0; border-radius: 8px; background: #fffdfa; box-shadow: 0 12px 28px rgba(41,32,58,.08); color: #25212c; }
.currency-confirmation-notice .micro { margin: 0 0 10px; color: #6d4bae; font: 800 10px/1 Arial,Helvetica,sans-serif; letter-spacing: 1.25px; }
.currency-confirmation-notice h2 { margin: 0 0 10px; font: 600 24px/1.18 Georgia,"Times New Roman",serif; }
.currency-confirmation-notice p:last-child { margin: 0; color: #625c58; font: 14px/1.55 Arial,Helvetica,sans-serif; }
.workspace-body.currency-confirmation-required .preview-report,
.workspace-body.currency-confirmation-required .export-report { cursor: not-allowed; opacity: .58; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1100px) { .workspace-root { grid-template-columns: 72px 320px minmax(0,1fr); } .workspace-toolbar { padding-inline: 24px; } }
@media (max-width: 800px) { .workspace-body { overflow: auto; } .workspace-root { grid-template-columns: 1fr; height: auto; min-height: 100vh; } .tool-rail { position: sticky; top: 0; z-index: 5; flex-direction: row; min-height: 62px; } .teratur-mark { width: 62px; height: 62px; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 0; } .tool-navigation { display: grid; grid-template-columns: repeat(4,1fr); flex: 1; padding: 0; } .tool-nav { min-height: 62px; border-left: 0; border-bottom: 3px solid transparent; } .tool-nav span { display: none; } .tool-nav.active { border-left: 0; border-bottom-color: #8b59dc; } .properties-pane { grid-template-rows: auto auto; border-right: 0; border-bottom: 1px solid #dfd8d0; } .properties-scroll { max-height: 52vh; } .canvas-zone { min-height: 780px; grid-template-rows: auto 54px minmax(0,1fr); } .workspace-toolbar { padding: 16px; } .workspace-toolbar h1 { font-size: 15px; } .preview-pages { padding: 16px 0; } .preview-pages .page { zoom: .45; } }