/* Dedicated page layouts */
.workspace-page-body{min-height:100vh;background:radial-gradient(ellipse at 72% -10%,rgba(29,93,133,.2),transparent 38%),#061426;color:#edf7ff}
.page-topbar{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(14px,3vw,34px);background:rgba(5,17,32,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(151,203,234,.13)}
.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#63e5f4,#6e8cff);color:#061426;font-weight:950;font-size:1.2rem}
.topbar-divider{width:1px;height:25px;background:rgba(151,203,234,.18)}
.page-breadcrumb{color:#a4bad0;font-size:.82rem;font-weight:700}
.page-top-actions{display:flex;align-items:center;gap:10px;color:#9cb2c8;font-size:.75rem}
.page-live-dot,.dedicated-status i{width:7px;height:7px;border-radius:50%;background:#6de5bc;box-shadow:0 0 12px rgba(109,229,188,.45)}
.page-logout,.page-secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid rgba(151,203,234,.16);border-radius:10px;background:rgba(255,255,255,.025);color:#cce3f7;text-decoration:none;font:inherit;font-size:.75rem;font-weight:750;cursor:pointer}
.page-logout:hover,.page-secondary-link:hover{border-color:rgba(99,229,244,.4);background:rgba(99,229,244,.07)}
.dedicated-main{max-width:1500px;padding:26px clamp(14px,3vw,34px) 42px;margin:0 auto}
.dedicated-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,3.5vw,38px);margin-bottom:20px;border:1px solid rgba(151,203,234,.14);border-radius:20px;background:radial-gradient(circle at 88% 5%,rgba(99,229,244,.11),transparent 34%),linear-gradient(135deg,rgba(15,39,65,.96),rgba(8,22,40,.98));box-shadow:0 20px 55px rgba(0,0,0,.14)}
.dedicated-hero h1{margin:5px 0 8px;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.12}
.dedicated-hero p:not(.eyebrow){margin:0;color:#9bb1c8;max-width:760px;font-size:.9rem;line-height:1.7}
.dedicated-status{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(109,229,188,.16);border-radius:999px;padding:9px 12px;color:#a3e8d3;font-size:.68rem;font-weight:800}
.dedicated-status i{display:inline-block}
.dedicated-content{display:grid;gap:18px;min-width:0}
.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.page-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-card{min-width:0;padding:20px;border:1px solid rgba(151,203,234,.13);border-radius:17px;background:linear-gradient(145deg,rgba(14,34,57,.96),rgba(8,21,38,.98));box-shadow:0 12px 30px rgba(0,0,0,.1)}
.page-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.page-card h2,.page-card h3{margin:0;letter-spacing:-.025em}
.page-card h2{font-size:1rem}.page-card h3{font-size:.95rem}
.page-card p{color:#9bb1c8;font-size:.8rem;line-height:1.7}
.page-card .muted{color:#839bb3}
.page-stat{font-size:1.85rem;font-weight:850;letter-spacing:-.05em;margin:10px 0 5px}
.page-stat-label{font-size:.73rem;color:#90a8c0}
.page-pill{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border-radius:7px;border:1px solid rgba(99,229,244,.15);background:rgba(99,229,244,.055);color:#a8edf5;font-size:.65rem;font-weight:800;text-transform:capitalize;overflow-wrap:anywhere}
.page-pill.good{color:#9ce9cd;border-color:rgba(109,229,188,.2);background:rgba(109,229,188,.06)}
.page-pill.warn{color:#ffcf9e;border-color:rgba(255,191,121,.2);background:rgba(255,191,121,.06)}
.page-pill.purple{color:#c4b9ff;border-color:rgba(165,139,255,.2);background:rgba(165,139,255,.06)}
.page-list{display:grid;gap:11px}
.page-row{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:14px;border:1px solid rgba(151,203,234,.09);border-radius:13px;background:rgba(5,17,32,.34)}
.page-row-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.page-row-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid rgba(99,229,244,.16);border-radius:11px;background:rgba(99,229,244,.06);color:#80e9f5;font-weight:850}
.page-row-copy{min-width:0}.page-row-copy h3{margin:1px 0 5px;font-size:.85rem;overflow-wrap:anywhere}.page-row-copy p{margin:0;font-size:.74rem;line-height:1.6;overflow-wrap:anywhere}.page-row-copy .page-row-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;color:#839bb3;font-size:.66rem}
.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.page-button,.page-link-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid rgba(99,229,244,.2);border-radius:9px;background:rgba(99,229,244,.07);color:#baf4fa;text-decoration:none;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.page-button:hover,.page-link-button:hover{background:rgba(99,229,244,.13)}
.page-button.secondary{border-color:rgba(151,203,234,.16);background:rgba(255,255,255,.025);color:#c7d9ea}
.page-button.danger{border-color:rgba(255,139,151,.2);background:rgba(255,139,151,.06);color:#ffb7c0}
.page-button:disabled{opacity:.5;cursor:not-allowed}
.page-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.page-form label{display:grid;gap:7px;color:#a9bed2;font-size:.73rem;font-weight:750}
.page-form label.full{grid-column:1/-1}
.page-form input,.page-form select,.page-form textarea,.page-inline-input{width:100%;min-width:0;padding:11px 12px;border:1px solid rgba(151,203,234,.17);border-radius:10px;background:#07182c;color:#edf7ff;font:inherit;font-size:.8rem}
.page-form textarea{min-height:100px;resize:vertical}
.page-form input:focus,.page-form select:focus,.page-form textarea:focus{outline:2px solid rgba(99,229,244,.2);border-color:rgba(99,229,244,.48)}
.page-form-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}
.page-empty{padding:25px;border:1px dashed rgba(151,203,234,.17);border-radius:13px;text-align:center;color:#8ba3bb;font-size:.8rem;line-height:1.7}
.page-notice{margin-bottom:16px;padding:12px 15px;border:1px solid rgba(99,229,244,.2);border-radius:11px;background:rgba(99,229,244,.06);color:#b7eff5;font-size:.8rem;line-height:1.6}
.page-notice.error{border-color:rgba(255,139,151,.25);background:rgba(255,139,151,.06);color:#ffb7c0}
.page-loading{min-height:170px;display:grid;place-items:center;align-content:center;gap:12px;color:#8ea7c0}
.loading-orbit{width:29px;height:29px;border:2px solid rgba(99,229,244,.15);border-top-color:#63e5f4;border-radius:50%;animation:page-spin .8s linear infinite}
@keyframes page-spin{to{transform:rotate(360deg)}}
.page-loading p{margin:0;font-size:.8rem}
.page-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.page-kv div{padding:13px 0;border-bottom:1px solid rgba(151,203,234,.09)}
.page-kv dt{font-size:.67rem;color:#839bb3;margin-bottom:6px}.page-kv dd{margin:0;font-size:.83rem;font-weight:700;overflow-wrap:anywhere}
.product-workspace-banner{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid rgba(99,229,244,.16);border-radius:18px;background:radial-gradient(circle at 92% 0,rgba(99,229,244,.12),transparent 35%),linear-gradient(135deg,#102b49,#091b30)}
.product-workspace-mark{width:62px;height:62px;display:grid;place-items:center;flex:none;border-radius:17px;background:linear-gradient(135deg,#63e5f4,#7d8dff);color:#061426;font-size:1.7rem;font-weight:950}
.product-workspace-banner h2{margin:0 0 5px;font-size:1.4rem}.product-workspace-banner p{margin:0;color:#9bb1c8;font-size:.8rem;line-height:1.6}
.board-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:13px;overflow-x:auto;padding-bottom:8px}
.board-column{padding:12px;border:1px solid rgba(151,203,234,.12);border-radius:14px;background:rgba(4,15,28,.38);min-width:0}
.board-column-head{display:flex;align-items:center;gap:9px;padding:5px 4px 13px;border-bottom:1px solid rgba(151,203,234,.1);margin-bottom:10px}
.board-column-head i{width:8px;height:8px;border-radius:50%;background:#a58bff}.board-column:nth-child(2) .board-column-head i{background:#ffbf79}.board-column:nth-child(3) .board-column-head i{background:#6de5bc}.board-column:nth-child(4) .board-column-head i{background:#63e5f4}
.board-column-head strong{font-size:.77rem}.board-column-head span{margin-left:auto;color:#829ab3;font-size:.65rem}
.board-column .page-list{gap:9px}.board-column .page-row{padding:11px;background:rgba(13,31,51,.85)}
.dedicated-footer{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:17px;border-top:1px solid rgba(151,203,234,.1);color:#718aa3;font-size:.67rem}
#pageSideNav{z-index:50}
@media(max-width:1000px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid{grid-template-columns:repeat(4,minmax(245px,1fr))}}
@media(max-width:700px){.page-topbar{height:68px}.page-breadcrumb,.topbar-divider{display:none}.page-top-actions{gap:7px}.page-top-actions #pageUserLabel{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-logout{padding:8px;font-size:.68rem}.dedicated-main{padding-top:17px}.dedicated-hero{align-items:flex-start;flex-direction:column;border-radius:16px}.dedicated-status{align-self:flex-start}.page-grid,.page-grid.two{grid-template-columns:1fr}.page-form{grid-template-columns:1fr}.page-form label.full,.page-form-actions{grid-column:1}.page-row{flex-direction:column}.page-row-main{width:100%}.page-actions{width:100%}.page-kv{grid-template-columns:1fr}.product-workspace-banner{align-items:flex-start;padding:18px}.product-workspace-mark{width:48px;height:48px;border-radius:13px}.dedicated-footer{flex-direction:column}.build-board{grid-template-columns:repeat(4,minmax(245px,1fr))}}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}}

.staff-chat-feed{display:flex;flex-direction:column;gap:12px}.staff-chat-message{border-left:3px solid rgba(99,229,244,.65)}.staff-chat-task{border-left:3px solid #8a9bff;background:linear-gradient(110deg,rgba(95,111,226,.1),rgba(13,31,51,.7))}.staff-chat-feed .page-row-copy p{white-space:pre-wrap;overflow-wrap:anywhere}.staff-chat-feed .page-row-copy h3{font-size:.9rem}.staff-chat-feed .page-row-meta{flex-wrap:wrap}

/* WhatsApp-inspired company group chat */
.staff-chat-page{display:block!important;min-width:0}
.staff-chat-shell{height:min(76vh,900px);min-height:540px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(151,203,234,.16);border-radius:18px;background:#081725;box-shadow:0 22px 60px rgba(0,0,0,.24)}
.staff-chat-header{display:flex;align-items:center;gap:12px;padding:14px 17px;background:#0c2030;border-bottom:1px solid rgba(151,203,234,.12)}
.staff-chat-group-mark{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#63e5f4,#6e8cff);color:#061426;font-size:1.25rem;font-weight:950}
.staff-chat-group-copy{min-width:0}.staff-chat-group-copy h2{margin:0;color:#eef8ff;font-size:1rem}.staff-chat-group-copy p{margin:4px 0 0;color:#91a9be;font-size:.72rem}
.staff-chat-header-actions{margin-left:auto}.staff-chat-refresh{border:1px solid rgba(151,203,234,.17);border-radius:9px;background:#102a3c;color:#d7efff;padding:8px 11px;font-size:.72rem;font-weight:750;cursor:pointer}
.staff-chat-security-note{align-self:center;max-width:90%;margin:12px auto 4px;padding:8px 12px;border:1px solid rgba(99,229,244,.1);border-radius:10px;background:rgba(99,229,244,.06);color:#9dc6d6;text-align:center;font-size:.7rem}
.staff-chat-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:11px;padding:17px clamp(12px,3vw,28px);background-color:#071622;background-image:radial-gradient(rgba(130,180,200,.055) .7px,transparent .7px);background-size:16px 16px}
.staff-chat-line{display:flex;align-items:flex-end;gap:8px;max-width:min(88%,760px)}.staff-chat-line.own-message{align-self:flex-end;flex-direction:row-reverse}.staff-chat-line.other-message,.staff-chat-line.task-line{align-self:flex-start}
.staff-chat-avatar{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:50%;background:#174158;color:#a9f3fb;font-size:.7rem;font-weight:850}
.staff-chat-bubble{min-width:100px;max-width:100%;padding:9px 12px 7px;border:1px solid rgba(151,203,234,.08);border-radius:13px 13px 13px 4px;background:#112b3a;box-shadow:0 2px 5px rgba(0,0,0,.1)}.own-message .staff-chat-bubble{border-radius:13px 13px 4px 13px;background:#124b47}
.staff-chat-message-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.staff-chat-message-meta strong{color:#83e2ed;font-size:.72rem;font-weight:850}.own-message .staff-chat-message-meta strong{color:#9ce8c8}
.staff-chat-message-body{margin:0;color:#e5f1f8;font-size:.84rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.staff-chat-bubble-footer{display:flex;justify-content:flex-end;gap:7px;margin-top:5px;color:#91acb9;font-size:.59rem}.staff-chat-you-label{color:#8ce2be;font-weight:800}
.staff-task-bubble{min-width:min(320px,100%);border-color:rgba(125,141,255,.3);background:linear-gradient(145deg,#182c4b,#102b3b)}.staff-chat-task-title{margin:0 0 7px;color:#d7e0ff;font-size:.92rem}.staff-chat-task-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;color:#a9bdd0;font-size:.65rem}.staff-chat-task-action{margin-top:9px;border:1px solid rgba(151,203,234,.18);border-radius:8px;padding:6px 9px;background:rgba(255,255,255,.04);color:#dff4ff;font-size:.67rem;font-weight:800;cursor:pointer}
.staff-chat-welcome{align-self:center;max-width:430px;margin:auto;text-align:center;padding:24px 18px;color:#9db4c8}.staff-chat-welcome-mark{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#63e5f4,#6e8cff);color:#071426;font-size:1.5rem;font-weight:950}.staff-chat-welcome h3{margin:0 0 8px;color:#e8f5ff;font-size:1rem}.staff-chat-welcome p{margin:0;font-size:.8rem;line-height:1.7}
.staff-chat-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;background:#0b2030;border-top:1px solid rgba(151,203,234,.13)}
.staff-chat-input{flex:1;min-width:0;max-height:120px;resize:none;overflow-y:auto;border:1px solid rgba(151,203,234,.17);border-radius:18px;padding:11px 15px;background:#102b3b;color:#edf8ff;font:inherit;font-size:.85rem;line-height:1.45;outline:none}.staff-chat-input:focus{border-color:rgba(99,229,244,.55)}.staff-chat-input::placeholder{color:#809caf}
.staff-chat-send{width:43px;height:43px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#63e5f4,#78a0ff);color:#061426;font-size:1.15rem;font-weight:950;cursor:pointer}
.staff-chat-task-form{margin-top:0}.staff-chat-task-form .page-form{gap:12px}
@media(max-width:700px){.staff-chat-shell{height:calc(100dvh - 190px);min-height:420px;margin:0 -3px;border-radius:14px}.staff-chat-header{padding:11px 12px}.staff-chat-group-mark{width:39px;height:39px}.staff-chat-line{max-width:96%}.staff-chat-feed{padding:13px 9px;gap:9px}.staff-chat-bubble{padding:8px 10px}.staff-chat-message-body{font-size:.81rem}.staff-chat-security-note{font-size:.65rem}.staff-chat-composer{padding:10px}.staff-chat-input{font-size:16px}}


/* Design G page system: distinct accents by workspace, not a cyan-only template */
.workspace-page-body{background:radial-gradient(ellipse at 4% 0%,rgba(122,167,255,.11),transparent 32%),radial-gradient(ellipse at 96% 18%,rgba(181,154,255,.10),transparent 29%),linear-gradient(135deg,#080f20,#10162b 55%,#0a1425);color:#f0f2fb}
.page-topbar{background:rgba(8,14,29,.91);border-color:rgba(181,195,229,.14)}
.brand-mark,.product-workspace-mark{background:linear-gradient(135deg,#b59aff,#7aa7ff);color:#11152a}
.page-logout:hover,.page-secondary-link:hover{border-color:rgba(181,154,255,.42);background:rgba(181,154,255,.08)}
.dedicated-hero{border-color:rgba(181,154,255,.2);background:radial-gradient(circle at 92% 0,rgba(181,154,255,.16),transparent 34%),linear-gradient(120deg,#20254a,#15243b 58%,#15383a);box-shadow:0 20px 55px rgba(0,0,0,.18)}
.dedicated-hero .eyebrow{color:#c2b2ff}
.page-card{border-color:rgba(181,195,229,.13);background:linear-gradient(145deg,rgba(21,31,55,.97),rgba(12,22,40,.98))}
.page-pill{border-color:rgba(181,154,255,.2);background:rgba(181,154,255,.09);color:#c8bbff}
.page-button,.page-link-button{border-color:rgba(181,154,255,.23);background:rgba(181,154,255,.1);color:#d4caff}
.page-button:hover,.page-link-button:hover{background:rgba(181,154,255,.17)}
.page-form input:focus,.page-form select:focus,.page-form textarea:focus{outline:2px solid rgba(181,154,255,.2);border-color:rgba(181,154,255,.52)}
.page-row-icon{border-color:rgba(122,167,255,.18);background:rgba(122,167,255,.09);color:#9bbaff}
.page-grid>.page-card:nth-child(4n+2) .page-row-icon{color:#73e0b2;background:rgba(115,224,178,.09);border-color:rgba(115,224,178,.17)}
.page-grid>.page-card:nth-child(4n+3) .page-row-icon{color:#ffbd83;background:rgba(255,184,107,.09);border-color:rgba(255,184,107,.17)}
.page-grid>.page-card:nth-child(4n+4) .page-row-icon{color:#ff9db0;background:rgba(255,143,163,.09);border-color:rgba(255,143,163,.17)}
.page-grid>.page-card:nth-child(4n+1) .page-stat{color:#c2b2ff}.page-grid>.page-card:nth-child(4n+2) .page-stat{color:#73e0b2}.page-grid>.page-card:nth-child(4n+3) .page-stat{color:#ffbd83}.page-grid>.page-card:nth-child(4n+4) .page-stat{color:#9bbaff}
.board-column:nth-child(1) .board-column-head i{background:#b59aff}.board-column:nth-child(2) .board-column-head i{background:#ffb86b}.board-column:nth-child(3) .board-column-head i{background:#73e0b2}.board-column:nth-child(4) .board-column-head i{background:#7aa7ff}
.staff-chat-group-mark{background:linear-gradient(135deg,#b59aff,#7aa7ff);color:#11152a}
.staff-chat-feed{background-color:#101a2c;background-image:radial-gradient(rgba(181,195,229,.055) .7px,transparent .7px)}
.staff-chat-bubble{background:#1a2940}.own-message .staff-chat-bubble{background:#21483f}
.staff-chat-message-meta strong{color:#bcaaff}.own-message .staff-chat-message-meta strong{color:#8fe4ba}
.staff-chat-task-bubble{border-color:rgba(255,184,107,.28);background:linear-gradient(145deg,#342a40,#182d3d)}
@media(prefers-reduced-motion:reduce){.analytics-bar-fill{transition:none}}


/* Reduce cyan dominance in the shared component system */
.workspace-page-body .page-pill{color:#c8bbff;background:rgba(181,154,255,.09);border-color:rgba(181,154,255,.2)}
.workspace-page-body .page-button,.workspace-page-body .page-link-button{color:#d4caff;background:rgba(181,154,255,.1);border-color:rgba(181,154,255,.23)}
.workspace-page-body .page-button:hover,.workspace-page-body .page-link-button:hover{background:rgba(181,154,255,.17)}


/* Animated multi-colour interaction system — restrained glow, clear focus, accessible motion */
:root{--zt-accent-violet:#b59aff;--zt-accent-blue:#7aa7ff;--zt-accent-green:#73e0b2;--zt-accent-amber:#ffb86b;--zt-accent-rose:#ff8fa3}
@keyframes zt-gradient-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.primary-button,.outline-button,.small-action,.banner-button,.widget-link,.pipeline-button,.file-button,.text-button,.page-button,.page-link-button,.page-logout,.page-secondary-link,.staff-chat-send,.staff-chat-refresh{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}
.primary-button,.banner-button,.pipeline-button,.staff-chat-send{background-size:180% 180%;animation:zt-gradient-drift 7s ease infinite}
.primary-button:hover,.banner-button:hover,.pipeline-button:hover,.staff-chat-send:hover{transform:translateY(-2px);box-shadow:0 10px 27px rgba(181,154,255,.18)}
.outline-button:hover,.small-action:hover,.page-button:hover,.page-link-button:hover,.page-logout:hover,.page-secondary-link:hover,.staff-chat-refresh:hover{transform:translateY(-1px);box-shadow:0 7px 19px rgba(122,167,255,.12)}
.dashboard-widget,.analytics-widget,.metric-card,.quick-card,.staff-panel,.module-card,.module-item,.page-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.dashboard-widget:hover,.analytics-widget:hover,.page-card:hover{border-color:rgba(181,154,255,.25);box-shadow:0 16px 36px rgba(0,0,0,.17)}
.dashboard-analytics-grid .analytics-widget:nth-child(4n+1),.page-grid>.page-card:nth-child(4n+1){--section-accent:#b59aff}
.dashboard-analytics-grid .analytics-widget:nth-child(4n+2),.page-grid>.page-card:nth-child(4n+2){--section-accent:#73e0b2}
.dashboard-analytics-grid .analytics-widget:nth-child(4n+3),.page-grid>.page-card:nth-child(4n+3){--section-accent:#ffb86b}
.dashboard-analytics-grid .analytics-widget:nth-child(4n+4),.page-grid>.page-card:nth-child(4n+4){--section-accent:#7aa7ff}
.dashboard-analytics-grid .analytics-widget,.page-grid>.page-card{border-top:2px solid color-mix(in srgb,var(--section-accent,#b59aff) 55%,transparent)}
.workspace-main select,.workspace-main input,.workspace-main textarea,.page-form select,.page-form input,.page-form textarea{accent-color:#b59aff}
.workspace-main select:focus,.page-form select:focus{box-shadow:0 0 0 3px rgba(181,154,255,.10)}
@media(prefers-reduced-motion:reduce){.primary-button,.banner-button,.pipeline-button,.staff-chat-send{animation:none;background-position:50% 50%}.primary-button,.outline-button,.small-action,.banner-button,.widget-link,.pipeline-button,.file-button,.text-button,.page-button,.page-link-button,.page-logout,.page-secondary-link,.staff-chat-send,.staff-chat-refresh,.dashboard-widget,.analytics-widget,.metric-card,.quick-card,.staff-panel,.module-card,.module-item,.page-card{transition:none}.dashboard-widget:hover,.analytics-widget:hover,.page-card:hover,.primary-button:hover,.banner-button:hover,.pipeline-button:hover,.staff-chat-send:hover,.outline-button:hover,.small-action:hover,.page-button:hover,.page-link-button:hover,.page-logout:hover,.page-secondary-link:hover,.staff-chat-refresh:hover{transform:none}}

/* Dedicated page cards rotate through separate accent colours */
.page-card:nth-child(5n+1){--section-accent:#b59aff}.page-card:nth-child(5n+2){--section-accent:#73e0b2}.page-card:nth-child(5n+3){--section-accent:#ffb86b}.page-card:nth-child(5n+4){--section-accent:#7aa7ff}.page-card:nth-child(5n){--section-accent:#ff8fa3}
.page-card{border-top:2px solid color-mix(in srgb,var(--section-accent,#b59aff) 50%,transparent)}
.page-button.danger:hover{box-shadow:0 8px 22px rgba(255,143,163,.13)}



/* Premium animated glass atmosphere: layered aurora, floating light and frosted surfaces */
:root{--glass-line:rgba(210,221,255,.13);--glass-surface:rgba(20,25,43,.58);--glass-blur:18px;--aurora-violet:rgba(143,104,255,.17);--aurora-mint:rgba(69,224,181,.11);--aurora-coral:rgba(255,143,163,.10);--aurora-blue:rgba(94,155,255,.12)}
.workspace-shell,.workspace-main,.page-shell,.workspace-layout{position:relative;isolation:isolate}
.workspace-shell:before,.workspace-main:before,.page-shell:before{content:"";position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 12% 18%,var(--aurora-violet),transparent 33%),radial-gradient(ellipse at 82% 22%,var(--aurora-mint),transparent 29%),radial-gradient(ellipse at 65% 82%,var(--aurora-coral),transparent 31%),radial-gradient(ellipse at 15% 85%,var(--aurora-blue),transparent 28%);background-size:150% 150%;animation:zt-aurora-drift 24s ease-in-out infinite alternate;will-change:background-position,transform}
.workspace-shell:after,.page-shell:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.20;background-image:radial-gradient(rgba(218,226,255,.45) .65px,transparent .8px);background-size:31px 31px;mask-image:linear-gradient(120deg,transparent 5%,#000 48%,transparent 95%);animation:zt-speckle-float 34s linear infinite}
@keyframes zt-aurora-drift{0%{transform:translate3d(-1.5%,0,0) scale(1);background-position:0% 20%}50%{transform:translate3d(1.2%,1%,0) scale(1.04);background-position:100% 55%}100%{transform:translate3d(-.5%,-1%,0) scale(1.02);background-position:20% 100%}}
@keyframes zt-speckle-float{from{transform:translateY(0)}to{transform:translateY(-31px)}}
@keyframes zt-glass-sheen{0%{transform:translateX(-130%) skewX(-16deg);opacity:0}18%{opacity:.45}48%{opacity:0}100%{transform:translateX(180%) skewX(-16deg);opacity:0}}
@keyframes zt-ring-breathe{0%,100%{box-shadow:0 0 0 1px rgba(181,154,255,.06),0 10px 35px rgba(0,0,0,.12)}50%{box-shadow:0 0 0 1px rgba(115,224,178,.15),0 14px 40px rgba(98,121,255,.10)}}
.workspace-main .dashboard-widget,.workspace-main .analytics-widget,.workspace-main .metric-card,.workspace-main .quick-card,.workspace-main .staff-panel,.workspace-main .module-card,.workspace-main .module-item,.workspace-main .page-card,.page-shell .page-card,.page-shell .panel,.page-shell .card,.page-shell .section-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 44%,rgba(181,154,255,.025)),var(--glass-surface);border-color:var(--glass-line);backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);animation:zt-ring-breathe 10s ease-in-out infinite}
.workspace-main .dashboard-widget:after,.workspace-main .analytics-widget:after,.workspace-main .metric-card:after,.workspace-main .quick-card:after,.workspace-main .page-card:after,.page-shell .page-card:after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);transform:translateX(-130%) skewX(-16deg);animation:zt-glass-sheen 12s ease-in-out infinite}
.workspace-main .dashboard-widget:nth-child(3n):after,.workspace-main .analytics-widget:nth-child(3n):after{animation-delay:3.5s}
.workspace-main .dashboard-widget:nth-child(3n+1),.workspace-main .analytics-widget:nth-child(3n+1){--section-accent:#b59aff}
.workspace-main .dashboard-widget:nth-child(3n+2),.workspace-main .analytics-widget:nth-child(3n+2){--section-accent:#73e0b2}
.workspace-main .dashboard-widget:nth-child(3n),.workspace-main .analytics-widget:nth-child(3n){--section-accent:#ffb86b}
.workspace-main .dashboard-widget,.workspace-main .analytics-widget{border-top:2px solid color-mix(in srgb,var(--section-accent,#b59aff) 58%,transparent)}
.workspace-main .primary-button,.workspace-main .banner-button,.workspace-main .pipeline-button,.workspace-main .staff-chat-send,.page-shell .page-button.primary{background-image:linear-gradient(115deg,#8069e8,#638be8 35%,#4bbd9e 68%,#c17ae7);background-size:240% 240%;animation:zt-button-flow 9s ease infinite;border:1px solid rgba(255,255,255,.15)}
@keyframes zt-button-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.workspace-main button,.page-shell button{transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.workspace-main button:hover,.page-shell button:hover{filter:brightness(1.09)}
.workspace-main .metric-card:hover,.workspace-main .analytics-widget:hover,.workspace-main .dashboard-widget:hover,.workspace-main .page-card:hover{transform:translateY(-3px);border-color:rgba(181,154,255,.29);box-shadow:0 18px 42px rgba(0,0,0,.20)}
@media(prefers-reduced-motion:reduce){.workspace-shell:before,.workspace-shell:after,.workspace-main:before,.page-shell:before,.page-shell:after,.workspace-main .dashboard-widget,.workspace-main .analytics-widget,.workspace-main .metric-card,.workspace-main .quick-card,.workspace-main .staff-panel,.workspace-main .module-card,.workspace-main .module-item,.workspace-main .page-card,.page-shell .page-card,.page-shell .panel,.page-shell .card,.page-shell .section-card,.workspace-main .primary-button,.workspace-main .banner-button,.workspace-main .pipeline-button,.workspace-main .staff-chat-send{animation:none!important}.workspace-main button,.page-shell button,.workspace-main .metric-card,.workspace-main .analytics-widget,.workspace-main .dashboard-widget,.workspace-main .page-card{transition:none!important}.workspace-main .metric-card:hover,.workspace-main .analytics-widget:hover,.workspace-main .dashboard-widget:hover,.workspace-main .page-card:hover{transform:none}}
@media(max-width:720px){.workspace-main .dashboard-widget,.workspace-main .analytics-widget,.workspace-main .metric-card,.workspace-main .page-card,.page-shell .page-card,.page-shell .panel{backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}}

.group-find-staff{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:15px 18px;border:1px solid rgba(151,203,234,.14);border-radius:15px;background:linear-gradient(120deg,rgba(165,139,255,.08),rgba(109,229,188,.04))}.group-find-staff>label{color:#b8cbe0;font-size:.75rem;font-weight:800}.group-find-staff>div{display:flex;gap:8px;min-width:min(100%,420px)}.group-find-staff input{width:100%;min-width:0;padding:10px 12px;border:1px solid rgba(151,203,234,.18);border-radius:10px;background:#07182c;color:#edf7ff;font:inherit;font-size:.76rem}.group-find-staff button{flex:none;border:0;border-radius:10px;padding:10px 13px;background:linear-gradient(120deg,#b3a0ff,#85edc9);color:#071426;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}@media(max-width:600px){.group-find-staff{align-items:stretch;flex-direction:column;gap:10px}.group-find-staff>div{min-width:0}.group-find-staff button{white-space:nowrap}}

/* Shared animated frosted-glass controls for dedicated pages */
.workspace-page-body .page-form select,.workspace-page-body .page-form input,.workspace-page-body .page-form textarea{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.02)),rgba(14,20,39,.82)!important;color:#f0f2fb!important;border-color:rgba(181,195,229,.22)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.07);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.workspace-page-body .page-form select{appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#b59aff 50%),linear-gradient(135deg,#b59aff 50%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.02))!important;background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%,0 0!important;background-size:6px 6px,6px 6px,100% 100%!important;background-repeat:no-repeat!important}.workspace-page-body .page-form select:focus,.workspace-page-body .page-form input:focus,.workspace-page-body .page-form textarea:focus{outline:none!important;border-color:rgba(181,154,255,.68)!important;box-shadow:0 0 0 4px rgba(181,154,255,.12),0 12px 28px rgba(0,0,0,.12)!important;transform:translateY(-1px)}.workspace-page-body .page-form select option{background:#111b30;color:#f0f2fb}

/* Theme-aware surface layer: retain the page accents while honouring saved workspace palettes */
.workspace-page-body{background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--cyan,#b59aff) 13%,transparent),transparent 35%),var(--bg,#061426);color:var(--text,#f0f2fb)}.workspace-page-body .page-topbar{background:color-mix(in srgb,var(--bg,#061426) 88%,transparent);border-color:var(--line,rgba(181,195,229,.14))}.workspace-page-body .dedicated-hero,.workspace-page-body .page-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel,#151f3b) 94%,white 6%),var(--panel,#0c1628));border-color:var(--line,rgba(181,195,229,.14));color:var(--text,#f0f2fb)}.workspace-page-body .page-card h2,.workspace-page-body .page-card h3,.workspace-page-body .dedicated-hero h1{color:var(--text,#f0f2fb)}.workspace-page-body .page-card p,.workspace-page-body .dedicated-hero p:not(.eyebrow){color:var(--muted,#9bb1c8)}.workspace-page-body .page-form input,.workspace-page-body .page-form textarea,.workspace-page-body .page-form select{color:var(--text,#f0f2fb)!important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),var(--panel,#0c1628)!important}.workspace-page-body .page-form select option{background:var(--panel,#0c1628);color:var(--text,#f0f2fb)}

/* Staff profile photographs in the company account list. */
.page-row-icon.has-avatar{overflow:hidden;border-radius:50%;padding:0;background:linear-gradient(135deg,rgba(90,226,245,.22),rgba(72,133,255,.18));border:1px solid rgba(117,226,246,.4)}
.page-row-icon.has-avatar .staff-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

.profile-photo-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;border:1px solid rgba(117,226,246,.22);border-radius:18px;background:linear-gradient(135deg,rgba(85,220,242,.09),rgba(255,255,255,.025))}.profile-photo-large{width:82px;height:82px;flex:0 0 82px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,#bafaff,#21b9df 48%,#102b59);color:#071426;font-size:30px;font-weight:900;border:2px solid rgba(117,226,246,.42);box-shadow:0 8px 25px rgba(31,201,231,.15)}.profile-photo-large img{width:100%;height:100%;object-fit:cover}.profile-photo-copy{font-weight:800;font-size:16px;flex:1;min-width:160px}.profile-photo-card p{flex-basis:100%;margin:0;font-size:12px;line-height:1.6;color:var(--muted,#9bb1c8)}

.profile-photo-card .staff-avatar{width:82px;height:82px;flex:0 0 82px;object-fit:cover;border-radius:50%;border:1px solid rgba(117,226,246,.42)}.profile-photo-card .muted{font-size:11px;color:var(--muted,#9bb1c8)}.page-form input[type=file]{max-width:100%;font-size:12px}.page-form textarea{width:100%;min-height:90px;resize:vertical}


/* Shared dedicated-page cinematic palette. */
.workspace-page-body{background:radial-gradient(ellipse at 12% 0%,rgba(133,94,220,.18),transparent 38%),radial-gradient(ellipse at 92% 28%,rgba(36,155,123,.11),transparent 34%),linear-gradient(145deg,#080d1b,#10182a 58%,#0b1722);color:#f5f5ff}
.page-topbar{background:rgba(8,13,28,.88);border-bottom-color:rgba(192,181,255,.17)}
.brand-mark,.product-workspace-mark{background:linear-gradient(135deg,#c4b5fd,#8067e8);color:#17142d;box-shadow:0 10px 25px rgba(128,103,232,.18)}
.dedicated-hero,.product-workspace-banner{border-color:rgba(196,181,253,.22);background:radial-gradient(ellipse at 84% 8%,rgba(167,139,250,.2),transparent 35%),radial-gradient(ellipse at 8% 100%,rgba(110,231,183,.1),transparent 42%),linear-gradient(120deg,#171d38,#0b1e30 72%);box-shadow:0 22px 58px rgba(0,0,0,.23)}
.dedicated-hero:before{background-image:linear-gradient(rgba(196,181,253,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(196,181,253,.06) 1px,transparent 1px)}
.page-card,.page-row,.page-empty{border-color:rgba(192,181,255,.16);background:linear-gradient(145deg,rgba(25,33,58,.92),rgba(9,20,36,.97));box-shadow:0 16px 38px rgba(0,0,0,.16)}
.page-card:hover,.page-row:hover{border-color:rgba(196,181,253,.32);box-shadow:0 22px 45px rgba(0,0,0,.23)}
.page-button,.page-link-button{border-color:rgba(196,181,253,.22);background:rgba(167,139,250,.09);color:#e5ddff}
.page-button:hover,.page-link-button:hover{background:rgba(167,139,250,.16);border-color:rgba(196,181,253,.38)}
.page-button.primary,.page-link-button.primary{background:linear-gradient(110deg,#a78bfa,#8067e8 65%,#647bd5);color:#fff;border-color:transparent}
.page-pill{border-color:rgba(196,181,253,.2);background:rgba(167,139,250,.08);color:#d6ccff}
.page-pill.good{border-color:rgba(110,231,183,.2);background:rgba(110,231,183,.07);color:#8bf0c7}
.page-pill.warn{border-color:rgba(251,191,36,.22);background:rgba(251,191,36,.07);color:#fcd98a}
.page-pill.purple{border-color:rgba(196,181,253,.22);background:rgba(167,139,250,.08);color:#d6ccff}
.page-form input,.page-form select,.page-form textarea,.page-inline-input{border-color:rgba(192,181,255,.2);background:#0b1428}
.page-form input:focus,.page-form select:focus,.page-form textarea:focus{outline-color:rgba(167,139,250,.28);border-color:#a78bfa}
.page-notice{border-color:rgba(196,181,253,.22);background:rgba(167,139,250,.07);color:#e1d9ff}
.eyebrow{color:#c4b5fd}
@media(prefers-reduced-motion:reduce){.page-card,.page-row,.page-button,.page-link-button{transition:none!important}}