/* Approved Studio Petrol workspace: shared structure, distinct product identities. */
.program-shell-glas{--studio-dark:#123e48;--studio-soft:#e4f3ee;--studio-mint:#82f1ce;--studio-ink:#172f37}
.program-shell-flow{--studio-dark:#183c78;--studio-soft:#e9f0ff;--studio-mint:#bdd5ff;--studio-ink:#182e4f}
.program-shell-mobil{--studio-dark:#164b3c;--studio-soft:#e7f4ec;--studio-mint:#a7efc4;--studio-ink:#193a2b}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil){--accent:var(--studio-dark);--text:var(--studio-ink);--muted:#566c75;--panel:#fff;--line:#dce5e9;font-family:'Segoe UI',Arial,sans-serif;letter-spacing:0;color:var(--studio-ink);color-scheme:light}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-main{background:#f3f6f8;color:var(--studio-ink);min-width:0}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-sidebar{background:var(--studio-dark)!important;color:#e3edf1}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-sidebar :is(.nav-item-label,.nav-group-label,.app-brand strong,.suite-signature){color:#edf5f7!important}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-sidebar .app-nav a.active{background:var(--studio-mint)!important;color:var(--studio-dark)!important;border-radius:12px}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-sidebar .app-nav a.active :is(.nav-item-label,.nav-icon){background:transparent!important;color:var(--studio-dark)!important}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-nav :is(a,summary){min-height:44px;font-size:13px;font-weight:550;border-radius:10px}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .nav-favorites{display:none!important}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) .app-topbar{background:#fff;border-top:0!important;border-bottom:1px solid #e1e8ec;color:var(--studio-ink);box-shadow:none}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(.app-page,.df45-page){color:var(--studio-ink);background:transparent}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(.page-head,.glas46-hero){background:var(--studio-soft);border:1px solid #dbe6e7;border-radius:20px;padding:28px!important;margin-bottom:24px}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(h1,h2,h3,h4,label,.row-title){color:var(--studio-ink)!important;text-shadow:none}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) h1{font-size:clamp(26px,2.5vw,36px);font-weight:700;letter-spacing:-1.1px}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(.page-head p,.glas46-hero p,.muted,small){color:#526973;opacity:1}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(.panel,.settings-card,.workbench-panel,.glas46-panel,.glas46-card,.glas46-create,.kpi,.commercial-editor,.commercial-live-preview){background:#fff;color:var(--studio-ink);border:1px solid #dfe7eb;border-radius:17px;box-shadow:0 4px 18px #15394505}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff;color:#203946;border:1px solid #a8bbc5;border-radius:9px;min-height:42px;font-size:14px;-webkit-text-fill-color:#203946}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(.btn:not(.secondary):not(.danger):not(.ghost),.df45-btn:not(.secondary),.workbench-button){background:var(--studio-dark)!important;color:#fff!important;border-color:var(--studio-dark);border-radius:11px;min-height:44px;box-shadow:none}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(.btn.secondary,.df45-btn.secondary){background:#fff!important;color:var(--studio-dark)!important;border:1px solid #a4b8c0;border-radius:11px;min-height:44px}
:is(.program-shell-glas,.program-shell-flow,.program-shell-mobil) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #287fad;outline-offset:3px}
.program-shell-glas .glas46-page{padding:24px}.program-shell-glas .df45-section.soft{background:transparent;padding:0}.program-shell-glas .df45-wrap{width:100%;max-width:none}.program-shell-glas .glas46-hero .df45-wrap{gap:24px}.program-shell-glas .df45-section-head h2{font-size:25px}.program-shell-glas .glas46-create{padding:24px}.program-shell-glas .glas46-grid{gap:14px}
.commercial-editor-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.95fr)}.commercial-position-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:12px;background:#f7f9fa}.commercial-position-row>label{display:grid;gap:5px;min-width:0;font-size:11px;color:#4a6270}.commercial-position-row>label:has(textarea){grid-column:1/-1}.studio-row-actions{display:flex;gap:5px;justify-content:flex-end;grid-column:1/-1}.studio-row-actions button{min-width:44px;min-height:36px;background:#fff;border:1px solid #b5c5cc;border-radius:8px;color:#183c48}.commercial-paper{border-top-color:var(--studio-dark,#123e48);box-shadow:0 4px 25px #15394512}.commercial-live-preview{max-height:calc(100vh - 100px);overflow:auto}.studio-preview-expanded{position:fixed!important;inset:20px!important;z-index:2000!important;max-height:calc(100dvh - 40px)!important;max-width:1000px;margin:auto}.studio-preview-toggle{border:1px solid #afbec7;background:#fff;color:#183c48;border-radius:8px;padding:8px 12px;cursor:pointer}.commercial-preview-toolbar{flex-wrap:wrap;gap:8px}
@media(max-width:1100px){.commercial-editor-shell{grid-template-columns:1fr}.commercial-live-preview{position:static;max-height:none}.commercial-paper{min-height:600px}}
@media(max-width:650px){.program-shell-glas .glas46-page{padding:16px}.commercial-position-row{grid-template-columns:1fr 1fr}.commercial-paper{padding:20px 12px;font-size:11px}.commercial-preview-table td,.commercial-preview-table th{padding:8px 3px}.commercial-doc-head{flex-direction:column}.studio-preview-expanded{inset:8px!important;max-height:calc(100dvh - 16px)!important}.commercial-editor-tabs{flex-wrap:wrap}}
@media print{.studio-row-actions,.studio-preview-toggle,.commercial-preview-toolbar{display:none!important}.commercial-live-preview,.studio-preview-expanded{position:static!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important}.commercial-paper{box-shadow:none!important}}
.employee-app{max-width:850px;margin:0 auto;padding:24px 20px 60px;background:#f4f7f8;color:#18313e;min-height:100vh;font-family:'Segoe UI',sans-serif}.employee-app header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #d4e0e4}.employee-app header strong{font-size:22px;color:var(--employee-color)}.employee-app small{display:block;color:#4c6674;margin:8px 0}.employee-app h1{font-size:30px;letter-spacing:-1px}.employee-app h2{font-size:19px;color:#173541}.employee-task,.employee-clock{padding:24px;border:1px solid #d2e1e4;border-radius:18px;background:#fff;margin:18px 0}.employee-clock{background:#e6f3ef}.employee-clock strong{font-size:30px}.employee-app form{display:grid;gap:14px;margin:16px 0}.employee-clock form{display:flex;flex-wrap:wrap}.employee-app label{display:grid;gap:7px;font-size:14px;font-weight:600}.employee-app input,.employee-app select,.employee-app textarea{width:100%;min-height:46px;border:1px solid #829ca8;border-radius:10px;padding:12px;background:white;color:#153644;font-size:16px}.employee-app .btn{min-height:48px;background:var(--employee-color)!important;color:white!important;border-radius:11px;border:0;padding:12px 18px}.employee-note,.employee-history{white-space:pre-wrap;overflow-wrap:anywhere}.employee-history{font-size:12px;color:#4b6673}.employee-app :focus-visible{outline:3px solid #c77909;outline-offset:3px}.employee-app footer{margin-top:32px}.employee-meta{color:#536d78;font-size:13px}

.print-settings-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:24px}.print-settings-grid label{display:block;margin:12px 0}.print-settings-grid input:not([type=radio]):not([type=checkbox]),.print-settings-grid select,.print-settings-grid textarea{display:block;max-width:100%;padding:10px}.print-logo-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.print-logo-choice{border:1px solid #cad9df;border-radius:12px;padding:16px;overflow-wrap:anywhere}.print-logo-choice small{display:block;margin-top:10px}.print-logo{display:inline-block;font-size:22px;line-height:1.3;font-weight:700;max-width:100%;overflow-wrap:anywhere}.print-logo-monogram{font-size:26px}.print-logo-frame{border:1px solid currentColor;padding:8px}.print-logo-signature{font-style:italic;font-weight:400}.print-sample{background:white;color:#24343b;padding:32px;min-height:650px;box-shadow:0 5px 25px #102b3512;overflow-wrap:anywhere}.print-sample footer{margin-top:60px;white-space:pre-wrap}.print-sample header p{white-space:pre-line}@media(max-width:900px){.print-settings-grid{grid-template-columns:1fr}.print-sample{padding:20px}.print-logo-options{grid-template-columns:1fr}}

.customer-suggestion{display:block;width:100%;padding:14px;margin:5px 0;border:1px solid #b8c9d0;background:white;color:#173444;text-align:left;border-radius:8px;cursor:pointer}.customer-suggestion:hover,.customer-suggestion:focus{background:#e8f4f5;outline:2px solid #148080}
