/* ZOS Operations UI 4.0 | 2026-10-13 | Structural release 7420
 * All content and actions are server-rendered. No external dependencies.
 * Brand: single typeface Inter; dark base #1b1b1b; purple accent.
 */
:root{--zos14-base:#1b1b1b;--zos14-raised:#232323;--zos14-panel:#202020;--zos14-line:#363636;--zos14-line-hi:#454545;--zos14-text:#f4f1f7;--zos14-sub:#c0b9c6;--zos14-muted:#98909f;--zos14-purple:#9728f7;--zos14-purple-hi:#b570ff;--zos14-green:#7bcc9e;--zos14-red:#fc919a;--zos14-blue:#8eacf5;--zos14-radius:13px}
html,body{font-family:Inter,system-ui,sans-serif!important}
body.zos-operations-ui{background:var(--zos14-base)!important;color:var(--zos14-text)!important}
body.zos-operations-ui :is(button,input,select,textarea),body.auth-body :is(button,input,select,textarea){font-family:Inter,system-ui,sans-serif!important}
body.zos-operations-ui *{scrollbar-color:#555 #1b1b1b}
body.zos-operations-ui .workspace,body.zos-operations-ui .app-shell{background:#1b1b1b!important}
body.zos-operations-ui .content{max-width:none!important;width:100%!important;padding:clamp(16px,1.8vw,32px) clamp(16px,2vw,38px) 72px!important;margin:0!important;min-width:0!important}
body.zos-operations-ui .content > *{min-width:0;max-width:none!important}
body.zos-operations-ui .sidebar{background:#191919!important;border-right:1px solid #333!important}
body.zos-operations-ui .sidebar .brand{min-height:76px;padding:18px 17px;border-bottom:1px solid #303030}
body.zos-operations-ui .sidebar .brand-copy b{font-size:14px;letter-spacing:-.045em}
body.zos-operations-ui .sidebar .brand-copy small{letter-spacing:.11em}
body.zos-operations-ui .sidebar .main-nav{padding:13px 10px 20px!important}
body.zos-operations-ui .sidebar .nav-section{font-size:9px!important;letter-spacing:.105em!important;margin:20px 10px 7px!important;color:#978d9c!important}
body.zos-operations-ui .sidebar .main-nav a{display:flex;min-height:39px!important;padding:9px 11px!important;border-radius:8px!important;margin:2px 0!important;color:#beb8c4!important;font-size:12px!important;font-weight:590!important;transition:background .15s ease,color .15s ease}
body.zos-operations-ui .sidebar .main-nav a:hover{background:#29252e!important;color:#fff!important}
body.zos-operations-ui .sidebar .main-nav a.active{background:#32243d!important;color:#fff!important;border-left:2px solid #a44aff!important}
body.zos-operations-ui .sidebar .sidebar-command{border-radius:9px!important;background:#232323!important;border:1px solid #393939!important}
body.zos-operations-ui .sidebar-system-label{font-size:9px!important;color:#aaa!important}
body.zos-operations-ui .sidebar .zos-v2-build{color:#bf86ff!important}
body.zos-operations-ui .topbar{background:rgba(27,27,27,.97)!important;border-bottom:1px solid #363636!important;min-height:60px;box-shadow:none!important}
body.zos-operations-ui .topbar-breadcrumb{letter-spacing:0;font-size:11px;color:#a69baa}
body.zos-operations-ui .topbar-breadcrumb b{color:#eae5ee;font-size:12px}
body.zos-operations-ui .topbar-search{background:#242424!important;border:1px solid #414141!important;border-radius:9px!important;overflow:hidden!important;height:38px!important}
body.zos-operations-ui .topbar-search input{border:0!important;background:transparent!important;min-height:0!important;height:100%!important;max-width:100%;box-shadow:none!important}
body.zos-operations-ui .topbar-date{border-left:1px solid #414141}
body.zos-operations-ui :is(.page-head,.zw-page-title,.refined-head){display:flex;align-items:center!important;justify-content:space-between!important;gap:24px!important;flex-wrap:wrap;border-bottom:0!important;padding-bottom:0!important;margin:0 0 24px!important}
body.zos-operations-ui :is(.page-head,.zw-page-title)>div:first-child{flex:1 1 440px;min-width:0}
body.zos-operations-ui :is(.page-head h1,.page-head h2,.zw-page-title h1,.home-command-head h1){font-size:clamp(28px,2.1vw,35px)!important;line-height:1.14!important;letter-spacing:-.046em!important;font-weight:745!important;margin:6px 0 8px!important}
body.zos-operations-ui :is(.page-head p,.zw-page-title p,.home-command-head p){font-size:13px!important;color:#c0b9c6!important;max-width:86ch;line-height:1.52!important;margin:0!important}
body.zos-operations-ui :is(.eyebrow,.zos14-overline){font-size:10px!important;font-weight:740!important;letter-spacing:.095em!important;color:#bd8af7!important}
body.zos-operations-ui :is(.panel,.tool-card,.zw-records,.zw-edit-panel,.z7-task-surface,.z7-subscription-list,.z7-compose-panel){background:var(--zos14-panel)!important;border:1px solid var(--zos14-line)!important;border-radius:var(--zos14-radius)!important;box-shadow:none!important;min-width:0!important}
body.zos-operations-ui :is(.panel,.zw-records,.zw-edit-panel){padding:22px!important}
body.zos-operations-ui :is(.panel-head,.zw-panel-heading){align-items:flex-start;gap:16px!important}
body.zos-operations-ui :is(.panel-head h3,.zw-panel-heading h2,.zw-list-title h2){font-size:18px!important;letter-spacing:-.04em!important;line-height:1.26!important;font-weight:720!important;color:var(--zos14-text)!important}
body.zos-operations-ui :is(.panel-head p,.zw-list-title p){font-size:12px!important;color:var(--zos14-sub)!important;line-height:1.55!important}
body.zos-operations-ui .content :is(.primary-button,.zw-action-primary){background:var(--zos14-purple)!important;color:#fff!important;border:1px solid #a343fc!important;border-radius:9px!important;padding:10px 15px!important;min-height:40px!important;font-size:12px!important;font-weight:690!important;white-space:normal!important;transition:background .15s ease,transform .15s ease!important}
body.zos-operations-ui .content :is(.primary-button,.zw-action-primary):hover{background:#a341ff!important;transform:translateY(-1px)!important}
body.zos-operations-ui .content :is(.secondary-button,.zw-action-outline){background:#282828!important;color:#e5dfea!important;border:1px solid #454545!important;border-radius:9px!important;padding:10px 14px!important;min-height:39px!important;box-shadow:none!important;font-size:12px!important}
body.zos-operations-ui .content :is(.secondary-button,.zw-action-outline):hover{border-color:#7b6389!important;color:white!important;background:#31293b!important}
body.zos-operations-ui .content :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){background:#252525!important;border-color:#49424b!important;border-radius:9px!important;color:#f5f0f6!important;min-width:0!important;font-size:12px!important}
body.zos-operations-ui .content :is(input,textarea)::placeholder{color:#a79caa!important}
body.zos-operations-ui .content :is(input,textarea,select):focus-visible{outline:2px solid #9f64db!important;outline-offset:1px!important}
body.zos-operations-ui .content :is(label,.stack-form label) {color:#e8e0ed!important}
body.zos-operations-ui .content :is(.badge,.zw-state,.count-pill){border-radius:8px!important;letter-spacing:0!important}
body.zos-operations-ui .content small{line-height:1.4}
body.zos-operations-ui :is(.ops-page-actions,.daily-overview-actions,.daily-head-actions){margin-left:auto;justify-content:flex-end!important}
body.zos-operations-ui .content :is(.stack-form,.zw-entry-form,.z6-form){gap:16px!important}
body.zos-operations-ui :is(.ops-two-col,.ops-two-col.wide-left){grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
body.zos-operations-ui .z7-compose{width:100%!important;max-width:none!important;margin:0!important}
body.zos-operations-ui .z7-compose[open]{display:block}
body.zos-operations-ui .z7-compose>summary{display:flex!important;justify-content:space-between;align-items:center;padding:17px 20px!important;background:#222!important;border:1px solid #424242!important;border-radius:12px!important;color:#f5f1f8;font-size:13px!important}
body.zos-operations-ui .z7-compose>summary small{font-size:11px;color:#b8a7c4}
body.zos-operations-ui .z7-compose>section{margin-top:12px!important}
body.zos-operations-ui .zos-supplier-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:13px!important}
body.zos-operations-ui .zos-supplier-card{padding:20px!important;min-height:200px;display:flex;flex-direction:column;gap:13px;border-color:#424242!important;background:#252525!important}
body.zos-operations-ui .zos-supplier-card__header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap}
body.zos-operations-ui .zos-supplier-card__identity{min-width:0!important;display:block!important}
body.zos-operations-ui .zos-supplier-card__identity h4{font-size:17px!important;line-height:1.3!important;overflow-wrap:anywhere}
body.zos-operations-ui .zos-supplier-card__identity>span{display:block;margin-top:5px;font-size:12px;color:#bcb4c0}
body.zos-operations-ui .zos-supplier-card__cost{border-radius:10px!important;padding:11px 13px!important;background:#1d1d1d!important;border:1px solid #393939!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;flex-wrap:wrap}
body.zos-operations-ui .zos-supplier-card__cost strong{font-size:17px!important;color:white!important;white-space:nowrap!important}
body.zos-operations-ui .zos-supplier-card__dependencies{flex:1;min-width:0}
body.zos-operations-ui .zos-supplier-card__dependencies p{overflow-wrap:anywhere;line-height:1.5}
body.zos-operations-ui .zos-supplier-card__link{margin-top:auto;font-size:12px!important}
body.zos-operations-ui .ops-record-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,365px),1fr));gap:13px!important}
body.zos-operations-ui .ops-record{border:1px solid #404040!important;border-radius:11px!important;padding:18px!important;background:#242424!important;margin:0!important;overflow-wrap:anywhere}
body.zos-operations-ui .ops-record-head{gap:12px;flex-wrap:wrap}
body.zos-operations-ui .ops-record p{font-size:12px;line-height:1.58}
body.zos-operations-ui .z7-subscription-list{padding:10px 18px!important;background:#202020!important;display:grid;gap:0!important}
body.zos-operations-ui .z7-subscription-row{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(120px,.8fr) minmax(120px,.85fr) minmax(110px,.7fr)!important;align-items:center;gap:16px!important;padding:19px 7px!important;border-bottom:1px solid #3b3b3b!important;background:transparent!important;border-radius:0!important}
body.zos-operations-ui .z7-subscription-row:last-child{border:0!important}
body.zos-operations-ui .z7-subscription-main b{font-size:15px!important;letter-spacing:-.03em}
body.zos-operations-ui .z7-subscription-main small{line-height:1.5!important;overflow-wrap:anywhere}
body.zos-operations-ui .z7-subscription-figure b{font-size:14px!important;white-space:normal!important}
/* Workspace knowledge and internal project records */
body.zos-operations-ui .zw-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px!important;margin-bottom:17px!important}
body.zos-operations-ui .zw-overview>div{min-height:94px!important;background:#222!important;border-radius:11px!important;border-color:#3c3c3c!important;padding:17px!important}
body.zos-operations-ui .zw-overview>div strong{font-size:28px!important;letter-spacing:-.055em!important}
body.zos-operations-ui .zw-records{background:#202020!important}
body.zos-operations-ui .zw-list-title{align-items:center!important;gap:18px!important}
body.zos-operations-ui .z7-record-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,345px),1fr))!important;gap:11px!important;margin-top:16px}
body.zos-operations-ui .z7-record-item{border:1px solid #404040!important;border-radius:11px!important;background:#242424!important;overflow:hidden!important}
body.zos-operations-ui .z7-record-item>summary{min-height:102px!important;padding:19px!important;align-items:flex-start!important;gap:12px!important}
body.zos-operations-ui .z7-record-icon{background:#30243c!important;color:#c48bff!important}
body.zos-operations-ui .z7-record-main{min-width:0;overflow-wrap:anywhere}
body.zos-operations-ui .z7-record-main b{font-size:14px!important;line-height:1.45!important}
body.zos-operations-ui .z7-record-main small{margin-top:7px!important;color:#afa5b4!important;font-size:11px!important}
body.zos-operations-ui .z7-record-expanded{padding:18px!important;background:#1f1f1f!important;border-top:1px solid #404040!important}
body.zos-operations-ui .zw-entry-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Articles, documents, daily, tools */
body.zos-operations-ui .docs-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important;align-items:start;gap:16px!important}
body.zos-operations-ui .docs-layout :is(.doc-preview,.markdown-body){min-width:0}
body.zos-operations-ui .doc-list>a{padding:14px 11px!important;border-radius:7px;margin-bottom:3px}
body.zos-operations-ui .doc-list>a.active{background:#33263e!important}
body.zos-operations-ui .markdown-body{font-size:13px!important;color:#e0dbe5!important;max-width:83ch;line-height:1.74!important}
body.zos-operations-ui .utility-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.zos-operations-ui .tool-card{padding:21px!important;background:#232323!important;min-width:0!important}
body.zos-operations-ui .tool-card h3{font-size:17px!important;letter-spacing:-.035em!important}
body.zos-operations-ui .tool-card>header{gap:13px!important;margin-bottom:17px!important}
body.zos-operations-ui .utility-settings-layout{gap:14px!important}
body.zos-operations-ui .utility-section{padding:21px!important}
body.zos-operations-ui .daily-overview-stats>div,body.zos-operations-ui .finance-summary-list>div{border-radius:10px!important}
/* Overview: a new hierarchy rather than stacking former V10 widgets. */
body.zos-operations-ui .zos14-home{width:100%;display:grid;gap:20px;min-width:0}
body.zos-operations-ui .zos14-home-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:12px 0 6px;flex-wrap:wrap}
body.zos-operations-ui .zos14-home-hero>div:first-child{min-width:0;flex:1 1 390px}
body.zos-operations-ui .zos14-home-hero h1{font-size:clamp(32px,3.05vw,47px)!important;letter-spacing:-.052em!important;line-height:1.1!important;margin:12px 0!important;font-weight:760!important;color:#f6f2f8!important}
body.zos-operations-ui .zos14-home-hero h1>span{color:#a844ff}
body.zos-operations-ui .zos14-home-hero p{font-size:13px;color:#bbb2c1;line-height:1.6;max-width:70ch;margin:0}
body.zos-operations-ui .zos14-home-day{display:grid;gap:5px;text-align:right;padding-left:24px;border-left:1px solid #444}
body.zos-operations-ui .zos14-home-day small{font-size:10px;letter-spacing:.1em;color:#b88be0}
body.zos-operations-ui .zos14-home-day strong{font-size:19px;letter-spacing:-.04em;color:#f1eaf4}
body.zos-operations-ui .zos14-home-day span{font-size:11px;color:#a69eaa}
body.zos-operations-ui .zos14-home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
body.zos-operations-ui .zos14-home-kpi{display:grid;gap:10px;min-width:0;min-height:151px;padding:19px 21px;border:1px solid #414141;border-radius:12px;background:#242424;color:inherit;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
body.zos-operations-ui .zos14-home-kpi:hover{border-color:#764a96;background:#29242d;transform:translateY(-2px)}
body.zos-operations-ui .zos14-home-kpi>span{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#c5bdc9;font-size:12px;font-weight:590}
body.zos-operations-ui .zos14-home-kpi>span svg{color:#b58bdb}
body.zos-operations-ui .zos14-home-kpi strong{font-size:clamp(28px,2.3vw,38px);font-weight:760;letter-spacing:-.065em;line-height:1;color:#f9f6fa}
body.zos-operations-ui .zos14-home-kpi small{color:#a9a1ac;font-size:11px}
body.zos-operations-ui .zos14-home-body{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(285px,.74fr);gap:15px;align-items:start}
body.zos-operations-ui .zos14-home-primary,body.zos-operations-ui .zos14-home-secondary{display:grid;gap:15px;min-width:0}
body.zos-operations-ui .zos14-home-card{min-width:0;border:1px solid #3d3d3d;border-radius:12px;background:#212121;overflow:hidden}
body.zos-operations-ui .zos14-home-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid #383838}
body.zos-operations-ui .zos14-home-card>header>div{min-width:0}
body.zos-operations-ui .zos14-home-card>header h2{font-size:19px;letter-spacing:-.045em;margin:6px 0 0;color:#f4eff7}
body.zos-operations-ui .zos14-home-card>header p{font-size:12px;color:#aba2b0;margin:6px 0 0}
body.zos-operations-ui .zos14-home-card>header a{font-size:11px;color:#d1a7fd;white-space:nowrap}
body.zos-operations-ui .zos14-home-clear{display:flex;align-items:center;gap:14px;padding:34px 24px;min-height:140px}
body.zos-operations-ui .zos14-home-clear>svg{color:#9de0b8;flex-shrink:0}
body.zos-operations-ui .zos14-home-clear b{font-size:13px;color:#f1ebf4}
body.zos-operations-ui .zos14-home-clear p{color:#aba3b1;font-size:12px;margin:7px 0 0;line-height:1.5}
body.zos-operations-ui .zos14-home-lines>a{display:grid;grid-template-columns:35px minmax(0,1fr) auto 19px;align-items:center;gap:13px;text-decoration:none;color:#ebe6ef;border-bottom:1px solid #373737;padding:16px 22px}
body.zos-operations-ui .zos14-home-lines>a:last-child{border-bottom:0}
body.zos-operations-ui .zos14-home-lines>a:hover{background:#29262c}
body.zos-operations-ui .zos14-home-lines>a>span:nth-child(2){display:grid;gap:4px;min-width:0}
body.zos-operations-ui .zos14-home-lines b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
body.zos-operations-ui .zos14-home-lines small{font-size:11px;color:#aaa0af}
body.zos-operations-ui .zos14-line-n,body.zos-operations-ui .zos14-line-type{font-size:11px;color:#bfa0d8}
body.zos-operations-ui .zos14-home-lines strong{font-size:19px;color:#ead7ff}
body.zos-operations-ui .zos14-home-lines em{font-size:10px;font-style:normal;color:#b5aebc}
body.zos-operations-ui .zos14-mini-count{font-size:11px;padding:5px 8px;border:1px solid #484848;border-radius:7px}
body.zos-operations-ui .zos14-launcher{display:grid;padding:6px}
body.zos-operations-ui .zos14-launcher>a{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:11px 13px;text-decoration:none;border-radius:8px;color:#f2eaf6}
body.zos-operations-ui .zos14-launcher>a:hover{background:#302735}
body.zos-operations-ui .zos14-launcher>a>svg:first-child{color:#be91e6}
body.zos-operations-ui .zos14-launcher>a>span{min-width:0;display:grid;gap:4px}
body.zos-operations-ui .zos14-launcher b{font-size:12px;line-height:1.3}
body.zos-operations-ui .zos14-launcher small{font-size:10.5px;color:#a69dac}
body.zos-operations-ui .zos14-n8n-status{display:flex;gap:12px;align-items:center;padding:22px}
body.zos-operations-ui .zos14-status-orb,body.zos-operations-ui .zos14-live-indicator{display:block;flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#8c858c;box-shadow:0 0 0 4px #323232}
body.zos-operations-ui .zos14-status-orb.on,body.zos-operations-ui .zos14-live-indicator{background:#6fc999;box-shadow:0 0 0 4px rgba(108,198,141,.13)}
body.zos-operations-ui .zos14-n8n-status>div{display:grid;gap:5px}
body.zos-operations-ui .zos14-n8n-status b{font-size:12px}
body.zos-operations-ui .zos14-n8n-status small{font-size:11px;color:#aba2ae}
/* Task board: actual lane-based view, not old list. */
body.route-tasks .zos14-tasks{display:grid;gap:17px;width:100%;max-width:none}
body.route-tasks .zos14-view-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:17px;flex-wrap:wrap}
body.route-tasks .zos14-view-intro h3{font-size:20px!important;letter-spacing:-.04em!important;margin:8px 0;color:#f5eef8}
body.route-tasks .zos14-view-intro p{margin:0;color:#b6adbc;font-size:12px}
body.route-tasks .zos14-view-switch{display:flex;gap:3px;background:#222;border:1px solid #414141;border-radius:9px;padding:4px}
body.route-tasks .zos14-view-switch a{text-decoration:none;padding:8px 13px;color:#bdb3c2;font-size:12px;border-radius:6px}
body.route-tasks .zos14-view-switch a[aria-current=page]{background:#44304f;color:#fff}
body.route-tasks .zos14-task-snapshot{display:flex;gap:0;align-items:center;border:1px solid #3e3e3e;border-radius:11px;background:#222;overflow:hidden;min-width:0}
body.route-tasks .zos14-task-snapshot>div{padding:13px 24px;display:flex;align-items:baseline;gap:13px;border-right:1px solid #3c3c3c}
body.route-tasks .zos14-task-snapshot>div small{font-size:11px;color:#b8abbf}
body.route-tasks .zos14-task-snapshot>div strong{font-size:22px;letter-spacing:-.05em;color:#f5f0f6}
body.route-tasks .zos14-tasks-hint{margin-left:auto;padding:10px 20px;color:#aca3b1;font-size:11px}
body.route-tasks .zos14-task-create{margin:0}
body.route-tasks .zos14-task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start;min-width:0}
body.route-tasks .zos14-task-lane{background:#202020;border:1px solid #3c3c3c;border-radius:12px;min-width:0;overflow:hidden}
body.route-tasks .zos14-lane-head{padding:18px 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #393939}
body.route-tasks .zos14-lane-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}
body.route-tasks .zos14-lane-dot{width:8px;height:8px;border-radius:50%;background:#ad78ff;margin-top:7px;flex-shrink:0}
body.route-tasks .zos14-lane-blue .zos14-lane-dot{background:#8aaef0}
body.route-tasks .zos14-lane-green .zos14-lane-dot{background:#81cda1}
body.route-tasks .zos14-lane-heading h4{margin:0;font-size:14px;font-weight:740;letter-spacing:-.025em;color:#f0ecf4}
body.route-tasks .zos14-lane-heading small{display:block;margin-top:6px;color:#aca3b3;font-size:10.5px}
body.route-tasks .zos14-lane-count{min-width:23px;text-align:center;color:#dbcedf;font-size:11px;border:1px solid #444;border-radius:7px;padding:4px 6px}
body.route-tasks .zos14-lane-content{display:grid;gap:10px;padding:11px;min-height:145px}
body.route-tasks .zos14-lane-empty{display:flex;align-items:center;justify-content:center;text-align:center;color:#9f96a7;font-size:11px;line-height:1.6;min-height:120px;padding:14px}
body.route-tasks .zos14-task-card{background:#2a2a2a;border:1px solid #454545;border-radius:10px;overflow:hidden;min-width:0;transition:border-color .14s,background .14s}
body.route-tasks .zos14-task-card:hover,body.route-tasks .zos14-task-card[open]{border-color:#75508a;background:#2c292f}
body.route-tasks .zos14-task-card>summary{display:grid;gap:13px;padding:16px;cursor:pointer;list-style:none;min-width:0}
body.route-tasks .zos14-task-card>summary::-webkit-details-marker{display:none}
body.route-tasks .zos14-task-card-title{font-size:13px;font-weight:720;line-height:1.47;color:#f3ecf6;overflow-wrap:anywhere}
body.route-tasks .zos14-task-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
body.route-tasks .zos14-task-priority{font-size:10px;font-weight:720;color:#d5bee4;background:#3b2e46;border:1px solid #65467c;border-radius:6px;padding:4px 7px}
body.route-tasks .zos14-priority-critical{color:#ffd4d8;background:#513036;border-color:#87515a}
body.route-tasks .zos14-priority-high{color:#f9dca6;background:#453927;border-color:#665333}
body.route-tasks .zos14-task-due,body.route-tasks .zos14-task-assignee{font-size:11px;color:#c2b8c8;overflow-wrap:anywhere}
body.route-tasks .zos14-task-assignee{border-top:1px solid #48404a;padding-top:10px}
body.route-tasks .zos14-task-expanded{padding:15px 16px;border-top:1px solid #514855;color:#ccc1ce;display:grid;gap:10px;background:#252128}
body.route-tasks .zos14-task-expanded p{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}
body.route-tasks .zos14-task-note,body.route-tasks .zos14-task-related{color:#a9a0af}
body.route-tasks .zos14-task-update{display:grid;gap:9px;padding-top:13px;border-top:1px solid #514855}
body.route-tasks .zos14-task-update label{display:grid;gap:6px;font-size:11px}
body.route-tasks .zos14-task-update select{width:100%}
body.route-tasks .zos14-task-update button{justify-self:start}
body.route-tasks .zos14-small-note{color:#a99eac;font-size:11px}
/* n8n board - new structural rendering. */
body.route-automations .zos14-n8n{display:grid;gap:14px;width:100%;min-width:0}
body.route-automations .zos14-n8n-hero{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;padding:0 0 3px}
body.route-automations .zos14-n8n-hero h2{font-size:clamp(24px,2vw,32px)!important;letter-spacing:-.048em!important;margin:7px 0!important;font-weight:740!important;color:#f6f0f8!important}
body.route-automations .zos14-n8n-hero p{font-size:12px;color:#b1a7b7;margin:0}
body.route-automations .zos14-live-state{display:flex;align-items:center;gap:11px;border:1px solid #42644d;border-radius:9px;background:#223029;padding:11px 13px}
body.route-automations .zos14-live-state>div{display:grid;gap:5px;min-width:0}
body.route-automations .zos14-live-state strong{font-size:12px;color:#c0f2d2}
body.route-automations .zos14-live-state small{font-size:10px;color:#b5c0b9;overflow-wrap:anywhere}
body.route-automations .zos14-n8n-indicators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
body.route-automations .zos14-n8n-indicators>div{display:grid;gap:12px;min-height:125px;padding:18px 19px;background:#242424;border:1px solid #3f3f3f;border-radius:11px;min-width:0}
body.route-automations .zos14-n8n-indicators span{font-size:11px;color:#c5bdc9}
body.route-automations .zos14-n8n-indicators strong{font-size:clamp(27px,2.35vw,35px);letter-spacing:-.055em;color:#f5f0f6;line-height:1}
body.route-automations .zos14-n8n-indicators strong small{font-size:16px;color:#a99fb2}
body.route-automations .zos14-n8n-indicators>div>small{font-size:10px;color:#aea6b2}
body.route-automations .zos14-n8n-data-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:13px;align-items:stretch}
body.route-automations :is(.zos14-n8n-chart-card,.zos14-n8n-insights,.zos14-data-surface){min-width:0;background:#242424;border:1px solid #404040;border-radius:12px;overflow:hidden}
body.route-automations .zos14-card-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:20px 21px 13px;flex-wrap:wrap}
body.route-automations .zos14-card-heading>div:first-child{min-width:0}
body.route-automations .zos14-card-heading span:not(.zos14-chart-key span){font-size:10px;letter-spacing:.08em;font-weight:700;color:#b78adf}
body.route-automations .zos14-card-heading h3{font-size:17px;letter-spacing:-.036em;color:#f4edf6;margin:6px 0 5px}
body.route-automations .zos14-card-heading p{font-size:11px;color:#aaa0b0;margin:0;line-height:1.55}
body.route-automations .zos14-card-heading a{font-size:11px;color:#d3acfb;white-space:nowrap}
body.route-automations .zos14-chart-key{display:flex;gap:12px;flex-wrap:wrap}
body.route-automations .zos14-chart-key>span{font-size:11px;color:#c6bccd;display:flex;align-items:center;gap:6px;letter-spacing:0}
body.route-automations .zos14-chart-key i,body.route-automations .zos14-ring-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}
body.route-automations :is(.zos14-chart-key,.zos14-ring-legend) i.ok{background:#ac67ff}
body.route-automations :is(.zos14-chart-key,.zos14-ring-legend) i.bad{background:#ff999d}
body.route-automations .zos14-ring-legend i.muted{background:#64616a}
body.route-automations .zos14-chart-frame{height:300px;display:grid;grid-template-rows:minmax(0,1fr) 21px;gap:6px;padding:8px 16px 16px}
body.route-automations .zos14-chart-frame svg{width:100%;height:100%;min-width:0;overflow:visible}
body.route-automations .zos14-chart-grid{stroke:#454047;stroke-width:1;vector-effect:non-scaling-stroke}
body.route-automations .zos14-chart-axis{fill:#aaa2ad;font-size:11px}
body.route-automations .zos14-chart-good{fill:none;stroke:#aa4cf7;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
body.route-automations .zos14-chart-bad{fill:none;stroke:#ff969e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
body.route-automations .zos14-chart-point{fill:#be91ff;stroke:#242424;stroke-width:2}
body.route-automations .zos14-chart-labels{display:flex;justify-content:space-between;gap:3px;padding:0 8px 0 40px;color:#9f96a6;font-size:9px;overflow:hidden}
body.route-automations .zos14-chart-labels span{min-width:0;white-space:nowrap}
body.route-automations .zos14-card-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 20px;border-top:1px solid #393939}
body.route-automations .zos14-card-footer span,body.route-automations .zos14-dashboard-note{font-size:10.5px;color:#aaa2af;line-height:1.55}
body.route-automations .zos14-card-footer a{font-size:11px;color:#cfa7fd}
body.route-automations .zos14-chart-empty{min-height:125px;padding:24px;color:#bfb4c3;font-size:12px;line-height:1.6;display:grid;place-items:center;text-align:center}
body.route-automations .zos14-ring{height:170px;width:170px;max-width:100%;border-radius:50%;background:conic-gradient(#a64bfb 0 var(--ring-pct),#444048 var(--ring-pct) 100%);padding:14px;margin:7px auto 19px;display:grid;place-items:center;box-shadow:0 0 0 1px #56425f}
body.route-automations .zos14-ring>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#242424;gap:5px}
body.route-automations .zos14-ring strong{font-size:29px;letter-spacing:-.06em;color:#f6f1f9}
body.route-automations .zos14-ring small{font-size:11px;color:#bcb0c3}
body.route-automations .zos14-ring-legend{display:grid;gap:11px;padding:0 22px 20px}
body.route-automations .zos14-ring-legend>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#c9bccc}
body.route-automations .zos14-ring-legend b{margin-left:auto;color:#fff}
body.route-automations .zos14-insight-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #3a3a3a}
body.route-automations .zos14-insight-footer>div{padding:15px 16px;display:grid;gap:7px}
body.route-automations .zos14-insight-footer>div:first-child{border-right:1px solid #3a3a3a}
body.route-automations .zos14-insight-footer small{font-size:10px;color:#b2a7b9}
body.route-automations .zos14-insight-footer b{font-size:13px;color:#fff}
body.route-automations .zos14-n8n-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}
body.route-automations .zos14-rank-list{display:grid;padding:0 20px 13px;gap:17px}
body.route-automations .zos14-rank{display:grid;gap:8px}
body.route-automations .zos14-rank>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.route-automations .zos14-rank b{font-size:12px;line-height:1.4;color:#ece5f0}
body.route-automations .zos14-rank small{color:#ab9eae;font-size:10px}
body.route-automations .zos14-rank-bar{height:5px;border-radius:6px;background:#454047;overflow:hidden}
body.route-automations .zos14-rank-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#8127cd,#bd7dff)}
body.route-automations .zos14-run-list{display:grid;padding:0 20px 10px}
body.route-automations .zos14-run{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #393939;padding:12px 2px}
body.route-automations .zos14-run:last-child{border:0}
body.route-automations .zos14-run-dot{width:7px;height:7px;border-radius:50%;background:#7ac69b}
body.route-automations .zos14-run-dot.is-bad{background:#ed929f}
body.route-automations .zos14-run>div{display:grid;gap:4px;min-width:0}
body.route-automations .zos14-run b{font-size:12px;overflow-wrap:anywhere}
body.route-automations .zos14-run small{font-size:10px;color:#aea4b2}
body.route-automations .zos14-run-status{font-size:10px;color:#c9b9cf;white-space:nowrap}
body.route-automations .zos14-dashboard-note{margin:0;padding-left:2px}
/* Auth V15: semantic two-column layout. No positioned text or generated headings. */
body.auth-body{background:#1b1b1b!important;color:#f7f3f9!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}
body.auth-body .zos-v2-login{box-sizing:border-box;position:relative;display:grid!important;max-width:1080px!important;width:calc(100% - 40px)!important;min-height:min(700px,calc(100dvh - 64px))!important;margin:32px auto!important;padding:30px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:22px 42px!important;align-items:stretch!important;justify-content:stretch!important;border:1px solid #3b383d;border-radius:18px;background:#1f1d20;box-shadow:0 28px 80px rgba(0,0,0,.25)}
body.auth-body .zos-v2-login::before,body.auth-body .zos-v2-card::before{content:none!important;display:none!important}
body.auth-body .zos-v2-brand{grid-column:1/-1;grid-row:1;display:flex!important;align-items:center;align-self:start;gap:10px;margin:0!important;position:static!important}
body.auth-body .zos-v15-intro{grid-column:1;grid-row:2;align-self:center;min-width:0;max-width:440px;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:12px clamp(4px,2vw,28px) 14px 14px}
body.auth-body .zos-v15-kicker{font-size:10px;font-weight:750;letter-spacing:.12em;color:#bd84f4;text-transform:uppercase}
body.auth-body .zos-v15-intro h2{margin:20px 0 12px;font-size:clamp(32px,3.1vw,46px);line-height:1.12;letter-spacing:-.047em;font-weight:760;color:#f8f5fb}
body.auth-body .zos-v15-intro p{margin:0;max-width:38ch;color:#bcb3c2;font-size:13px;line-height:1.65;letter-spacing:-.005em}
body.auth-body .zos-v2-card{grid-column:2;grid-row:2;align-self:center;justify-self:center;position:relative!important;margin:16px 0!important;width:100%!important;max-width:440px!important;min-width:0;box-sizing:border-box;padding:clamp(24px,2.8vw,38px)!important;border:1px solid #414045!important;border-radius:14px!important;background:#232123!important;box-shadow:none!important}
body.auth-body .zos-v2-heading h1{font-size:clamp(30px,3vw,39px)!important;letter-spacing:-.05em!important;line-height:1.18!important}
body.auth-body .zos-v2-heading p{font-size:13px!important;color:#c1b9c6!important;line-height:1.65!important}
body.auth-body .zos-v2-card :is(input,select){box-sizing:border-box;background:#1b1b1b!important;color:#f5eef6!important;border:1px solid #514a53!important;border-radius:10px!important;min-height:46px!important}
body.auth-body .zos-v2-submit{border-radius:10px!important;background:#9224ec!important;min-height:48px!important}
body.auth-body .zos-v2-footer{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center;align-self:end;width:100%;gap:12px;margin:0!important;padding:8px 4px 0;color:#aaa1ae;font-size:11px}
@media(max-width:1250px){body.zos-operations-ui .zos14-home-kpis,body.route-automations .zos14-n8n-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}body.zos-operations-ui .utility-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1050px){body.route-tasks .zos14-task-board{grid-template-columns:repeat(2,minmax(0,1fr))}body.zos-operations-ui .zos14-home-body{grid-template-columns:1fr}body.route-automations .zos14-n8n-data-grid{grid-template-columns:1fr}body.zos-operations-ui .docs-layout{grid-template-columns:1fr!important}body.zos-operations-ui .z7-subscription-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:740px){body.zos-operations-ui .content{padding:19px 14px 45px!important}body.zos-operations-ui :is(.page-head,.zw-page-title){gap:14px!important}body.zos-operations-ui :is(.page-head h2,.zw-page-title h1){font-size:29px!important}body.zos-operations-ui .zos14-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.zos-operations-ui .zos14-home-kpi{padding:15px;min-height:128px}body.zos-operations-ui .zos14-home-kpi strong{font-size:29px}body.zos-operations-ui .zos14-home-hero h1{font-size:34px!important}body.zos-operations-ui .zos14-home-day{padding:0;border:0;text-align:left}body.route-tasks .zos14-task-board{grid-template-columns:1fr}body.route-tasks .zos14-tasks-hint{display:none}body.route-tasks .zos14-task-snapshot>div{padding:12px;gap:8px;flex-direction:column}body.route-tasks .zos14-task-snapshot>div strong{font-size:20px}body.route-automations .zos14-n8n-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}body.route-automations .zos14-n8n-lower{grid-template-columns:1fr}body.zos-operations-ui .utility-tools-grid,body.zos-operations-ui .utility-settings-layout{grid-template-columns:1fr!important}body.zos-operations-ui .zw-entry-form{grid-template-columns:1fr!important}body.zos-operations-ui .zw-overview{grid-template-columns:repeat(3,minmax(0,1fr))}body.zos-operations-ui .zw-overview>div{padding:12px!important}body.zos-operations-ui .zw-overview>div strong{font-size:23px!important}body.zos-operations-ui .zw-overview>div span{display:none}body.zos-operations-ui .z7-subscription-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:440px){body.zos-operations-ui .zos14-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.zos-operations-ui .zos14-home-kpi{padding:12px}body.zos-operations-ui .zos14-home-kpi>span{font-size:10px}body.zos-operations-ui .zos14-home-card>header{padding:15px}body.zos-operations-ui .zos14-home-lines>a{padding:13px;gap:8px;grid-template-columns:26px minmax(0,1fr) auto 15px}body.zos-operations-ui .zos14-launcher>a{padding:10px}body.route-automations .zos14-chart-frame{height:225px;padding:10px}body.route-automations .zos14-chart-labels{font-size:8px;padding-left:35px}body.route-automations .zos14-card-heading{padding:15px}body.route-automations .zos14-n8n-indicators>div{padding:13px;min-height:115px}body.route-automations .zos14-n8n-indicators strong{font-size:26px}body.zos-operations-ui .z7-record-list{grid-template-columns:1fr!important}body.zos-operations-ui .z7-subscription-row{grid-template-columns:1fr!important}body.zos-operations-ui .ops-record-list{grid-template-columns:1fr!important}body.zos-operations-ui .panel{padding:15px!important}body.zos-operations-ui .utility-pair-row{grid-template-columns:1fr 1fr!important}body.zos-operations-ui .utility-pair-row>:is(input,textarea){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){body.zos-operations-ui *,body.auth-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V15 explicit responsive auth layout, isolated from old login overrides. */
@media(max-width:850px){
 body.auth-body .zos-v2-login{width:calc(100% - 32px)!important;max-width:580px!important;min-height:auto!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:22px!important;margin:clamp(14px,5vh,42px) auto!important;padding:clamp(16px,4vw,30px)!important}
 body.auth-body .zos-v2-brand{grid-column:1;grid-row:1}
 body.auth-body .zos-v15-intro{display:none!important}
 body.auth-body .zos-v2-card{grid-column:1;grid-row:2;max-width:none!important;margin:0!important;justify-self:stretch}
 body.auth-body .zos-v2-footer{grid-column:1;grid-row:3;margin:0!important}
}
@media(max-width:440px){
 body.auth-body .zos-v2-login{width:calc(100% - 20px)!important;gap:18px!important;padding:15px!important;margin:10px auto!important;border-radius:14px}
 body.auth-body .zos-v2-card{padding:23px 19px!important}
 body.auth-body .zos-v2-heading h1{font-size:32px!important}
 body.auth-body .zos-v2-brand{gap:10px!important}
 body.auth-body .zos-v2-footer{flex-wrap:wrap;font-size:10px;gap:6px}
}