/* ZeroniX Agency OS v1.3 — usability, readability and responsive overrides */
:root{
  --zx-font:"Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --zx-navy:#0d1b2a;--zx-navy-2:#16283d;--zx-blue:#3267e3;--zx-cyan:#25b7c7;--zx-orange:#f26b38;
  --zx-canvas:#f4f7fb;--zx-card:#ffffff;--zx-ink:#172033;--zx-copy:#4c586d;--zx-soft:#738096;--zx-border:#dfe6ef;
  --zx-shadow:0 14px 38px rgba(20,40,70,.10);--zx-shadow-lg:0 24px 70px rgba(20,40,70,.16);
}
html{font-size:16px}body{font-family:var(--zx-font)}

/* Public site refinements */
.public-site h1{font-size:clamp(2.25rem,5.1vw,4.75rem)!important;line-height:1.04;letter-spacing:-.045em}
.public-site h2{font-size:clamp(1.85rem,3.5vw,3.25rem);line-height:1.12}
.public-site .hero{padding-block:clamp(4.25rem,8vw,7.5rem)}
.public-site .section{padding-block:clamp(4rem,8vw,7.25rem)}
.public-site .service-card,.public-site .portfolio-card,.public-site .contact-card{box-shadow:0 16px 45px rgba(0,0,0,.16)}
.public-site .service-card h3{font-size:1.12rem;line-height:1.3}.public-site .service-card p{font-size:.94rem;line-height:1.65}
.services-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin-top:2rem}
.service-index-card{display:flex;flex-direction:column;gap:.8rem;padding:1.35rem;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));min-height:250px;transition:.25s ease}
.service-index-card:hover{transform:translateY(-5px);border-color:rgba(242,107,56,.5);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.service-index-card .feature-icon{font-size:1.55rem}.service-index-card h2{font-size:1.35rem;margin:0}.service-index-card p{margin:0}

/* Dashboard visual system */
.dashboard-body,.client-body{background:var(--zx-canvas)!important;color:var(--zx-ink)!important;line-height:1.55}
.dashboard-body p,.dashboard-body small,.client-body p,.client-body small{color:var(--zx-copy)}
.dashboard-shell,.client-shell{min-height:100dvh}
.dashboard-sidebar,.client-sidebar{background:linear-gradient(180deg,#0d1b2a 0%,#12253a 100%)!important;border-right:0!important;box-shadow:10px 0 34px rgba(12,30,50,.14);width:264px!important;padding:1rem .85rem!important;color:#fff}
.dashboard-sidebar .brand,.client-sidebar .brand{padding:.45rem .55rem .95rem;color:#fff}.dashboard-sidebar .brand img,.client-sidebar .brand img{width:40px;height:40px}
.dashboard-nav,.client-sidebar nav{display:grid!important;gap:.3rem!important;overflow:auto;padding-right:.15rem}
.dashboard-nav a,.client-sidebar nav a{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem .78rem!important;border-radius:12px;color:#c9d5e4!important;font-size:.91rem;font-weight:650;transition:.18s ease;border:1px solid transparent}
.dashboard-nav a b,.client-sidebar nav a b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.065);color:#dce8f7;font-size:.9rem}
.dashboard-nav a:hover,.client-sidebar nav a:hover{background:rgba(255,255,255,.065);color:#fff!important}
.dashboard-nav a.active,.client-sidebar nav a.active{background:linear-gradient(135deg,rgba(50,103,227,.95),rgba(37,183,199,.82));color:#fff!important;box-shadow:0 9px 20px rgba(24,79,167,.28)}
.nav-alert{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff5b68;color:#fff;display:grid;place-items:center;font-size:.68rem;font-weight:800;box-shadow:0 0 0 3px rgba(255,91,104,.15)}
.sidebar-user,.client-sidebar footer{margin-top:auto!important;padding:1rem .7rem!important;border-top:1px solid rgba(255,255,255,.12)!important}.sidebar-user small,.client-sidebar footer small{color:#9fb0c5!important}
.dashboard-main,.client-main{min-width:0;background:var(--zx-canvas)!important;margin-left:264px!important}
.dashboard-topbar,.client-topbar{position:sticky;top:0;z-index:70;min-height:72px;padding:.75rem 1.35rem!important;background:rgba(255,255,255,.92)!important;color:var(--zx-ink)!important;border-bottom:1px solid var(--zx-border)!important;backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(30,50,80,.05)}
.dashboard-topbar strong,.client-topbar strong{color:var(--zx-ink)!important}.dashboard-topbar small,.client-topbar small{color:var(--zx-soft)!important}
.dashboard-content,.client-content{padding:clamp(1rem,2.2vw,2rem)!important;max-width:1600px;margin:0 auto;width:100%}
.dashboard-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;padding:0 0 1.25rem!important;margin:0!important}
.dashboard-title h1{font-size:clamp(1.65rem,2.6vw,2.45rem)!important;color:var(--zx-ink)!important;line-height:1.18;letter-spacing:-.035em;margin:.25rem 0 .45rem}.dashboard-title p{max-width:840px;color:var(--zx-copy)!important;font-size:1rem;margin:0}
.dashboard-title .eyebrow{color:var(--zx-blue)!important;font-size:.72rem}.dashboard-title>.btn{align-self:start}
.panel,.detail-card,.manager-card,.team-card,.finance-card,.project-overview-card,.requirement-card,.document-client-card,.payment-stage,.contact-card{background:var(--zx-card)!important;color:var(--zx-ink)!important;border:1px solid var(--zx-border)!important;border-radius:18px!important;box-shadow:var(--zx-shadow)!important}
.panel{overflow:hidden}.panel-header{padding:1rem 1.15rem!important;border-bottom:1px solid var(--zx-border)!important;background:#fbfcfe!important;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.panel-header h2{font-size:1.05rem!important;color:var(--zx-ink)!important;margin:0}.panel-body{padding:1.15rem!important}.detail-card{padding:1.2rem!important}.detail-card h2{font-size:1.06rem!important;color:var(--zx-ink)!important}
.dashboard-grid,.detail-grid{gap:1rem!important}.detail-list{grid-template-columns:minmax(130px,.35fr) minmax(0,1fr)!important}.detail-list dt{color:var(--zx-soft)!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.055em}.detail-list dd{color:var(--zx-ink)!important;overflow-wrap:anywhere}
.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.9rem!important;margin-bottom:1rem}.kpi-card{background:var(--zx-card)!important;color:var(--zx-ink)!important;border:1px solid var(--zx-border)!important;border-radius:17px!important;box-shadow:var(--zx-shadow)!important;min-height:132px;padding:1.05rem!important}.kpi-card span,.finance-card span{color:var(--zx-soft)!important}.kpi-card strong,.finance-card strong{color:var(--zx-ink)!important}.kpi-card:hover{transform:translateY(-3px);border-color:#b7c9e5!important}
.action-item{border-color:var(--zx-border)!important;background:#fff!important}.action-item>span:first-child{background:#eef4ff!important;color:var(--zx-blue)!important}.action-item strong{color:var(--zx-ink)!important}.action-item small{color:var(--zx-copy)!important}
.badge{font-weight:750!important;white-space:nowrap}.badge.success{background:#e5f7ef!important;color:#146246!important;border-color:#bce9d5!important}.badge.warning{background:#fff4d8!important;color:#825700!important;border-color:#f2db9a!important}.badge.danger{background:#ffe7e9!important;color:#9b2532!important;border-color:#f4b7bd!important}.badge.info{background:#e7f1ff!important;color:#225caa!important;border-color:#bdd8fb!important}

/* Forms */
.form-grid{gap:.9rem!important}.field{display:grid;gap:.4rem}.field>span{font-size:.78rem!important;color:#44516a!important;font-weight:750!important;letter-spacing:.01em}.field small,.form-help{color:#6d7890!important;line-height:1.45}
.field input,.field select,.field textarea,.toolbar select,.toolbar input{width:100%;background:#fff!important;color:var(--zx-ink)!important;border:1px solid #cfd9e6!important;border-radius:11px!important;padding:.72rem .82rem!important;min-height:44px!important;box-shadow:0 1px 0 rgba(20,40,70,.02);transition:border-color .18s,box-shadow .18s}
.field textarea{min-height:108px;resize:vertical;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:#9aa5b6}
.field input:focus,.field select:focus,.field textarea:focus,.toolbar select:focus,.toolbar input:focus{outline:0;border-color:#5c88e9!important;box-shadow:0 0 0 4px rgba(50,103,227,.12)!important}
.field input[type=file]{padding:.55rem;background:#f8faff!important}.consent{color:var(--zx-copy)!important}.consent input{accent-color:var(--zx-blue)}
.btn{border-radius:11px!important;min-height:43px!important}.btn-primary{background:linear-gradient(135deg,#3267e3,#25a9c3)!important;box-shadow:0 8px 20px rgba(50,103,227,.2)!important}.btn-secondary{background:#fff!important;color:#26344b!important;border-color:#cfd9e6!important}.btn-secondary:hover{background:#f3f7fc!important}.btn-danger{background:#fff0f1!important;color:#a52b38!important;border-color:#f0c1c6!important}.icon-btn{color:var(--zx-ink)!important;background:#fff!important;border:1px solid var(--zx-border)!important}
.table-wrap{overflow:auto}.data-table{min-width:760px;background:#fff;color:var(--zx-ink)}.data-table th{background:#f3f6fa!important;color:#536077!important;font-size:.72rem!important;text-transform:uppercase;letter-spacing:.055em}.data-table td{color:var(--zx-ink)!important;border-color:var(--zx-border)!important}.data-table tr:hover td{background:#f8fbff!important}

/* Module clarity */
.module-intro{background:#eef4ff!important;border-color:#cedcf3!important;color:var(--zx-ink)!important;border-radius:16px!important}.module-intro p{color:#42516c!important}.step-chip{background:#fff!important;color:#5a6780!important;border:1px solid #d8e0eb!important}.step-chip.active{background:#3267e3!important;color:#fff!important;border-color:#3267e3!important}
.manager-card{overflow:hidden}.manager-card summary{background:#fff!important;color:var(--zx-ink)!important;padding:1rem!important}.manager-card[open] summary{background:#f3f7fc!important;border-bottom:1px solid var(--zx-border)}
.manager-card form{padding:1rem!important}.manager-list{gap:.8rem!important}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.team-card{padding:1rem!important}.team-card-head{align-items:center}.team-dp{width:48px!important;height:48px!important;border-radius:14px!important}
.finance-summary{gap:.75rem!important}.finance-card{padding:1rem!important;min-height:108px!important}.finance-card strong{font-size:1.35rem!important}
.project-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1rem;padding:.45rem;background:#eaf0f7;border-radius:14px}.project-tabs a{padding:.6rem .82rem;border-radius:10px;color:#4c5a71;font-weight:720;font-size:.86rem}.project-tabs a.active{background:#fff;color:#1e4f9b;box-shadow:0 4px 14px rgba(20,45,80,.1)}
.project-profile-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:1rem}.project-section-stack{display:grid;gap:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.info-tile{padding:.9rem;border:1px solid var(--zx-border);border-radius:13px;background:#fbfcfe}.info-tile span{display:block;color:var(--zx-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.info-tile strong{display:block;color:var(--zx-ink);margin-top:.25rem;overflow-wrap:anywhere}
.milestone-list{display:grid;gap:.75rem}.milestone{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;gap:.9rem;align-items:start;padding:1rem!important;background:#fff!important;color:var(--zx-ink)!important;border-color:var(--zx-border)!important}.milestone>span:first-child{width:42px;height:42px;border-radius:12px;background:#edf3ff;color:#3267e3;display:grid;place-items:center;font-weight:800}.milestone h3{color:var(--zx-ink)!important;margin:.1rem 0}.milestone p,.milestone small{color:var(--zx-copy)!important}.milestone-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:.55rem;align-items:end;margin-top:.75rem}
.progress-bar{background:#e4eaf2!important}.progress-bar i{background:linear-gradient(90deg,#3267e3,#25b7c7)!important}

/* Requirements / onboarding */
.requirement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.requirement-card{padding:1.05rem!important}.requirement-card header span{color:var(--zx-blue)!important}.requirement-card h3{font-size:1rem!important;color:var(--zx-ink)!important}.requirement-card p{color:var(--zx-copy)!important}.requirement-card form{display:grid;gap:.75rem}.requirement-card .upload-hint{padding:.68rem .75rem;border-radius:10px;background:#f0f5fb;color:#536078;font-size:.78rem;line-height:1.45}.requirement-card.provided{border-color:#a9ddc7!important;background:#f4fbf8!important}
.onboarding-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.4rem}.onboarding-summary{background:#eaf3ff!important;border-color:#cadbf2!important;color:var(--zx-ink)!important}

/* Payments */
.payment-stage{padding:1rem!important}.payment-stage h3,.payment-stage strong,.payment-stage footer{color:var(--zx-ink)!important}.payment-stage p{color:var(--zx-copy)!important}.payment-stage.paid{background:#f3fbf7!important;border-color:#b8e2cf!important}.payment-qr{background:#fff!important;color:var(--zx-ink)!important;border:1px solid var(--zx-border)!important;box-shadow:none!important}.payment-account-card{padding:1rem;border:1px solid var(--zx-border);border-radius:14px;background:#f8fbff;margin-bottom:1rem}.payment-account-card dl{margin:0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:.5rem}.payment-account-card dt{color:var(--zx-soft);font-size:.75rem;font-weight:750}.payment-account-card dd{margin:0;color:var(--zx-ink);overflow-wrap:anywhere}

/* Notifications */
.notification-button{background:#fff!important;color:#172033!important;border:1px solid var(--zx-border)!important;box-shadow:0 5px 14px rgba(20,45,80,.08)}.notification-count{background:#ff5361!important;color:#fff!important}.notification-drawer{background:#fff!important;color:var(--zx-ink)!important;border:1px solid var(--zx-border)!important;box-shadow:var(--zx-shadow-lg)!important;width:min(410px,calc(100vw - 1.25rem))!important}.notification-drawer header{background:#f7f9fc!important;border-bottom:1px solid var(--zx-border)!important;color:var(--zx-ink)!important}.notification-list{background:#fff!important}.notification-item{color:var(--zx-ink)!important;border-bottom:1px solid #edf0f4!important;background:#fff!important}.notification-item:hover{background:#f5f8fc!important}.notification-item strong{color:var(--zx-ink)!important}.notification-item small{color:#5c687c!important}.notification-item.unread{background:#eef5ff!important;border-left:4px solid #3267e3!important}.notification-item:not(.unread){opacity:.78}.notification-item i{background:#8da4c5!important}.notification-item.warning i{background:#e5a500!important}.notification-item.success i{background:#2aa875!important}.notification-item.danger i{background:#d94958!important}
.nav-notification-pulse{animation:navPulse 1.8s ease-in-out infinite}@keyframes navPulse{50%{box-shadow:0 0 0 6px rgba(255,83,97,.08)}}

/* Client documents */
.document-client-grid{gap:.8rem}.document-client-card{grid-template-columns:52px minmax(0,1fr) auto!important;padding:1rem!important}.document-client-card>span:first-child{background:#edf3ff!important;color:#3267e3!important}.document-client-card h3{color:var(--zx-ink)!important}.document-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.document-status-line{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.4rem}

/* Chatbot */
.chat-launcher{z-index:1000!important;right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
.chat-panel{position:fixed!important;z-index:1100!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:min(430px,calc(100vw - 24px))!important;height:min(720px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;background:#fff!important;color:var(--zx-ink)!important;border:1px solid #d7e0eb!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 28px 90px rgba(7,24,45,.28)!important}
.chat-panel[hidden]{display:none!important}.chat-header{position:relative!important;top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.65rem;padding:.82rem .9rem!important;min-height:68px;background:linear-gradient(135deg,#0e2238,#16395c)!important;color:#fff!important;border-bottom:0!important;z-index:2}
.chat-agent{min-width:0;display:flex;align-items:center;gap:.68rem}.chat-agent>div{min-width:0}.chat-agent strong{display:block;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-agent small{display:block;color:#cfe0f2!important;white-space:normal!important;line-height:1.3;max-width:260px}.chat-avatar{flex:0 0 auto}.chat-header .icon-btn{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.chat-reference{padding:.48rem .85rem!important;background:#edf5ff!important;color:#234f88!important;border-bottom:1px solid #d4e4f7!important;font-size:.77rem!important}
.chat-messages{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:.9rem!important;background:linear-gradient(180deg,#f7f9fc,#eef3f8)!important;scrollbar-gutter:stable}.chat-row{max-width:100%}.chat-message{font-size:.91rem!important;line-height:1.5!important;border-radius:15px!important;overflow-wrap:anywhere}.chat-message.bot,.chat-message.team{background:#fff!important;color:#243147!important;border:1px solid #dce4ee!important;box-shadow:0 4px 12px rgba(30,55,85,.06)}.chat-message.user{background:linear-gradient(135deg,#3267e3,#25a9c3)!important;color:#fff!important}.message-sender{color:#4e6077!important}
.chat-choices{display:flex!important;gap:.45rem!important;overflow-x:auto!important;padding:.68rem .78rem!important;background:#fff!important;border-top:1px solid #e4e9f0!important;scrollbar-width:thin}.chat-choice{flex:0 0 auto!important;max-width:270px!important;background:#f1f5fb!important;color:#28405f!important;border:1px solid #d4deea!important;border-radius:999px!important;padding:.55rem .78rem!important;white-space:normal!important;line-height:1.25!important;font-size:.82rem!important}
.chat-footer{position:relative!important;bottom:auto!important;background:#fff!important;border-top:1px solid #e2e8f0!important;padding:.7rem!important}.chat-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.5rem!important}.chat-form input{min-width:0!important;background:#fff!important;color:#172033!important;border:1px solid #cfd9e6!important;border-radius:12px!important;padding:.7rem .8rem!important}.chat-form button{width:44px;height:44px;border-radius:12px!important}.chat-human-link{color:#245ba8!important}.chat-open body{overflow:hidden}

/* Proposal public view */
.proposal-body{background:#edf1f6!important;color:var(--zx-ink)!important}.proposal-shell{background:#fff!important;color:var(--zx-ink)!important;box-shadow:var(--zx-shadow-lg)!important}.proposal-shell p,.proposal-shell small{color:#46546a!important}.proposal-shell header{background:#0d1b2a!important}.proposal-title{background:linear-gradient(135deg,#f7faff,#eef4fb)!important}.proposal-title h1,.proposal-section h2,.proposal-decision h2{color:var(--zx-ink)!important}.proposal-section{border-color:var(--zx-border)!important}.proposal-section table{color:var(--zx-ink)!important}.proposal-section th{background:#10253c!important;color:#fff!important}.proposal-payment-grid article{background:#f7faff!important;border-color:#d9e3ee!important}.proposal-payment-grid strong{color:#3267e3!important}.proposal-decision{background:#f7f9fc!important;border-color:#d8e1ec!important}

/* Responsive */
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.services-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){
  .dashboard-sidebar,.client-sidebar{transform:translateX(-105%);transition:transform .22s ease;position:fixed!important;inset:0 auto 0 0;z-index:120;width:min(286px,88vw)!important}
  .dashboard-body.nav-open .dashboard-sidebar,.client-body.nav-open .client-sidebar{transform:translateX(0)}
  .dashboard-main,.client-main{margin-left:0!important}.mobile-nav-button{display:grid!important}.dashboard-title{grid-template-columns:1fr}.project-profile-grid{grid-template-columns:1fr}.requirement-grid{grid-template-columns:1fr!important}.milestone-form{grid-template-columns:1fr 1fr}.dashboard-overlay{display:none;position:fixed;inset:0;background:rgba(8,20,35,.5);z-index:110}.dashboard-body.nav-open .dashboard-overlay,.client-body.nav-open .dashboard-overlay{display:block}
}
@media(min-width:1001px){.mobile-nav-button,.dashboard-overlay{display:none!important}}
@media(max-width:760px){
  .dashboard-content,.client-content{padding:.9rem!important}.dashboard-topbar,.client-topbar{padding:.65rem .75rem!important}.dashboard-topbar>div:first-child,.client-topbar>div:first-child{min-width:0}.dashboard-topbar>div:first-child strong,.client-topbar>div:first-child strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw;display:block}
  .kpi-grid{grid-template-columns:1fr 1fr!important}.dashboard-grid,.detail-grid,.info-grid{grid-template-columns:1fr!important}.team-grid{grid-template-columns:1fr!important}.finance-summary{grid-template-columns:1fr 1fr!important}.dashboard-title h1{font-size:1.7rem!important}.dashboard-title p{font-size:.93rem}
  .toolbar{flex-wrap:wrap}.toolbar>.btn{min-width:0}.milestone{grid-template-columns:42px minmax(0,1fr)!important}.milestone>form,.milestone>.badge{grid-column:2}.milestone-form{grid-template-columns:1fr}.document-client-card{grid-template-columns:42px minmax(0,1fr)!important}.document-actions{grid-column:2;justify-content:flex-start}.services-index-grid{grid-template-columns:1fr}
  .chat-panel{inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:17px!important}.chat-launcher{right:10px!important;bottom:10px!important}.chat-agent small{max-width:190px}
}
@media(max-width:470px){.kpi-grid,.finance-summary{grid-template-columns:1fr!important}.dashboard-topbar .btn,.client-topbar .btn{font-size:0;width:42px;padding:0!important}.dashboard-topbar .btn::before,.client-topbar .btn::before{content:'↗';font-size:1rem}.live-clock{display:none!important}.notification-drawer{top:.4rem!important;right:.4rem!important;max-height:calc(100dvh - .8rem)!important}.chat-header{padding:.68rem!important}.chat-agent small{font-size:.68rem}.chat-choices{padding:.55rem}.chat-message{font-size:.88rem!important}}

/* v1.3 component polish and information architecture */
.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-list-card{background:#fff;border:1px solid var(--zx-border);border-radius:18px;padding:1.1rem;box-shadow:var(--zx-shadow);display:grid;gap:.9rem}.project-list-card header,.project-list-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-list-card h2{margin:.2rem 0;font-size:1.08rem;color:var(--zx-ink)}.project-list-card p{margin:0;color:var(--zx-soft);line-height:1.55}.project-list-card footer{align-items:center;border-top:1px solid #edf1f5;padding-top:.8rem}.project-list-card .progress-bar{flex:1}
.project-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:.35rem 0 .9rem;scrollbar-width:thin}.project-tabs a{flex:0 0 auto;padding:.62rem .82rem;border:1px solid var(--zx-border);border-radius:999px;background:#fff;color:#34445c;font-weight:750;font-size:.8rem}.project-tabs a.active,.project-tabs a:hover{background:#16395c;color:#fff;border-color:#16395c}
.project-profile-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1rem}.project-profile-form,.payment-plan-editor{background:#fff;border:1px solid var(--zx-border);border-radius:18px;box-shadow:var(--zx-shadow);padding:1rem}.project-profile-form h2,.payment-plan-editor h2{margin-top:0;color:var(--zx-ink)}
.milestone-admin-list{display:grid;gap:.8rem}.milestone-admin-card{border:1px solid var(--zx-border);border-radius:16px;background:#fff;padding:1rem}.milestone-admin-card>header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.milestone-admin-card h3{margin:0;color:var(--zx-ink)}.milestone-admin-card .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.milestone-admin-card .field.full{grid-column:1/-1}.milestone-admin-card .toolbar{grid-column:1/-1}
.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.vault-card{border:1px solid #dbe3ee;border-radius:16px;background:linear-gradient(145deg,#fff,#f7faff);padding:1rem;display:grid;gap:.65rem}.vault-card header{display:flex;justify-content:space-between;gap:.7rem}.vault-card h3{margin:0;color:var(--zx-ink)}.vault-card p{margin:0;color:var(--zx-soft);overflow-wrap:anywhere}.vault-card footer{display:flex;gap:.45rem;flex-wrap:wrap}.vault-reveal{width:min(680px,calc(100vw - 1.5rem))!important;max-width:none!important}.vault-reveal input{width:100%;background:#f7f9fc;color:#172033;border:1px solid #cad5e3;border-radius:10px;padding:.7rem}
.cms-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;align-items:start}.cms-pages{position:sticky;top:76px}.cms-pages .panel-body{display:grid;gap:.45rem}.cms-page-link{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.68rem .75rem;border-radius:11px;color:#34445c;border:1px solid transparent}.cms-page-link:hover,.cms-page-link.active{background:#eef5ff;border-color:#cfe0f4;color:#184d85}.cms-page-link small{color:#76849a}.cms-workspace{min-width:0;display:grid;gap:1rem}.manager-grid{display:grid;gap:.8rem}.manager-card{border:1px solid var(--zx-border);border-radius:15px;background:#fff;overflow:hidden}.manager-card>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;cursor:pointer;background:#f9fbfd}.manager-card>summary strong,.manager-card>summary small{display:block}.manager-card>summary small{color:var(--zx-soft);margin-top:.2rem}.manager-card>form{padding:1rem}.style-control-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;background:#f5f8fc;border:1px solid #e0e7f0;padding:.85rem;border-radius:13px}
.portfolio-manager-layout{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:start}.portfolio-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.portfolio-admin-card{border:1px solid var(--zx-border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--zx-shadow)}.portfolio-admin-card img,.portfolio-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#e8eef7,#f8fafc);display:grid;place-items:center;color:#53657c}.portfolio-admin-card .card-body{padding:1rem}.portfolio-admin-card h3{margin:.2rem 0;color:var(--zx-ink)}
.document-studio-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:1rem;align-items:start}.document-register{display:grid;gap:.65rem}.document-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.85rem;border:1px solid var(--zx-border);border-radius:14px;background:#fff}.document-row>span:first-child{width:48px;height:48px;border-radius:12px;background:#edf4ff;color:#2f64c7;display:grid;place-items:center;font-size:1.2rem}.document-row h3{margin:0;color:var(--zx-ink);font-size:.98rem}.document-row small{display:block;color:var(--zx-soft);margin-top:.15rem}.document-row .toolbar{justify-content:flex-end}.email-document-form{display:flex;gap:.4rem;align-items:center}.email-document-form input{min-width:160px}.document-builder{position:sticky;top:76px}
.requirement-form{display:grid;gap:1rem}.requirement-field{border:1px solid #dce5ef;border-radius:16px;padding:1rem;background:#fff}.requirement-field h3{font-size:1rem;margin:0 0 .3rem;color:var(--zx-ink)}.requirement-field p{color:var(--zx-soft);margin:.2rem 0 .7rem;line-height:1.5}.requirement-field input,.requirement-field textarea,.requirement-field select{width:100%}.submitted-value{padding:.75rem;background:#f2f8f5;border:1px solid #cfe7d8;border-radius:11px;color:#244f35;white-space:pre-wrap}.milestone-meta{display:grid;gap:.35rem;justify-items:end}.milestone-meta b{font-size:1rem;color:#245ba8}.finance-summary.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-nav-button{position:fixed;left:.65rem;top:.65rem;z-index:130;width:42px;height:42px;border:0;border-radius:12px;background:#15334f;color:#fff;place-items:center;box-shadow:0 8px 20px rgba(8,30,53,.25)}.dashboard-overlay{border:0}.vault-client-list{display:grid;gap:.65rem}.vault-client-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:.7rem;align-items:center;border:1px solid var(--zx-border);border-radius:13px;padding:.75rem;background:#f9fbfd}.vault-client-item>span{width:38px;height:38px;border-radius:11px;background:#edf4ff;display:grid;place-items:center}.vault-client-item strong,.vault-client-item small,.vault-client-item a{display:block}.vault-client-item small{color:var(--zx-soft)}.hosting-asset-grid{display:grid;gap:.8rem}.hosting-asset-card{box-shadow:none}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:1rem;align-items:start}.settings-side{display:grid;gap:1rem;position:sticky;top:76px}.payment-qr-preview{display:flex;align-items:center;gap:1rem;border:1px solid #dbe5ef;background:#f8fbff;border-radius:14px;padding:.75rem}.payment-qr-preview img{width:120px;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#fff}.payment-qr-preview strong,.payment-qr-preview small{display:block}.muted{color:var(--zx-soft)}
.services-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.service-index-card{position:relative;border:1px solid rgba(195,211,228,.8);border-radius:22px;padding:1.25rem;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 14px 34px rgba(18,43,72,.08);overflow:hidden}.service-index-number{position:absolute;right:1rem;top:.7rem;font-size:2.3rem;font-weight:850;color:#dce8f5}.service-index-card h2{font-size:1.15rem;line-height:1.35;margin:.75rem 0;color:#14273d;padding-right:2.8rem}.service-index-card p{color:#56667b;line-height:1.6}.service-index-card .toolbar{margin-top:1rem}.service-index-hero h1{font-size:clamp(2rem,5vw,3.7rem)!important}
.cms-section.section-theme-light{background:#fff}.cms-section.section-theme-soft{background:#f3f7fb}.cms-section.section-theme-accent{background:linear-gradient(135deg,#eaf3ff,#edfafa)}.cms-section.section-theme-dark{background:#0d2135;color:#fff}.cms-section.section-theme-dark h1,.cms-section.section-theme-dark h2,.cms-section.section-theme-dark h3,.cms-section.section-theme-dark p{color:#fff}.cms-section.section-spacing-compact{padding-top:clamp(2rem,5vw,3.5rem)!important;padding-bottom:clamp(2rem,5vw,3.5rem)!important}.cms-section.section-spacing-spacious{padding-top:clamp(5rem,10vw,8rem)!important;padding-bottom:clamp(5rem,10vw,8rem)!important}.cms-section.section-alignment-center{text-align:center}.cms-section.section-alignment-center .section-heading,.cms-section.section-alignment-center .hero-actions{margin-inline:auto;justify-content:center}.cms-section.section-width-narrow>.container{max-width:820px}.cms-section.section-width-wide>.container{max-width:1440px}.custom-content-section .cms-section-image{width:100%;max-height:560px;object-fit:cover;border-radius:22px;margin-bottom:1.2rem}.cms-section-body{font-size:1rem;line-height:1.75;color:#4d5d71;max-width:900px}.cms-items{margin-top:1rem}
.proposal-shell{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif!important;line-height:1.65}.proposal-shell .proposal-title h1{font-size:clamp(2rem,4vw,3.3rem)!important;line-height:1.08!important}.proposal-shell .proposal-title>p{font-size:1.02rem!important;color:#40516a!important}.proposal-section p{font-size:.98rem!important;color:#34445b!important;white-space:normal}.proposal-section h2{font-size:1.35rem!important;letter-spacing:-.02em}.proposal-section td,.proposal-section th{font-size:.92rem!important;padding:.8rem!important}.proposal-decision label span{color:#26374d!important}.proposal-decision textarea,.proposal-decision input{background:#fff!important;color:#172033!important;border:1px solid #cbd7e4!important}

@media(max-width:1180px){.project-card-grid,.portfolio-admin-grid{grid-template-columns:1fr}.document-studio-layout,.portfolio-manager-layout,.settings-layout{grid-template-columns:1fr}.document-builder,.settings-side{position:static}.milestone-admin-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cms-layout{grid-template-columns:1fr}.cms-pages{position:static}.cms-pages .panel-body{grid-template-columns:repeat(2,minmax(0,1fr))}.style-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-grid,.services-index-grid{grid-template-columns:1fr}.project-profile-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.cms-pages .panel-body,.style-control-grid{grid-template-columns:1fr}.document-row{grid-template-columns:44px minmax(0,1fr)}.document-row .toolbar{grid-column:2;justify-content:flex-start}.email-document-form{width:100%;flex-wrap:wrap}.email-document-form input{min-width:0;flex:1}.vault-client-item{grid-template-columns:38px minmax(0,1fr)}.vault-client-item>.btn{grid-column:2;justify-self:start}.milestone-admin-card .form-grid{grid-template-columns:1fr}.payment-account-card dl{grid-template-columns:1fr!important}.payment-account-card dt{margin-top:.35rem}.payment-qr-preview{align-items:flex-start}.payment-qr-preview img{width:92px}.project-list-card header,.project-list-card footer{flex-direction:column}.project-list-card .progress-bar{width:100%}}

/* v1.4 clarity and responsive interaction corrections */
.public-site,.public-site p,.public-site li,.public-site small{color:#eef3fb}.public-site .page-hero p,.public-site .section-heading p{color:#cbd5e5!important}.public-site .service-index-card,.public-site .contact-card{color:#f8fbff!important}.public-site .service-index-card h2,.public-site .service-index-card p,.public-site .service-index-card li,.public-site .contact-card h2,.public-site .contact-card p,.public-site .contact-card small{color:inherit!important}.service-index-card .eyebrow{color:#80dce6!important}.service-index-card .check-list li:before{color:#65d6bd}.enhanced-contact{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(135deg,#3267e3,#25b7c7);font-size:1.25rem;margin-bottom:1rem}.contact-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.about-story,.why-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.about-metrics,.check-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-metrics article,.check-panels article,.about-capabilities article{padding:1.35rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.045)}.about-metrics strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:.45rem}.about-metrics span{color:#cbd5e5}.about-capabilities article>span{color:#5bd3df;font-weight:800}.about-capabilities h3,.check-panels h3{color:#fff}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.portfolio-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.portfolio-card:hover{transform:translateY(-8px);border-color:rgba(37,183,199,.58)!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important}.portfolio-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}.portfolio-card:hover img{transform:scale(1.035)}.portfolio-card>div{padding:1.35rem}.portfolio-card h2,.portfolio-card p,.portfolio-card small{color:#f3f7ff!important}.portfolio-card>div>span{color:#64d6df}.planner-card,.planner-aside{color:#172033!important}.planner-card legend,.planner-card .field>span,.planner-card .choice-card b{color:#172033!important}.planner-card p,.planner-card small,.planner-aside small,.planner-aside p{color:#536077!important}.planner-card textarea,.planner-card input,.planner-card select{box-sizing:border-box;max-width:100%}.proposal-body,.proposal-body p,.proposal-body li,.proposal-body td,.proposal-body label,.proposal-body small{color:#26344b!important}.proposal-body h1,.proposal-body h2,.proposal-body h3,.proposal-body strong,.proposal-body th{color:#172033!important}.proposal-section{background:#fff!important}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;height:min(720px,calc(100dvh - 6rem));max-height:calc(100dvh - 1rem);overflow:hidden}.chat-messages{height:auto!important;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.chat-choices{display:grid!important;grid-template-columns:1fr!important;align-content:start;overflow-y:auto!important;overflow-x:hidden!important;max-height:170px!important;scrollbar-gutter:stable;padding:.7rem!important}.chat-choice{width:100%;max-width:none!important;white-space:normal!important}.chat-form{min-width:0}.chat-form input{width:100%;min-width:0}.dashboard-content,.client-content{overflow-x:hidden}.dashboard-grid>* ,.detail-grid>* ,.form-grid>*{min-width:0}.panel,.detail-card,.manager-card{max-width:100%}.notification-drawer,.notification-item{color:#172033!important}.notification-item strong{color:#172033!important}.notification-item small{color:#536077!important}.alert,.alert p,.alert strong{color:#26344b!important}.alert-warning{background:#fff6dd!important}.alert-error{background:#ffebed!important}.alert-success{background:#e7f8f0!important}.settings-layout,.finance-layout{align-items:start}.manager-card summary span,.manager-card summary strong,.manager-card summary small{color:#26344b!important}.client-body .panel-body,.client-body .detail-card,.client-body .document-client-card,.client-body .requirement-card{color:#172033!important}.client-body .panel-body p,.client-body .detail-card p,.client-body .document-client-card p,.client-body .requirement-card p{color:#536077!important}
@media(max-width:980px){.enhanced-contact{grid-template-columns:1fr 1fr}.about-story,.why-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.services-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.enhanced-contact,.services-index-grid,.about-metrics,.check-panels{grid-template-columns:1fr}.public-site .page-hero{padding-top:7rem}.chat-panel{inset:0!important;width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important}.chat-choices{max-height:190px!important}.dashboard-title{grid-template-columns:1fr!important}.dashboard-title>.btn{justify-self:start}.form-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}.portfolio-card>div{padding:1rem}}