:root{--cms-primary:#d3411c;--cms-accent:#f24c20;--cms-background:#f5f6f8;--cms-surface:#fff;--cms-sidebar:#191e28;--cms-text:#19212d;--cms-muted:#647080;--cms-border:#e7e9ee;--cms-soft:#fff1e9;--cms-button-text:#fff;--cms-highlight-text:#000;--cms-link:#d3411c}
.live-portal{color:var(--cms-text);background:var(--cms-background);--muted:var(--cms-muted)}
.live-portal .sidebar,.live-portal .topbar{background:var(--cms-sidebar);color:var(--cms-sidebar-text,var(--cms-text));--muted:var(--cms-sidebar-muted,var(--cms-muted))}
.live-portal .brand-mark{color:var(--cms-brand,var(--cms-text));max-width:100%;overflow-wrap:anywhere}
.live-portal .brand-caption{overflow-wrap:anywhere;line-height:1.5}
.live-portal .primary{background:var(--client-accent);border-color:var(--client-accent);color:var(--cms-button-text)}
.live-portal .secondary,.live-portal .stat,.live-portal .order-card,.live-portal .live-detail,.live-portal .panel-card,.live-portal .client-card,.live-portal .welcome-panel,.live-portal dialog{background:var(--cms-surface);color:var(--cms-text);border-color:var(--cms-border)}
.live-portal .nav-item,.live-portal .nav-item.active,.live-portal .live-tabs button{color:var(--cms-text);overflow-wrap:anywhere}
.live-portal .sidebar .nav-item:not(.active){color:var(--cms-sidebar-text,var(--cms-text))}
.live-portal .sidebar .portal-label,.live-portal .sidebar .session-user small,.live-portal .topbar .private-badge{color:var(--cms-sidebar-muted,var(--cms-muted))}
.live-portal .sidebar :focus-visible,.live-portal .topbar :focus-visible{outline-color:var(--cms-sidebar-text,var(--cms-text))}
.live-portal .nav-item.active,.live-portal .order-card.selected,.live-portal .order-card:hover{background:var(--cms-soft)}
.live-portal .order-card.selected{border-color:var(--client-accent)}
.live-portal .mini-progress{background:var(--cms-soft)}.live-portal .mini-progress span{background:var(--client-accent)}
.live-portal .live-progress,.live-portal .live-order-notes,.live-portal .note-box{background:var(--cms-soft);color:var(--cms-text)}
.live-portal .live-progress li.current{color:var(--cms-text)}.live-portal .live-progress li.current>span{background:var(--client-accent);color:var(--cms-button-text)}
.live-portal .live-progress li.done>span{background:var(--cms-accent);color:var(--cms-highlight-text)}
.live-portal .live-message,.live-portal .live-message.client{background:var(--cms-soft);color:var(--cms-text)}
.live-portal .welcome-label,.live-portal .attachment-link,.live-portal .file-list button,.live-portal .upload-progress{color:var(--cms-link)}
.live-portal input,.live-portal select,.live-portal textarea{background:var(--cms-surface);color:var(--cms-text);border-color:var(--cms-border)}
.live-portal input::placeholder,.live-portal textarea::placeholder{color:var(--cms-muted);opacity:1}
.live-portal h1,.live-portal h2,.live-portal h3,.live-portal .brand,.live-portal .website-link{overflow-wrap:anywhere}
.live-portal .intro .primary{white-space:normal;max-width:100%}
.live-portal button:disabled,.live-portal input:disabled,.live-portal select:disabled,.live-portal textarea:disabled{opacity:.65;cursor:wait}
.live-portal :focus-visible{outline:3px solid var(--cms-text);outline-offset:3px}
.cms-page{max-width:1500px}.cms-owner-badge{background:var(--cms-soft);border:1px solid var(--cms-border);border-radius:20px;padding:8px 14px;font-size:14px;white-space:nowrap}
.cms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;margin-bottom:14px;border-block:1px solid var(--cms-border)}
.cms-toolbar strong{display:block;font-size:16px}.cms-toolbar small{display:block;font-size:14px;color:var(--cms-muted);margin-top:7px}
.cms-save-actions{display:flex;flex-wrap:wrap;gap:10px}.cms-layout{display:grid;grid-template-columns:minmax(330px,1.05fr) minmax(320px,1fr);gap:24px;align-items:start}.cms-editor{min-width:0}
.cms-tabs{display:flex;gap:8px;border-bottom:1px solid var(--cms-border);padding-bottom:14px;margin-bottom:22px}.cms-tabs button{font-size:15px;font-weight:600;padding:10px 14px;border:1px solid var(--cms-border);border-radius:6px;background:var(--cms-surface);color:var(--cms-text)}.cms-tabs button[aria-selected=true]{background:var(--cms-soft);border-color:var(--client-accent)}
.cms-search{margin-bottom:20px}.cms-group{border-top:1px solid var(--cms-border);padding:16px 0}.cms-group summary{font-size:16px;font-weight:600;cursor:pointer;line-height:1.6;overflow-wrap:anywhere}.cms-group summary small{font-size:13px;font-weight:400;color:var(--cms-muted);margin-left:8px}
.cms-label-field{margin:22px 0;min-width:0}.cms-label-field>small{display:block;font-size:13px;color:var(--cms-muted);margin-top:7px;line-height:1.5;overflow-wrap:anywhere}.cms-label-field textarea{min-height:90px}.cms-help{font-size:14px;color:var(--cms-muted);line-height:1.6}.cms-reset-actions{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid var(--cms-border);padding-top:20px;margin-top:20px}
.cms-colors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cms-color-inputs{display:flex;gap:8px;align-items:center}.cms-color-inputs input[type=color]{width:54px;height:46px;min-width:54px;padding:4px}.cms-color-inputs input[type=text]{min-width:0;font-family:ui-monospace,monospace}.cms-client-colors{margin-top:28px}
.cms-live-preview{position:sticky;top:18px;min-width:0}.cms-preview-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.cms-preview-heading h2{font-size:18px;margin:0}.cms-preview-heading p{font-size:14px;color:var(--cms-muted);margin:6px 0}.cms-preview-heading label{max-width:200px}.cms-preview-heading select{font-size:14px;margin-top:5px}
.cms-preview{border:1px solid var(--cms-border);border-radius:10px;overflow:hidden;background:var(--cms-background);color:var(--cms-text);box-shadow:0 8px 30px #0000000a}.cms-sample-header{color:var(--cms-sidebar-text,var(--cms-text));display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;background:var(--cms-sidebar);border-bottom:1px solid var(--cms-border);padding:18px}.cms-sample-header>strong{font-size:28px;letter-spacing:-1px;overflow-wrap:anywhere;color:var(--cms-brand,var(--cms-text))}.cms-sample-header>span{font-size:13px;letter-spacing:1px}.cms-sample-header>small{font-size:13px;color:var(--cms-sidebar-muted,var(--cms-muted));width:100%}
.cms-sample-body{padding:20px}.cms-sample-body h2{font-size:24px;line-height:1.25;margin:15px 0 12px}.cms-sample-body h3{font-size:16px;margin:18px 0 10px}.cms-sample-body p{font-size:14px;color:var(--cms-muted);line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.cms-sample-body small{font-size:13px;color:var(--cms-muted)}
.cms-sample-button{display:inline-flex;align-items:center;justify-content:center;background:var(--client-accent);color:var(--cms-button-text);font-size:14px;border-radius:6px;padding:11px 14px;line-height:1.5;overflow-wrap:anywhere}.cms-sample-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.cms-sample-nav span{border-radius:5px;padding:8px 10px;font-size:14px;overflow-wrap:anywhere}.cms-sample-nav span:first-child{background:var(--cms-soft);box-shadow:inset 3px 0 var(--client-accent)}
.cms-sample-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.cms-sample-stats div{background:var(--cms-surface);border:1px solid var(--cms-border);padding:14px 10px;border-radius:7px;min-width:0}.cms-sample-stats span{display:block;font-size:13px;color:var(--cms-muted);overflow-wrap:anywhere}.cms-sample-stats strong{display:block;font-size:28px;margin-top:10px}.cms-sample-card{background:var(--cms-surface);border:1px solid var(--cms-border);border-radius:7px;padding:15px}.cms-sample-card h3{margin-top:0}
.cms-sample-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;margin:18px 0 0;padding:0;list-style:none}.cms-sample-progress li{font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:var(--cms-muted)}.cms-sample-progress span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--cms-soft);color:var(--cms-text);margin-bottom:6px}.cms-sample-progress li:first-child span{background:var(--cms-accent);color:var(--cms-highlight-text)}
.cms-sample-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cms-sample-fields strong{display:block;font-size:14px;margin-bottom:7px}.cms-sample-fields span{display:block;background:var(--cms-surface);border:1px solid var(--cms-border);border-radius:5px;font-size:14px;line-height:1.5;padding:10px;overflow-wrap:anywhere}.cms-sample-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cms-sample-welcome{background:var(--cms-surface);padding:18px;border-top:4px solid var(--cms-accent);border-radius:8px}
@media(max-width:1150px){.cms-layout{grid-template-columns:1fr}.cms-live-preview{position:static;grid-row:1}.cms-preview{max-width:700px}.cms-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cms-toolbar{align-items:flex-start;flex-direction:column}.cms-save-actions{width:100%}.cms-save-actions button{flex:1}.cms-preview-heading{flex-direction:column}.cms-preview-heading label{max-width:none;width:100%}.cms-colors{grid-template-columns:1fr 1fr}.cms-sample-body{padding:16px}.cms-sample-fields{grid-template-columns:1fr}.cms-owner-badge{display:none}.cms-sample-stats{grid-template-columns:1fr}.cms-sample-stats div{display:flex;align-items:center;justify-content:space-between;gap:12px}.cms-sample-stats strong{margin:0}.live-portal .intro{flex-wrap:wrap}.cms-tabs button{flex:1}}
@media(prefers-reduced-motion:reduce){.cms-page *{scroll-behavior:auto!important}}
.live-portal h1,.live-portal h2,.live-portal h3{color:var(--cms-text)}.live-portal #live-toast{background:var(--client-accent);color:var(--cms-button-text)}.cms-sample-header>span{max-width:100%;overflow-wrap:anywhere}
.live-portal .brand-caption[hidden]{display:none}
.cms-logo-preview,.adf-settings-logo{display:flex;align-items:center;justify-content:center;min-height:120px;max-width:320px;padding:20px;margin:18px 0;background:var(--cms-sidebar);border:1px solid var(--cms-border);border-radius:8px;color:var(--cms-sidebar-text,var(--cms-text));font-size:36px;font-weight:700;overflow-wrap:anywhere}
.cms-tabs{flex-wrap:wrap}.cms-tabs button{min-height:44px}.live-portal #cms-logo-file{max-width:100%;font-size:14px}.live-portal #cms-logo-file::file-selector-button{font:inherit;border:1px solid var(--cms-border);border-radius:5px;background:var(--cms-soft);color:var(--cms-text);padding:8px 12px;cursor:pointer;margin-right:12px}
.live-portal .brand{width:100%;max-width:100%;padding-left:8px}.live-portal .brand-mark{display:block;width:100%}
.adf-logo-frame{display:block;position:relative;width:var(--logo-desktop-width,160px);max-width:100%;aspect-ratio:1;overflow:hidden;flex-shrink:0;line-height:0;font-size:0}
.live-portal .brand-mark>.adf-logo-frame{display:block;font-size:0;font-style:normal;transform:none}
.adf-logo-frame>.adf-brand-logo{position:absolute;left:0;top:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:fill}
.adf-logo-frame:not([data-logo-ready])>.adf-brand-logo{opacity:0}
.cms-logo-controls{border-top:1px solid var(--cms-border);margin-top:24px;padding-top:24px}.cms-logo-sizes{display:grid;gap:20px;margin:20px 0}.cms-logo-sizes output{float:right;font-size:14px;color:var(--cms-muted);font-weight:400}.live-portal .cms-logo-sizes input[type=range]{padding:0;min-height:36px;border:0;accent-color:var(--cms-primary);background:transparent}
.cms-logo-mobile-preview{display:flex;align-items:center;justify-content:center;max-width:240px;min-height:100px;padding:18px;background:var(--cms-sidebar);border:1px solid var(--cms-border);border-radius:8px;margin:12px 0 20px}.cms-logo-mobile-preview .adf-logo-frame{width:var(--logo-mobile-width,104px)}
.cms-crop-wrap{display:flex;justify-content:center;background:var(--cms-background);padding:12px;margin:18px 0;border:1px solid var(--cms-border);border-radius:8px;overflow:hidden}.cms-crop-stage{position:relative;display:inline-block;max-width:100%;overflow:hidden;line-height:0;touch-action:none;user-select:none}.cms-crop-stage>img{display:block;width:auto;height:auto;max-width:100%;max-height:320px;pointer-events:none}.cms-crop-selection{position:absolute;box-shadow:0 0 0 9999px #0009,inset 0 0 0 2px #fff;outline:1px solid #000;cursor:move;touch-action:none}
.cms-crop-handle{position:absolute;width:22px;height:22px;border:2px solid #172c24;background:#fff;border-radius:50%;padding:0;touch-action:none}.cms-crop-handle.nw{left:0;top:0;cursor:nwse-resize}.cms-crop-handle.ne{right:0;top:0;cursor:nesw-resize}.cms-crop-handle.sw{left:0;bottom:0;cursor:nesw-resize}.cms-crop-handle.se{right:0;bottom:0;cursor:nwse-resize}.cms-crop-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.live-portal .cms-crop-stage :focus-visible{outline:3px solid #f8d642;outline-offset:-3px}
@media(max-width:760px){.live-portal .sidebar .adf-logo-frame{width:var(--logo-mobile-width,104px)}.cms-tabs button{flex:1 1 100px}.cms-logo-preview,.adf-settings-logo{width:100%;max-width:320px}}
.cms-favicon-tab{display:flex;gap:10px;align-items:center;max-width:100%;background:var(--cms-background);border:1px solid var(--cms-border);border-radius:10px 10px 0 0;padding:14px;margin:18px 0;font-size:14px}.cms-favicon-tab img{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0}.cms-favicon-tab span{overflow-wrap:anywhere}.cms-favicon-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.live-portal #cms-favicon-file{max-width:100%;font-size:14px}