/* EVER IT management theme. Customer display surfaces retain their own brand. */
:root{--flow-bg:#080c18;--flow-surface:#111b2e;--flow-raised:#17253d;--flow-border:#2d405f;--flow-text:#f6f8ff;--flow-muted:#b7c6dc;--flow-blue:#365eff;--flow-highlight:#b7c6ff}
body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:26px 18px;background:#090f1e;border-right:1px solid #263653;gap:0}.sidebar .flow-logo{margin-bottom:24px}.sidebar .rail-label{margin:0 0 18px;color:#91a8ca;font-size:10px;letter-spacing:.16em}.sidebar nav{gap:6px}.sidebar nav button{min-height:46px;padding:12px;font-size:14px;border-radius:11px;color:#bdcbe1}.sidebar nav button.active{background:#182953;border-color:#365eff66;color:#fff}.sidebar nav button:hover{background:#15243d;color:#fff}.sidebar .client-switcher{width:100%;min-width:0;max-width:none;min-height:74px;margin:0 0 18px;padding:12px;gap:9px;box-shadow:0 8px 24px #0002;border-color:#3b5277;background:linear-gradient(140deg,#1c2d4a,#14223a)}.sidebar .client-switcher-icon{width:27px;height:31px;font-size:18px}.sidebar .client-switcher #profileSelect{display:block;width:100%;min-width:0;max-width:100%;min-height:32px;border:0;background:transparent;color:#fff;font:600 14px/1.5 Inter,system-ui,sans-serif;padding:2px 18px 2px 0;color-scheme:dark}.sidebar .client-switcher label{font-size:9px;letter-spacing:.09em;color:#a8bddb}.sidebar .rail-bottom{margin-top:auto;padding-top:26px}.sidebar .rail-session-card{background:#101c30;border-color:#2d4264;border-radius:14px}.workspace{min-width:0;background:radial-gradient(ellipse at 75% 0,#1e327130,transparent 46%),#080c18}.workspace #main{padding:40px 36px 48px}.topbar{height:auto;min-height:116px;padding:20px 36px;background:#0b1121eF;backdrop-filter:blur(18px);border-bottom:1px solid #273957}.topbar>.top-actions{display:grid!important;grid-template-columns:1.2fr repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:10px;width:100%}.topbar>.top-actions>button,.topbar #cloudStatus{width:100%;max-width:none;min-width:0;min-height:56px;border-radius:12px;padding:11px 14px;font-size:13px}.topbar #cloudStatus{padding-left:27px}.breadcrumb{font-size:11px;letter-spacing:.06em}.workspace .page-intro{margin-bottom:30px;gap:24px}.workspace .page-intro h1{font-size:clamp(32px,3.1vw,52px);font-weight:700;letter-spacing:-.05em;line-height:1.12;margin-top:13px}.workspace .page-intro p{font-size:16px;line-height:1.75;max-width:75ch;color:var(--flow-muted)}.workspace .panel,.workspace .content-row,.workspace .steps article{border:1px solid var(--flow-border);border-radius:18px;background:linear-gradient(145deg,#15223a,#101a2c);box-shadow:0 12px 30px #00000012}.workspace .panel{padding:26px}.workspace .panel h2,.workspace .panel h3{color:var(--flow-text);letter-spacing:-.03em;line-height:1.25}.workspace .panel p,.workspace .content-row p{color:var(--flow-muted);line-height:1.7}.workspace button,.workspace .button-link{font-size:14px;line-height:1.45;border-radius:11px;min-height:44px}.workspace button.primary,.workspace .button-link.primary{background:#365eff;color:#fff;border-color:#6281ff;box-shadow:0 6px 18px #2449ea20}.workspace button.primary:hover{background:#486dff}.workspace button:not(.primary):not(.tile):hover{border-color:#6683af}.workspace input:not([type=checkbox]):not([type=radio]):not([type=color]),.workspace select,.workspace textarea{font-size:15px;line-height:1.5;border-radius:10px;min-height:46px;border-color:#415b80;background:#0c1729;color:#f6f8ff}.workspace label{font-size:14px;line-height:1.5;color:#dce6f7}.workspace .microcopy,.workspace .note-box{font-size:13px;line-height:1.75}.workspace .note-box{border-radius:13px}.workspace .content-row{padding:23px 25px;margin-bottom:16px;gap:24px}.workspace .content-row h3{font-size:20px;line-height:1.35}.workspace .stat-grid>div,.workspace .value-strip>div{border-radius:15px;border:1px solid #2d4264;background:#111e34;padding:20px}.workspace .workspace-footer{font-size:12px;line-height:1.7}.workspace :is(button,a,input,textarea,select):focus-visible,dialog :is(button,a,input,textarea,select):focus-visible{outline:3px solid #a8c2ff;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}
/* Consistent, readable dialogs. */
#detailDialog,#editDialog{background:#101a2d;color:#f6f8ff;border:1px solid #40597f;border-radius:22px;box-shadow:0 32px 100px #0008}#detailDialog::backdrop,#editDialog::backdrop{background:#040814bb;backdrop-filter:blur(8px)}#detailDialog{width:min(850px,calc(100vw - 32px));max-height:90dvh;padding:28px}#detailDialog h1{font-size:32px;line-height:1.15;letter-spacing:-.04em}#detailDialog h2{font-size:22px}#detailDialog p,#detailDialog .detail-prose{font-size:16px;line-height:1.75;color:#c6d4e9}#detailDialog .eyebrow{color:#a9bdff}#detailDialog input,#detailDialog textarea,#detailDialog select{background:#0b1527;color:#fff;border:1px solid #445e83;font:15px/1.6 Inter,system-ui,sans-serif;border-radius:10px;min-height:46px;padding:12px}#detailDialog label{font-size:14px;color:#dce6f7}#detailDialog button{min-height:44px;font-size:14px;border-radius:10px;background:#1b2d4a;color:#eaf1ff;border:1px solid #4a6287}#detailDialog .primary{background:#365eff;color:#fff;border-color:#6281ff}#detailDialog .dialog-bottom{border-top:1px solid #334a6d;color:#a9bddb;font-size:12px;line-height:1.6;padding-top:18px}#detailDialog .dialog-top{margin-bottom:24px}#detailDialog .pill{background:#223959;color:#e5edff;border:1px solid #47668f}
/* Editor: content and preview, with persistent save controls. */
#editDialog{width:min(1120px,calc(100vw - 40px));max-width:none;max-height:92dvh;padding:0;overflow:auto}#editForm{margin:0}#editForm .editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 30px;border-bottom:1px solid #304564;background:#111d32;position:sticky;top:0;z-index:3}#editForm .editor-header h2{font-size:27px;line-height:1.25;letter-spacing:-.035em;margin:7px 0 6px;color:#f6f8ff}#editForm .editor-header p{color:#b9c9e0;font-size:14px;margin:0;line-height:1.6}#editForm .eyebrow{color:#a9bdff;font-size:10px;letter-spacing:.13em}#editForm .editor-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:28px;padding:28px 30px}#editForm .editor-fields{min-width:0}#editForm .editor-section+.editor-section{border-top:1px solid #304564;margin-top:27px;padding-top:27px}#editForm .editor-section h3{display:flex;align-items:center;gap:10px;font-size:19px;color:#f6f8ff;margin:0 0 22px}#editForm .editor-section h3>span{font-size:12px;background:#223c67;border:1px solid #466692;width:27px;height:27px;display:grid;place-items:center;border-radius:8px}#editForm label{font-size:14px;font-weight:550;line-height:1.5;color:#e1eafa;margin:18px 0 8px;display:block}#editForm label small{float:right;color:#93aaca;font-size:12px;font-weight:400}#editForm input:not([type=checkbox]):not([type=hidden]),#editForm textarea,#editForm select{width:100%;min-width:0;min-height:48px;padding:12px 13px;background:#0a1527;color:#f4f7ff;border:1px solid #425b7f;border-radius:10px;font:15px/1.65 Inter,system-ui,sans-serif;color-scheme:dark;margin:0}#editForm textarea{resize:vertical}#editSummary{min-height:108px!important}#editBody{min-height:210px!important}#editForm .editor-field-hint{font-size:12px;line-height:1.7;color:#a7bddb;margin:9px 0 16px}#editForm .form-row{gap:17px}#editForm #targetFields{padding:15px;border:1px solid #3c557b;border-radius:12px;margin:20px 0 12px}#editForm legend{padding:0 7px;font-size:13px;color:#dce7fa}#editForm #targetScreens{display:grid;grid-template-columns:1fr 1fr;gap:8px}#editForm #targetScreens label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:450;margin:0;padding:10px;border-radius:9px;background:#182840;min-height:46px}#editForm input[type=checkbox]{width:19px;height:19px;margin:0;accent-color:#6281ff;flex-shrink:0}#editForm .target-unavailable{opacity:.45}#editForm .editor-preview{background:#14233a;border:1px solid #334d73;border-radius:16px;padding:20px;align-self:start;position:sticky;top:125px;min-width:0}#editForm .editor-preview h3{font-size:21px;line-height:1.25;letter-spacing:-.03em;margin:10px 0 18px;color:#fff}#editForm .editor-preview-board{background:#edf2f4;padding:16px;border-radius:13px;color:#21323e}#editorPreviewBrand{font-size:11px;font-weight:700;display:block;margin-bottom:14px}#editForm .editor-preview-tile{padding:20px;border-radius:12px;background:#fff;box-shadow:0 6px 16px #1c354016}#editForm .editor-preview-tile h4{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;color:#21323e;overflow-wrap:anywhere}#editForm .editor-preview-tile p{font-size:14px;color:#4d6171;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 20px}#editForm .editor-preview-tile>span{display:block;font-size:11px;padding-top:13px;border-top:1px solid #dce3e9}#editForm #contentImagePreview{display:block;width:100%;height:150px;object-fit:contain;margin-bottom:15px;border-radius:7px}#editForm #contentImagePreview[hidden]{display:none}#editForm .editor-preview details{margin-top:20px;font-size:13px;line-height:1.7}#editForm .editor-preview summary{cursor:pointer;color:#e2ebfb}#editorPreviewBody{max-height:210px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#b7c9e2}#editForm .editor-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px;border-top:1px solid #3b5173;background:#111d32;position:sticky;bottom:0;z-index:3}#editForm .editor-footer span{display:block;color:#a9bfdd;font-size:12px;line-height:1.6;max-width:480px}#editError{font-size:14px;color:#ffb9b5;margin:0 0 5px}#editForm button{min-height:46px;padding:11px 16px;border:1px solid #47658d;background:#1c2d49;color:#f3f7ff;border-radius:10px;font:600 14px/1.4 Inter,system-ui,sans-serif}#editForm button.primary{background:#365eff;color:#fff;border-color:#6281ff;box-shadow:0 5px 18px #365eff25}#editForm .form-actions{margin:0;flex-wrap:nowrap;gap:10px}#editForm input[type=file]{font-size:12px!important}#editForm input[type=file]::file-selector-button{background:#213b60;color:#fff;border:1px solid #496c9d;border-radius:7px;padding:7px 10px;margin-right:10px;font:inherit}
.staff-demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.staff-demo-stats>div{padding:20px;border-radius:13px;background:#1a2e4d;border:1px solid #3a587f}.staff-demo-stats b{font-size:36px;display:block;color:#c2d0ff;line-height:1.2}.staff-demo-stats span{font-size:13px;color:#c0d0e5}.staff-demo-list{display:grid;gap:12px;margin:24px 0}.staff-demo-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#182840;border:1px solid #3b5478;border-radius:13px}.staff-demo-list strong{font-size:16px}.staff-demo-list p{font-size:13px!important;margin:7px 0 0}.staff-demo-list button{flex-shrink:0}.staff-demo-note{padding:16px;background:#18273f;border-radius:11px;font-size:13px!important}.staff-demo-actions{display:flex;align-items:center;gap:16px;margin-top:22px;font-size:12px;color:#b7c7df}.staff-demo-ticket{padding:24px;border-radius:15px;background:#172942;border:1px solid #3b577d;margin:20px 0}.staff-demo-ticket ol{padding-left:22px;line-height:2;color:#c6d7ed}.staff-demo-detail form label{display:block;margin:18px 0 8px}.staff-demo-detail form input,.staff-demo-detail form textarea{display:block;width:100%;margin-top:8px}.flow-board .tile[data-tile^="demo-"] .tile-top{font-size:clamp(8px,.8cqw,13px)}.full-display .flow-board[data-count="9"] .board-grid{grid-template-rows:repeat(3,minmax(0,1fr))}
@media(max-width:1150px){#shell{grid-template-columns:200px minmax(0,1fr)}.topbar>.top-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.workspace #main{padding:30px 24px}.topbar{padding:20px 24px}.workspace .panel{padding:22px}}
@media(max-width:800px){#shell{display:block}.sidebar{padding:18px 20px}.sidebar .flow-logo{margin-bottom:16px}.sidebar .client-switcher{margin:0;min-height:62px;max-width:340px}.sidebar nav{margin-top:16px}.topbar>.top-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar #cloudStatus{grid-column:1/-1}.workspace #main{padding:26px 20px}.sidebar .rail-bottom{display:block;padding-top:18px}.rail-bottom #simpleTools{display:block}.rail-session-card{display:none}#editForm .editor-layout{grid-template-columns:minmax(0,1fr);padding:22px;gap:24px}#editForm .editor-preview{position:static;top:auto}#editForm .editor-header{padding:20px 22px}#editForm .editor-footer{padding:16px 22px;flex-wrap:wrap}#editForm .editor-footer .form-actions{width:100%}#editForm .editor-footer .form-actions button{flex:1}#editDialog{width:calc(100vw - 20px);max-height:95dvh}#editForm .editor-header h2{font-size:23px}#detailDialog{padding:22px}.staff-demo-list article{align-items:stretch;flex-direction:column}.staff-demo-stats>div{padding:14px}.staff-demo-stats b{font-size:28px}}
@media(max-width:450px){#editForm .form-row,#editForm #targetScreens{grid-template-columns:1fr}#editForm .editor-header p{font-size:12px}.staff-demo-stats{gap:7px}.staff-demo-stats span{font-size:11px}.workspace .content-row{flex-direction:column}.workspace .content-row button{width:100%}.topbar>.top-actions>button{font-size:12px}.sidebar .client-switcher{max-width:none}.workspace .panel{padding:20px}}
@media(prefers-reduced-motion:reduce){.workspace *,dialog *{scroll-behavior:auto!important;transition:none!important}}

.flow-board[data-count="9"] .tile p{display:none}.flow-board[data-count="9"] .tile h3{font-size:clamp(16px,1.55cqw,29px);-webkit-line-clamp:2}.flow-board[data-count="9"] .tile-top{margin-bottom:8px}.flow-board[data-count="9"] .weather>.tile-open:not(:last-child){display:none}