:root{--cc-blue:#075ca8;--cc-deep:#063d71;--cc-cyan:#07a8b5;--cc-green:#20a064;--cc-red:#d73535;--cc-amber:#d88900;--ink:#15324a;--muted:#687d8f;--line:#dce6ee;--bg:#f5f9fc;--white:#fff;--shadow:0 16px 40px rgba(13,62,96,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:var(--cc-blue);text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand img{width:118px;height:auto}.brand span{display:grid}.brand strong{font-size:16px}.brand small{font-size:11px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:650}.main-nav>a:not(.btn){color:#27465d;padding:28px 0 25px;border-bottom:3px solid transparent}.main-nav>a.active,.main-nav>a:not(.btn):hover{color:var(--cc-blue);border-bottom-color:var(--cc-cyan)}.user-chip{background:#edf7fb;padding:7px 10px;border-radius:999px;font-size:12px}.nav-toggle{display:none;background:none;border:0;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--cc-blue),var(--cc-cyan));color:#fff!important;border:0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(7,92,168,.16)}.btn:hover{transform:translateY(-1px)}.btn-outline{background:#fff;color:var(--cc-blue)!important;border:1px solid #b9d2e5;box-shadow:none}.btn-danger{background:var(--cc-red)}.btn-secondary{background:#516b80}.btn-small{padding:8px 12px;border-radius:8px;font-size:13px}.hero{overflow:hidden;background:linear-gradient(135deg,#e9f8fc 0%,#f8fcff 45%,#eaf4ff 100%);border-bottom:1px solid var(--line)}.hero-inner{min-height:535px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:44px;padding:62px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#dff5f5;color:#077981;border:1px solid #bde8ea;border-radius:999px;padding:7px 12px;font-weight:750;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.03;margin:18px 0;color:#0b3557;letter-spacing:-.035em}.hero h1 span{color:var(--cc-blue)}.hero p{font-size:18px;color:#526d81;max-width:690px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-note{margin-top:20px;font-size:12px;color:#607b8d}.service-stage{position:relative;min-height:400px}.service-orbit{position:absolute;inset:45px 55px;background:radial-gradient(circle at 50% 45%,#fff 0 25%,#dff3fa 26% 54%,transparent 55%);border-radius:50%}.center-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;border:1px solid #e2edf4}.center-badge img{width:120px}.service-float{position:absolute;width:182px;background:#fff;border-radius:18px;padding:17px;box-shadow:var(--shadow);border:1px solid #e4edf4}.service-float strong{display:block;margin-top:8px}.service-float small{color:var(--muted)}.service-float .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eaf7fb;font-size:25px}.sf1{left:0;top:0}.sf2{right:0;top:20px}.sf3{left:18px;bottom:0}.sf4{right:10px;bottom:4px}.section{padding:72px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 34px}.section-head h2{font-size:34px;line-height:1.15;margin:0 0 10px;color:#0b3557}.section-head p{color:var(--muted);margin:0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 26px rgba(13,62,96,.06)}.service-card{padding:25px}.service-card .ico{font-size:29px}.service-card h3{margin:11px 0 6px}.service-card p{color:var(--muted);font-size:14px}.workflow{background:#0a3b63;color:#fff}.workflow .section-head h2,.workflow .section-head p{color:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step{padding:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:15px}.step .n{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--cc-blue);display:grid;place-items:center;font-weight:800}.step h3{font-size:16px}.step p{font-size:13px;color:#cfe5f4}.page-hero{padding:42px 0 30px;background:linear-gradient(135deg,#eff9fc,#f8fbff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:36px;margin:0 0 6px}.page-hero p{color:var(--muted);margin:0}.card{padding:24px}.form-card{max-width:900px;margin:34px auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .full{grid-column:1/-1}.form-group label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #cbdbe6;background:#fff;border-radius:9px;padding:11px 12px;font:inherit;color:var(--ink);outline:none}.form-group textarea{min-height:105px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cc-cyan);box-shadow:0 0 0 3px rgba(7,168,181,.12)}.hint{font-size:12px;color:var(--muted)}.alert{margin-top:16px;padding:12px 14px;border-radius:10px;background:#e9f5fb;border:1px solid #c6e0ef}.alert.success{background:#eaf8ef;border-color:#bfe4cb;color:#176536}.alert.warning{background:#fff7e5;border-color:#f0d895;color:#795400}.alert.danger{background:#fff0f0;border-color:#edc4c4;color:#8c2727}.emergency{background:#fff5f2;border:1px solid #f1c7bc;border-left:5px solid #df5a37;border-radius:10px;padding:13px 15px;margin-bottom:20px;font-size:13px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:780px}.table th,.table td{padding:13px 14px;text-align:left;border-bottom:1px solid #e9eff4;font-size:13px;vertical-align:top}.table th{background:#f3f8fb;color:#4d687b;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.03em;background:#eef3f6;color:#526979}.badge.new{background:#e9f3ff;color:#1461a5}.badge.assigned{background:#edf0ff;color:#5556ad}.badge.progress{background:#e7f8f7;color:#087c78}.badge.hold{background:#fff5df;color:#946600}.badge.resolved{background:#e9f8ed;color:#207644}.badge.closed{background:#eef1f3;color:#54616b}.badge.cancelled,.badge.critical{background:#ffe9e9;color:#a02a2a}.badge.high{background:#fff0df;color:#a05e10}.badge.normal{background:#e8f2ff;color:#215f9f}.badge.low{background:#eef4ef;color:#4d6f55}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat strong{display:block;font-size:30px;color:#0b456f}.stat span{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:750}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.ticket-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.meta{background:#f7fafc;border:1px solid #e3ebf1;border-radius:10px;padding:12px}.meta small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:750}.meta strong{font-size:14px}.timeline{position:relative;margin:12px 0}.timeline-item{padding:0 0 20px 26px;position:relative;border-left:2px solid #d8e8f1}.timeline-item:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--cc-cyan)}.timeline-item h4{margin:0 0 3px}.timeline-item p{margin:5px 0;color:#536e81}.timeline-item small{color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.site-footer{background:#062f50;color:#d6e7f2;margin-top:60px;padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:1.1fr .65fr 1.25fr;gap:36px}.footer-logo{width:135px;filter:brightness(0) invert(1)}.site-footer h4{color:#fff}.site-footer a{display:block;color:#d6e7f2;margin:7px 0}.site-footer p{font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;font-size:12px;display:flex;justify-content:space-between}.empty{text-align:center;padding:34px;color:var(--muted)}@media(max-width:980px){.main-nav{position:absolute;display:none;top:76px;left:0;right:0;background:#fff;padding:16px 22px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:8px 0;border:0}.nav-toggle{display:block}.brand span{display:none}.hero-inner{grid-template-columns:1fr}.service-stage{min-height:385px}.services-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.hero-inner{padding:45px 0}.hero h1{font-size:42px}.service-stage{min-height:490px}.service-orbit{inset:85px 28px}.center-badge{width:140px;height:140px}.service-float{width:150px}.sf1{left:0}.sf2{right:0}.sf3{left:0}.sf4{right:0}.services-grid,.steps,.form-grid,.stats,.meta-grid,.footer-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.ticket-head,.footer-bottom{display:block}.section{padding:52px 0}}

/* CMS V1 */
.hero-media{min-height:410px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.hero-media img{width:100%;height:100%;min-height:410px;object-fit:cover}
.cms-intro{background:#fff}.cms-intro h2{font-size:38px;margin:14px 0 10px}.cms-support-card{align-self:center}.cms-news-section{background:#eef6fa}
.cms-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cms-content-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(13,62,96,.06)}.cms-content-card>img{width:100%;height:210px;object-fit:cover}.cms-content-card>div{padding:22px}.cms-content-card h3{margin:8px 0}.cms-content-card p{color:var(--muted)}.kicker{display:inline-block;color:var(--cc-cyan);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.center-actions{text-align:center;margin-top:26px}.cms-cta{text-align:center;padding:42px}.cms-cta .actions{justify-content:center}.cms-prose{max-width:960px;margin:auto;font-size:16px}.cms-prose h2,.cms-prose h3{color:#0b3557}.cms-prose img{max-width:100%;height:auto}.cms-lead-image{width:100%;max-height:520px;object-fit:cover;border-radius:12px;margin-bottom:24px}.cms-project-meta{display:flex;flex-wrap:wrap;gap:18px;background:#f5f9fc;border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:22px}
.cms-admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.cms-admin-nav a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-weight:700;font-size:13px}.cms-admin-nav a.active{background:var(--cc-blue);color:#fff;border-color:var(--cc-blue)}.cms-admin-two{grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);align-items:start}.cms-form-left{max-width:none;margin:0}.cms-editor{min-height:260px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.cms-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cms-media-item{padding:14px;display:grid;gap:8px}.cms-media-item img{width:100%;height:145px;object-fit:cover;border-radius:8px}.cms-media-item input{width:100%;padding:7px;border:1px solid var(--line);border-radius:7px;font-size:11px}.cms-file-icon{height:145px;display:grid;place-items:center;background:#f3f7fa;border-radius:8px;font-size:44px}.cms-message{white-space:pre-wrap;background:#f7fafc;border:1px solid var(--line);border-radius:10px;padding:16px}.table select{padding:7px;border:1px solid var(--line);border-radius:7px}
@media(max-width:980px){.cms-card-grid{grid-template-columns:repeat(2,1fr)}.cms-media-grid{grid-template-columns:repeat(2,1fr)}.cms-admin-two{grid-template-columns:1fr}}
@media(max-width:650px){.cms-card-grid,.cms-media-grid{grid-template-columns:1fr}.hero-media,.hero-media img{min-height:280px}.cms-project-meta{display:grid}}
/* Professional Ticket & Operations Dashboard V1 */
.dashboard-section{padding-top:32px}.professional-hero{padding:38px 0 28px}.professional-hero .eyebrow{margin-bottom:10px}.professional-hero h1{margin-top:4px}
.analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.admin-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.analytics-kpi{min-height:108px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;color:var(--ink);box-shadow:0 8px 24px rgba(13,62,96,.055);transition:.18s ease}.analytics-kpi:hover,.analytics-kpi.active{transform:translateY(-2px);box-shadow:0 14px 34px rgba(13,62,96,.11);border-color:#a8cadf}.analytics-kpi .kpi-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eaf4fb;color:var(--cc-blue);font-size:20px;font-weight:900}.analytics-kpi strong{display:block;font-size:30px;line-height:1;color:#0c4169}.analytics-kpi span:not(.kpi-icon){font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.035em}.analytics-kpi.pending .kpi-icon{background:#fff3dc;color:#956300}.analytics-kpi.resolved .kpi-icon{background:#e7f8ed;color:#207644}.analytics-kpi.completed .kpi-icon{background:#edf1f4;color:#344f61}.analytics-kpi.progress .kpi-icon{background:#e7f8f7;color:#087c78}.analytics-kpi.hold .kpi-icon{background:#fff5df;color:#946600}.analytics-kpi.critical-card .kpi-icon{background:#ffe9e9;color:#a02a2a}
.dashboard-actions{margin-bottom:20px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(13,62,96,.06);overflow:hidden;margin-bottom:20px}.dashboard-card-head{padding:20px 22px;border-bottom:1px solid #e7eef3;display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-card-head h2{margin:0;color:#0b3557;font-size:20px}.dashboard-card-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.analysis-card,.performance-card{margin:0}.analysis-bars{padding:20px 22px}.analysis-row{margin-bottom:18px}.analysis-row:last-child{margin-bottom:0}.analysis-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px}.analysis-row>div:first-child span{font-weight:700}.analysis-row>div:first-child strong{color:#0b456f}.analysis-track{height:9px;background:#edf3f7;border-radius:999px;overflow:hidden}.analysis-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cc-blue),var(--cc-cyan));min-width:2px}.analysis-row.resolved-bar .analysis-track i{background:linear-gradient(90deg,#2c9960,#57c787)}.analysis-row.completed-bar .analysis-track i{background:linear-gradient(90deg,#526d81,#8da1af)}.analysis-row.hold-bar .analysis-track i{background:linear-gradient(90deg,#c17e08,#e9b451)}.analysis-row.service-bar .analysis-track i{background:linear-gradient(90deg,#087c9b,#3db9c4)}
.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e7eef3}.performance-grid>div{background:#fff;padding:20px}.performance-grid span{display:block;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.performance-grid strong{display:block;font-size:21px;color:#0b456f;margin-top:5px}.mini-summary{display:flex;justify-content:space-between;padding:14px 20px;background:#f5fafc;font-size:13px}.empty-mini{padding:16px 0;color:var(--muted);font-size:13px}
.status-tabs{display:flex;gap:7px;flex-wrap:wrap}.status-tabs a{display:inline-flex;gap:7px;align-items:center;border:1px solid #cfdde7;background:#f8fbfd;border-radius:999px;padding:7px 10px;color:#49677c;font-size:12px;font-weight:800}.status-tabs a span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#e9f1f6;border-radius:999px;font-size:10px}.status-tabs a.active{background:#0b5e9d;color:#fff;border-color:#0b5e9d}.status-tabs a.active span{background:rgba(255,255,255,.2)}
.professional-table{border:0;border-radius:0;box-shadow:none}.professional-table .table{min-width:1100px}.professional-table .table th{position:sticky;top:0;z-index:2;background:#f4f8fb}.professional-table .table td{padding-top:15px;padding-bottom:15px}.ticket-number-link{font-weight:850;color:#075ca8;font-size:13px;white-space:nowrap}.ticket-subject{font-size:12px;color:#4f697c;margin-top:4px;max-width:240px}.service-chip{display:inline-flex;border:1px solid #d7e5ee;border-radius:8px;background:#f8fbfd;padding:5px 8px;font-weight:750;font-size:11px;color:#2c536d}.stage-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-weight:850;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.stage-badge.pending{background:#fff3dc;color:#8a5b00}.stage-badge.resolved{background:#e8f8ed;color:#18703d}.stage-badge.completed{background:#eaf0f4;color:#405868}.stage-badge.cancelled{background:#ffeaea;color:#9b2828}.internal-status{font-size:10px;color:var(--muted);margin-top:4px}.timestamp-main{display:block;font-weight:750;color:#294d65;white-space:nowrap}.timestamp-main+small,.professional-table td>small,.duration-value+small,.professional-table td strong+small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.muted-value{color:#91a1ad}.duration-value{font-size:13px;color:#0b456f;white-space:nowrap}.row-action{font-weight:800;white-space:nowrap}.row-action:hover{text-decoration:underline}
.filter-card{margin-bottom:18px}.compact-grid{grid-template-columns:1.3fr repeat(4,minmax(140px,.7fr))}.filter-actions{align-self:end}.admin-timeline-table .table{min-width:1850px}
.ticket-performance-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(13,62,96,.06);margin-bottom:14px}.milestone{position:relative;padding:18px 15px 17px;border-right:1px solid #e7eef3;min-height:95px}.milestone:last-child{border-right:0}.milestone:before{content:"";width:10px;height:10px;border-radius:50%;position:absolute;left:15px;top:16px;background:#d1dde5;box-shadow:0 0 0 4px #f1f5f8}.milestone.done:before{background:var(--cc-cyan);box-shadow:0 0 0 4px #dff5f6}.milestone span{display:block;padding-left:20px;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:850}.milestone strong{display:block;margin-top:10px;font-size:12px;color:#244c66}.milestone small{display:block;margin-top:3px;color:#7c8f9e;font-size:10px}
.performance-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.performance-summary-row>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.performance-summary-row span{display:block;font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase}.performance-summary-row strong{display:block;margin-top:5px;color:#0b456f;font-size:14px}
.customer-progress-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(13,62,96,.06);margin-bottom:20px}.progress-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.progress-card-head h2{margin:0;font-size:20px}.progress-card-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.customer-strip{margin:0;box-shadow:none}.customer-strip .milestone{min-height:82px}
@media(max-width:1180px){.admin-kpis{grid-template-columns:repeat(3,1fr)}.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.performance-card{grid-column:1/-1}.compact-grid{grid-template-columns:repeat(2,1fr)}.ticket-performance-strip{grid-template-columns:repeat(3,1fr)}.milestone:nth-child(3){border-right:0}.milestone:nth-child(-n+3){border-bottom:1px solid #e7eef3}}
@media(max-width:760px){.analytics-kpis,.admin-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.performance-card{grid-column:auto}.dashboard-card-head{display:block}.status-tabs{margin-top:12px}.performance-summary-row{grid-template-columns:repeat(2,1fr)}.ticket-performance-strip{grid-template-columns:1fr 1fr}.milestone{border-bottom:1px solid #e7eef3}.milestone:nth-child(odd){border-right:1px solid #e7eef3}.milestone:nth-child(even){border-right:0}.customer-strip{grid-template-columns:1fr}.customer-strip .milestone{border-right:0}.compact-grid{grid-template-columns:1fr}.professional-hero .ticket-head{display:block}.professional-hero .ticket-head .btn{margin-top:14px}}
@media(max-width:480px){.analytics-kpis,.admin-kpis{grid-template-columns:1fr}.performance-summary-row{grid-template-columns:1fr}.ticket-performance-strip{grid-template-columns:1fr}.milestone{border-right:0!important}.dashboard-section{padding-top:22px}}
/* Organization / Project / User CPanel V1 */
.org-role-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.org-role-kpis .kpi-icon{font-size:14px}
.org-admin-grid{display:grid;grid-template-columns:minmax(370px,.8fr) minmax(0,1.65fr);gap:20px;align-items:start}.org-user-form{max-width:none;margin:0}.org-users-list{margin:0}
.stream-checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stream-check{border:1px solid #d8e5ed;background:#f8fbfd;border-radius:10px;padding:11px;display:flex;align-items:center;gap:8px;font-weight:750;color:#284f68}.stream-check input{width:auto}
.role-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;background:#eaf3f8;color:#34556b}.role-pill.project_manager{background:#e9efff;color:#3157a1}.role-pill.engineer{background:#e7f7f7;color:#08756f}.role-pill.assistant_engineer{background:#eef6e8;color:#4d7525}.role-pill.technician{background:#fff3dc;color:#8c5c00}.role-pill.electrician{background:#fff0cf;color:#875900}.role-pill.support_admin,.role-pill.system_admin{background:#e9eef4;color:#314d62}
.stream-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.stream-team-card{margin:0}.stream-card-head{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid #e7eef3}.stream-card-head h3{margin:0;color:#0b456f}.stream-card-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.stream-icon{width:44px;height:44px;border-radius:13px;background:#eaf5fa;display:grid;place-items:center;font-size:21px}.team-role-list{padding:12px 16px}.team-person{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #edf2f5}.team-person:last-child{border-bottom:0}.team-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#0d65a6,#11a9b2);color:#fff;display:grid;place-items:center;font-weight:850}.team-person-main{flex:1;min-width:0}.team-person-main strong{display:block;font-size:12px}.team-person-main span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.availability-dot{width:10px;height:10px;border-radius:50%;background:#98a9b4}.availability-dot.available{background:#34a76f}.availability-dot.busy{background:#e3992e}.availability-dot.leave{background:#8d7ab7}.availability-dot.inactive{background:#9ca9b1}.icon-remove{border:0;background:#ffeaea;color:#a43d3d;border-radius:7px;width:28px;height:28px;font-size:17px;cursor:pointer}.team-add-form{padding:18px 20px}
.project-summary-row{margin-bottom:20px}.manager-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.manager-project-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;color:var(--ink);box-shadow:0 9px 28px rgba(13,62,96,.06);transition:.18s}.manager-project-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(13,62,96,.12)}.manager-project-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.project-code{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#087b91}.manager-project-card h3{margin:13px 0 5px;color:#0c426a}.manager-project-card p{margin:0;color:var(--muted);font-size:12px}.manager-project-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e4edf2;border-radius:10px;overflow:hidden;margin-top:17px}.manager-project-metrics div{background:#f8fbfd;padding:10px 5px;text-align:center}.manager-project-metrics strong{display:block;color:#0b456f}.manager-project-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}
.org-overview-grid{margin-bottom:20px}.org-overview-card{margin:0}.org-overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e4edf2}.org-overview-metrics a{background:#fff;padding:22px;color:var(--ink)}.org-overview-metrics strong{display:block;font-size:27px;color:#0b456f}.org-overview-metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:850}.org-update-callout{padding:22px}.org-update-callout p{color:var(--muted)}
.cms-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.cms-health-card{margin:0}.health-score{font-size:28px;color:#0a887a}.cms-health-list{padding:12px 20px}.cms-health-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf2f5;font-size:12px}.cms-health-list>div:last-child{border-bottom:0}.health-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:900}.health-check.ok{background:#e7f8ed;color:#207644}.health-check.missing{background:#fff1dd;color:#956300}.cms-health-list strong{font-size:10px;color:var(--muted)}.cms-dashboard-two{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.cms-enquiry-list{padding:8px 18px}.cms-enquiry-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #edf2f5;color:var(--ink)}.cms-enquiry-list>a:last-child{border-bottom:0}.cms-enquiry-list strong{display:block;font-size:12px}.cms-enquiry-list span:not(.badge){display:block;color:var(--muted);font-size:10px;margin-top:3px}
@media(max-width:1180px){.org-admin-grid{grid-template-columns:1fr}.manager-project-grid{grid-template-columns:repeat(2,1fr)}.cms-dashboard-two{grid-template-columns:1fr}.org-role-kpis,.cms-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.stream-team-grid{grid-template-columns:1fr}.stream-checkbox-grid{grid-template-columns:repeat(2,1fr)}.manager-project-grid{grid-template-columns:1fr}.org-overview-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.org-role-kpis,.cms-kpis{grid-template-columns:1fr 1fr}.stream-checkbox-grid{grid-template-columns:1fr}.org-overview-metrics{grid-template-columns:1fr}.manager-project-metrics{grid-template-columns:repeat(2,1fr)}}

/* Enterprise PM + Dual Pipeline + Executive V3 */
.pm-hero,.executive-hero{background:linear-gradient(135deg,#eef8fc 0%,#f8fbff 56%,#eaf8f7 100%)}.pm-hero-inner{display:flex;justify-content:space-between;align-items:end;gap:20px}.portfolio-switcher{display:grid;gap:5px;min-width:300px}.portfolio-switcher label{font-size:10px;text-transform:uppercase;font-weight:850;color:#617d90}.portfolio-switcher select{padding:11px 13px;border:1px solid #cbdce6;border-radius:10px;background:#fff}.pm-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.overdue-card .kpi-icon{background:#ffe7e7!important;color:#a31e25!important}.pm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.pipeline-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#eaf1f5;padding:5px;border-radius:13px;min-width:510px}.pipeline-tabs button{border:0;background:transparent;padding:11px 16px;text-align:left;border-radius:10px;color:#536d7e;cursor:pointer}.pipeline-tabs button span{display:block;font-weight:850;font-size:13px}.pipeline-tabs button small{display:block;font-size:10px;margin-top:2px}.pipeline-tabs button.active{background:#fff;color:#0b5e9d;box-shadow:0 4px 15px rgba(20,72,101,.11)}.pipeline-panel{display:none}.pipeline-panel.active{display:block}.pipeline-count{font-size:11px;font-weight:850;color:#617b8d;background:#eef4f7;border-radius:999px;padding:6px 9px}.bulk-assign-bar{display:grid;grid-template-columns:auto minmax(260px,1fr) 230px auto;gap:10px;align-items:center;padding:12px 18px;background:#f3f8fa;border-bottom:1px solid #dce8ee}.bulk-assign-bar strong{font-size:11px;text-transform:uppercase;color:#4d6879}.bulk-assign-bar select,.bulk-assign-bar input{padding:9px;border:1px solid #cbdce6;border-radius:8px;background:#fff}.pm-ticket-table .table{min-width:1400px}.severity-pill{display:inline-flex;border-radius:999px;padding:5px 9px;text-transform:uppercase;font-size:10px;font-weight:900}.severity-pill.low{background:#eef3f6;color:#587080}.severity-pill.medium{background:#e8f2fb;color:#27618d}.severity-pill.high{background:#fff0d9;color:#8d5a00}.severity-pill.critical{background:#ffe5e5;color:#a0232a}.sla-countdown{font-variant-numeric:tabular-nums;font-weight:850;font-size:11px;white-space:nowrap}.sla-countdown.safe{color:#26754b}.sla-countdown.warning{color:#aa7104}.sla-countdown.critical,.sla-countdown.breached{color:#b3292e}.stack-form{display:grid;gap:9px}.stack-form textarea{min-height:80px}.link-button{border:0;background:transparent;color:#0b65a3;font-weight:800;padding:0;cursor:pointer;font-size:10px}.role-pill.support_specialist{background:#f0ebfb;color:#635090}.role-pill.supervisor{background:#e8efff;color:#34569c}.role-pill.ceo,.role-pill.coo,.role-pill.cfo,.role-pill.operation_head{background:#e7efff;color:#234c8b}.performance-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.subdashboard-tabs{display:flex;background:#eaf1f5;padding:5px;border-radius:12px}.subdashboard-tabs button{border:0;background:transparent;padding:10px 16px;border-radius:9px;font-weight:800;color:#597182;cursor:pointer}.subdashboard-tabs button.active{background:#fff;color:#0b5e9d;box-shadow:0 4px 13px rgba(20,72,101,.1)}.analytics-subpanel{display:none}.analytics-subpanel.active{display:block}.team-performance-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.performance-visual-grid{grid-template-columns:1.15fr .85fr}.canvas-wrap{position:relative;padding:18px;height:300px}.canvas-wrap canvas{width:100%;height:250px}.team-heatmap{padding:15px}.heat-head,.heat-row{display:grid;grid-template-columns:minmax(160px,1.4fr) repeat(3,70px);gap:6px;align-items:center}.heat-head{font-size:9px;text-transform:uppercase;color:#738896;font-weight:850;padding-bottom:7px}.heat-row{border-top:1px solid #edf2f5;padding:7px 0}.heat-row strong{display:block;font-size:11px}.heat-row small{display:block;color:var(--muted);font-size:9px}.heat-cell{height:35px;border-radius:7px;display:grid;place-items:center;font-weight:850;color:#244d65;background:#f3f7f9}.heat-cell.level-1{background:#e8f6f4}.heat-cell.level-2{background:#cdebe7}.heat-cell.level-3{background:#a6dcd5}.heat-cell.level-4{background:#6fc9c0}.heat-cell.level-5{background:#2eaaa3;color:#fff}.pm-personal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.executive-metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 22px rgba(13,62,96,.05)}.executive-metric span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:850}.executive-metric strong{display:block;font-size:28px;color:#0b5e9d;margin:8px 0}.executive-metric small{color:#6f8493}.milestone-list{padding:10px 18px}.milestone-row{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f5}.milestone-row strong{display:block}.milestone-row span{font-size:10px;color:var(--muted)}.milestone-add{padding:14px 18px;background:#f6fafc}.milestone-add form{display:grid;grid-template-columns:1fr 150px auto;gap:8px}.cms-command-strip{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#0b5e9d,#0aa4af);color:#fff;padding:16px 20px;border-radius:14px;margin-bottom:18px}.cms-command-strip strong{display:block;font-size:16px}.cms-command-strip span{font-size:10px;opacity:.86}.cms-live-state{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:800}.live-dot{width:9px;height:9px;background:#8bf3b2;border-radius:50%;box-shadow:0 0 0 5px rgba(139,243,178,.15)}
.exec-live{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid #d6e5ed;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:800}.exec-live span{width:9px;height:9px;border-radius:50%;background:#29b67d;box-shadow:0 0 0 5px rgba(41,182,125,.12)}.executive-command-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.executive-command-strip a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;color:var(--ink);box-shadow:0 7px 20px rgba(13,62,96,.05)}.executive-command-strip strong{display:block;color:#0b5e9d;font-size:13px}.executive-command-strip span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.executive-grid{grid-template-columns:1fr 1fr 1fr}.executive-wide-table .table{min-width:1350px}.mini-progress{height:7px;background:#edf3f7;border-radius:999px;overflow:hidden;min-width:100px}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#0b5e9d,#0aa4af)}.executive-performance-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.executive-performance-grid{grid-template-columns:1.2fr .8fr .8fr}
@media(max-width:1200px){.pm-kpis,.team-performance-kpis,.pm-personal-grid,.executive-performance-kpis{grid-template-columns:repeat(3,1fr)}.executive-kpis{grid-template-columns:repeat(3,1fr)}.pm-toolbar,.performance-topbar{align-items:stretch;flex-direction:column}.pipeline-tabs{min-width:0;width:100%}.performance-visual-grid,.executive-performance-grid,.executive-grid{grid-template-columns:1fr}.executive-command-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pm-hero-inner{display:block}.portfolio-switcher{min-width:0;margin-top:14px}.pm-kpis,.team-performance-kpis,.pm-personal-grid,.executive-kpis,.executive-performance-kpis{grid-template-columns:repeat(2,1fr)}.bulk-assign-bar{grid-template-columns:1fr}.pipeline-tabs{grid-template-columns:1fr}.milestone-add form{grid-template-columns:1fr}.heat-head,.heat-row{grid-template-columns:minmax(115px,1fr) repeat(3,48px)}.cms-command-strip{display:block}.cms-live-state{margin-top:9px}.executive-command-strip{grid-template-columns:1fr}}
@media(max-width:480px){.pm-kpis,.team-performance-kpis,.pm-personal-grid,.executive-kpis,.executive-performance-kpis{grid-template-columns:1fr}}
/* Forgot Password / SMTP Recovery V4 */
.auth-hero{padding:34px 0 25px;background:linear-gradient(135deg,#eff8fc 0%,#f8fbfd 58%,#edf9f7 100%)}
.auth-section{display:flex;justify-content:center;padding-top:30px}
.auth-card{max-width:590px;width:100%;margin:0;box-shadow:0 18px 50px rgba(14,61,91,.09)}
.auth-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.auth-card-head h2{margin:0;color:#0b456f;font-size:22px}
.auth-card-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.auth-lock{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#e8f4fb,#e9f8f5);display:grid;place-items:center;color:#0aa4af;font-size:12px;box-shadow:inset 0 0 0 1px #d8e9ef}
.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:5px}
.auth-label-row label{margin:0}
.auth-label-row a{font-size:11px;font-weight:850;color:#0966a3}
.auth-label-row a:hover{text-decoration:underline}
.auth-actions{margin-top:22px}
.auth-help{margin-top:22px;padding:13px 15px;border-radius:11px;background:#f4f9fb;border:1px solid #dce9ef}
.auth-help strong{display:block;font-size:11px;color:#31546b}
.auth-help span{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.5}
.reset-security-note{margin-top:18px;padding:13px 15px;border-radius:11px;background:#f4f9fb;border-left:4px solid #0aa4af}
.reset-security-note strong{display:block;font-size:11px;color:#24526c}
.reset-security-note span{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.reset-success{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #cce8d6;background:#effaf3;border-radius:13px;margin-bottom:20px}
.reset-success-icon{width:38px;height:38px;min-width:38px;border-radius:50%;display:grid;place-items:center;background:#2c9960;color:#fff;font-weight:900}
.reset-success h2{margin:0 0 5px;color:#1b6d41}
.reset-success p{margin:4px 0;color:#46695a;font-size:12px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;align-items:start}
.settings-subheading{border-top:1px solid #e4edf2;padding-top:18px;margin-top:4px}
.settings-subheading h2{margin:0;color:#0b456f;font-size:18px}
.settings-subheading p{margin:4px 0 0;color:var(--muted);font-size:11px}
.password-security-card{margin:0}
.security-check-list{padding:12px 20px}
.security-check-list>div{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #edf2f5}
.security-check-list>div:last-child{border-bottom:0}
.security-check-list>div>span{width:27px;height:27px;min-width:27px;border-radius:50%;display:grid;place-items:center;background:#e7f8ed;color:#1f7a46;font-weight:900}
.security-check-list strong{display:block;font-size:11px;color:#244d65}
.security-check-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:560px){.auth-actions{display:grid}.auth-actions .btn{width:100%}.auth-label-row{align-items:flex-start}.reset-success{display:block}.reset-success-icon{margin-bottom:10px}}

/* Multi-Portfolio Project & Operations V5 */
.domain-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;background:#eef3f6;color:#526979}.domain-pill.hvac{background:#e5f4ff;color:#14618f}.domain-pill.elv_it{background:#ecebff;color:#514f9b}.domain-pill.fire_safety{background:#ffe8e4;color:#9b3d30}.domain-pill.garage{background:#eef4e8;color:#526f31}.domain-pill.unset{background:#fff2dc;color:#895d0d}
.ops-project-layout{display:grid;grid-template-columns:minmax(380px,.78fr) minmax(0,1.55fr);gap:20px;align-items:start}.ops-create-card{margin:0;max-width:none;position:sticky;top:96px}.ops-project-list{display:grid;gap:14px}.ops-project-card{display:block;background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;color:var(--ink);box-shadow:0 8px 25px rgba(13,62,96,.055);transition:.18s}.ops-project-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(13,62,96,.11)}.ops-project-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.ops-project-card h3{margin:11px 0 4px;color:#0b456f}.ops-project-card p{margin:0;color:var(--muted);font-size:11px}.ops-finance-row{display:grid;grid-template-columns:1.25fr 1.25fr .7fr;gap:8px;margin-top:15px}.ops-finance-row>div{background:#f5f9fb;border-radius:9px;padding:9px}.ops-finance-row small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.ops-finance-row strong{display:block;font-size:11px;margin-top:2px}.ops-progress-head{display:flex;justify-content:space-between;align-items:center;margin:13px 0 5px;font-size:10px;font-weight:800;color:#547083}.ops-progress{height:8px;background:#edf3f7;border-radius:999px;overflow:hidden}.ops-progress i{display:block;height:100%;background:linear-gradient(90deg,#0b5e9d,#0aa4af);border-radius:inherit}
.rate-matrix-head,.rate-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px;gap:10px;align-items:center}.rate-matrix-head{padding:14px 20px;background:#f3f8fb;border-bottom:1px solid #e2ebf1;font-size:10px;text-transform:uppercase;font-weight:850;color:#5a7485}.rate-matrix-head label{display:flex;gap:8px;align-items:center}.rate-matrix-head input{width:75px}.rate-matrix{padding:5px 20px}.rate-row{padding:10px 0;border-bottom:1px solid #edf2f5}.rate-row strong{display:block;font-size:12px}.rate-row small{display:block;color:var(--muted);font-size:9px}.rate-row input,.rate-matrix-head input{border:1px solid #cbdbe6;border-radius:8px;padding:9px}.rate-save{display:flex;gap:10px;padding:16px 20px}
.ops-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.ops-command-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.ops-tabs{display:flex;gap:5px;background:#eaf1f5;border-radius:12px;padding:5px}.ops-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 14px;font-weight:800;color:#587083;cursor:pointer}.ops-tabs button.active{background:#fff;color:#0b5e9d;box-shadow:0 4px 13px rgba(20,72,101,.1)}.ops-panel{display:none}.ops-panel.active{display:block}.ops-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-cost-bars{padding:16px 20px}.ops-cost-bars>div,.finance-summary-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f5;font-size:12px}.ops-cost-bars>div.total{border-top:2px solid #d7e7ee;border-bottom:0;margin-top:5px;padding-top:14px}.ops-cost-bars strong,.finance-summary-list strong{color:#0b456f}.procurement-mini-pipeline{padding:12px 18px}.procurement-mini-pipeline>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f5}.procurement-mini-pipeline>div:last-child{border-bottom:0}.procurement-mini-pipeline span{font-size:11px;color:#526e80}.procurement-mini-pipeline strong{width:28px;height:28px;border-radius:8px;background:#eaf4f8;display:grid;place-items:center;color:#0b5e9d}
.task-tree{padding:16px}.task-main{border:1px solid #dce7ed;border-radius:13px;margin-bottom:14px;overflow:hidden}.task-main-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(90deg,#eef7fb,#f8fbfd);padding:13px 16px}.task-main-head strong{display:block;color:#0b456f}.task-main-head span:not(.badge){display:block;font-size:9px;color:var(--muted)}.task-main-head>div:last-child{display:flex;gap:9px;align-items:center}.task-sub{border-top:1px solid #e7eef3;background:#fff}.task-sub summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;cursor:pointer;list-style:none}.task-sub summary::-webkit-details-marker{display:none}.task-sub summary>div:first-child strong{display:block;font-size:12px}.task-sub summary small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.task-summary-right{display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.task-edit-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:15px;border-top:1px dashed #dce7ed;background:#fbfdfe;padding:15px}.task-edit-grid h4{margin:0 0 10px;color:#31556e}.task-assign-inline{display:grid;grid-template-columns:1.3fr 1.1fr .65fr .65fr auto;gap:7px}.task-assign-inline select,.task-assign-inline input{border:1px solid #cbdbe6;border-radius:8px;padding:8px;min-width:0}.task-assignees{margin-top:10px}.task-assignees>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f5;padding:8px 0}.task-assignees strong{display:block;font-size:11px}.task-assignees small{display:block;color:var(--muted);font-size:9px}.task-cost-line{display:flex;justify-content:space-between;gap:10px;background:#eff6f9;padding:9px;border-radius:8px;margin-top:10px;font-size:10px}.custom-task-add{padding:10px 15px;background:#f7fafc;border-top:1px solid #e7eef3}.custom-task-add form{display:grid;grid-template-columns:1fr 120px auto;gap:8px}.custom-task-add input{border:1px solid #cbdbe6;border-radius:8px;padding:8px}.finance-summary-list{padding:8px 20px}.finance-links{padding:8px 20px 18px}
.procurement-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-actions select{border:1px solid #cbdbe6;border-radius:9px;padding:9px 11px;background:#fff;min-width:300px}.requisition-layout{grid-template-columns:1.35fr .65fr}.requisition-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px}.requisition-meta>div{background:#f6fafc;border:1px solid #e4edf2;border-radius:9px;padding:10px}.requisition-meta small{display:block;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.requisition-meta strong{display:block;font-size:11px;margin-top:3px}.requisition-meta span{display:block;color:var(--muted);font-size:9px}.requisition-header-form{padding:0 20px 20px}.requisition-totals{display:flex;justify-content:flex-end;gap:20px;padding:13px 18px;background:#f6fafc;font-size:11px}.requisition-totals strong{color:#0b456f}.submit-requisition-card{border-left:4px solid #0aa4af}.proc-item-form{display:grid;grid-template-columns:110px 90px auto;gap:5px}.proc-item-form input{width:100%;border:1px solid #cbdbe6;border-radius:7px;padding:7px}.dependency-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #edf2f5}.pm-ops-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.pm-ops-command-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.pm-ops-command-strip a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;color:var(--ink);box-shadow:0 7px 20px rgba(13,62,96,.05)}.pm-ops-command-strip a:hover{transform:translateY(-2px)}.pm-ops-command-strip strong{display:block;color:#0b5e9d;font-size:12px}.pm-ops-command-strip span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.pm-project-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}.pm-project-summary-card{border:1px solid #e1eaf0;border-radius:12px;padding:13px;color:var(--ink)}.pm-project-summary-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.pm-project-summary-card>div:first-child>span:first-child{font-size:9px;font-weight:900;color:#0b5e9d}.pm-project-summary-card h3{font-size:13px;margin:8px 0;color:#244d65}.pm-project-mini-fin{display:grid;grid-template-columns:1fr 1fr .65fr;gap:6px;margin-top:9px}.pm-project-mini-fin span{background:#f5f9fb;border-radius:7px;padding:6px;font-size:8px;color:var(--muted)}.pm-project-mini-fin strong{display:block;font-size:9px;color:#31566e;margin-top:2px}.pm-ops-secondary{grid-template-columns:repeat(3,1fr)}
.role-pill.senior_engineer{background:#e7efff;color:#234c8b}.role-pill.lead_technician{background:#fff0d7;color:#8d5d00}.role-pill.helper{background:#eef3f6;color:#526979}.role-pill.mechanic{background:#eef4e8;color:#526f31}
@media(max-width:1200px){.ops-project-layout{grid-template-columns:1fr}.ops-create-card{position:static}.ops-kpis,.pm-ops-kpis,.procurement-kpis{grid-template-columns:repeat(3,1fr)}.ops-overview-grid,.pm-ops-secondary{grid-template-columns:1fr 1fr}.pm-ops-command-strip{grid-template-columns:repeat(3,1fr)}.pm-project-summary-grid{grid-template-columns:repeat(2,1fr)}.task-edit-grid{grid-template-columns:1fr}.task-assign-inline{grid-template-columns:1fr 1fr}.requisition-layout{grid-template-columns:1fr}}
@media(max-width:760px){.ops-kpis,.pm-ops-kpis,.procurement-kpis{grid-template-columns:repeat(2,1fr)}.ops-command-bar{align-items:stretch;flex-direction:column}.ops-tabs{display:grid;grid-template-columns:1fr 1fr}.ops-overview-grid,.pm-ops-secondary{grid-template-columns:1fr}.rate-matrix-head,.rate-row{grid-template-columns:1fr 1fr}.rate-matrix-head>span:first-of-type,.rate-row>div{grid-column:1/-1}.pm-ops-command-strip{grid-template-columns:1fr 1fr}.pm-project-summary-grid{grid-template-columns:1fr}.task-sub summary{align-items:flex-start;flex-direction:column}.task-summary-right{width:100%;justify-content:space-between}.custom-task-add form{grid-template-columns:1fr}.requisition-meta{grid-template-columns:1fr}.requisition-totals{align-items:flex-end;flex-direction:column}.proc-item-form{grid-template-columns:1fr}.dashboard-actions select{min-width:0;width:100%}}
@media(max-width:480px){.ops-kpis,.pm-ops-kpis,.procurement-kpis{grid-template-columns:1fr}.ops-tabs,.pm-ops-command-strip{grid-template-columns:1fr}.task-assign-inline{grid-template-columns:1fr}}
/* ============================================================
   Professional Project UX + Universal Coding V5.1
   ============================================================ */
.business-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.025em;color:#0a5d96}
.portfolio-register-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.portfolio-register-kpis .domain-kpi .kpi-icon{font-size:9px}
.professional-filter-bar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) minmax(135px,.55fr) auto auto;gap:9px;padding:14px 18px;background:#f5f9fb;border-bottom:1px solid #e0ebf0}
.professional-filter-bar input,.professional-filter-bar select{padding:9px 11px;border:1px solid #cddde6;border-radius:8px;background:#fff}
.row-action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.row-action.secondary{font-size:10px;color:#748894}

.master-form{max-width:1250px;margin:auto}.master-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.master-form-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 9px 28px rgba(13,62,96,.055)}.master-form-card.full-card{grid-column:1/-1}.master-form-title{display:flex;gap:12px;align-items:flex-start;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e8eff3}.master-form-title>span{width:33px;height:33px;border-radius:10px;background:linear-gradient(145deg,#eaf5fb,#e8f8f5);color:#0b6e8d;display:grid;place-items:center;font-weight:900;font-size:11px}.master-form-title h2{margin:0;color:#0b456f;font-size:18px}.master-form-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.four-column-form{grid-template-columns:repeat(4,minmax(0,1fr))}.readonly-code{background:#eef5f8!important;color:#0b5e9d!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800}.switch-field{height:42px;display:flex!important;align-items:center;gap:9px;padding:0 12px;border:1px solid #d6e2e9;border-radius:8px;background:#f8fbfc}.switch-field input{width:auto}.master-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:16px 0;border-top:1px solid #e2ebf0}

.project-card-register{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.professional-project-card{background:#fff;border:1px solid #dbe7ed;border-radius:16px;padding:19px;color:var(--ink);box-shadow:0 7px 22px rgba(13,62,96,.05);transition:.18s}.professional-project-card:hover{transform:translateY(-3px);border-color:#a8cddd;box-shadow:0 14px 32px rgba(13,62,96,.1)}.project-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.professional-project-card>.business-code{font-size:11px;margin-top:14px}.professional-project-card h3{margin:5px 0;color:#0b456f;font-size:17px}.professional-project-card>p{margin:0;color:var(--muted);font-size:11px}.project-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2ebf0;border-radius:10px;overflow:hidden;margin:16px 0}.project-card-metrics div{background:#f8fbfc;padding:10px}.project-card-metrics small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}.project-card-metrics strong{display:block;margin-top:4px;color:#244d65;font-size:11px}.project-open-link{display:block;text-align:right;margin-top:11px;font-size:10px;font-weight:850;color:#0b65a3}.project-empty{grid-column:1/-1}

.project-workspace-hero{padding-bottom:24px}.project-workspace-shell{padding-bottom:36px}.project-workspace-nav{position:sticky;top:0;z-index:15;display:flex;gap:4px;overflow-x:auto;background:#fff;border:1px solid #dce7ed;border-radius:13px;padding:5px;margin-top:-1px;box-shadow:0 8px 22px rgba(13,62,96,.07)}.project-workspace-nav a{white-space:nowrap;padding:10px 13px;border-radius:9px;font-size:11px;font-weight:850;color:#5a7180}.project-workspace-nav a:hover{background:#f0f7fa;color:#0b5e9d}.project-workspace-nav a.active{background:linear-gradient(100deg,#0b5e9d,#0a8fa5);color:#fff}.project-workspace-content{padding-top:18px}.project-command-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f5fafc;border:1px solid #dce9ef;border-radius:13px;padding:14px 16px;margin-bottom:18px}.project-command-bar strong{display:block;color:#164967}.project-command-bar span{font-size:10px;color:var(--muted)}.project-command-metrics{display:flex;gap:8px}.project-command-metrics span{background:#fff;border:1px solid #d8e5eb;border-radius:999px;padding:6px 9px;font-weight:800;color:#466679}
.project-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.project-profile-card{margin:0}.project-profile-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e3edf2}.project-profile-list>div{background:#fff;padding:15px 18px}.project-profile-list span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:850}.project-profile-list strong{display:block;margin-top:5px;font-size:12px;color:#244d65}.project-scope-text{padding:18px;border-top:1px solid #e6eef2}.project-scope-text>strong{font-size:10px;text-transform:uppercase;color:#607b8d}.project-scope-text p{margin:7px 0 0;font-size:12px;line-height:1.55}
.overview-pipeline{padding:14px}.phase-progress-list{padding:8px 18px 17px}.phase-progress-list>div{display:grid;grid-template-columns:minmax(250px,1fr) minmax(220px,.7fr) 55px;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #edf2f5}.phase-progress-list>div:last-child{border-bottom:0}.phase-progress-list>div>div:first-child strong{display:block;font-size:11px}.phase-progress-list>div>div:first-child span{font-size:9px;color:var(--muted)}
.professional-task-tree{background:#f7fafc}.finance-executive-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.procurement-stage-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.procurement-stage-card{background:#fff;border:1px solid #dbe7ed;border-radius:13px;padding:16px}.procurement-stage-card span{display:block;font-size:9px;text-transform:uppercase;font-weight:850;color:#67808f}.procurement-stage-card strong{display:block;font-size:25px;color:#0b5e9d;margin-top:5px}.procurement-stage-card.resolved strong{color:#278052}.procurement-stage-card.hold strong{color:#9a6905}.variance-negative{color:#b3292e}.variance-positive{color:#2c7d50}

@media(max-width:1180px){.portfolio-register-kpis{grid-template-columns:repeat(4,1fr)}.project-card-register{grid-template-columns:repeat(2,1fr)}.four-column-form{grid-template-columns:repeat(2,1fr)}.finance-executive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.master-form-grid,.project-overview-grid{grid-template-columns:1fr}.master-form-card.full-card{grid-column:auto}.professional-filter-bar{grid-template-columns:1fr 1fr}.project-command-bar{align-items:stretch;flex-direction:column}.procurement-stage-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.portfolio-register-kpis{grid-template-columns:repeat(2,1fr)}.project-card-register{grid-template-columns:1fr}.four-column-form{grid-template-columns:1fr}.professional-filter-bar{grid-template-columns:1fr}.finance-executive-grid{grid-template-columns:1fr 1fr}.project-profile-list{grid-template-columns:1fr}.phase-progress-list>div{grid-template-columns:1fr}.master-form-actions{position:sticky;bottom:0;background:#fff;padding:12px;z-index:10}.project-workspace-nav{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px}}
@media(max-width:480px){.finance-executive-grid,.procurement-stage-cards{grid-template-columns:1fr}}
/* ============================================================
   Customer & Department Master + Registration UX V5.2
   ============================================================ */
.master-admin-grid{display:grid;grid-template-columns:minmax(330px,.65fr) minmax(0,1.35fr);gap:18px;margin-top:18px}
.sla-profile-card{margin-top:18px}.sla-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}.sla-profile-grid section{border:1px solid #dce8ee;border-radius:12px;padding:14px;background:#f9fbfc}.sla-profile-grid h3{margin:0 0 10px;color:#0b456f;font-size:14px}.sla-profile-grid label{display:grid;grid-template-columns:1fr 100px 38px;align-items:center;gap:7px;margin:8px 0;font-size:10px;font-weight:800}.sla-profile-grid input{padding:8px;border:1px solid #ccdce5;border-radius:7px}.sla-profile-grid small{color:var(--muted)}
.field-inline-help{display:flex;justify-content:space-between;gap:12px;margin-top:5px;font-size:9px;color:var(--muted)}.field-inline-help a{color:#0b65a3;font-weight:800}
.customer-lookup-wrap{position:relative}.lookup-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid #cbdde6;border-radius:10px;box-shadow:0 16px 36px rgba(13,62,96,.14);max-height:300px;overflow:auto}.lookup-results[hidden]{display:none}.lookup-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf2f5;background:#fff;padding:11px 12px;cursor:pointer}.lookup-results button:hover{background:#f1f8fa}.lookup-results strong{display:block;color:#164967;font-size:11px}.lookup-results span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.lookup-empty{padding:14px;color:var(--muted);font-size:10px}
.selected-client-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0faf6;border:1px solid #cae8d7;border-radius:10px;padding:10px 12px;margin-top:9px}.selected-client-card[hidden]{display:none}.selected-client-card strong{display:block;color:#1f6545}.selected-client-card span{font-size:9px;color:#628071}.client-valid-badge{white-space:nowrap!important;background:#dff5e8;border-radius:999px;padding:5px 8px;color:#287a4f!important;font-weight:850}
.new-site-panel{border-left:4px solid #0aa4af;background:#f4fafb;border-radius:10px;padding:14px}
.customer-filter{grid-template-columns:minmax(260px,1.5fr) minmax(190px,.7fr) auto auto}
.customer-master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:18px}.customer-master-card{background:#fff;border:1px solid #dbe7ed;border-radius:15px;padding:17px;box-shadow:0 7px 20px rgba(13,62,96,.045)}.customer-master-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.customer-master-head h3{margin:4px 0 0;color:#0b456f;font-size:16px}.customer-contact-block{display:grid;gap:3px;margin:14px 0;padding:11px;background:#f6fafb;border-radius:10px}.customer-contact-block strong{font-size:11px}.customer-contact-block span{font-size:9px;color:#617b8b}.customer-meta-row{display:flex;flex-wrap:wrap;gap:6px}.customer-meta-row span{font-size:9px;background:#edf4f7;border-radius:999px;padding:5px 7px}.customer-card-actions{display:flex;gap:12px;border-top:1px solid #edf2f5;margin-top:12px;padding-top:11px}.customer-card-actions a{font-size:10px;color:#0b65a3;font-weight:850}.customer-master-empty{grid-column:1/-1}
.master-data-nav{margin-bottom:18px}

.customer-register-hero{background:linear-gradient(135deg,#eaf6fb 0%,#f8fbfd 55%,#e9f8f6 100%);border-bottom:1px solid #dce8ee}.customer-register-hero-inner{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:44px;padding-bottom:44px}.customer-register-hero h1{font-size:38px;margin:5px 0 8px;color:#0b456f}.customer-register-hero p{max-width:720px;color:#5e7989}.registration-benefits{display:grid;gap:9px;min-width:240px}.registration-benefits span{background:#fff;border:1px solid #d5e7ec;border-radius:10px;padding:10px 12px;color:#2c5d70;font-size:10px;font-weight:800}
.customer-registration-shell{max-width:980px;padding-top:28px;padding-bottom:48px}.registration-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;margin:0 25px 18px}.registration-stepper>div{height:2px;background:#d5e4eb}.registration-stepper button{border:0;background:transparent;display:flex;align-items:center;gap:7px;color:#718896;font-weight:800;cursor:default}.registration-stepper i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9f1f5;color:#6a8391}.registration-stepper button.active{color:#0b5e9d}.registration-stepper button.active i{background:#0b5e9d;color:#fff;box-shadow:0 0 0 5px rgba(11,94,157,.1)}.registration-stepper button.complete i{background:#0aa4af;color:#fff}
.customer-registration-card{background:#fff;border:1px solid #d8e6ed;border-radius:16px;box-shadow:0 18px 50px rgba(13,62,96,.08);overflow:hidden}.registration-step{display:none;padding:28px}.registration-step.active{display:block;animation:ccFadeSlide .22s ease}.registration-section-head{display:flex;gap:13px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e8eff3;margin-bottom:20px}.registration-section-head>span{width:38px;height:38px;border-radius:11px;background:#e6f5f5;color:#07819a;display:grid;place-items:center;font-weight:900}.registration-section-head h2{margin:0;color:#0b456f;font-size:21px}.registration-section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.registration-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;border-top:1px solid #edf2f5;padding-top:18px}
.customer-registration-card input,.customer-registration-card select,.customer-registration-card textarea{min-height:48px;border-radius:8px}.customer-registration-card input:focus,.customer-registration-card select:focus{border-color:#0aa4af;box-shadow:0 0 0 3px rgba(10,164,175,.11)}.field-invalid{border-color:#bd343b!important;box-shadow:0 0 0 3px rgba(189,52,59,.08)!important}
.validation-field{position:relative}.validation-badge{position:absolute;right:10px;top:38px;font-size:9px;font-weight:850}.validation-badge.valid{color:#258052}.validation-badge.pending{color:#91a2ac}.registration-consent{display:flex;gap:10px;align-items:flex-start;background:#f2f9fb;border-radius:10px;padding:12px;margin-top:18px}.registration-consent p{margin:0;color:#607b8a;font-size:10px;line-height:1.5}.secure-dot{color:#0aa4af}.registration-submit{display:inline-flex;align-items:center;gap:8px}.registration-submit .submit-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ccSpin .7s linear infinite}.registration-submit.loading .submit-spinner{display:inline-block}.registration-signin{text-align:center;margin-top:16px;color:var(--muted);font-size:11px}.registration-signin a{font-weight:850;color:#0b65a3}
@keyframes ccFadeSlide{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes ccSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.customer-master-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.master-admin-grid{grid-template-columns:1fr}.sla-profile-grid{grid-template-columns:1fr}.customer-register-hero-inner{display:block}.registration-benefits{margin-top:18px;min-width:0}.customer-filter{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.customer-master-grid{grid-template-columns:1fr}.customer-filter{grid-template-columns:1fr}.registration-stepper{margin:0 0 14px;grid-template-columns:repeat(3,1fr);gap:4px}.registration-stepper>div{display:none}.registration-stepper button{display:grid;justify-items:center;text-align:center;gap:4px}.registration-stepper button span{font-size:8px}.registration-step{padding:20px 16px}.customer-register-hero h1{font-size:29px}.registration-actions .btn{min-height:48px}.field-inline-help{display:grid}}


/* ============================================================
   WORLD-CLASS CUSTOMER SUPPORT EXPERIENCE — V5.3.1
   ============================================================ */
:root{--cx-navy:#082f49;--cx-blue:#075ca8;--cx-teal:#079aa8;--cx-mint:#e8f7f5;--cx-sky:#edf7fc;--cx-ink:#17354a;--cx-soft:#6a8191;--cx-border:#d9e7ee;--cx-card:#fff;--cx-shadow:0 16px 46px rgba(9,48,74,.09);--cx-shadow-hover:0 22px 58px rgba(9,48,74,.14);--cx-radius:18px}
.customer-log-ticket-btn{box-shadow:0 9px 22px rgba(7,92,168,.18)!important}.customer-dashboard-hero,.smart-ticket-hero,.live-ticket-hero{background:radial-gradient(circle at 80% 10%,rgba(10,164,175,.14),transparent 30%),linear-gradient(135deg,#eaf6fb 0%,#f9fcfe 58%,#ecf8f6 100%);border-bottom:1px solid var(--cx-border);padding:38px 0 32px}.customer-dashboard-hero h1,.smart-ticket-hero h1,.live-ticket-hero h1{margin:8px 0 6px;color:var(--cx-navy);font-size:clamp(30px,4vw,44px);letter-spacing:-.025em}.customer-dashboard-hero p,.smart-ticket-hero p,.live-ticket-hero p{color:#5a7486;margin:0;max-width:760px}.customer-primary-action{min-height:46px;padding-inline:20px}
.customer-dashboard-shell,.smart-ticket-shell,.live-ticket-shell{padding-top:24px;padding-bottom:44px}.customer-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.customer-kpi{position:relative;overflow:hidden;display:flex;gap:13px;align-items:center;background:linear-gradient(145deg,#fff,#fbfdfe);border:1px solid var(--cx-border);border-radius:16px;padding:17px;box-shadow:0 8px 24px rgba(9,48,74,.045);min-height:112px}.customer-kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-35px;top:-32px;background:rgba(7,154,168,.06)}.kpi-symbol{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e5f3fb,#e7f8f5);color:#0b6d88;font-size:10px;font-weight:900}.customer-kpi small{display:block;text-transform:uppercase;letter-spacing:.045em;color:#718997;font-size:9px;font-weight:850}.customer-kpi strong{display:block;margin-top:2px;font-size:25px;line-height:1;color:#123f5d}.customer-kpi em{display:block;margin-top:5px;color:#8395a0;font-size:9px;font-style:normal}
.customer-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);gap:18px;align-items:start}.secondary-grid{grid-template-columns:1fr 1fr;margin-top:18px}.dashboard-card.customer-active-board{padding:0;overflow:hidden}.customer-board-head{padding:18px 20px;border-bottom:1px solid #e7eef2}.view-toggle{display:flex;align-items:center;gap:5px;background:#eef5f8;border-radius:9px;padding:4px}.view-toggle button{border:0;background:transparent;border-radius:7px;padding:7px 10px;color:#647b89;font-size:10px;font-weight:850;cursor:pointer}.view-toggle button.active{background:#fff;color:#0b5e9d;box-shadow:0 3px 10px rgba(9,48,74,.08)}.customer-kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:10px;overflow:auto;padding:14px;background:#f5f9fb}.kanban-column{background:#eef4f7;border:1px solid #e0eaf0;border-radius:13px;min-height:230px;padding:9px}.kanban-column-head{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 10px;color:#527083;font-size:9px;font-weight:900;text-transform:uppercase}.kanban-column-head strong{min-width:23px;height:23px;display:grid;place-items:center;background:#fff;border-radius:999px;color:#0b5e9d}.kanban-stack{display:grid;gap:8px}.customer-ticket-card{position:relative;background:#fff;border:1px solid #dbe6ec;border-left:4px solid #8aa0ad;border-radius:12px;box-shadow:0 5px 16px rgba(9,48,74,.045);overflow:hidden;transition:.18s ease}.customer-ticket-card:hover{transform:translateY(-2px);box-shadow:var(--cx-shadow-hover);border-color:#b9d6e1}.customer-ticket-card.severity-critical{border-left-color:#cf3d42}.customer-ticket-card.severity-high{border-left-color:#dc8a18}.customer-ticket-card.severity-normal{border-left-color:#277fb7}.customer-ticket-card.severity-low{border-left-color:#55a06c}.ticket-card-open{display:block;padding:12px;color:inherit}.ticket-card-line{display:flex;justify-content:space-between;gap:7px;align-items:center}.ticket-card-line strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0b5e9d;font-size:9px}.domain-mini{font-size:8px;font-weight:900;color:#42697e;background:#edf5f8;border-radius:999px;padding:3px 6px}.customer-ticket-card h3{font-size:12px;color:#173f58;margin:8px 0 3px}.customer-ticket-card p{font-size:9px;color:#758b99;margin:0}.ticket-card-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf2f5;margin-top:10px;padding-top:8px;color:#617987;font-size:8px}.ticket-card-footer time{font-weight:850}.countdown-breached{color:#b83238!important}.ticket-quick-btn{width:100%;border:0;border-top:1px solid #edf2f5;background:#fbfdfe;color:#0b65a3;padding:7px;font-size:9px;font-weight:850;cursor:pointer}.ticket-quick-btn:hover{background:#eff8fb}.customer-ticket-list{padding:14px}.customer-sidebar-stack{display:grid;gap:18px}.customer-quick-actions{display:grid;padding:4px 18px 18px}.customer-quick-actions a{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f5;color:inherit}.customer-quick-actions a:last-child{border-bottom:0}.customer-quick-actions>a>span{width:34px;height:34px;min-width:34px;border-radius:10px;background:#e9f7f7;color:#078292;display:grid;place-items:center;font-weight:900}.customer-quick-actions strong{display:block;font-size:10px;color:#244d63}.customer-quick-actions small{display:block;font-size:8px;color:#82949e}.contract-mini-list{display:grid;padding:6px 18px 18px}.contract-mini-list>div{padding:11px 0;border-bottom:1px solid #edf2f5}.contract-mini-list>div:last-child{border:0}.contract-mini-list strong{display:block;margin-top:5px;font-size:10px}.contract-mini-list small{color:#80919b;font-size:8px}.domain-summary-bars{padding:12px 20px 20px}.domain-summary-bars>div{margin:10px 0}.domain-summary-bars>div>div{display:flex;justify-content:space-between;font-size:10px}.domain-summary-bars i{height:7px;display:block;background:#eaf0f3;border-radius:99px;overflow:hidden;margin-top:5px}.domain-summary-bars b{display:block;height:100%;background:linear-gradient(90deg,#075ca8,#07a8b5);border-radius:99px}.recent-resolution-list{display:grid;padding:8px 18px 18px}.recent-resolution-list>a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f5;color:inherit}.recent-resolution-list strong,.recent-resolution-list span{display:block;font-size:10px}.recent-resolution-list div>span{color:#7e909b;font-size:9px}.recent-resolution-list small{display:block;text-align:right;margin-top:3px;color:#d28b17}
.ticket-drawer-overlay{position:fixed;inset:0;background:rgba(5,31,49,.42);backdrop-filter:blur(2px);z-index:79;opacity:0;visibility:hidden;transition:.2s}.ticket-drawer-overlay.open{opacity:1;visibility:visible}.ticket-status-drawer{position:fixed;z-index:80;right:0;top:0;height:100vh;width:min(440px,94vw);background:#fff;box-shadow:-22px 0 60px rgba(5,31,49,.2);transform:translateX(102%);transition:.25s ease;display:flex;flex-direction:column}.ticket-status-drawer.open{transform:none}.drawer-open{overflow:hidden}.ticket-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e2ebf0;background:#f7fbfc}.ticket-drawer-head h2{margin:5px 0 0;color:#123f5d}.ticket-drawer-head button{border:0;background:#e8f0f4;color:#385b6d;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}.ticket-drawer-body{padding:20px;overflow:auto}.drawer-loading{display:flex;align-items:center;gap:10px;padding:30px 0;color:#6c8290}.drawer-loading i{width:18px;height:18px;border-radius:50%;border:2px solid #cce0e8;border-top-color:#0aa4af;animation:ccSpin .7s linear infinite}.drawer-ticket-head span{font-family:ui-monospace,monospace;color:#0b5e9d;font-weight:850;font-size:10px}.drawer-ticket-head h3{margin:5px 0;color:#173f58}.drawer-ticket-head p{color:#718795;font-size:11px}.drawer-phase,.drawer-engineer{margin-top:15px;padding:14px;border:1px solid #dce9ef;border-radius:12px;background:#f8fbfc}.drawer-phase small,.drawer-engineer small{display:block;text-transform:uppercase;font-size:8px;font-weight:900;color:#7a8e9a}.drawer-phase strong,.drawer-engineer strong{display:block;margin-top:4px;color:#0b5e9d}.drawer-engineer span{display:block;color:#718694;font-size:9px;margin-top:3px}.drawer-mini-activity{margin-top:18px}.drawer-mini-activity h4{margin-bottom:8px}.drawer-activity{border-left:2px solid #0aa4af;padding:3px 0 10px 12px;margin-left:4px}.drawer-activity strong{font-size:10px}.drawer-activity span{display:block;color:#80919b;font-size:8px}.drawer-activity p{font-size:9px;color:#516d7e;margin:3px 0}.drawer-open-full{width:100%;margin-top:16px}

.smart-ticket-shell{max-width:1240px}.emergency-banner{background:#fff5f1;border:1px solid #efc7ba;border-left:5px solid #db5a39;border-radius:12px;padding:12px 15px;margin-bottom:16px;color:#70453a;font-size:11px}.smart-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.smart-ticket-form{background:#fff;border:1px solid var(--cx-border);border-radius:18px;box-shadow:var(--cx-shadow);overflow:hidden}.smart-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:18px 24px;background:#f6fafc;border-bottom:1px solid #e3edf2}.smart-stepper>span{height:2px;background:#d8e6ec}.smart-stepper button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#718693;font-size:9px;font-weight:850}.smart-stepper button i{font-style:normal;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e7f0f4}.smart-stepper button.active{color:#0b5e9d}.smart-stepper button.active i{background:#0b5e9d;color:#fff;box-shadow:0 0 0 4px rgba(11,94,157,.09)}.smart-stepper button.complete i{background:#0aa4af;color:#fff}.smart-step{display:none;padding:24px}.smart-step.active{display:block;animation:ccFadeSlide .2s ease}.smart-section-head{display:flex;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e9eff3}.smart-section-head>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e7f7f6;color:#087f8e;font-size:10px;font-weight:900}.smart-section-head h2{margin:0;color:#143f59;font-size:19px}.smart-section-head p{margin:4px 0 0;color:#718795;font-size:10px}.smart-ticket-form input,.smart-ticket-form select,.smart-ticket-form textarea{min-height:46px}.smart-context-badge,.issue-guidance,.severity-suggestion{margin-top:5px;color:#718896;font-size:9px}.issue-guidance:not(:empty){background:#f2f8fb;border-left:3px solid #0aa4af;border-radius:7px;padding:8px}.severity-suggestion{font-weight:750}.asset-unavailable-switch{height:auto;min-height:46px}.media-capture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.media-capture-card{position:relative;min-height:145px;border:1px dashed #b8d1dc;border-radius:13px;background:#f8fbfc;padding:15px;text-align:center;display:grid;place-items:center;align-content:center;cursor:pointer;transition:.18s}.media-capture-card:hover{border-color:#0aa4af;background:#f0faf9;transform:translateY(-2px)}.media-capture-card>span{font-size:25px}.media-capture-card strong{font-size:10px;color:#244e64}.media-capture-card small{font-size:8px;color:#7a8f9c}.media-capture-card input[type=file]:not([hidden]){position:absolute;inset:0;opacity:0;cursor:pointer}.voice-card button{margin-top:7px}.voice-card button.recording{background:#c64349}.voice-status{font-size:8px;color:#6c8390;margin-top:5px}.smart-submit-summary{display:flex;gap:9px;background:#f2faf8;border-radius:10px;padding:11px;margin-top:16px}.smart-submit-summary p{font-size:9px;margin:0;color:#5b746f}.smart-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f5;margin-top:20px;padding-top:16px}.smart-submit{display:flex;align-items:center}.smart-submit i{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ccSpin .7s linear infinite}.smart-submit.loading i{display:block}.smart-context-panel{position:relative}.context-panel-sticky{position:sticky;top:96px;background:linear-gradient(160deg,#0b4268,#0a5f79);color:#fff;border-radius:18px;padding:20px;box-shadow:0 18px 45px rgba(5,45,69,.16)}.context-panel-sticky .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#d8f8f4}.context-panel-sticky h3{margin:10px 0 14px}.context-list{display:grid;gap:1px;background:rgba(255,255,255,.13);border-radius:11px;overflow:hidden}.context-list>div{background:rgba(255,255,255,.06);padding:9px 11px}.context-list small{display:block;color:#b9d6df;font-size:8px;text-transform:uppercase}.context-list strong{display:block;margin-top:2px;font-size:10px}.context-help{margin-top:14px;padding:11px;background:rgba(255,255,255,.09);border-radius:10px}.context-help strong{font-size:10px}.context-help p{font-size:8px;color:#c5dce4;margin:4px 0 0}

.ticket-confirmation-hero{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:40px 0;background:radial-gradient(circle at 50% 25%,#e9f9f4,transparent 35%),#f5f9fb}.ticket-confirmation-card{max-width:760px;text-align:center;background:#fff;border:1px solid var(--cx-border);border-radius:22px;padding:36px;box-shadow:var(--cx-shadow)}.confirmation-check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#e7f8ee;color:#278052;font-size:34px;font-weight:900}.ticket-confirmation-card h1{font-family:ui-monospace,monospace;color:#0b5e9d;font-size:36px;margin:12px 0 5px}.ticket-confirmation-card>p{color:#617987}.confirmation-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.confirmation-meta>div{background:#f7fafc;border:1px solid #e3ebf0;border-radius:11px;padding:12px}.confirmation-meta small{display:block;text-transform:uppercase;color:#7d909a;font-size:8px;font-weight:850}.confirmation-meta strong{display:block;margin-top:3px;font-size:10px}.ticket-confirmation-card .actions{justify-content:center}.confirmation-note{margin-top:18px;background:#f2f8fa;border-radius:9px;padding:10px;color:#718794;font-size:9px}

.live-ticket-shell{max-width:1240px}.order-tracker-card{background:#fff;border:1px solid var(--cx-border);border-radius:17px;box-shadow:var(--cx-shadow);padding:17px;margin-bottom:18px}.tracker-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #e8eff3}.tracker-heading>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tracker-heading small{color:#7e909b;font-size:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:#20a064;box-shadow:0 0 0 5px rgba(32,160,100,.11);animation:ccPulse 1.8s infinite}.phase-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;background:#edf4f7;color:#557080}.phase-pill.submitted{background:#eaf3fb;color:#28688f}.phase-pill.assigned{background:#eeeefe;color:#595cac}.phase-pill.inspection{background:#e9f7f8;color:#087d86}.phase-pill.repair{background:#fff4df;color:#94630b}.phase-pill.quality_check{background:#f0ebff;color:#7251a6}.phase-pill.resolved{background:#e8f7ed;color:#277a49}.order-tracker{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding-top:16px}.tracker-step{text-align:center;position:relative;color:#8b9ba4}.tracker-step:before{content:"";height:2px;background:#e2ebef;position:absolute;top:15px;left:-50%;right:50%;z-index:0}.tracker-step:first-child:before{display:none}.tracker-step i{position:relative;z-index:1;margin:auto;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf2f5;color:#7f929e;font-style:normal;font-size:10px;font-weight:900}.tracker-step span{display:block;margin-top:6px;font-size:8px;font-weight:850}.tracker-step small{display:block;margin-top:2px;font-size:7px}.tracker-step.done i,.tracker-step.active i{background:#0aa4af;color:#fff}.tracker-step.done:before,.tracker-step.active:before{background:#0aa4af}.tracker-step.active i{box-shadow:0 0 0 5px rgba(10,164,175,.12)}.live-ticket-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.ticket-live-main{display:grid;gap:18px}.ticket-live-sidebar{display:grid;gap:18px;position:sticky;top:96px}.ticket-summary-card,.resolution-action-card,.ticket-chat-card{margin:0}.severity-chip{border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase}.severity-chip.severity-critical{background:#ffe8e9;color:#aa2c35}.severity-chip.severity-high{background:#fff0df;color:#9b5a0d}.severity-chip.severity-normal{background:#eaf3fb;color:#1e6395}.severity-chip.severity-low{background:#edf6ee;color:#517258}.ticket-description-block{padding:17px;border-top:1px solid #e9eff2}.ticket-description-block>strong{font-size:9px;text-transform:uppercase;color:#617d8d}.ticket-description-block p{font-size:11px;margin:5px 0 14px;color:#405f72}.engineer-profile{text-align:center;padding:4px}.engineer-profile img,.engineer-avatar{width:86px;height:86px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:4px solid #edf6f8;box-shadow:0 7px 20px rgba(9,48,74,.1)}.engineer-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#0b5e9d,#0aa4af);color:#fff;font-size:24px;font-weight:900}.engineer-profile>span{display:block;text-transform:uppercase;color:#79909c;font-size:8px;font-weight:900}.engineer-profile h3{margin:4px 0;color:#173f58}.engineer-profile p{font-size:9px;color:#718795}.engineer-contact{width:100%;margin-top:8px}.sla-countdown-list{display:grid;padding:0 18px 18px;gap:9px}.sla-countdown-list>div{border:1px solid #dae7ed;border-radius:11px;padding:11px;background:#f9fbfc}.sla-countdown-list>div.breached{border-color:#edc4c7;background:#fff4f4}.sla-countdown-list span{display:block;font-size:8px;text-transform:uppercase;font-weight:900;color:#718895}.sla-countdown-list strong{display:block;margin-top:3px;color:#174964;font-size:12px}.sla-countdown-list .breached strong{color:#b33138}.sla-countdown-list small{font-size:8px;color:#85959e}.resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 16px}.resolution-grid>div{background:#f8fbfc;border:1px solid #e2ebef;border-radius:10px;padding:11px}.resolution-grid small{font-size:8px;text-transform:uppercase;font-weight:900;color:#758b98}.resolution-grid p{font-size:10px;margin:5px 0;color:#435f70}.signoff-actions{display:flex;gap:8px;padding:14px 18px;border-top:1px solid #e7eef2}.signoff-actions details{position:relative}.signoff-actions summary{list-style:none}.reopen-resolution-form{position:absolute;z-index:10;right:0;top:45px;width:330px;background:#fff;border:1px solid #dbe6ec;border-radius:12px;padding:12px;box-shadow:var(--cx-shadow)}.reopen-resolution-form textarea{width:100%;min-height:90px}.report-action-row{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px}.report-action-row a,.live-ticket-actions a{border:1px solid #d4e3e9;border-radius:9px;padding:8px 10px;background:#f8fbfc;font-size:9px;font-weight:850;color:#0b65a3}.customer-chat-form{padding:0 18px 18px}.customer-chat-form textarea{width:100%;min-height:100px;border:1px solid #cfdee6;border-radius:10px;padding:11px}.chat-attachment-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.chat-attachment-row label{font-size:9px;color:#567585;cursor:pointer}.chat-attachment-row input{display:block;margin-top:4px;font-size:8px}.live-activity-feed{padding:4px 18px 18px}.activity-item{display:grid;grid-template-columns:15px 1fr;gap:9px;position:relative;padding:9px 0}.activity-item>i{width:9px;height:9px;border-radius:50%;background:#0aa4af;margin-top:5px;box-shadow:0 0 0 4px #e7f5f5}.activity-head{display:flex;justify-content:space-between;gap:10px}.activity-head strong{font-size:10px}.activity-head time{font-size:8px;color:#82949e}.activity-item small{font-size:8px;color:#80939d}.activity-item p{font-size:9px;color:#486676;margin:3px 0 0}.attachment-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 18px 18px}.attachment-chip-grid a{display:grid;grid-template-columns:auto 1fr auto;gap:7px;border:1px solid #dce7ed;border-radius:9px;padding:9px;align-items:center}.attachment-chip-grid span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip-grid small{font-size:7px;color:#7e919c}.star-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;padding:0 18px}.star-rating input{display:none}.star-rating label{font-size:30px;color:#dce3e7;cursor:pointer}.star-rating input:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:#e9a320}.csat-card textarea,.closed-reopen-card textarea{width:calc(100% - 36px);margin:10px 18px 0;border:1px solid #d2e0e7;border-radius:10px;padding:10px}.csat-card form>.btn{margin-left:18px}.saved-rating{padding:10px 18px;color:#b77808}.live-ticket-actions{padding:10px}.live-ticket-actions a{display:block;margin:5px 0}.admin-customer-journey,.pm-customer-journey{background:#fff;border:1px solid var(--cx-border);border-radius:14px;padding:12px 16px;margin-bottom:16px;box-shadow:0 6px 18px rgba(9,48,74,.04)}

.customer-analytics-shell{padding-top:24px}.reports-kpis{margin-bottom:18px}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.domain-analytics-layout{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;padding:16px 20px 20px}.domain-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative}.domain-donut:after{content:"";position:absolute;width:96px;height:96px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #edf2f4}.domain-donut>div{position:relative;z-index:1;text-align:center}.domain-donut strong{display:block;font-size:24px;color:#164862}.domain-donut span{font-size:8px;color:#788e9a}.domain-legend{display:grid;gap:8px}.domain-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:9px}.domain-legend i{width:10px;height:10px;border-radius:3px}.analytics-chart-wrap{padding:12px 18px 20px;min-height:270px}.analytics-chart-wrap canvas{width:100%;height:240px}.asset-heatmap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 18px 18px}.asset-heatmap a{border-radius:10px;padding:10px;color:#224b61;border:1px solid rgba(8,79,105,.08)}.asset-heatmap strong,.asset-heatmap span,.asset-heatmap em{display:block}.asset-heatmap strong{font-size:9px}.asset-heatmap span{font-size:7px;color:#667f8d}.asset-heatmap em{font-size:7px;font-style:normal;margin-top:4px}.heat-1{background:#f2faf9}.heat-2{background:#e5f6f3}.heat-3{background:#d4efe9}.heat-4{background:#ffe8cb}.heat-5{background:#ffd8d8}.report-subscription-status{display:flex;gap:12px;align-items:center;padding:18px}.report-mail-icon{width:44px;height:44px;border-radius:13px;background:#e7f5f7;display:grid;place-items:center;color:#087f8e;font-size:20px}.report-subscription-status strong{font-size:11px}.report-subscription-status p{font-size:9px;color:#718895;margin:3px 0}.report-type-links{display:grid;padding:0 18px 18px}.report-type-links a{display:flex;justify-content:space-between;border-top:1px solid #edf2f5;padding:10px 0;font-size:9px}.report-settings-card{box-shadow:var(--cx-shadow)}.report-settings-note{margin-top:18px;background:#f2f8fa;border-radius:10px;padding:12px}.report-settings-note strong{font-size:10px}.report-settings-note p{font-size:9px;color:#6a8190}

.asset-master-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.asset-master-layout .form-card{margin:0}.asset-master-layout .dashboard-card{overflow:hidden}.staff-photo-upload{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #dce7ed;border-radius:10px;background:#f8fbfc}.staff-photo-upload img,.staff-photo-placeholder{width:62px;height:62px;border-radius:50%;object-fit:cover}.staff-photo-placeholder{display:grid;place-items:center;background:#e7f2f6;color:#67828f;font-size:9px;font-weight:900}.team-member-cell{display:flex;align-items:center;gap:9px}.team-member-cell img,.team-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover}.team-avatar-small{display:grid;place-items:center;background:#e8f4f7;color:#0a6e86;font-size:9px;font-weight:900}.technician-stage-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:12px 0}.technician-stage-bar>div{text-align:center;border-top:3px solid #dce6eb;padding-top:7px;color:#81929b}.technician-stage-bar>div.active,.technician-stage-bar>div.done{border-color:#0aa4af;color:#0b6677}.technician-stage-bar i{display:grid;place-items:center;margin:auto;width:27px;height:27px;border-radius:50%;background:#edf2f5;font-style:normal;font-size:9px;font-weight:900}.technician-stage-bar .active i,.technician-stage-bar .done i{background:#0aa4af;color:#fff}.technician-stage-bar span{display:block;margin-top:4px;font-size:7px;font-weight:850}.technician-service-shell .dashboard-card{margin-bottom:18px}.tech-stage-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px}.quality-action-form{display:flex;gap:7px}.quality-action-form input{min-width:240px}.cannot-accept{padding:0 18px 18px}.cannot-accept summary{font-size:9px;color:#8b4c4f;cursor:pointer}.cannot-accept textarea{width:100%;margin-top:8px}.compact-work-history{padding:5px 18px 18px}.compact-work-history article{padding:9px 0;border-bottom:1px solid #edf2f5}.compact-work-history strong{font-size:9px}.compact-work-history span{float:right;font-size:8px;color:#84949d}.compact-work-history p{font-size:9px;margin:4px 0;color:#536e7e}
@keyframes ccPulse{0%,100%{box-shadow:0 0 0 4px rgba(32,160,100,.10)}50%{box-shadow:0 0 0 9px rgba(32,160,100,.02)}}
@media(max-width:1180px){.customer-kpi-grid{grid-template-columns:repeat(3,1fr)}.customer-dashboard-grid{grid-template-columns:1fr}.customer-sidebar-stack{grid-template-columns:1fr 1fr}.smart-form-layout{grid-template-columns:1fr}.smart-context-panel{order:-1}.context-panel-sticky{position:static}.live-ticket-main-grid{grid-template-columns:1fr}.ticket-live-sidebar{position:static;grid-template-columns:1fr 1fr}.asset-master-layout{grid-template-columns:1fr}}
@media(max-width:900px){.customer-kpi-grid{grid-template-columns:repeat(2,1fr)}.secondary-grid,.analytics-two-col{grid-template-columns:1fr}.customer-sidebar-stack{grid-template-columns:1fr}.order-tracker{min-width:760px}.order-tracker-card{overflow:auto}.media-capture-grid{grid-template-columns:1fr 1fr}.asset-heatmap{grid-template-columns:repeat(2,1fr)}.ticket-live-sidebar{grid-template-columns:1fr}.resolution-grid{grid-template-columns:1fr}.domain-analytics-layout{grid-template-columns:1fr;justify-items:center}.domain-legend{width:100%}}
@media(max-width:650px){.site-header .customer-log-ticket-btn{position:fixed;right:14px;bottom:14px;z-index:60;border-radius:999px;padding:13px 17px;box-shadow:0 14px 35px rgba(7,92,168,.28)!important}.customer-dashboard-hero,.smart-ticket-hero,.live-ticket-hero{padding:26px 0 22px}.customer-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.customer-kpi{padding:12px;min-height:94px}.customer-kpi strong{font-size:20px}.customer-kanban{grid-template-columns:repeat(6,82vw)}.smart-stepper{padding:14px 10px}.smart-stepper button{display:grid;justify-items:center;text-align:center}.smart-stepper button span{font-size:7px}.smart-step{padding:18px 14px}.media-capture-grid{grid-template-columns:1fr}.smart-actions .btn{min-height:48px}.confirmation-meta{grid-template-columns:1fr}.ticket-confirmation-card{padding:24px 16px}.chat-attachment-row,.signoff-actions{align-items:stretch;flex-direction:column}.reopen-resolution-form{position:static;width:100%;margin-top:8px}.attachment-chip-grid{grid-template-columns:1fr}.asset-heatmap{grid-template-columns:1fr}.customer-kpi:nth-child(5){grid-column:1/-1}.ticket-status-drawer{width:100vw}.technician-stage-bar{overflow:auto;grid-template-columns:repeat(6,120px);padding-bottom:6px}.quality-action-form{display:grid;width:100%}.quality-action-form input{min-width:0}.live-ticket-actions{margin-bottom:70px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V5.3.2 Customer Self-Service Add Site — Smart Ticket */
.site-selector-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.site-selector-actions>span{font-size:9px;color:#718895;font-weight:750}.site-add-trigger{border:0;background:transparent;color:#0b68a5;font-size:10px;font-weight:900;cursor:pointer;padding:4px 0}.site-add-trigger:hover{text-decoration:underline;color:#07889c}
.ticket-site-empty{display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 14px;border:1px dashed #92cad5;background:linear-gradient(120deg,#f2fafc,#f1fbf8);border-radius:12px}.ticket-site-empty[hidden]{display:none}.ticket-site-empty-icon{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:11px;background:#dff4f5;color:#08788f;font-size:21px}.ticket-site-empty>div{flex:1}.ticket-site-empty strong{display:block;color:#154a65;font-size:11px}.ticket-site-empty p{margin:3px 0 0;color:#698392;font-size:9px;line-height:1.45}
.ticket-site-add-panel{margin-top:12px;border:1px solid #bddce5;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(10,75,105,.09);overflow:hidden;animation:ccSitePanel .18s ease}.ticket-site-add-panel[hidden]{display:none}.ticket-site-add-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(115deg,#eff8fb,#eefaf7);border-bottom:1px solid #dce9ee}.ticket-site-add-head strong{display:block;color:#0e4b6c;font-size:12px}.ticket-site-add-head span{display:block;margin-top:3px;color:#6b8290;font-size:9px}.site-panel-close{border:0;background:#fff;width:28px;height:28px;border-radius:8px;color:#647f8d;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.06)}.site-panel-close:hover{background:#e9f4f7;color:#0b618d}.ticket-site-add-grid{padding:15px 16px 7px}.ticket-site-add-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 14px;border-top:1px solid #edf2f4}.site-add-status{font-size:9px;color:#718895;min-height:15px}.site-add-status.success{color:#23794c;font-weight:800}.site-add-status.error{color:#b53238;font-weight:800}.site-save-spinner{display:none;width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ccSiteSpin .7s linear infinite}.site-add-save.loading .site-save-spinner,[data-site-add-save].loading .site-save-spinner{display:inline-block}[data-site-add-save].loading span{opacity:.72}
@keyframes ccSitePanel{from{opacity:.2;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes ccSiteSpin{to{transform:rotate(360deg)}}
@media(max-width:680px){.site-selector-actions{align-items:flex-start}.ticket-site-empty{align-items:flex-start;flex-wrap:wrap}.ticket-site-empty .btn{width:100%;min-height:46px}.ticket-site-add-footer{display:grid}.ticket-site-add-footer .actions{display:grid;grid-template-columns:1fr 1fr}.ticket-site-add-footer .btn{min-height:46px}.ticket-site-add-grid{grid-template-columns:1fr}}
/* V5.3.3.2 Compact Enterprise Customer Register */
.compact-customer-hero{padding:30px 0 22px}.customer-register-section{padding-top:22px}.customer-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.customer-summary-strip>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #dce7ed;border-radius:11px;padding:10px 13px;box-shadow:0 4px 13px rgba(13,62,96,.035)}.customer-summary-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.045em;color:#718794;font-weight:850}.customer-summary-strip strong{font-size:19px;color:#0b5e9d}
.compact-customer-register{padding:0;overflow:visible}.compact-register-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid #e5edf2}.compact-register-head h2{margin:0;color:#0b456f;font-size:17px}.compact-register-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.register-view-note{font-size:8px;color:#8a9aa4;background:#f5f9fb;border-radius:999px;padding:5px 8px}
.customer-register-filter{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(185px,.62fr) minmax(150px,.48fr) auto auto;gap:8px;padding:12px 18px;background:#f7fafc;border-bottom:1px solid #e3ecf1}.customer-register-filter input,.customer-register-filter select{height:39px;padding:8px 10px;border:1px solid #cfdde5;border-radius:8px;background:#fff}.filter-search-wrap{position:relative}.filter-search-wrap input{width:100%;padding-left:31px}.filter-search-icon{position:absolute;left:11px;top:8px;color:#7a909c;font-size:18px;line-height:1}
.customer-register-table-wrap{overflow:auto}.customer-register-table{width:100%;border-collapse:collapse;min-width:1080px}.customer-register-table th{position:sticky;top:0;z-index:4;text-align:left;padding:9px 10px;background:#f0f6f9;color:#617988;font-size:8px;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #d9e6ec}.customer-register-table td{padding:9px 10px;border-bottom:1px solid #edf2f5;vertical-align:middle;font-size:10px}.customer-register-table tbody tr:hover{background:#f8fbfc}.customer-company-cell{display:flex;align-items:center;gap:9px;min-width:230px}.customer-row-avatar{width:35px;height:35px;min-width:35px;border-radius:10px;background:linear-gradient(145deg,#e6f4f8,#e8f8f5);display:grid;place-items:center;color:#0b6e8d;font-weight:900;font-size:10px;border:1px solid #d2e6ea}.customer-company-cell>div:last-child>strong{display:block;color:#123f5d;font-size:11px;line-height:1.2}.customer-company-cell .business-code{display:block;font-size:8px;margin-top:2px}.customer-company-cell small{display:block;font-size:8px;color:#83949e;margin-top:1px}.customer-contact-cell{min-width:185px}.customer-contact-cell strong,.customer-contact-cell a,.customer-contact-cell span{display:block}.customer-contact-cell strong{font-size:10px;color:#244c64}.customer-contact-cell a,.customer-contact-cell span{font-size:8px;color:#728793;margin-top:1px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-domain-summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:190px}.domain-summary-all{display:inline-flex;align-items:center;background:#e9f7f3;color:#22744c;border:1px solid #d1ebdd;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850}.domain-more{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#edf3f6;color:#597482;font-size:8px;font-weight:900}.customer-domain-none{font-size:8px;color:#9aa8af}
.metric-link{display:block;color:#244d65}.metric-link strong{display:block;font-size:13px;color:#0b5e9d;line-height:1}.metric-link span{display:block;font-size:7px;color:#85949d;margin-top:3px;white-space:nowrap}.email-state{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:850}.email-state i{width:7px;height:7px;border-radius:50%}.email-state.verified{color:#287a4f}.email-state.verified i{background:#35a56c}.email-state.pending{color:#a16b13}.email-state.pending i{background:#e0a135}.compact-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;text-transform:uppercase;font-weight:900;letter-spacing:.03em}.compact-status.active{background:#e6f7ed;color:#237649}.compact-status.inactive{background:#f1f2f4;color:#78858d}
.customer-actions-cell{white-space:nowrap;position:relative}.compact-manage-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:7px;background:#eaf4fa;color:#0b65a3;font-size:8px;font-weight:900}.customer-action-menu{display:inline-block;position:relative;margin-left:3px}.customer-action-menu summary{list-style:none;cursor:pointer;width:27px;height:27px;display:grid;place-items:center;border:1px solid #d8e4ea;border-radius:7px;background:#fff;color:#637d8c;font-weight:900}.customer-action-menu summary::-webkit-details-marker{display:none}.customer-action-menu>div{position:absolute;right:0;top:32px;z-index:20;min-width:135px;background:#fff;border:1px solid #d8e4ea;border-radius:9px;box-shadow:0 12px 26px rgba(13,62,96,.13);padding:5px}.customer-action-menu a{display:block;padding:7px 8px;border-radius:6px;font-size:8px;font-weight:800;color:#345a70}.customer-action-menu a:hover{background:#edf6f9;color:#0b65a3}.actions-col{width:95px}
.customer-mobile-list{display:none}
.customer-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-top:1px solid #e5edf2;background:#fbfcfd}.customer-pagination>div:first-child{font-size:8px;color:#81929d}.customer-pagination>div:last-child{display:flex;gap:4px;align-items:center}.customer-pagination a{display:inline-flex;min-width:29px;height:29px;align-items:center;justify-content:center;padding:0 8px;border:1px solid #d7e3e9;border-radius:7px;font-size:8px;font-weight:850;background:#fff;color:#4c697a}.customer-pagination a.active{background:#0b65a3;color:#fff;border-color:#0b65a3}
@media(max-width:900px){.customer-register-filter{grid-template-columns:1fr 1fr}.customer-summary-strip{grid-template-columns:repeat(2,1fr)}.register-view-note{display:none}.customer-register-table-wrap{display:none}.customer-mobile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.customer-mobile-card{background:#fff;border:1px solid #dce7ed;border-radius:12px;padding:12px;box-shadow:0 5px 14px rgba(13,62,96,.04)}.customer-mobile-top{display:flex;align-items:center;gap:9px}.customer-mobile-identity{min-width:0;flex:1}.customer-mobile-identity strong{display:block;color:#164967;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-mobile-identity .business-code{display:block;font-size:8px;margin-top:2px}.customer-mobile-contact{display:grid;margin:10px 0;padding:8px;background:#f7fafb;border-radius:8px}.customer-mobile-contact strong{font-size:9px}.customer-mobile-contact span{font-size:8px;color:#708692;margin-top:2px;overflow-wrap:anywhere}.customer-mobile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e6edf1;border-radius:8px;overflow:hidden;margin:10px 0}.customer-mobile-metrics>*{background:#f9fbfc;padding:7px;text-align:center}.customer-mobile-metrics strong{display:block;color:#0b5e9d;font-size:11px}.customer-mobile-metrics span{display:block;color:#7c909b;font-size:6px;text-transform:uppercase;margin-top:2px}.customer-mobile-actions{display:flex;align-items:center;gap:9px;border-top:1px solid #edf2f4;padding-top:9px}.customer-mobile-actions>a:not(.btn){font-size:8px;font-weight:850}.customer-pagination{align-items:flex-start;flex-direction:column}.customer-pagination>div:last-child{flex-wrap:wrap}}
@media(max-width:580px){.customer-register-filter{grid-template-columns:1fr}.customer-mobile-list{grid-template-columns:1fr}.customer-summary-strip{grid-template-columns:repeat(2,1fr)}.compact-register-head{align-items:flex-start}.customer-mobile-metrics{grid-template-columns:repeat(2,1fr)}}
/* V5.3.3.3 Dual Account Activation */
.activation-quick-link{text-decoration:none}.activation-quick-link:hover{text-decoration:underline}.access-control-hero{padding-bottom:26px}.activation-policy-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;margin-bottom:15px;border:1px solid #cfe4ea;border-left:4px solid #0aa4af;border-radius:11px;background:linear-gradient(100deg,#f3fafb,#f8fbfc)}.activation-policy-banner strong{display:block;color:#174b66;font-size:11px}.activation-policy-banner span{font-size:9px;color:#69808e}.activation-method-chips{display:flex;gap:6px;white-space:nowrap}.activation-method-chips span{background:#fff;border:1px solid #d6e6ec;border-radius:999px;padding:6px 8px;font-weight:800}
.activation-layout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.activation-layout.has-panel{grid-template-columns:minmax(0,1.4fr) minmax(355px,.6fr)}.activation-register{padding:0;overflow:visible}.activation-filter{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(150px,.55fr) minmax(160px,.65fr) auto auto;gap:7px;padding:11px 15px;background:#f7fafc;border-bottom:1px solid #e3ecf1}.activation-filter input,.activation-filter select{height:39px;border:1px solid #cfdee6;border-radius:8px;background:#fff;padding:8px 10px}.activation-table td:first-child strong,.activation-table td:first-child small,.activation-table td:first-child span{display:block}.activation-table td:first-child small{font-size:8px;color:#5f7886;margin-top:2px}.activation-table td:first-child>span:not(.business-code){font-size:8px;color:#82939d;margin-top:2px}.activation-table .business-code{font-size:8px}.activation-pending-row{background:#fffdf7}.activation-state{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase}.activation-state.active{background:#e4f7eb;color:#23774a}.activation-state.pending{background:#fff3dc;color:#98620b}.activation-state.inactive{background:#f0f2f4;color:#6f7f88}.role-pill{display:inline-flex;border-radius:999px;background:#eef4f7;color:#466879;padding:4px 7px;font-size:8px;font-weight:850}
.activation-panel{position:sticky;top:86px;border:1px solid #d8e6ed;border-radius:15px;background:#fff;box-shadow:0 13px 36px rgba(13,62,96,.09);overflow:hidden}.activation-panel-head{padding:19px;background:linear-gradient(135deg,#0c4f78,#0a7585);color:#fff}.activation-panel-head .eyebrow{color:#bfe9ef}.activation-panel-head h2{margin:4px 0 2px;color:#fff;font-size:20px}.activation-panel-head p{margin:0 0 8px;color:#c9e0e8;font-size:10px}.activation-panel-head .activation-state.active{background:#d9f4e4}.activation-panel-head .activation-state.pending{background:#fff0cc}.activation-account-meta{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5edf1}.activation-account-meta>div{padding:10px 12px;border-right:1px solid #edf2f4;border-bottom:1px solid #edf2f4}.activation-account-meta span{display:block;font-size:7px;text-transform:uppercase;color:#84959f;font-weight:850}.activation-account-meta strong{display:block;margin-top:3px;font-size:9px;color:#2b5368;overflow-wrap:anywhere}.activation-option{padding:14px;border-bottom:1px solid #e8eff2}.activation-option.recommended{background:#f5fbf9}.activation-option-title{display:flex;gap:9px;align-items:flex-start;margin-bottom:10px}.activation-option-title>span{width:28px;height:28px;min-width:28px;border-radius:8px;background:#e7f4f7;color:#087d94;display:grid;place-items:center;font-size:8px;font-weight:900}.activation-option-title h3{margin:0;color:#174c67;font-size:12px}.activation-option-title p{margin:3px 0 0;color:#728894;font-size:8px;line-height:1.45}.btn-full{width:100%;justify-content:center}.password-tool-row{display:grid;grid-template-columns:1fr auto;gap:7px}.activation-security-note{background:#fff8e9;border-left:3px solid #dca232;border-radius:7px;padding:8px 9px;margin:9px 0;color:#765a2d;font-size:8px}.activation-danger-zone{margin:14px;border:1px solid #f0cfd1;border-radius:10px;padding:12px;background:#fff8f8}.activation-danger-zone>strong{color:#9b3035;font-size:10px}.activation-danger-zone>p{font-size:8px;color:#8b6f72}.btn-danger{background:#ad343a;border-color:#ad343a;color:#fff}
.activation-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activation-method-card{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #d5e4ea;border-radius:12px;padding:13px!important;cursor:pointer;background:#fff}.activation-method-card.selected{border-color:#0aa4af;background:#f2fbfb;box-shadow:0 0 0 2px rgba(10,164,175,.07)}.activation-method-card>input{position:absolute;opacity:0}.activation-method-number{width:32px;height:32px;min-width:32px;border-radius:9px;display:grid;place-items:center;background:#edf5f8;color:#0b6f8d;font-size:10px;font-weight:900}.activation-method-card strong{display:block;color:#174c67;font-size:11px}.activation-method-card small{display:block;margin-top:4px;color:#738995;font-size:8px;line-height:1.45}.backend-activation-password{margin-top:12px;padding:13px;border:1px solid #d7e6eb;border-radius:11px;background:#f8fbfc}.account-access-overview{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:9px}.account-access-overview>div{padding:10px;border:1px solid #e0eaef;border-radius:9px;background:#f8fbfc}.account-access-overview span{display:block;font-size:7px;text-transform:uppercase;color:#82939e;font-weight:850}.account-access-overview strong{display:block;margin-top:4px;font-size:10px}.account-access-overview strong.ok{color:#287b50}.account-access-overview strong.pending{color:#a36a12}.account-access-overview strong.bad{color:#a4383d}
@media(max-width:1100px){.activation-layout.has-panel{grid-template-columns:1fr}.activation-panel{position:static}.activation-filter{grid-template-columns:1fr 1fr}.account-access-overview{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.activation-policy-banner{align-items:flex-start;flex-direction:column}.activation-method-chips{white-space:normal;flex-wrap:wrap}.activation-filter{grid-template-columns:1fr}.activation-method-selector{grid-template-columns:1fr}.activation-account-meta{grid-template-columns:1fr}.account-access-overview{grid-template-columns:1fr}.password-tool-row{grid-template-columns:1fr}}
/* ==========================================================
   V5.3.3.4 — Compact Pastel Dashboard Design System
   Applies to KPI/summary-heavy Admin, PM, Executive,
   Technician, Procurement, CMS and performance pages.
   ========================================================== */

:root{
  --dash-blue-bg:#eef7ff;
  --dash-blue-border:#cfe4f5;
  --dash-blue-accent:#3e8bc2;
  --dash-teal-bg:#eefaf9;
  --dash-teal-border:#cce9e5;
  --dash-teal-accent:#2d9a91;
  --dash-green-bg:#f0f9f2;
  --dash-green-border:#d1ead8;
  --dash-green-accent:#4a9c65;
  --dash-amber-bg:#fff8ea;
  --dash-amber-border:#f0dfb7;
  --dash-amber-accent:#c48a2a;
  --dash-violet-bg:#f6f2ff;
  --dash-violet-border:#ddd3f3;
  --dash-violet-accent:#7965b5;
  --dash-rose-bg:#fff3f5;
  --dash-rose-border:#efd5dc;
  --dash-rose-accent:#b8677a;
}

/* Less vertical whitespace on operational pages */
.professional-hero,
.compact-page-hero{
  padding:24px 0 18px;
}
.professional-hero .eyebrow{
  margin-bottom:6px;
  padding:5px 9px;
  font-size:9px;
}
.professional-hero h1{
  margin:2px 0 4px;
  font-size:clamp(27px,2.4vw,32px);
  line-height:1.12;
}
.professional-hero p{
  font-size:12px;
  line-height:1.45;
  max-width:780px;
}
.dashboard-section{
  padding-top:20px;
  padding-bottom:40px;
}

/* Universal compact KPI cards */
.analytics-kpis,
.admin-kpis,
.pm-kpis,
.executive-kpis,
.team-performance-kpis,
.customer-kpis,
.ops-kpis,
.procurement-kpis,
.cms-kpis,
.executive-performance-kpis,
.pm-ops-kpis{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:8px;
  margin-bottom:14px;
}

.analytics-kpi{
  min-width:0;
  min-height:70px;
  padding:10px 11px;
  gap:9px;
  border-radius:11px;
  border:1px solid var(--dash-blue-border);
  border-left:3px solid var(--dash-blue-accent);
  background:linear-gradient(135deg,#fff 0%,var(--dash-blue-bg) 100%);
  box-shadow:0 4px 13px rgba(13,62,96,.035);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.analytics-kpi:hover,
.analytics-kpi.active{
  transform:translateY(-1px);
  box-shadow:0 7px 17px rgba(13,62,96,.075);
}
.analytics-kpi .kpi-icon{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:9px;
  font-size:10px;
  line-height:1;
  background:#fff;
  border:1px solid rgba(53,116,157,.13);
  box-shadow:none;
}
.analytics-kpi>div{
  min-width:0;
}
.analytics-kpi strong{
  display:block;
  font-size:clamp(18px,1.65vw,22px);
  line-height:1;
  color:#123f60;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.analytics-kpi span:not(.kpi-icon){
  display:block;
  margin-top:4px;
  font-size:8px;
  line-height:1.2;
  color:#657f8e;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.025em;
}

/* Pastel color rhythm used across generic KPI grids */
.analytics-kpis>.analytics-kpi:nth-child(6n+1){
  background:linear-gradient(135deg,#fff,var(--dash-blue-bg));
  border-color:var(--dash-blue-border);
  border-left-color:var(--dash-blue-accent);
}
.analytics-kpis>.analytics-kpi:nth-child(6n+2){
  background:linear-gradient(135deg,#fff,var(--dash-teal-bg));
  border-color:var(--dash-teal-border);
  border-left-color:var(--dash-teal-accent);
}
.analytics-kpis>.analytics-kpi:nth-child(6n+3){
  background:linear-gradient(135deg,#fff,var(--dash-green-bg));
  border-color:var(--dash-green-border);
  border-left-color:var(--dash-green-accent);
}
.analytics-kpis>.analytics-kpi:nth-child(6n+4){
  background:linear-gradient(135deg,#fff,var(--dash-amber-bg));
  border-color:var(--dash-amber-border);
  border-left-color:var(--dash-amber-accent);
}
.analytics-kpis>.analytics-kpi:nth-child(6n+5){
  background:linear-gradient(135deg,#fff,var(--dash-violet-bg));
  border-color:var(--dash-violet-border);
  border-left-color:var(--dash-violet-accent);
}
.analytics-kpis>.analytics-kpi:nth-child(6n){
  background:linear-gradient(135deg,#fff,var(--dash-rose-bg));
  border-color:var(--dash-rose-border);
  border-left-color:var(--dash-rose-accent);
}

/* Semantic status cards preserve meaning */
.analytics-kpi.pending,
.analytics-kpi.hold{
  background:linear-gradient(135deg,#fff,var(--dash-amber-bg));
  border-color:var(--dash-amber-border);
  border-left-color:var(--dash-amber-accent);
}
.analytics-kpi.resolved,
.analytics-kpi.completed{
  background:linear-gradient(135deg,#fff,var(--dash-green-bg));
  border-color:var(--dash-green-border);
  border-left-color:var(--dash-green-accent);
}
.analytics-kpi.progress{
  background:linear-gradient(135deg,#fff,var(--dash-teal-bg));
  border-color:var(--dash-teal-border);
  border-left-color:var(--dash-teal-accent);
}
.analytics-kpi.critical-card,
.analytics-kpi.overdue-card{
  background:linear-gradient(135deg,#fff,var(--dash-rose-bg));
  border-color:var(--dash-rose-border);
  border-left-color:var(--dash-rose-accent);
}

/* User Control Panel role strip: much denser than the old 5-column cards */
.compact-section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  margin:0 0 8px;
}
.compact-section-heading h2{
  margin:0;
  color:#15445f;
  font-size:14px;
}
.compact-section-heading p{
  margin:2px 0 0;
  color:#7a8f9b;
  font-size:8px;
}
.compact-section-heading>a{
  font-size:8px;
  font-weight:850;
}
.org-role-kpis.compact-role-kpis{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:7px;
  margin-bottom:16px;
}
.org-role-kpis .role-kpi{
  min-height:62px;
  padding:8px 9px;
}
.org-role-kpis .role-kpi .kpi-icon{
  width:31px;
  height:31px;
  min-width:31px;
  font-size:8px;
}
.org-role-kpis .role-kpi strong{
  font-size:19px;
}
.org-role-kpis .role-kpi span:not(.kpi-icon){
  font-size:7px;
}

/* Role-family light colors */
.role-kpi.role-ceo,
.role-kpi.role-coo,
.role-kpi.role-cfo,
.role-kpi.role-operation_head{
  background:linear-gradient(135deg,#fff,#f3f1ff);
  border-color:#dcd4f1;
  border-left-color:#7965b5;
}
.role-kpi.role-procurement_manager,
.role-kpi.role-project_manager,
.role-kpi.role-supervisor{
  background:linear-gradient(135deg,#fff,#eef7ff);
  border-color:#cfe4f5;
  border-left-color:#3e8bc2;
}
.role-kpi.role-senior_engineer,
.role-kpi.role-engineer,
.role-kpi.role-assistant_engineer,
.role-kpi.role-support_specialist{
  background:linear-gradient(135deg,#fff,#eefaf9);
  border-color:#cce9e5;
  border-left-color:#2d9a91;
}
.role-kpi.role-lead_technician,
.role-kpi.role-technician,
.role-kpi.role-electrician,
.role-kpi.role-helper,
.role-kpi.role-mechanic{
  background:linear-gradient(135deg,#fff,#fff8ea);
  border-color:#f0dfb7;
  border-left-color:#c48a2a;
}

/* Compact traditional stat cards too */
.stats{
  gap:8px;
  margin:14px 0;
}
.stat{
  padding:11px 13px;
  border-radius:11px;
  box-shadow:0 4px 13px rgba(13,62,96,.035);
  background:linear-gradient(135deg,#fff,#f3f8fb);
}
.stat strong{
  font-size:21px;
}
.stat span{
  font-size:8px;
}

/* PM / Executive metric tiles */
.pm-personal-grid{
  gap:8px;
}
.executive-metric{
  min-height:92px;
  padding:12px 13px;
  border-radius:11px;
  box-shadow:0 4px 13px rgba(13,62,96,.035);
}
.executive-metric:nth-child(5n+1){background:linear-gradient(135deg,#fff,var(--dash-blue-bg));border-color:var(--dash-blue-border)}
.executive-metric:nth-child(5n+2){background:linear-gradient(135deg,#fff,var(--dash-teal-bg));border-color:var(--dash-teal-border)}
.executive-metric:nth-child(5n+3){background:linear-gradient(135deg,#fff,var(--dash-green-bg));border-color:var(--dash-green-border)}
.executive-metric:nth-child(5n+4){background:linear-gradient(135deg,#fff,var(--dash-amber-bg));border-color:var(--dash-amber-border)}
.executive-metric:nth-child(5n){background:linear-gradient(135deg,#fff,var(--dash-violet-bg));border-color:var(--dash-violet-border)}
.executive-metric span{
  font-size:8px;
}
.executive-metric strong{
  margin:5px 0;
  font-size:21px;
}
.executive-metric small{
  font-size:8px;
}

/* Organization and customer summary strips */
.org-overview-metrics{
  gap:1px;
}
.org-overview-metrics a{
  padding:12px 14px;
}
.org-overview-metrics strong{
  font-size:21px;
}
.org-overview-metrics span{
  font-size:8px;
}
.customer-summary-strip{
  gap:7px;
}
.customer-summary-strip>div{
  min-height:54px;
  padding:8px 11px;
}
.customer-summary-strip>div:nth-child(4n+1){background:linear-gradient(135deg,#fff,var(--dash-blue-bg));border-color:var(--dash-blue-border)}
.customer-summary-strip>div:nth-child(4n+2){background:linear-gradient(135deg,#fff,var(--dash-green-bg));border-color:var(--dash-green-border)}
.customer-summary-strip>div:nth-child(4n+3){background:linear-gradient(135deg,#fff,var(--dash-teal-bg));border-color:var(--dash-teal-border)}
.customer-summary-strip>div:nth-child(4n){background:linear-gradient(135deg,#fff,var(--dash-amber-bg));border-color:var(--dash-amber-border)}
.customer-summary-strip span{
  font-size:8px;
}
.customer-summary-strip strong{
  font-size:18px;
}

/* Compact dashboard card headers/tables where dense data is expected */
.dashboard-card-head{
  padding:13px 15px;
}
.dashboard-card-head h2{
  font-size:14px;
}
.dashboard-card-head p{
  font-size:8px;
}
.professional-table .table th,
.professional-table .table td{
  padding:9px 10px;
}
.professional-table .table th{
  font-size:8px;
}
.professional-table .table td{
  font-size:9px;
}

/* User CPanel lower section */
.org-admin-grid{
  gap:14px;
}
.org-user-form{
  margin-top:0;
  padding:17px;
}
.org-user-form h2{
  font-size:16px;
  margin-top:0;
}
.org-user-form .form-grid{
  gap:11px;
}
.org-user-form .form-group label{
  font-size:10px;
  margin-bottom:4px;
}
.org-user-form .form-group input,
.org-user-form .form-group select,
.org-user-form .form-group textarea{
  padding:8px 10px;
  font-size:11px;
}
.org-user-form .form-group textarea{
  min-height:72px;
}
.mini-state{
  display:inline-flex;
  border-radius:999px;
  padding:4px 7px;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}
.mini-state.success{
  background:#e7f7ed;
  color:#28784d;
}
.mini-state.warning{
  background:#fff2da;
  color:#97620c;
}

/* Keep large analytics responsive without the old "one giant card per row" feel */
@media(max-width:1180px){
  .org-role-kpis.compact-role-kpis{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .analytics-kpis,
  .admin-kpis,
  .pm-kpis,
  .executive-kpis,
  .team-performance-kpis,
  .customer-kpis,
  .ops-kpis,
  .procurement-kpis,
  .cms-kpis,
  .executive-performance-kpis,
  .pm-ops-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .org-role-kpis.compact-role-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .professional-hero{
    padding:18px 0 14px;
  }
  .analytics-kpis,
  .admin-kpis,
  .pm-kpis,
  .executive-kpis,
  .team-performance-kpis,
  .customer-kpis,
  .ops-kpis,
  .procurement-kpis,
  .cms-kpis,
  .executive-performance-kpis,
  .pm-ops-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .org-role-kpis.compact-role-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .analytics-kpi{
    min-height:64px;
  }
  .compact-section-heading{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* V5.4 Internal PO Track */
.po-dashboard-tabs{display:flex;gap:5px;margin-bottom:10px}.po-dashboard-tabs button{border:1px solid #d5e4ea;background:#fff;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:850;color:#557180;cursor:pointer}.po-dashboard-tabs button.active{background:#0b65a3;color:#fff;border-color:#0b65a3}.po-view-panel{display:none}.po-view-panel.active{display:block}.po-filter-bar{display:grid;grid-template-columns:minmax(260px,1.5fr) 150px 150px auto auto;gap:7px;padding:11px 14px;background:#f7fafb;border-bottom:1px solid #e3edf1}.po-filter-bar input,.po-filter-bar select{height:39px;border:1px solid #d0dfe6;border-radius:8px;padding:8px 10px;background:#fff}
.po-mini-progress{width:140px;max-width:100%;height:5px;border-radius:99px;background:#e7eef2;overflow:hidden;margin-bottom:4px}.po-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#0a7bb2,#10a7a2)}.po-mini-progress.large{width:100%;height:7px}.po-header-status{display:flex;gap:6px;flex-wrap:wrap}.po-progress-tracker{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;padding:14px 18px;background:#fff;border:1px solid #dce8ed;border-radius:12px}.po-progress-line{position:absolute;left:9%;right:9%;top:30px;height:3px;background:#e2ebef}.po-progress-line i{display:block;height:100%;background:linear-gradient(90deg,#0b65a3,#0aa4af)}.po-progress-step{position:relative;z-index:2;text-align:center}.po-progress-step span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#eef3f6;border:2px solid #d7e4e9;color:transparent}.po-progress-step strong{display:block;margin-top:5px;font-size:8px;color:#7b8e98}.po-progress-step.done span{background:#0aa4af;border-color:#0aa4af;color:#fff}.po-progress-step.done strong{color:#1b596d}
.po-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:14px;align-items:start}.po-detail-grid aside{display:grid;gap:12px}.po-next-action{border-top:1px solid #e5edf1;padding-top:10px;margin-top:10px}.po-event-timeline{padding:12px 15px}.po-event-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:8px;position:relative;padding-bottom:13px}.po-event-timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:#dce7ec}.po-event-timeline i{width:11px;height:11px;border-radius:50%;background:#0aa4af;margin-top:4px;z-index:1}.po-event-timeline strong{font-size:10px;color:#1c4d68}.po-event-timeline small{display:block;font-size:8px;color:#84949d}.po-event-timeline p{font-size:9px;color:#607887}.po-attachment-list{display:grid;gap:5px;margin-top:9px}.po-attachment-list a{padding:7px 8px;border-radius:7px;background:#f3f8fa;border:1px solid #e0ebef;font-size:8px}.po-close-card{border-top:3px solid #6b73b9}
.po-map-layout{display:grid;grid-template-columns:minmax(280px,.45fr) 1fr;gap:12px}.po-route-list{display:grid;gap:5px;padding:10px}.po-route-item{text-align:left;border:1px solid #dce7ec;background:#fff;border-radius:8px;padding:9px;cursor:pointer}.po-route-item.active,.po-route-item:hover{border-color:#0aa4af;background:#f0faf9}.po-route-item strong,.po-route-item span,.po-route-item small{display:block}.po-route-item strong{font-size:10px;color:#164c68}.po-route-item span,.po-route-item small{font-size:8px}.po-map-card{position:relative;min-height:420px;overflow:hidden}.po-map-card iframe{width:100%;height:420px;border:0}.po-map-empty{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#758a96;background:#f7fafb;font-size:10px}.po-alert-list{display:grid}.po-alert-list a{display:grid;gap:2px;padding:10px 14px;border-bottom:1px solid #e8eff2;color:#435f70}.po-alert-list a.unread{background:#eef8fb;border-left:3px solid #0aa4af}.po-alert-list strong{font-size:10px;color:#174f6a}.po-alert-list span{font-size:8px;white-space:pre-line}.po-alert-list small{font-size:7px}
.po-vendor-picker{display:grid;grid-template-columns:1fr auto;gap:7px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(8,34,50,.47);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal-card{width:min(620px,100%);background:#fff;border-radius:14px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.modal-head{display:flex;justify-content:space-between}.modal-head>button{border:0;background:#eef4f6;width:30px;height:30px;border-radius:8px;font-size:18px}
.site-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.site-material-card{background:#fff;border:1px solid #dce8ed;border-radius:12px;padding:12px;box-shadow:0 5px 15px rgba(13,62,96,.04)}.site-material-head{display:flex;justify-content:space-between}.site-material-head strong{display:block;color:#164d68;font-size:12px}.site-material-head span{font-size:8px}.site-material-status{font-size:9px;font-weight:850;color:#0b7180;margin:7px 0}.site-material-meta{display:grid;gap:5px;padding:8px;background:#f7fafb;border-radius:8px}.site-material-meta span{font-size:7px;text-transform:uppercase}.site-material-meta strong{display:block;font-size:9px;text-transform:none;color:#345c70}.site-material-actions{display:flex;gap:6px;margin-top:9px}.staff-material-quick{display:grid;grid-template-columns:1.5fr .8fr;gap:8px;margin-bottom:10px}.staff-material-quick a{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d4e6eb;border-radius:10px;background:linear-gradient(135deg,#fff,#eef9f8)}.staff-material-quick strong{font-size:10px;color:#15506b}.staff-material-quick span{font-size:8px;flex:1}.staff-material-quick b{font-size:8px;background:#0aa4af;color:#fff;border-radius:999px;padding:4px 6px}.po-dashboard-snapshot{margin-bottom:12px}.role-kpi.role-store_incharge,.role-kpi.role-delivery_assistant{background:linear-gradient(135deg,#fff,#fff8ea);border-color:#f0dfb7;border-left-color:#c48a2a}
@media(max-width:1050px){.po-detail-grid,.po-map-layout{grid-template-columns:1fr}.site-material-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.po-filter-bar{grid-template-columns:1fr 1fr}.site-material-grid,.staff-material-quick{grid-template-columns:1fr}}@media(max-width:520px){.po-filter-bar,.po-vendor-picker{grid-template-columns:1fr}.po-progress-tracker{padding:12px 7px}.po-progress-step strong{font-size:7px}}

/* V5.4.1 Support Administrator operational override */
.po-admin-override-note{
  margin-bottom:10px;
  border-left:3px solid #2d9a91;
  background:#eefaf9;
  color:#285f60;
  font-size:9px;
}
/* V5.4.2 Streamlined Header + Home Application Launcher */
.streamlined-header{box-shadow:0 3px 14px rgba(18,58,84,.035)}
.streamlined-header .nav-wrap{height:68px;gap:18px}
.streamlined-brand{min-width:210px;gap:10px}.streamlined-brand img{width:96px}.streamlined-brand span{line-height:1.2}.streamlined-brand strong{font-size:14px;white-space:nowrap}.streamlined-brand small{font-size:9px;white-space:nowrap}
.streamlined-nav{margin-left:auto;gap:8px}.streamlined-nav>a:not(.btn){height:68px;display:flex;align-items:center;padding:0 14px;border-bottom:2px solid transparent;font-size:12px;font-weight:800}.streamlined-nav>a.active,.streamlined-nav>a:not(.btn):hover{background:#f6fafc;border-bottom-color:var(--cc-cyan)}.mobile-auth-link{display:none!important}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:8px}.header-icon-btn{width:38px;height:38px;border:1px solid #d8e5eb;background:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:#355d73;transition:.15s}.header-icon-btn:hover{background:#eef8fa;border-color:#bcdde2;color:#087f91}.header-icon-btn svg,.profile-chevron svg,.nav-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-menu{position:relative}.profile-trigger{height:44px;display:flex;align-items:center;gap:8px;border:1px solid #d7e5eb;background:#f8fbfc;border-radius:12px;padding:4px 8px 4px 5px;cursor:pointer;color:#244d64;min-width:155px}.profile-trigger:hover{background:#eef8fa;border-color:#c4dde4}.profile-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#dff2f9,#e8f8f4);border:1px solid #cee4e9;display:grid;place-items:center;color:#0c6985;font-size:9px;font-weight:900}.profile-avatar.large{width:42px;height:42px;border-radius:12px;font-size:11px}.profile-copy{min-width:0;display:grid;text-align:left;flex:1}.profile-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{font-size:7px;text-transform:uppercase;letter-spacing:.025em;color:#7f929c;white-space:nowrap}.profile-chevron{display:grid;place-items:center;color:#77909d}.profile-chevron svg{width:14px;height:14px}
.profile-dropdown{position:absolute;right:0;top:50px;width:270px;z-index:90;background:#fff;border:1px solid #d9e5eb;border-radius:13px;padding:6px;box-shadow:0 20px 50px rgba(15,55,80,.16)}.profile-dropdown[hidden]{display:none}.profile-dropdown-head{display:flex;gap:9px;align-items:center;padding:10px 9px 12px;border-bottom:1px solid #e9eff2;margin-bottom:4px}.profile-dropdown-head>div{display:grid;min-width:0}.profile-dropdown-head strong{font-size:10px;color:#194c67}.profile-dropdown-head small{font-size:8px;color:#7a8e99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown>a{display:grid;padding:9px 10px;border-radius:8px;color:#355d72}.profile-dropdown>a:hover{background:#f0f7f9}.profile-dropdown>a span{font-size:9px;font-weight:850}.profile-dropdown>a small{font-size:7px;color:#83939c;margin-top:1px}.profile-dropdown-sep{height:1px;background:#e9eff2;margin:4px}.profile-dropdown .profile-signout{color:#944349}
.header-login-btn{height:40px;padding:5px 12px 5px 6px;border:1px solid #bfd7e5;border-radius:11px;background:#fff;display:flex;align-items:center;gap:7px;color:#0b5e9d}.guest-avatar{width:28px;height:28px;border-radius:8px;background:#eaf5fa;display:grid;place-items:center;font-size:11px}.header-login-btn strong{font-size:10px}.streamlined-header .nav-toggle{width:38px;height:38px;border:1px solid #d8e5eb;border-radius:10px;background:#fff;display:none;place-items:center;color:#345d72}

body.modal-open{overflow:hidden}.track-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.track-modal[hidden]{display:none}.track-modal-backdrop{position:absolute;inset:0;background:rgba(7,32,48,.48);backdrop-filter:blur(3px)}.track-modal-card{position:relative;z-index:1;width:min(520px,100%);background:#fff;border:1px solid #dce8ed;border-radius:16px;padding:22px;box-shadow:0 28px 80px rgba(4,33,52,.25)}.track-modal-card h2{margin:9px 0 4px;color:#103f5d;font-size:21px}.track-modal-card p{margin:0 0 16px;color:#6e838e;font-size:10px}.track-modal-close{position:absolute;right:12px;top:12px;width:31px;height:31px;border:0;border-radius:8px;background:#eef4f6;color:#4e6877;font-size:19px;cursor:pointer}.track-modal-input{display:grid;grid-template-columns:1fr auto;gap:7px}.track-modal-input input{height:43px;border:1px solid #cddde5;border-radius:9px;padding:9px 11px;font:inherit;text-transform:uppercase}

.home-portal-hero{background:linear-gradient(135deg,#effafd 0%,#f8fcff 48%,#eaf5ff 100%)}.home-hero-grid{min-height:545px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);align-items:center;gap:46px;padding:56px 0}.home-hero-copy h1{font-size:clamp(42px,4.8vw,67px);line-height:1.02;margin:17px 0 18px;color:#0b3557;letter-spacing:-.04em;max-width:760px}.home-hero-copy>p{font-size:17px;color:#587285;max-width:720px}
.domain-hub{position:relative;padding:28px;border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(89,202,219,.20),rgba(89,202,219,.07) 36%,rgba(255,255,255,.38) 65%);min-height:440px;display:grid;align-content:center}.domain-hub-brand{width:150px;height:150px;border-radius:50%;background:#fff;border:1px solid #dfeaf0;box-shadow:0 15px 40px rgba(18,73,105,.10);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;gap:3px;z-index:2}.domain-hub-brand img{width:105px}.domain-hub-brand span{font-size:7px;text-transform:uppercase;color:#81949e;font-weight:850}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:98px 135px;position:relative;z-index:3}
.domain-card{position:relative;min-height:136px;background:rgba(255,255,255,.96);border:1px solid #dce8ed;border-radius:16px;padding:15px;display:flex;align-items:flex-start;gap:11px;box-shadow:0 12px 30px rgba(13,62,96,.075);color:#274d64;transition:.18s}.domain-card:hover{transform:translateY(-3px);border-color:#a7d4dd;box-shadow:0 18px 34px rgba(13,62,96,.11)}.domain-icon{width:45px;height:45px;min-width:45px;border-radius:12px;display:grid;place-items:center;background:#edf8fb;color:#0b668b}.domain-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.domain-fire .domain-icon{background:#fff1f1;color:#a94b51}.domain-garage .domain-icon{background:#fff6e8;color:#a36d20}.domain-elv .domain-icon{background:#f0f3ff;color:#5d66a5}.domain-card-copy{display:grid;min-width:0;padding-top:2px}.domain-card-copy strong{font-size:14px;color:#143f5b}.domain-card-copy small{font-size:9px;color:#6f8490;line-height:1.5;margin-top:4px}.domain-arrow{position:absolute;right:12px;bottom:9px;width:24px;height:24px;border-radius:7px;background:#f1f6f8;display:grid;place-items:center;font-size:11px;color:#5b7c8e}

.application-launcher-section{padding:34px 0 42px;background:#fff;border-bottom:1px solid #e4edf2}.application-launcher-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.application-launcher-head h2{font-size:26px;margin:8px 0 3px;color:#103f5d}.application-launcher-head p{margin:0;color:#738792;font-size:10px}.application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.application-tile{min-height:88px;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:9px;padding:11px;border:1px solid #dce7ec;border-radius:12px;background:linear-gradient(135deg,#fff,#f7fbfc);color:#345b70;transition:.15s}.application-tile:nth-child(4n+2){background:linear-gradient(135deg,#fff,#f2faf8)}.application-tile:nth-child(4n+3){background:linear-gradient(135deg,#fff,#f5f3fd)}.application-tile:nth-child(4n){background:linear-gradient(135deg,#fff,#fff8ed)}.application-tile:hover{transform:translateY(-2px);border-color:#afd4dd;box-shadow:0 9px 22px rgba(13,62,96,.07)}.application-icon{width:40px;height:40px;border-radius:10px;background:#eaf6fa;display:grid;place-items:center;color:#0a6990}.application-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.application-tile>span:nth-child(2){display:grid;min-width:0}.application-tile strong{font-size:10px;color:#164763}.application-tile small{font-size:7px;color:#798d98;margin-top:3px;line-height:1.35}.application-tile b{font-size:12px;color:#78929f}

.service-portfolio-section{background:#f5f9fb}.service-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-domain-card{background:#fff;border:1px solid #dce7ed;border-radius:14px;padding:16px;display:flex;gap:11px;color:#365d72;box-shadow:0 5px 17px rgba(13,62,96,.045)}.service-domain-card:hover{transform:translateY(-2px);border-color:#a9d2da}.service-domain-card h3{font-size:13px;color:#15415d;margin:1px 0 4px}.service-domain-card p{font-size:9px;color:#768a95;margin:0 0 8px;line-height:1.45}.service-domain-card div>span{font-size:8px;font-weight:850;color:#0b6e9d}

@media(max-width:1120px){.streamlined-brand span{display:none}.streamlined-brand{min-width:auto}.home-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.domain-grid{gap:90px 70px}.application-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.streamlined-header .nav-wrap{height:62px}.streamlined-brand img{width:88px}.streamlined-nav{position:absolute;display:none;top:62px;left:0;right:0;background:#fff;border-top:1px solid #e7eef2;padding:8px 15px 12px;box-shadow:0 18px 32px rgba(14,52,75,.12);flex-direction:column;align-items:stretch;gap:1px}.streamlined-nav.open{display:flex}.streamlined-nav>a:not(.btn){height:auto;padding:11px 9px;border:0;border-radius:8px}.streamlined-nav>a:hover,.streamlined-nav>a.active{background:#f0f8fa;border:0}.mobile-auth-link{display:flex!important}.streamlined-header .nav-toggle{display:grid}.profile-copy,.profile-chevron{display:none}.profile-trigger{min-width:0;width:42px;height:42px;padding:3px;border:0;background:transparent}.profile-avatar{width:36px;height:36px}.header-actions{margin-left:auto}.home-hero-grid{grid-template-columns:1fr;padding:42px 0}.domain-hub{min-height:auto;padding:14px}.domain-hub-brand{display:none}.domain-grid{grid-template-columns:1fr 1fr;gap:10px}.domain-card{min-height:116px}.application-grid{grid-template-columns:repeat(2,1fr)}.service-domain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.container{width:min(100% - 22px,1180px)}.streamlined-header .nav-wrap{gap:7px}.streamlined-brand img{width:82px}.track-search-btn{width:36px;height:36px}.header-login-btn{height:36px;padding-right:9px}.header-login-btn strong{font-size:9px}.streamlined-header .nav-toggle{width:36px;height:36px}.home-hero-grid{padding:32px 0;gap:24px}.home-hero-copy h1{font-size:39px}.home-hero-copy>p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:10px 9px;font-size:11px}.domain-grid{grid-template-columns:1fr}.domain-card{min-height:auto;padding:13px}.application-launcher-head{align-items:flex-start;flex-direction:column}.application-grid,.service-domain-grid{grid-template-columns:1fr}.track-modal-input{grid-template-columns:1fr}.profile-dropdown{position:fixed;right:11px;top:68px;width:min(290px,calc(100vw - 22px))}}


/* ==========================================================
   V5.4.2.1 — Customer Register table header alignment hotfix
   The sticky offset belongs to the table scroll container,
   therefore it must be 0 rather than the global header height.
   ========================================================== */
.customer-register-table-wrap{
    position:relative;
}
.customer-register-table thead{
    position:relative;
    z-index:5;
}
.customer-register-table thead th{
    top:0 !important;
    background:#f0f6f9;
    box-shadow:0 1px 0 #d9e6ec;
}
.customer-register-table tbody tr:first-child td{
    border-top:0;
}


/* ==========================================================
   V5.4.3 — Global Role-Aware Application Switcher
   ========================================================== */
.app-switcher{position:relative}
.app-switcher-btn{
    background:linear-gradient(135deg,#f8fbff,#eef8fb);
    color:#165d82;
}
.app-switcher-btn:hover{
    background:linear-gradient(135deg,#eaf7fc,#f2f0ff);
    color:#654fa2;
}
.app-switcher-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.45}

.app-switcher-panel{
    position:absolute;
    right:0;
    top:47px;
    width:min(440px,calc(100vw - 28px));
    max-height:min(680px,calc(100vh - 85px));
    overflow:auto;
    z-index:110;
    background:rgba(255,255,255,.985);
    border:1px solid #d8e6ec;
    border-radius:16px;
    box-shadow:0 24px 65px rgba(11,49,73,.19);
    padding:10px;
}
.app-switcher-panel[hidden]{display:none}

.app-switcher-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    padding:8px 8px 9px;
}
.app-switcher-head .eyebrow{font-size:7px;padding:4px 7px}
.app-switcher-head h3{
    margin:5px 0 1px;
    color:#103f5d;
    font-size:18px;
    line-height:1;
}
.app-switcher-head p{
    margin:0;
    color:#7e919b;
    font-size:8px;
}
.app-switcher-home{
    border:1px solid #d8e6eb;
    background:#f8fbfc;
    border-radius:8px;
    padding:7px 9px;
    font-size:8px;
    font-weight:850;
    color:#315d74;
}

.app-switcher-search{
    height:39px;
    display:flex;
    align-items:center;
    gap:7px;
    margin:2px 6px 9px;
    padding:0 10px;
    border:1px solid #d7e4ea;
    background:#f8fbfc;
    border-radius:9px;
}
.app-switcher-search svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:#76909d;
    stroke-width:1.8;
    flex:0 0 auto;
}
.app-switcher-search input{
    width:100%;
    height:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#244d63;
    font-size:9px;
}

.app-switcher-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:0 5px 7px;
}
.app-switcher-item{
    position:relative;
    min-height:72px;
    display:grid;
    grid-template-columns:39px 1fr 18px;
    gap:8px;
    align-items:center;
    padding:9px;
    border:1px solid #dce7ec;
    border-radius:11px;
    color:#315c72;
    background:#fff;
    transition:transform .14s,border-color .14s,box-shadow .14s;
}
.app-switcher-item:hover{
    transform:translateY(-1px);
    border-color:#aacfd9;
    box-shadow:0 7px 18px rgba(15,65,92,.075);
}
.app-switcher-item.current{
    border-color:#82c9d1;
    box-shadow:inset 0 0 0 1px rgba(10,159,166,.14);
}
.app-switcher-icon{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid transparent;
}
.app-switcher-icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.app-switcher-copy{
    display:grid;
    min-width:0;
}
.app-switcher-copy strong{
    font-size:9px;
    line-height:1.15;
    color:#15445f;
}
.app-switcher-copy small{
    margin-top:3px;
    color:#7c8f99;
    font-size:6.8px;
    line-height:1.3;
}
.app-go{
    width:18px;height:18px;border-radius:6px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.75);
    color:#718c99;font-size:9px;
}
.app-current-dot{
    width:8px;height:8px;border-radius:50%;
    background:#12a28e;
    box-shadow:0 0 0 4px rgba(18,162,142,.10);
    margin:auto;
}

/* Deliberately light, professional color coding */
.app-switcher-item.tone-blue{background:linear-gradient(135deg,#fff,#eef7ff);border-color:#d3e6f5}
.app-switcher-item.tone-blue .app-switcher-icon{background:#e6f3ff;color:#176da0;border-color:#d3e9f7}

.app-switcher-item.tone-teal{background:linear-gradient(135deg,#fff,#ecfaf9);border-color:#d1ebe8}
.app-switcher-item.tone-teal .app-switcher-icon{background:#dcf6f3;color:#08867f;border-color:#ccece7}

.app-switcher-item.tone-violet{background:linear-gradient(135deg,#fff,#f4f1ff);border-color:#e0d9f7}
.app-switcher-item.tone-violet .app-switcher-icon{background:#ece7ff;color:#6957a9;border-color:#ddd5f5}

.app-switcher-item.tone-green{background:linear-gradient(135deg,#fff,#effaf2);border-color:#d6eadb}
.app-switcher-item.tone-green .app-switcher-icon{background:#e2f5e6;color:#38875a;border-color:#d2e9d8}

.app-switcher-item.tone-amber{background:linear-gradient(135deg,#fff,#fff8e9);border-color:#f0dfba}
.app-switcher-item.tone-amber .app-switcher-icon{background:#fff1cf;color:#a7751d;border-color:#efdcae}

.app-switcher-item.tone-cyan{background:linear-gradient(135deg,#fff,#effafb);border-color:#d1e9eb}
.app-switcher-item.tone-cyan .app-switcher-icon{background:#def5f7;color:#137d91;border-color:#cae9ed}

.app-switcher-item.tone-orange{background:linear-gradient(135deg,#fff,#fff4eb);border-color:#f1ddcc}
.app-switcher-item.tone-orange .app-switcher-icon{background:#ffead9;color:#ad672d;border-color:#f0d7c4}

.app-switcher-item.tone-rose{background:linear-gradient(135deg,#fff,#fff2f5);border-color:#efd9df}
.app-switcher-item.tone-rose .app-switcher-icon{background:#ffe5eb;color:#a74b62;border-color:#eed1d9}

.app-switcher-item.tone-indigo{background:linear-gradient(135deg,#fff,#f0f3ff);border-color:#d9def3}
.app-switcher-item.tone-indigo .app-switcher-icon{background:#e4e9ff;color:#4f63a4;border-color:#d4dcf4}

.app-switcher-item.tone-purple{background:linear-gradient(135deg,#fff,#f9f0ff);border-color:#e8d8f1}
.app-switcher-item.tone-purple .app-switcher-icon{background:#f3e2fb;color:#8a4da4;border-color:#e5d0ef}

.app-switcher-foot{
    border-top:1px solid #e7eef2;
    margin-top:2px;
    padding:8px 8px 4px;
    display:grid;
    gap:3px;
}
.app-switcher-foot a{
    font-size:8px;
    font-weight:850;
    color:#0d6d99;
}
.app-switcher-foot span{
    color:#8a99a1;
    font-size:6.8px;
}

/* Make Home application-launcher icon chips more colorful as well */
.application-tile:nth-child(8n+1) .application-icon{background:#e6f3ff;color:#176da0}
.application-tile:nth-child(8n+2) .application-icon{background:#dcf6f3;color:#08867f}
.application-tile:nth-child(8n+3) .application-icon{background:#ece7ff;color:#6957a9}
.application-tile:nth-child(8n+4) .application-icon{background:#fff1cf;color:#a7751d}
.application-tile:nth-child(8n+5) .application-icon{background:#e2f5e6;color:#38875a}
.application-tile:nth-child(8n+6) .application-icon{background:#ffead9;color:#ad672d}
.application-tile:nth-child(8n+7) .application-icon{background:#ffe5eb;color:#a74b62}
.application-tile:nth-child(8n) .application-icon{background:#f3e2fb;color:#8a4da4}

@media(max-width:900px){
    .app-switcher-panel{
        position:fixed;
        top:66px;
        right:10px;
        width:min(430px,calc(100vw - 20px));
        max-height:calc(100vh - 78px);
    }
}
@media(max-width:580px){
    .app-switcher-grid{grid-template-columns:1fr}
    .app-switcher-item{min-height:65px}
    .app-switcher-panel{top:61px;right:7px;width:calc(100vw - 14px);border-radius:13px}
    .app-switcher-head h3{font-size:16px}
}

/* ==========================================================
   V5.4.5 Website Communication Settings + Layout Safety
   ========================================================== */
html,body{max-width:100%;overflow-x:clip}
.site-header,.page-hero,.smart-ticket-hero{max-width:100vw}
.page-hero .container,.smart-ticket-hero .container,.nav-wrap{min-width:0}

.cms-settings-page{padding-top:18px}.cms-settings-form{margin-top:12px}
.cms-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cms-setting-card{background:#fff;border:1px solid #dce7ed;border-radius:13px;padding:15px;box-shadow:0 6px 18px rgba(13,62,96,.045)}
.cms-setting-card.full-card{grid-column:1/-1}.cms-setting-card.tone-blue{border-top:3px solid #6db6df}.cms-setting-card.tone-red{border-top:3px solid #e07b72}.cms-setting-card.tone-teal{border-top:3px solid #62c8c2}.cms-setting-card.tone-green{border-top:3px solid #7abe90}.cms-setting-card.tone-violet{border-top:3px solid #8e88ce}
.cms-setting-head{display:flex;gap:9px;align-items:flex-start;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #e8eef2}.cms-setting-number{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e9f6f9;color:#0b7388;font-size:8px;font-weight:900;flex:0 0 auto}.cms-setting-head h2{font-size:14px;margin:2px 0;color:#15435e}.cms-setting-head p{font-size:8px;margin:2px 0 0;color:#7b8d97}.cms-setting-note{padding:9px 10px;background:#f8fafb;border:1px solid #e2eaee;border-radius:8px;font-size:8px;color:#657e8b}
.whatsapp-group-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;padding:9px 0;border-bottom:1px dashed #dfe8ec}.whatsapp-group-row:last-child{border-bottom:0}.cms-settings-actions{position:sticky;bottom:8px;z-index:10;display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding:9px;border:1px solid #d9e6eb;border-radius:11px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 12px 30px rgba(13,62,96,.10)}
.footer-contact-line{margin:5px 0;color:#bcd4e3}.footer-social-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.footer-social-links a{display:inline-flex!important;margin:0!important;padding:5px 7px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.06);font-size:8px}.footer-whatsapp{color:#a9efd0!important}.footer-emergency{color:#ffd3bd}
.contact-modern-page{padding-top:24px}.contact-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.contact-channel-card{min-height:95px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:11px;border-radius:11px;border:1px solid #dce7ec;background:#fff}.contact-channel-card.tone-blue{background:linear-gradient(135deg,#fff,#eef7ff)}.contact-channel-card.tone-teal{background:linear-gradient(135deg,#fff,#ecfaf9)}.contact-channel-card.tone-green{background:linear-gradient(135deg,#fff,#effaf2)}.contact-channel-card.tone-violet{background:linear-gradient(135deg,#fff,#f4f1ff)}.contact-channel-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.82);border:1px solid #dce8ed;color:#0a6e8e;font-weight:900}.contact-channel-card div{display:grid;min-width:0}.contact-channel-card small{font-size:7px;text-transform:uppercase;color:#81929b;font-weight:850}.contact-channel-card strong{font-size:9px;color:#174963;white-space:normal;overflow-wrap:anywhere}.contact-channel-card a,.contact-channel-card span{font-size:7px;margin-top:4px}
.contact-layout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:12px;align-items:start}.contact-side-stack{display:grid;gap:12px}.contact-section-head{display:flex;gap:8px;align-items:flex-start;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid #e8eef2}.contact-section-head>span{width:28px;height:28px;border-radius:8px;background:#e9f6f9;color:#08748a;display:grid;place-items:center;font-size:8px;font-weight:900}.contact-section-head h2{font-size:14px;margin:1px 0;color:#15435e}.contact-section-head p{font-size:8px;color:#7d909a;margin:1px 0}.contact-detail-list{display:grid;gap:6px;margin-bottom:10px}.contact-detail-list>div{padding:8px;background:#f7fafb;border-radius:8px}.contact-detail-list small{display:block;font-size:7px;text-transform:uppercase;color:#81939c}.contact-detail-list a{font-size:9px;font-weight:800;overflow-wrap:anywhere}.contact-emergency-card{border-top:3px solid #e27256}.emergency-contact-public{display:grid;gap:5px;padding:9px;border-radius:9px;background:#fff7f3}.emergency-contact-public strong{font-size:9px;color:#784434}.emergency-contact-public a{font-size:11px;font-weight:900;color:#b34c2d}
.whatsapp-public-groups{display:grid;gap:6px}.whatsapp-public-groups a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:8px;border-radius:8px;background:#effaf5;border:1px solid #d7ede2}.whatsapp-public-groups a>span{width:28px;height:28px;border-radius:8px;background:#dff4e9;color:#1e8458;display:grid;place-items:center;font-size:9px;font-weight:900}.whatsapp-public-groups strong{font-size:8px;color:#275b49}.whatsapp-public-groups b{font-size:7px;color:#238459}.social-public-links{display:flex;flex-wrap:wrap;gap:6px}.social-public-links a{padding:7px 9px;border:1px solid #dbe6eb;border-radius:8px;background:#f7fafb;font-size:8px;font-weight:850;color:#315f76}
@media(max-width:900px){.cms-settings-grid,.contact-layout-grid{grid-template-columns:1fr}.cms-setting-card.full-card{grid-column:auto}.contact-channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.whatsapp-group-row,.contact-channel-grid{grid-template-columns:1fr}.cms-settings-actions{position:static}}

/* V5.4.6 Project Operations HTTP500 recovery + project workspace polish */
.project-ops-warning{margin-bottom:7px;font-size:9px}
.project-ops-summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0 12px}
.project-ops-summary-strip>div{padding:10px 11px;border:1px solid #dbe7ec;border-radius:10px;background:linear-gradient(135deg,#fff,#f6fafb)}
.project-ops-summary-strip small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.035em;color:#84949d;font-weight:850}
.project-ops-summary-strip strong{display:block;margin-top:3px;font-size:10px;color:#174a64}
.project-ops-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)}
.project-main-task td{background:#f2f8fa!important;border-top:1px solid #cee2e8;border-bottom:1px solid #dce9ed;font-weight:800}
@media(max-width:980px){.project-ops-summary-strip{grid-template-columns:repeat(2,1fr)}.project-ops-main-grid{grid-template-columns:1fr}}
@media(max-width:560px){.project-ops-summary-strip{grid-template-columns:1fr}}


/* ==========================================================
   V5.5 Smart Project Task Planner
   ========================================================== */
.smart-task-planner-card{
    border-top:3px solid #55a9c9;
    background:linear-gradient(145deg,#fff 0%,#fbfeff 65%,#f2fafb 100%);
}
.smart-task-planner-card .master-form-title{
    position:relative;
}
.smart-local-badge{
    margin-left:auto;
    align-self:center;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid #cde6e7;
    background:#edf9f7;
    color:#157b78;
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.smart-planner-toolbar{
    display:grid;
    grid-template-columns:minmax(280px,.55fr) 1fr;
    gap:12px;
    align-items:end;
    padding:3px 0 13px;
    border-bottom:1px solid #e4edf1;
}
.smart-planner-action{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:45px;
}
.smart-plan-hint{
    max-width:470px;
    font-size:7px;
    line-height:1.45;
    color:#7d909a;
}
.smart-plan-state{
    padding-top:13px;
}
.smart-plan-placeholder,.smart-plan-loading,.smart-plan-error{
    min-height:85px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px dashed #cadde5;
    border-radius:11px;
    background:#f8fbfc;
}
.smart-brain-icon{
    width:42px;height:42px;border-radius:12px;
    display:grid;place-items:center;
    background:linear-gradient(135deg,#e2f5fb,#e5f7f2);
    color:#0c7e91;
    font-size:18px;
}
.smart-plan-placeholder strong,.smart-plan-loading strong,.smart-plan-error strong{
    color:#174b66;font-size:10px
}
.smart-plan-placeholder p,.smart-plan-loading p,.smart-plan-error p{
    margin:3px 0 0;color:#788c97;font-size:8px
}
.smart-plan-loading>span{
    width:28px;height:28px;border-radius:50%;
    border:3px solid #dbe9ee;border-top-color:#0c96a2;
    animation:smart-spin .8s linear infinite
}
@keyframes smart-spin{to{transform:rotate(360deg)}}
.smart-plan-error{border-color:#efd1d1;background:#fff8f8}
.smart-plan-error small{font-size:7px;color:#987272}
.smart-plan-summary{
    display:grid;
    grid-template-columns:1fr auto;
    gap:14px;
    align-items:center;
    padding:13px 14px;
    border:1px solid #d7e8ec;
    border-radius:11px;
    background:linear-gradient(135deg,#f3fbfd,#f6fbf8);
}
.smart-plan-kicker{
    display:block;
    color:#138390;
    font-size:7px;
    font-weight:900;
    letter-spacing:.055em;
    margin-bottom:4px
}
.smart-plan-summary h3{margin:0;color:#123f5c;font-size:15px}
.smart-plan-summary p{margin:4px 0 0;color:#718792;font-size:8px}
.smart-confidence{
    width:70px;height:58px;border-radius:12px;
    display:grid;place-items:center;align-content:center;
    background:#fff;border:1px solid #d6e6eb;
    box-shadow:0 5px 15px rgba(15,72,98,.05)
}
.smart-confidence strong{font-size:17px;color:#0c7192;line-height:1}
.smart-confidence span{font-size:7px;color:#84959d;text-transform:uppercase;font-weight:850;margin-top:3px}
.smart-plan-metrics{
    display:flex;flex-wrap:wrap;gap:6px;
    padding:9px 2px
}
.smart-plan-metrics>span{
    padding:5px 8px;border-radius:7px;
    background:#f1f6f8;border:1px solid #e0e9ed;
    color:#667f8b;font-size:7px
}
.smart-plan-metrics strong{color:#155774;font-size:9px}
.smart-plan-metrics .smart-keywords{
    background:#f6f3ff;border-color:#e5def4;color:#6f648e
}
.smart-plan-groups{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px
}
.smart-plan-group{
    border:1px solid #dce7ec;
    border-radius:9px;
    background:#fff;
    overflow:hidden
}
.smart-plan-group summary{
    list-style:none;cursor:pointer;
    display:grid;grid-template-columns:27px 1fr auto;
    gap:7px;align-items:center;
    padding:8px 9px;
    background:#f8fbfc
}
.smart-plan-group summary::-webkit-details-marker{display:none}
.smart-plan-group summary>span{
    width:27px;height:27px;border-radius:8px;
    display:grid;place-items:center;
    background:#e8f6f8;color:#08768b;
    font-size:7px;font-weight:900
}
.smart-plan-group summary strong{font-size:8.5px;color:#194b65}
.smart-plan-group summary b{font-size:6.8px;color:#7c8e97;font-weight:800}
.smart-plan-group ol{
    margin:0;padding:8px 10px 9px 30px;
    border-top:1px solid #e8eef1
}
.smart-plan-group li{
    padding:3px 2px;
    color:#5f7886;
    font-size:7.5px;
    line-height:1.35
}
.smart-plan-footer-note{
    margin-top:8px;
    padding:8px 9px;
    border-radius:8px;
    background:#fff8e9;
    border:1px solid #f0dfba;
    color:#7a683b;
    font-size:7.3px
}
@media(max-width:900px){
    .smart-planner-toolbar{grid-template-columns:1fr}
    .smart-plan-groups{grid-template-columns:1fr}
}
@media(max-width:580px){
    .smart-local-badge{display:none}
    .smart-planner-action{align-items:flex-start;flex-direction:column}
    .smart-plan-summary{grid-template-columns:1fr}
    .smart-confidence{width:100%;height:44px;display:flex;gap:5px}
}


/* ==========================================================
   V5.5.1 Project Task & Manpower Resource Planner
   ========================================================== */
.resource-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.resource-command-bar{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    margin:12px 0;padding:11px 13px;
    border:1px solid #d8e6eb;border-radius:11px;
    background:linear-gradient(135deg,#f9fcfd,#eef9f8)
}
.resource-command-bar>div{display:grid}
.resource-command-bar strong{font-size:9px;color:#174b65}
.resource-command-bar span{font-size:7px;color:#748a95;margin-top:2px}
.resource-team-add{margin-bottom:12px;border-left:3px solid #4ea99e}
.resource-add-existing{display:grid;grid-template-columns:1fr auto;gap:8px}
.resource-add-existing select{min-height:40px;border:1px solid #d1e0e6;border-radius:8px;padding:7px 9px;background:#fff}
.resource-toolbar{
    display:grid;grid-template-columns:1fr 190px;gap:8px;
    margin-bottom:9px
}
.resource-search{
    display:flex;align-items:center;gap:7px;height:40px;padding:0 10px;
    border:1px solid #d7e4ea;border-radius:9px;background:#fff
}
.resource-search span{font-size:16px;color:#7b929d}
.resource-search input{border:0;outline:0;width:100%;background:transparent;font-size:9px}
.resource-toolbar>select{height:40px;border:1px solid #d7e4ea;border-radius:9px;background:#fff;padding:0 9px}

.task-resource-register{overflow:hidden}
.resource-table th{font-size:7px}
.resource-table td{vertical-align:middle;font-size:8px}
.resource-main-row{background:linear-gradient(90deg,#edf7fb,#f6fbfc)!important}
.resource-main-row td{border-top:2px solid #cfe4eb}
.resource-main-row td:first-child strong{color:#0d6587}
.resource-sub-row td:first-child{padding-left:22px}
.resource-sub-row td:first-child strong{font-size:8px}
.resource-sub-row td:first-child span{font-size:8px;color:#4f6e7e}
.resource-table td small{display:block;margin-top:3px;font-size:6.5px;color:#81939d}
.resource-rollup{font-size:7px;color:#5f7c8b}
.resource-unassigned{
    display:inline-block;padding:4px 7px;border-radius:999px;
    background:#fff2e2;border:1px solid #f0ddbd;
    color:#a46d1d;font-size:6.8px;font-weight:850
}
.resource-avatar-stack{display:flex;align-items:center;padding-left:5px}
.resource-avatar-stack span,.resource-avatar-stack b{
    width:25px;height:25px;border-radius:50%;
    display:grid;place-items:center;margin-left:-5px;
    border:2px solid #fff;background:#e3f5f7;color:#0a7184;
    font-size:6.8px;font-weight:900
}
.resource-avatar-stack span:nth-child(2n){background:#ece8fb;color:#685b9d}
.resource-avatar-stack span:nth-child(3n){background:#e5f4e7;color:#3d7d50}
.resource-avatar-stack b{background:#edf1f3;color:#627987}
.resource-manage-btn{
    border:1px solid #cce0e8;border-radius:7px;background:#eef7fb;
    color:#0d638d;font-size:7px;font-weight:900;padding:6px 8px;cursor:pointer
}
.resource-manage-btn:hover{background:#def3f7;border-color:#9fcbd5}

.resource-editor-row td{padding:0!important;background:#f7fafb}
.resource-editor-grid{
    display:grid;grid-template-columns:1.05fr .95fr;gap:10px;
    padding:12px;border-top:1px solid #dbe7ec;border-bottom:1px solid #dbe7ec
}
.resource-editor-grid.main-editor{grid-template-columns:1fr}
.resource-editor-card{
    background:#fff;border:1px solid #dce7ec;border-radius:10px;padding:12px
}
.resource-editor-card h3{margin:0 0 9px;font-size:11px;color:#174963}
.resource-editor-help{
    margin:-3px 0 9px;padding:7px 8px;border-radius:7px;
    background:#f5fafb;color:#6e8590;font-size:7px
}
.manpower-card{border-top:3px solid #60b99e}
.resource-assign-form{padding-bottom:10px;border-bottom:1px solid #e6eef1}
.resource-assignee-list{display:grid;gap:5px;margin-top:9px}
.resource-assignee{
    display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:7px;
    padding:7px;border:1px solid #e0e9ed;border-radius:8px;background:#f9fbfc
}
.resource-person-icon{
    width:31px;height:31px;border-radius:9px;background:#e3f5f4;color:#137b75;
    display:grid;place-items:center;font-size:8px;font-weight:900
}
.resource-assignee>div{display:grid}
.resource-assignee strong{font-size:8px;color:#1d5068}
.resource-assignee small{font-size:6.5px;color:#7b8f99}
.custom-task-resource-card{margin-top:12px;border-top:3px solid #8992ca}

.project-resource-overview{
    display:grid;
    grid-template-columns:minmax(280px,1.55fr) repeat(5,minmax(105px,.45fr));
    gap:8px;margin:10px 0 14px
}
.project-resource-overview>a,.project-resource-overview>div{
    min-height:68px;border:1px solid #d9e6eb;border-radius:10px;
    background:#fff;padding:9px 10px
}
.project-resource-overview>div{display:grid;align-content:center}
.project-resource-overview>div small{font-size:6.5px;text-transform:uppercase;color:#7e919b}
.project-resource-overview>div strong{font-size:12px;color:#14516f}
.project-resource-overview-title{
    display:grid!important;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;
    background:linear-gradient(135deg,#eef8ff,#effbf7)!important
}
.project-resource-overview-icon{
    width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
    background:#daf2f5;color:#0c7586;font-weight:900
}
.project-resource-overview-title>div{display:grid}
.project-resource-overview-title strong{font-size:9px;color:#15445f}
.project-resource-overview-title small{font-size:6.8px;color:#768a94;margin-top:2px}
.project-resource-overview-title b{font-size:7px;color:#0b6a97}

@media(max-width:1200px){
    .resource-kpis{grid-template-columns:repeat(3,1fr)}
    .project-resource-overview{grid-template-columns:repeat(3,1fr)}
    .project-resource-overview-title{grid-column:1/-1}
}
@media(max-width:900px){
    .resource-editor-grid{grid-template-columns:1fr}
    .resource-command-bar{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
    .resource-kpis{grid-template-columns:repeat(2,1fr)}
    .resource-toolbar,.resource-add-existing{grid-template-columns:1fr}
    .project-resource-overview{grid-template-columns:1fr 1fr}
    .resource-table{min-width:920px}
}

/* V5.6 Multi-Role RBAC */
.multi-role-principle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.multi-role-principle>div{padding:10px 12px;border:1px solid #dbe7ec;border-radius:10px;background:linear-gradient(135deg,#fff,#f6fafb)}.multi-role-principle>div:nth-child(2){background:linear-gradient(135deg,#fff,#f3faf7)}.multi-role-principle>div:nth-child(3){background:linear-gradient(135deg,#fff,#f6f3fc)}.multi-role-principle strong{display:block;font-size:9px;color:#174b66}.multi-role-principle span{display:block;margin-top:2px;font-size:7px;color:#7a8f99}
.multi-role-admin-grid{grid-template-columns:minmax(460px,.72fr) minmax(0,1.28fr)}.multi-role-user-form{align-self:start}.multi-role-selector{border:1px solid #dce7ec;border-radius:11px;background:#f8fbfc;padding:9px}.role-selector-group+.role-selector-group{margin-top:10px;padding-top:10px;border-top:1px solid #e4edf1}.role-selector-group h3{margin:0 0 6px;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#6f8793}.role-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.role-select-card{position:relative;display:grid;grid-template-columns:34px 1fr 22px;gap:7px;align-items:center;min-height:55px;padding:7px;border:1px solid #dbe6eb;border-radius:9px;background:#fff;cursor:pointer}.role-select-card input{position:absolute;opacity:0;pointer-events:none}.role-select-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:8px;font-weight:900;background:#edf6fa;color:#176a8d}.role-select-copy{display:grid;min-width:0}.role-select-copy strong{font-size:8.5px;color:#174760}.role-select-copy small{font-size:6.5px;color:#84949d;margin-top:2px}.role-select-check{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;border:1px solid #d5e2e7;color:transparent;background:#fff;font-size:9px;font-weight:900}.role-select-card:has(input:checked){border-color:#7fc7cf;box-shadow:inset 0 0 0 1px rgba(10,158,166,.10)}.role-select-card:has(input:checked) .role-select-check{background:#11a198;border-color:#11a198;color:#fff}.role-select-card.primary-role{box-shadow:inset 3px 0 0 #0c72a3}.role-select-card.primary-role .role-select-copy small{color:#0c72a3;font-weight:800}.role-select-card.tone-violet .role-select-icon{background:#eee9ff;color:#6c57ac}.role-select-card.tone-blue .role-select-icon{background:#e7f3ff;color:#176da0}.role-select-card.tone-orange .role-select-icon{background:#ffeddc;color:#a9672d}.role-select-card.tone-teal .role-select-icon{background:#def6f3;color:#0d847f}.role-select-card.tone-green .role-select-icon{background:#e4f5e8;color:#3d865a}.role-select-card.tone-cyan .role-select-icon{background:#e4f7fa;color:#147e91}
.user-role-badges{display:flex;flex-wrap:wrap;gap:4px}.user-role-badge{display:inline-flex;align-items:center;padding:4px 6px;border-radius:999px;border:1px solid #dce7ec;background:#f6f9fa;font-size:6.6px;font-weight:850;color:#536f7e}.user-role-badge.primary{box-shadow:inset 0 0 0 1px rgba(12,114,163,.13)}.user-role-badge.tone-violet{background:#f2efff;border-color:#e1d9fa;color:#65549b}.user-role-badge.tone-blue{background:#edf6ff;border-color:#d7e9f8;color:#17699a}.user-role-badge.tone-orange{background:#fff3e8;border-color:#f0ddc9;color:#9a642d}.user-role-badge.tone-teal{background:#ebf9f7;border-color:#d2ebe7;color:#167b76}.user-role-badge.tone-green{background:#eff9f1;border-color:#d7eadb;color:#3e7d57}.user-role-badge.tone-cyan{background:#eef9fb;border-color:#d6eaed;color:#29798a}.profile-role-stack{display:flex;flex-wrap:wrap;gap:4px;padding:7px 9px;margin:0 0 4px;border-bottom:1px solid #e9eff2}.profile-role-stack span{padding:4px 6px;border-radius:999px;background:#f2f6f8;color:#55717f;font-size:6.5px;font-weight:800}.profile-role-stack span.primary{background:#e9f5fa;color:#126a8f}.compact-role-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.compact-role-kpis .analytics-kpi{min-height:68px;padding:8px}.compact-role-kpis .analytics-kpi .kpi-icon{width:32px;height:32px;font-size:8px}.compact-role-kpis .analytics-kpi strong{font-size:16px}.compact-role-kpis .analytics-kpi span{font-size:6.5px}
@media(max-width:1180px){.multi-role-admin-grid{grid-template-columns:1fr}.compact-role-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.multi-role-principle{grid-template-columns:1fr}.role-selector-grid{grid-template-columns:1fr}.compact-role-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.compact-role-kpis{grid-template-columns:repeat(2,1fr)}}


/* ==========================================================
   V5.6.1 PM UX / Duplicate / Team / Requisition Hotfix
   ========================================================== */

/* Never allow dense workspace grids to push the entire page horizontally */
.dashboard-section,
.requisition-layout,
.requisition-main,
.requisition-side,
.dashboard-card,
.card,
.professional-table,
.table-wrap{min-width:0;max-width:100%}

/* Requisition workspace */
.requisition-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,390px);
  gap:14px;
  align-items:start;
  width:100%;
  overflow:visible;
}
.requisition-main,.requisition-side{min-width:0}
.requisition-side{
  position:sticky;
  top:82px;
  display:grid;
  gap:12px;
}
.requisition-side>.card{margin-top:0!important}
.requisition-add-card .form-grid{grid-template-columns:1fr 1fr}
.requisition-layout input,
.requisition-layout select,
.requisition-layout textarea,
.requisition-layout input[type=file]{max-width:100%;min-width:0;width:100%;box-sizing:border-box}
.requisition-meta>div{min-width:0}
.requisition-meta strong,.requisition-meta span{overflow-wrap:anywhere}
.requisition-main .professional-table{overflow:auto}
.requisition-main .professional-table table{min-width:860px}
.requisition-totals{flex-wrap:wrap}
body{overflow-x:hidden}

/* Project register duplicate handling */
.project-card-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.duplicate-badge{
  display:inline-flex;padding:5px 7px;border-radius:999px;
  background:#fff1df;border:1px solid #eed9ba;color:#92621b;
  font-size:6.5px;font-weight:900;text-transform:uppercase
}
.btn-warning-soft{
  background:#fff5e8!important;border-color:#ead4af!important;color:#8f621b!important
}
.btn-danger-soft{
  background:#fff0f1!important;border-color:#edcfd3!important;color:#9e414c!important
}
.professional-filter-bar{min-width:0}
.professional-filter-bar>*{min-width:0}
.project-card-register{align-items:stretch}
.professional-project-card{min-width:0;overflow:hidden}
.professional-project-card h3,.professional-project-card p{overflow-wrap:anywhere}

/* Safe duplicate review */
.duplicate-safety-note{
  display:grid;gap:3px;padding:11px 13px;margin-bottom:12px;
  border:1px solid #dbe8ed;border-left:4px solid #4ba58f;
  border-radius:10px;background:#f4fbf8
}
.duplicate-safety-note strong{font-size:9px;color:#275d50}
.duplicate-safety-note span{font-size:7.5px;color:#6d8480}
.duplicate-review-group{margin-bottom:12px}
.canonical-badge{
  padding:6px 8px;border-radius:999px;background:#e6f6ec;color:#347d51;
  border:1px solid #d2eadb;font-size:7px;font-weight:900
}
.duplicate-review-list{padding:7px 14px 12px}
.duplicate-review-row{
  display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,.8fr) auto;
  gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eaf0f3
}
.duplicate-review-row:last-child{border-bottom:0}
.duplicate-review-row.canonical{background:#f7fbf8;border-radius:8px;padding:9px}
.duplicate-review-row strong{font-size:9px;color:#174a65}
.duplicate-review-row small{display:block;margin-top:2px;color:#7b8e98;font-size:7px}
.duplicate-activity{display:flex;flex-wrap:wrap;gap:4px}
.duplicate-activity span{padding:4px 6px;border-radius:6px;background:#f2f6f8;color:#617b88;font-size:6.5px}

/* PM team console */
.pm-team-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.pm-team-console{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:12px;margin-bottom:12px;align-items:start}
.existing-employee-pool,.new-team-member-card{margin:0}
.existing-employee-search{padding:10px 12px;border-bottom:1px solid #e6eef2}
.existing-employee-search input{
  width:100%;height:39px;border:1px solid #d2e0e7;border-radius:8px;
  padding:8px 10px;background:#f9fbfc
}
.existing-employee-list{padding:5px 12px 12px;max-height:520px;overflow:auto}
.existing-employee-row{
  display:grid;grid-template-columns:36px minmax(150px,1fr) minmax(120px,.65fr) minmax(205px,.8fr);
  gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eaf0f3
}
.existing-employee-row:last-child{border-bottom:0}
.employee-avatar{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(135deg,#e2f4fa,#e4f7f1);color:#11758d;font-size:9px;font-weight:900
}
.employee-main{display:grid;min-width:0}
.employee-main strong{font-size:9px;color:#174b66}
.employee-main small{font-size:6.8px;color:#82949d;overflow-wrap:anywhere}
.employee-main span{font-size:7px;color:#587786;margin-top:2px}
.employee-role-tags{display:flex;gap:4px;flex-wrap:wrap}
.employee-role-tags span{
  padding:4px 6px;border-radius:999px;background:#f0f4fb;color:#526c94;
  border:1px solid #dfe5f1;font-size:6.3px;font-weight:850
}
.employee-add-form{display:grid;grid-template-columns:minmax(115px,1fr) auto;gap:5px}
.employee-add-form select{min-width:0;padding:7px;border:1px solid #d4e1e7;border-radius:7px;background:#fff;font-size:8px}
.existing-pool-empty{padding:30px 16px}
.new-team-member-card>summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;
  align-items:center;padding:13px 14px
}
.new-team-member-card>summary::-webkit-details-marker{display:none}
.new-team-member-card>summary div{display:grid}
.new-team-member-card>summary strong{font-size:11px;color:#174761}
.new-team-member-card>summary span{font-size:7px;color:#7b909a;margin-top:2px}
.new-team-member-card>summary b{
  width:28px;height:28px;border-radius:8px;display:grid;place-items:center;
  background:#eef6f9;color:#176c8e;font-size:15px
}
.new-team-member-card[open]>summary b{transform:rotate(45deg)}
.new-team-member-body{padding:0 14px 14px;border-top:1px solid #e8eef2}
.new-team-member-body form{padding-top:12px}
.portfolio-team-register{margin-top:0}
.inline-form{display:inline-block;margin-left:5px}

/* Project create processing */
[data-project-create-form] button.is-loading{
  opacity:.72;cursor:wait
}

@media(max-width:1380px){
  .requisition-layout{grid-template-columns:1fr}
  .requisition-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .requisition-side>.submit-requisition-card,
  .requisition-side>.card:last-child{grid-column:1/-1}
}
@media(max-width:1180px){
  .project-card-register{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-team-console{grid-template-columns:1fr}
  .existing-employee-row{grid-template-columns:36px minmax(0,1fr) minmax(130px,.6fr)}
  .employee-add-form{grid-column:2/-1}
}
@media(max-width:900px){
  .professional-filter-bar{grid-template-columns:1fr 1fr}
  .professional-filter-bar input:first-child{grid-column:1/-1}
  .duplicate-review-row{grid-template-columns:1fr}
  .duplicate-activity{justify-content:flex-start}
  .requisition-side{grid-template-columns:1fr}
  .requisition-side>.submit-requisition-card,
  .requisition-side>.card:last-child{grid-column:auto}
}
@media(max-width:700px){
  .project-card-register{grid-template-columns:1fr}
  .professional-filter-bar{grid-template-columns:1fr}
  .professional-filter-bar input:first-child{grid-column:auto}
  .pm-team-kpis{grid-template-columns:repeat(2,1fr)}
  .existing-employee-row{grid-template-columns:34px 1fr}
  .employee-role-tags,.employee-add-form{grid-column:2}
  .employee-add-form{grid-template-columns:1fr}
  .requisition-add-card .form-grid{grid-template-columns:1fr}
}


/* ==========================================================
   V5.7 International Import & Supply Chain
   ========================================================== */
.import-mode-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eaf5ff;border:1px solid #d1e5f5;color:#23698e;font-size:7px;font-weight:900;white-space:nowrap}
.import-tracking-card{margin-bottom:13px;border:1px solid #d9e8ef;border-top:3px solid #4aa2ca;border-radius:14px;background:linear-gradient(135deg,#fff,#f3f9fc);padding:14px;box-shadow:0 8px 22px rgba(13,62,96,.05)}
.import-tracking-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.import-tracking-head h2{font-size:18px;margin:5px 0 2px;color:#144762}.import-tracking-head p{margin:0;font-size:8px;color:#728995}
.import-progress{position:relative;height:62px;margin:15px 5px 10px;display:grid;grid-template-columns:repeat(6,1fr);align-items:start}.import-progress:before{content:"";position:absolute;top:12px;left:6%;right:6%;height:4px;border-radius:99px;background:#e4edf2}.import-progress>i{position:absolute;top:12px;left:6%;height:4px;max-width:88%;border-radius:99px;background:linear-gradient(90deg,#1785b4,#19a699);z-index:1}.import-progress>span{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:4px}.import-progress b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e9f1f5;border:3px solid #fff;box-shadow:0 0 0 1px #d5e3e9;color:transparent;font-size:8px}.import-progress span.done b{background:#1a9c94;color:#fff;box-shadow:0 0 0 1px #1a9c94}.import-progress small{font-size:6.5px;color:#6d8592;font-weight:800}
.import-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.import-facts>div{padding:9px;border:1px solid #e0eaee;border-radius:9px;background:rgba(255,255,255,.78);min-width:0}.import-facts small{display:block;font-size:6.5px;color:#84959e;text-transform:uppercase;font-weight:850}.import-facts strong{display:block;font-size:8px;color:#214e64;overflow-wrap:anywhere}.import-facts a{font-size:7px;font-weight:850}
.hand-carry-summary{margin-top:8px;padding:9px 10px;border-radius:9px;background:#fff5e9;border:1px solid #f0dfc7;display:grid}.hand-carry-summary strong{font-size:8px;color:#7d5d2c}.hand-carry-summary span{font-size:7px;color:#8c7657;margin-top:2px}.read-only-import-note{margin:0 0 10px;padding:8px;border-radius:8px;background:#eff7fb;color:#547588;font-size:7px}
.import-enable{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #dce8ed;border-radius:9px;background:#f5fafb;margin-bottom:10px}.import-enable input{width:18px;height:18px}.import-enable span{font-size:9px;font-weight:850;color:#174b65}.hand-carry-fields{padding:9px;border:1px dashed #edcfa9;border-radius:9px;background:#fff9f0}.hand-carry-fields[hidden],[data-import-fields][hidden]{display:none}.import-editor-card{border-top:3px solid #54a9c4}
.po-attachment-list a{display:grid!important;grid-template-columns:110px 1fr;gap:6px;align-items:center}.po-attachment-list a span{font-size:6px;text-transform:uppercase;color:#748b97;font-weight:900}
.import-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.import-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.import-filter-bar{display:grid;grid-template-columns:minmax(230px,1fr) 190px 220px auto auto;gap:7px;padding:11px;border-bottom:1px solid #e6eef2}.import-filter-bar input,.import-filter-bar select{min-width:0;height:39px;border:1px solid #d5e3e9;border-radius:8px;padding:7px 9px;background:#fff}.import-table{min-width:1040px}.import-mini-progress{height:5px;border-radius:99px;background:#e4edf1;overflow:hidden;margin-top:5px;width:100px}.import-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#2a87b1,#18a296)}
.import-breakdown{padding-bottom:14px;position:sticky;top:80px}.import-mode-bar{padding:8px 13px}.import-mode-bar>div{display:flex;justify-content:space-between;font-size:8px;color:#496879}.import-mode-bar i{display:block;margin-top:5px;height:7px;border-radius:99px;background:#edf2f4;overflow:hidden}.import-mode-bar b{display:block;height:100%;background:linear-gradient(90deg,#609dcc,#55c3ba);border-radius:99px}.customs-bottleneck{margin:10px 13px 0;padding:11px;border-radius:9px;background:#fff6e9;border:1px solid #efdec1;display:grid;gap:3px}.customs-bottleneck strong{font-size:9px;color:#7b5b29}.customs-bottleneck span{font-size:7px;color:#897454}.customs-bottleneck b{font-size:7px;color:#a65345}
.site-import-strip{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:7px 0;padding:6px 7px;border-radius:7px;background:#eef7fb}.site-import-strip span,.site-import-strip strong,.site-import-strip small{font-size:6.5px}.site-import-strip strong{color:#186985}
@media(max-width:1180px){.import-kpis{grid-template-columns:repeat(3,1fr)}.import-dashboard-grid{grid-template-columns:1fr}.import-breakdown{position:static}.import-filter-bar{grid-template-columns:1fr 1fr}.import-filter-bar input{grid-column:1/-1}.import-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.import-kpis{grid-template-columns:repeat(2,1fr)}.import-filter-bar{grid-template-columns:1fr}.import-filter-bar input{grid-column:auto}.import-facts{grid-template-columns:1fr}.import-progress{overflow:auto;grid-template-columns:repeat(6,110px);padding-bottom:5px}.import-progress:before,.import-progress>i{display:none}.po-attachment-list a{grid-template-columns:1fr}.import-tracking-head{flex-direction:column}}


/* ==========================================================
   V5.8 MS Project-style Scheduling Workbench
   ========================================================== */
.planner-shell{max-width:1540px}.planner-command-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #d9e7ed;border-radius:12px;background:linear-gradient(135deg,#f4fbfd,#f8fbff);margin-bottom:11px}.planner-command-bar h2{margin:4px 0 2px;color:#113e5c;font-size:19px}.planner-command-bar p{margin:0;color:#728791;font-size:8px}.planner-save-state{min-width:92px;display:flex;align-items:center;gap:6px;justify-content:center;padding:7px 9px;border-radius:999px;border:1px solid #d8e5ea;background:#fff;font-size:7px;font-weight:850;color:#58717f}.planner-save-state i{width:7px;height:7px;border-radius:50%;background:#35a872}.planner-save-state.saving i{background:#e3a32c;animation:planner-pulse .75s infinite}.planner-save-state.error{color:#a43f4a;background:#fff4f5}.planner-save-state.error i{background:#c94b58}@keyframes planner-pulse{50%{opacity:.35}}
.planner-analytics-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-bottom:10px}.planner-widget{min-width:0;background:#fff;border:1px solid #dbe7ec;border-radius:12px;padding:11px;box-shadow:0 5px 16px rgba(13,62,96,.04)}.planner-widget>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.planner-widget>header strong{display:block;color:#16445f;font-size:10px}.planner-widget>header small{display:block;color:#84949d;font-size:6.8px;margin-top:2px}.view-toggle{display:flex;border:1px solid #d8e4e9;border-radius:8px;overflow:hidden}.view-toggle button{border:0;background:#fff;padding:5px 7px;font-size:6.5px;font-weight:800;color:#697f8b}.view-toggle button.active{background:#e9f6f8;color:#0c7187}.progress-comparison{display:grid;gap:7px}.progress-comparison>div{display:grid;grid-template-columns:72px 48px 1fr;align-items:center;gap:5px}.progress-comparison span{font-size:7px;color:#6c838f}.progress-comparison strong{font-size:10px;color:#174a65}.progress-comparison i{height:7px;background:#ecf2f4;border-radius:999px;overflow:hidden}.progress-comparison b{display:block;height:100%;background:linear-gradient(90deg,#1b70ad,#11aaa8);border-radius:999px}.progress-comparison b.planned{background:#a7b8c4}.s-curve{height:132px;margin-top:7px}.s-curve svg{width:100%;height:105px;overflow:visible}.s-curve .axis{stroke:#d9e4e9;stroke-width:1}.s-curve .planned-line{fill:none;stroke:#91a6b4;stroke-width:2;stroke-dasharray:4 3}.s-curve .actual-line{fill:none;stroke:#0c91a2;stroke-width:2.5}.s-curve .actual-dot{fill:#0c91a2}.curve-legend{display:flex;gap:12px;justify-content:center;font-size:6.5px;color:#718792}.curve-legend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:4px}.curve-legend i.planned{background:#91a6b4}.curve-legend i.actual{background:#0c91a2}.labor-summary{display:grid;grid-template-columns:1fr 1fr;gap:5px}.labor-summary>div{padding:7px;border-radius:8px;background:#f6fafb}.labor-summary span{display:block;font-size:6px;text-transform:uppercase;color:#84949c}.labor-summary strong{display:block;font-size:9px;color:#164760;margin-top:2px}.labor-summary strong.good{color:#2e8558}.labor-summary strong.bad{color:#a7424d}.role-hours{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.role-hours span{padding:4px 6px;border-radius:7px;background:#edf6fa;color:#496b7b;font-size:6.3px}.role-hours b{margin-right:4px;color:#176886}
.planner-status-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 10px;border:1px solid #e0e9ed;border-radius:9px;background:#f8fbfc;margin-bottom:9px}.planner-status-strip span{font-size:6.8px;color:#6c818d;padding-right:7px;border-right:1px solid #dfe7ea}.planner-status-strip span:last-child{border-right:0}.planner-status-strip b{font-size:8px;color:#194b66}.critical-key i,.overload-key i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:4px;vertical-align:middle}.critical-key i{background:#d94d5b}.overload-key i{background:#e8a32b}
.planner-workbench{display:grid;grid-template-columns:minmax(780px,1.35fr) minmax(350px,.65fr);border:1px solid #d5e3e9;border-radius:12px;background:#fff;overflow:hidden;min-height:520px}.planner-workbench[data-planner-view=table]{grid-template-columns:1fr}.planner-workbench[data-planner-view=table] .planner-gantt-pane{display:none}.planner-workbench[data-planner-view=gantt]{grid-template-columns:1fr}.planner-workbench[data-planner-view=gantt] .planner-table-wrap{display:none}.planner-table-wrap{min-width:0;overflow:auto;border-right:1px solid #e1e9ed}.planner-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;font-size:7px}.planner-table thead th{position:sticky;top:0;z-index:6;background:#edf4f7;color:#4e6b7a;text-transform:uppercase;letter-spacing:.03em;font-size:6.2px;padding:7px 5px;text-align:left;border-bottom:1px solid #d7e3e8}.planner-table th.col-task{min-width:250px;left:0;z-index:7}.planner-table td{padding:3px 4px;border-bottom:1px solid #e9eff2;vertical-align:middle;background:#fff}.planner-table .planner-task-row:hover td{background:#fbfdfe}.planner-table .task-name-cell{position:sticky;left:0;z-index:3;min-width:250px;background:#fff}.planner-table .planner-task-row:hover .task-name-cell{background:#fbfdfe}.planner-phase-row td{position:sticky;left:0;background:#eef8fa!important;padding:8px 9px;border-top:1px solid #d8e7eb;border-bottom:1px solid #d8e7eb}.planner-phase-row td>div{display:flex;align-items:center;gap:7px}.planner-phase-row strong{font-size:8.5px;color:#15455f}.planner-phase-row span{font-size:6.5px;color:#6f8792}.planner-phase-row b{margin-left:auto;color:#0b6f8f;font-size:8px}.phase-toggle{width:18px;height:18px;border-radius:5px;background:#dff2f5;display:grid;place-items:center;color:#19758a!important}.wbs-indent{color:#86a0ad;margin-right:3px}.planner-input{width:100%;min-width:0;height:30px;border:1px solid transparent;border-radius:5px;background:transparent;padding:4px 5px;font:inherit;color:#234f66;box-sizing:border-box}.planner-input:hover{border-color:#d7e4e9;background:#fff}.planner-input:focus{outline:0;border-color:#52b7c2;background:#fff;box-shadow:0 0 0 2px rgba(44,173,187,.10)}.task-title{font-weight:800;color:#153f5a}.task-name-cell small{display:block;font-size:5.8px;color:#8a9aa2;padding-left:20px}.compact-date{min-width:138px}.duration-cell{display:grid;grid-template-columns:60px 12px;align-items:center}.duration-cell small{grid-column:1/-1;font-size:5.8px;color:#84949c}.tiny-number{width:54px}.compact-select{min-width:90px}.predecessor-select{min-width:86px;height:34px}.task-work-hours{white-space:nowrap;color:#496b7c}.planner-task-row.critical td{box-shadow:inset 0 1px 0 rgba(216,75,89,.08),inset 0 -1px 0 rgba(216,75,89,.08)}.planner-task-row.critical .task-name-cell{box-shadow:inset 3px 0 #d74d5a}.planner-task-row.overallocated .resource-cell{background:#fff8ea}.task-actions-cell{width:30px}.milestone-toggle input{display:none}.milestone-toggle span{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;color:#a8b5bc;cursor:pointer}.milestone-toggle input:checked+span{color:#ad6f10;background:#fff0cf}
.resource-cell{position:relative;min-width:170px}.resource-chip-button{width:100%;min-height:30px;border:1px solid transparent;background:transparent;border-radius:6px;display:flex;gap:3px;align-items:center;flex-wrap:wrap;padding:2px;cursor:pointer}.resource-chip-button:hover{border-color:#d6e4e9;background:#fff}.resource-chip-button.warning{border-color:#e5b54f;background:#fff9ed}.resource-tag{display:inline-flex;gap:3px;align-items:center;padding:3px 5px;border-radius:999px;background:#e8f5f8;color:#176783;font-size:5.8px;font-weight:800}.resource-tag b{font-size:5.5px}.resource-tag.over{background:#fff0da;color:#98600c}.resource-empty{color:#718995;font-size:6.5px}.resource-more{font-size:6px;color:#6f8290}.resource-popover{position:absolute;z-index:30;top:34px;left:0;width:330px;max-height:390px;background:#fff;border:1px solid #d5e2e8;border-radius:10px;box-shadow:0 18px 45px rgba(13,55,80,.18);padding:8px}.resource-popover[hidden]{display:none}.resource-popover-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.resource-popover-head strong{font-size:8px;color:#17475f}.resource-popover-head input{flex:1;height:30px;border:1px solid #d8e5ea;border-radius:6px;padding:5px 7px;font-size:7px}.resource-options{max-height:270px;overflow:auto}.resource-option{display:grid;grid-template-columns:1fr 68px;gap:7px;align-items:center;padding:5px 2px;border-bottom:1px solid #edf2f4}.resource-option label{display:flex;gap:6px;align-items:center;cursor:pointer}.resource-option label span{display:grid}.resource-option label strong{font-size:7.3px;color:#1d4c64}.resource-option label small{font-size:5.8px;color:#85959d}.allocation-entry{display:flex;align-items:center;gap:2px}.allocation-entry input{width:49px;height:27px;border:1px solid #d6e3e8;border-radius:5px;padding:3px;font-size:7px}.allocation-entry span{font-size:6px;color:#798d97}.resource-popover-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:7px}.resource-popover-foot small{font-size:5.8px;color:#82939c;max-width:210px}.quick-add-row td{background:#fbfdfd;padding:5px}.quick-add-row input,.quick-add-row select{width:100%;height:30px;border:1px dashed #cddde3;border-radius:5px;background:#fff;padding:4px;font-size:6.5px}.quick-add-btn{width:28px;height:28px;border:0;border-radius:7px;background:linear-gradient(135deg,#0c72aa,#0da5a8);color:#fff;font-weight:900;cursor:pointer}
.planner-gantt-pane{min-width:0;overflow:auto;background:#fbfdfe}.gantt-large{min-width:420px;padding:9px}.mini-gantt{height:145px;overflow:auto}.gantt-scale{display:flex;justify-content:space-between;padding:0 4px 5px 85px;color:#80929b;font-size:5.8px}.gantt-row{display:grid;grid-template-columns:82px 1fr;align-items:center;min-height:22px}.gantt-label{font-size:5.8px;color:#657e8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-track{height:13px;position:relative;background:repeating-linear-gradient(90deg,#f0f4f6 0,#f0f4f6 1px,transparent 1px,transparent 10%);border-radius:3px}.gantt-bar{position:absolute;top:2px;height:9px;min-width:5px;border:0;border-radius:4px;background:linear-gradient(90deg,#1684ad,#18aaa5);cursor:grab;padding:0}.gantt-bar:active{cursor:grabbing}.gantt-bar.critical{background:linear-gradient(90deg,#c83f4d,#e26759)}.gantt-bar.milestone{width:9px!important;height:9px;transform:rotate(45deg);border-radius:1px;background:#d69427}.gantt-bar>i{position:absolute;right:-2px;top:-2px;width:5px;height:13px;border-radius:3px;background:rgba(255,255,255,.9);cursor:ew-resize;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.planner-footnote{padding:8px 10px;color:#7b8f99;font-size:6.4px;background:#f8fbfc;border:1px solid #e0e9ed;border-top:0;border-radius:0 0 9px 9px}
@media(max-width:1200px){.planner-analytics-grid{grid-template-columns:1fr 1fr}.planner-gantt-widget{grid-column:1/-1}.planner-workbench{grid-template-columns:1fr}.planner-gantt-pane{border-top:1px solid #e1e9ed}.planner-table-wrap{border-right:0}.planner-workbench[data-planner-view=split] .planner-gantt-pane{display:block}}
@media(max-width:760px){.planner-analytics-grid{grid-template-columns:1fr}.planner-command-bar{align-items:flex-start;flex-direction:column}.planner-table-wrap{overflow:auto}.planner-workbench{border-radius:9px}.planner-gantt-pane{display:none!important}.view-toggle{display:none}.planner-status-strip{overflow:auto;flex-wrap:nowrap}.planner-status-strip span{white-space:nowrap}.resource-popover{position:fixed;left:10px;right:10px;top:85px;width:auto;max-height:70vh}.planner-table{min-width:1120px}}


/* ==========================================================
   V5.8.1 Full-Screen Dockable Planner + Built-In Task CRUD
   ========================================================== */

/* True full-width project scheduling workspace */
.planner-shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.planner-shell .project-workspace-content{padding-left:0;padding-right:0}
.planner-command-bar{
  position:sticky;
  top:70px;
  z-index:24;
  background:rgba(247,251,253,.96);
  backdrop-filter:blur(10px);
  border:1px solid #dbe7ec;
  border-radius:11px;
  padding:9px 11px;
  margin-bottom:8px;
}
.planner-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.planner-toolbar-btn{
  height:34px;
  display:inline-flex;align-items:center;gap:5px;
  border:1px solid #d5e3e9;background:#fff;color:#315e74;
  border-radius:8px;padding:0 9px;font-size:7.5px;font-weight:850;cursor:pointer
}
.planner-toolbar-btn:hover{border-color:#8cc9d2;background:#f3fbfc;color:#0d7587}
.planner-toolbar-btn span{font-size:11px}
.planner-toolbar-btn.primary{background:linear-gradient(135deg,#0b6ea7,#0aa7ae);color:#fff;border-color:transparent}
.planner-save-state{margin-left:3px}

.planner-summary-ribbon{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin:0 0 8px
}
.planner-summary-ribbon button{
  text-align:left;
  border:1px solid #dce7ec;
  border-radius:9px;
  background:linear-gradient(135deg,#fff,#f7fbfc);
  padding:8px 10px;
  min-width:0;
  cursor:pointer
}
.planner-summary-ribbon button:nth-child(2){background:linear-gradient(135deg,#fff,#f2f8ff)}
.planner-summary-ribbon button:nth-child(3){background:linear-gradient(135deg,#fff,#f1faf6)}
.planner-summary-ribbon button:nth-child(4){background:linear-gradient(135deg,#fff,#fff7eb)}
.planner-summary-ribbon small{display:block;font-size:6px;text-transform:uppercase;color:#81949d;font-weight:850}
.planner-summary-ribbon strong{display:block;font-size:11px;color:#154b67;margin-top:2px}
.planner-summary-ribbon strong.good{color:#318057}
.planner-summary-ribbon strong.bad{color:#ad4450}
.planner-summary-ribbon span{display:block;font-size:6.4px;color:#7b8e98;margin-top:2px}

/* Full width table; no permanently occupied Gantt column */
.planner-workbench{
  display:block!important;
  width:100%;
  min-height:0;
  border:1px solid #d5e3e9;
  border-radius:10px;
  background:#fff;
  overflow:hidden
}
.planner-table-wrap{
  width:100%;
  border-right:0!important;
  overflow:auto;
  max-height:calc(100vh - 225px);
}
.planner-table{min-width:1450px}
.planner-table thead th{top:0}
.planner-table th.col-task,.planner-table .task-name-cell{min-width:300px}

/* Task actions: Edit / Save / Delete / Milestone */
.task-actions-cell{width:122px!important;min-width:122px}
.task-row-actions{display:flex;align-items:center;gap:3px;justify-content:flex-end}
.task-action{
  width:25px;height:25px;
  display:grid;place-items:center;
  border:1px solid #dbe6eb;
  border-radius:6px;
  background:#fff;
  color:#557583;
  font-size:10px;font-weight:900;
  cursor:pointer
}
.task-action.edit:hover{background:#eaf6fb;color:#126d99;border-color:#cfe5f1}
.task-action.save{background:#edf9f4;color:#31805b;border-color:#d5eadf}
.task-action.save:hover{background:#dcf4e7}
.task-action.delete{background:#fff4f5;color:#aa4b55;border-color:#efdadd}
.task-action.delete:hover{background:#ffe7e9}
.planner-task-row.manual-edit td{background:#fffdf5!important}
.planner-task-row.manual-edit .task-name-cell{box-shadow:inset 3px 0 #d9a02b}
.planner-task-row.saved-flash td{animation:plannerSavedFlash .65s ease}
@keyframes plannerSavedFlash{0%{background:#eafaf3}100%{background:#fff}}

/* Main phase editing */
.phase-row-inner{display:flex!important;align-items:center;gap:7px;min-width:0}
.phase-code{
  flex:0 0 auto;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:7px!important;
  font-weight:900;
  color:#0c6e8a!important
}
.phase-title-input{
  flex:1 1 auto;
  min-width:180px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  padding:4px 6px;
  font-size:8.5px;
  font-weight:900;
  color:#15455f
}
.phase-title-input:not(:disabled),
.planner-phase-row.editing .phase-title-input{
  background:#fff;
  border-color:#65b9c5;
  box-shadow:0 0 0 2px rgba(34,164,177,.09)
}
.phase-task-count{white-space:nowrap}
.phase-actions{display:flex;gap:3px;margin-left:2px}
.phase-actions button{
  width:24px;height:24px;border-radius:6px;border:1px solid #d7e4e9;
  background:#fff;color:#4f7180;cursor:pointer;font-weight:900
}
.phase-actions button:hover{background:#edf7fa;color:#0e7188}
.phase-actions button.danger{background:#fff2f3;color:#a7444f;border-color:#eed5d8}

/* Dockable tool windows */
.planner-dock-zone{
  display:grid;
  gap:8px;
  margin-top:8px;
  position:relative
}
.planner-window{
  border:1px solid #d5e3e9;
  border-radius:11px;
  background:#fff;
  box-shadow:0 7px 20px rgba(13,62,96,.06);
  overflow:hidden;
  min-width:0
}
.planner-window[hidden]{display:none!important}
.planner-window-header{
  min-height:46px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:7px 9px;
  background:linear-gradient(135deg,#f7fbfc,#eef6f9);
  border-bottom:1px solid #dfe9ed;
  cursor:default
}
.planner-window-header>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}
.panel-icon{
  width:31px;height:31px;border-radius:8px;display:grid;place-items:center;
  background:#e4f4fa;color:#176d91;font-size:13px;font-weight:900;flex:0 0 auto
}
.panel-icon.progress{background:#e8f5ec;color:#3b8259}
.panel-icon.labor{background:#fff0da;color:#a06b1c}
.planner-window-header strong{display:block;color:#16465f;font-size:9px}
.planner-window-header small{display:block;color:#7c909a;font-size:6.5px;margin-top:1px}
.planner-window-controls{display:flex;gap:3px;flex:0 0 auto}
.planner-window-controls button{
  width:27px;height:27px;border:1px solid #d7e3e8;border-radius:7px;
  background:#fff;color:#547382;cursor:pointer;font-size:11px;font-weight:800
}
.planner-window-controls button:hover{background:#eaf6f8;color:#0c7187}
.planner-window-controls button:last-child:hover{background:#fff0f1;color:#a53f4a}
.planner-window-body{padding:10px;min-height:120px}
.planner-window.minimized .planner-window-body{display:none}
.planner-window.minimized{width:min(460px,100%);justify-self:end}
.planner-window[data-panel-mode="float"]{
  position:fixed;
  z-index:1200;
  width:min(820px,calc(100vw - 40px));
  max-height:75vh;
  left:50%;
  top:14vh;
  transform:translateX(-50%);
  box-shadow:0 28px 70px rgba(8,44,67,.28)
}
.planner-window[data-panel-mode="float"] .planner-window-body{max-height:calc(75vh - 50px);overflow:auto}
.planner-window[data-panel-mode="max"]{
  position:fixed;
  inset:8px;
  z-index:1300;
  width:auto;
  max-height:none;
  border-radius:10px;
  box-shadow:0 30px 90px rgba(8,44,67,.34)
}
.planner-window[data-panel-mode="max"] .planner-window-body{
  height:calc(100vh - 62px);
  overflow:auto
}
.planner-window[data-panel-mode="max"] .docked-gantt{min-height:calc(100vh - 110px)}
.docked-gantt{min-height:280px;overflow:auto}
.docked-gantt .gantt-row{min-height:28px}
.docked-gantt .gantt-label{font-size:6.7px;max-width:180px}
.docked-gantt .gantt-track{height:17px}
.docked-gantt .gantt-bar{top:3px;height:11px}
.progress-panel-grid{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);gap:14px;align-items:center}
.large-scurve{height:230px;margin:0}
.large-scurve svg{height:195px}
.labor-panel-grid{display:grid;grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);gap:12px}
.role-hours.expanded{align-content:start;margin:0}
.role-hours.expanded span{font-size:7px;padding:7px 9px}

/* Whole planner browser full-screen */
.planner-browser-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:1100!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:8px!important;
  background:#f3f8fa;
  overflow:auto!important
}
.planner-browser-fullscreen>.project-workspace-nav{position:sticky;top:0;z-index:31}
.planner-browser-fullscreen .planner-command-bar{top:58px}
.planner-browser-fullscreen .planner-table-wrap{max-height:calc(100vh - 210px)}
.planner-no-body-scroll{overflow:hidden!important}

/* Resource popup remains above floating analytics windows */
.resource-popover{z-index:1400}

/* Reduce unused visual mass */
.planner-status-strip{margin-bottom:7px}
.planner-footnote{margin-bottom:8px}

@media(max-width:1000px){
  .planner-summary-ribbon{grid-template-columns:repeat(2,1fr)}
  .progress-panel-grid,.labor-panel-grid{grid-template-columns:1fr}
  .planner-window[data-panel-mode="float"]{width:calc(100vw - 20px);top:80px}
}
@media(max-width:700px){
  .planner-shell{width:calc(100% - 12px)!important}
  .planner-command-bar{position:static}
  .planner-command-actions{justify-content:flex-start}
  .planner-summary-ribbon{grid-template-columns:1fr 1fr}
  .planner-table-wrap{max-height:none}
  .planner-window[data-panel-mode="float"]{left:6px;right:6px;top:70px;width:auto;transform:none}
  .planner-window[data-panel-mode="max"]{inset:4px}
}

/* ==========================================================
   V5.9 Task Attendance, Daily Closure & Performance
   ========================================================== */
.daily-page-controls form,.daily-date-filter{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.daily-page-controls input,.daily-date-filter input{height:38px;border:1px solid #d5e3e9;border-radius:8px;padding:0 9px;background:#fff}.daily-date-filter{margin-bottom:10px}.daily-date-filter label{font-size:7px;font-weight:850;text-transform:uppercase;color:#6d8592;display:grid;gap:3px}.daily-project-selector{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:8px;padding:9px 11px;margin-bottom:9px;border:1px solid #dbe7ec;background:#fff;border-radius:10px}.daily-project-selector label{font-size:8px;font-weight:900;color:#315e74}.daily-project-selector select{min-width:0;height:40px;border:1px solid #d5e3e9;border-radius:8px;background:#f9fbfc;padding:0 9px}.daily-status-hero{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border:1px solid #d9e6eb;border-radius:12px;margin-bottom:9px;background:linear-gradient(135deg,#fff,#f5fafb)}.daily-status-hero.status-overdue{border-color:#efc9cd;background:linear-gradient(135deg,#fff,#fff4f5)}.daily-status-hero.status-closed{border-color:#cae7d5;background:linear-gradient(135deg,#fff,#effaf3)}.daily-status-hero small{font-size:7px;color:#7e929c;font-weight:800}.daily-status-hero h2{font-size:15px;margin:2px 0;color:#154660}.daily-status-hero p{font-size:8px;color:#6d8592;margin:2px 0}.daily-status-hero>div:last-child{display:grid;justify-items:end;gap:5px}.daily-flow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:10px;border:1px solid #dce8ed;border-radius:10px;overflow:hidden;background:#fff}.daily-flow-strip>div{position:relative;display:flex;align-items:center;gap:7px;padding:9px 11px;color:#78909b}.daily-flow-strip>div:not(:last-child){border-right:1px solid #e6edf1}.daily-flow-strip b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef3f5;color:#78909b;font-size:8px}.daily-flow-strip span{font-size:7.5px;font-weight:850}.daily-flow-strip .done b{background:#16a28b;color:#fff}.daily-flow-strip .done{color:#317462;background:#f4fbf8}.daily-flow-strip .overdue b{background:#d95662;color:#fff}.daily-flow-strip .overdue{background:#fff4f5;color:#9b3e47}.daily-attendance-card,.daily-eod-card{margin-bottom:10px}.gps-state{display:flex;align-items:center;gap:6px;border:1px solid #dbe6eb;border-radius:999px;padding:5px 8px;background:#f7fafb}.gps-state i{width:7px;height:7px;border-radius:50%;background:#d4a637}.gps-state.ok i{background:#2ca16c}.gps-state span{font-size:6.8px;color:#6d8592;font-weight:800}.daily-task-attendance-list{display:grid;gap:8px;padding:11px}.daily-task-block{border:1px solid #dce7ec;border-radius:10px;overflow:hidden;background:#fff}.daily-task-block>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:#f4f9fb;border-bottom:1px solid #e3edf1}.daily-task-block>header div{display:grid;gap:1px}.daily-task-block>header small{font-size:6.4px;color:#0b7890;font-weight:900}.daily-task-block>header strong{font-size:9px;color:#174961}.daily-task-block>header>span{font-size:6.7px;color:#7c909a}.attendance-worker-row{display:grid;grid-template-columns:34px minmax(170px,1fr) minmax(155px,.55fr) minmax(180px,.7fr);gap:7px;align-items:center;padding:7px 10px;border-bottom:1px solid #edf2f4}.attendance-worker-row:last-child{border-bottom:0}.attendance-worker-row.temp{background:#fbfaf6}.daily-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e7f5f8;color:#12758d;font-size:8px;font-weight:900}.daily-avatar.temp{background:#fff0d7;color:#9b681e}.attendance-worker{display:grid;min-width:0}.attendance-worker strong{font-size:8.5px;color:#17475f}.attendance-worker small{font-size:6.4px;color:#82949d;overflow-wrap:anywhere}.attendance-worker-row select{width:100%;min-width:0;height:35px;border:1px solid #d6e3e9;border-radius:7px;background:#fff;padding:0 7px;font-size:7.5px}.temp-worker-inline{padding:7px 10px;background:#fafcfd}.temp-worker-inline summary{cursor:pointer;font-size:7px;font-weight:850;color:#0c6f8f}.temp-worker-grid{display:flex;gap:7px;margin-top:6px;font-size:7px;color:#788d97}.temp-worker-grid input{height:31px;border:1px solid #d7e4e9;border-radius:7px;padding:0 7px}.geofence-exception{padding:0 11px 9px;display:grid;gap:4px}.geofence-exception label{font-size:7px;font-weight:850;color:#536f7e}.geofence-exception label small{font-weight:500;color:#87979f}.geofence-exception input{height:37px;border:1px solid #d7e4e9;border-radius:8px;padding:0 9px}.daily-submit-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:9px 11px;border-top:1px solid #e6edf1;background:#f8fbfc}.daily-submit-bar span{font-size:6.7px;color:#7b8e98}.temp-helper-section{padding:10px 11px;border-top:1px solid #e6edf1}.temp-helper-section h3{font-size:9px;margin:0 0 7px;color:#174961}.temp-helper-form{display:grid;grid-template-columns:minmax(220px,1.1fr) 1fr .65fr .55fr auto;gap:6px}.temp-helper-form input,.temp-helper-form select{min-width:0;height:36px;border:1px solid #d5e3e9;border-radius:7px;background:#fff;padding:0 8px;font-size:7.5px}.eod-task-list{display:grid;gap:7px;padding:10px}.eod-task-card{border:1px solid #dce7ec;border-radius:10px;overflow:hidden;background:#fff}.eod-task-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#f7fafb}.eod-task-card>summary::-webkit-details-marker{display:none}.eod-task-card>summary>div{display:grid}.eod-task-card>summary small{font-size:6px;color:#0b768e;font-weight:900}.eod-task-card>summary strong{font-size:8.5px;color:#17475f}.eod-task-card>summary>div:last-child{justify-items:end;display:flex;align-items:center;gap:6px}.eod-task-card>summary span{font-size:6.5px;color:#748b96}.eod-task-card>summary b{font-size:6.2px;border-radius:999px;padding:4px 6px;background:#fff1df;color:#966214}.eod-task-card>summary b.eod-complete{background:#e9f7ee;color:#337b50}.eod-form{padding:10px;border-top:1px solid #e7eef2}.eod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.eod-grid .full{grid-column:1/-1}.daily-hours-box,.material-usage-box,.site-proof-box{margin-top:8px;padding:9px;border:1px solid #e1e9ed;border-radius:8px;background:#f9fbfc}.daily-hours-box h4,.material-usage-box h4,.site-proof-box h4{font-size:7.5px;margin:0 0 6px;color:#365f72}.daily-hours-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.daily-hours-grid label{display:grid;grid-template-columns:minmax(0,1fr) 76px 25px;align-items:center;gap:5px;padding:6px;background:#fff;border:1px solid #e3ebef;border-radius:7px}.daily-hours-grid span{font-size:7px;color:#3f6272;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-hours-grid input{height:31px;border:1px solid #d5e2e8;border-radius:6px;padding:0 6px}.daily-hours-grid small{font-size:6px;color:#82949d}.material-use-line{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(120px,.55fr);gap:6px;margin-bottom:5px}.material-use-line select,.material-use-line input{min-width:0;height:33px;border:1px solid #d5e3e9;border-radius:6px;background:#fff;padding:0 7px;font-size:7px}.daily-photo-strip{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.daily-photo-strip a{display:grid;gap:1px;min-width:100px;max-width:180px;padding:6px 7px;border:1px solid #d7e6ec;border-radius:7px;background:#fff}.daily-photo-strip a span{font-size:7px;font-weight:900;color:#0d7890}.daily-photo-strip a small{font-size:5.8px;color:#7f919b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-proof-box input[type=file]{font-size:7px}.site-proof-box>small{display:block;margin-top:4px;font-size:6.2px;color:#7c909a}.daily-close-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:15px;align-items:center;padding:14px;border-top:3px solid #0d98a5}.daily-close-card h2{font-size:14px;margin:2px 0;color:#16475f}.daily-close-card p{font-size:7.5px;color:#748a95}.daily-close-card form{display:grid;gap:6px}.daily-close-card input{height:36px;border:1px solid #d5e2e8;border-radius:7px;padding:0 8px}.daily-closed-banner{font-size:9px}.daily-management-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.site-live-map-card{margin-bottom:10px}.site-geo-board{position:relative;height:300px;margin:10px 12px 13px;border:1px solid #d8e6eb;border-radius:10px;background:linear-gradient(135deg,#f5fbfd,#eef7f5);overflow:hidden}.geo-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(23,83,110,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,83,110,.05) 1px,transparent 1px);background-size:36px 36px}.site-geo-pin{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:3px;z-index:2}.site-geo-pin i{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#8397a1;border:3px solid #fff;box-shadow:0 4px 10px rgba(18,66,90,.18)}.site-geo-pin span{font-size:5.8px;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.95);color:#315d70;font-weight:900;white-space:nowrap}.site-geo-pin.status-closed i{background:#2ca26c}.site-geo-pin.status-overdue i{background:#d85562}.site-geo-pin.status-in_progress i{background:#159aac}.site-geo-pin.status-attendance_marked i{background:#557dc1}.daily-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.daily-site-card{display:block;border:1px solid #dce7ec;border-radius:10px;padding:10px;background:#fff;min-width:0}.daily-site-card.status-overdue{border-color:#ecc8cc;background:#fff8f8}.daily-site-card.status-closed{border-color:#d1ead9;background:#f9fdfb}.daily-site-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.daily-site-card header>div{display:grid}.daily-site-card header small{font-size:5.8px;color:#788d98}.daily-site-card header strong{font-size:7.6px;color:#0c718c}.daily-site-card h3{font-size:9.5px;margin:8px 0 2px;color:#17465e}.daily-site-card p{font-size:7px;color:#7b8f99;margin:0}.site-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.site-card-meta span{padding:6px;background:#f3f7f9;border-radius:7px;font-size:6px;color:#758a95}.site-card-meta b{display:block;font-size:10px;color:#17516d}.daily-site-card footer{display:flex;justify-content:space-between;gap:6px;padding-top:7px;border-top:1px solid #e8eef1;font-size:6.2px;color:#728893}.daily-day-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:8px}.daily-day-summary>div{padding:9px;border:1px solid #dce7ec;border-radius:8px;background:#fff}.daily-day-summary small{display:block;font-size:5.8px;text-transform:uppercase;color:#85959d;font-weight:850}.daily-day-summary strong{display:block;font-size:8px;color:#184a62;margin-top:2px}.gps-audit-strip{display:flex;gap:8px;flex-wrap:wrap;padding:7px 9px;margin-bottom:8px;border-radius:8px;background:#eef8fb;border:1px solid #d5e8ee}.gps-audit-strip span{font-size:6.4px;color:#4f7484}.daily-log-stack{display:grid;gap:8px}.daily-log-task{margin:0}.daily-log-columns{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:8px;padding:10px}.daily-log-columns>div{min-width:0}.daily-log-columns h3{font-size:7.5px;color:#3a6071;margin:0 0 6px}.daily-log-columns p{font-size:7.4px;color:#506f7d;line-height:1.5}.daily-readonly-list{display:grid;gap:4px}.daily-readonly-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:6px;border:1px solid #e2ebef;border-radius:7px;background:#fafcfd}.daily-readonly-list strong{font-size:7px;color:#214f64}.daily-readonly-list small{grid-column:1/-1;font-size:6px;color:#81939c}.eod-readonly-meta,.material-readonly-list{display:flex;flex-wrap:wrap;gap:4px}.eod-readonly-meta span,.material-readonly-list span{font-size:6.2px;padding:4px 6px;border-radius:5px;background:#f1f6f8;color:#627d89}.geofence-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.geofence-card{margin:0}.geofence-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:10px}.geofence-card .actions{padding:0 10px 10px}.performance-month-filter{display:flex;align-items:end;gap:7px;margin-bottom:9px}.performance-month-filter label{display:grid;gap:3px;font-size:7px;font-weight:850;color:#607b88}.performance-month-filter input{height:38px;border:1px solid #d5e2e8;border-radius:8px;padding:0 8px}.performance-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.performance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.performance-card{border:1px solid #dce7ec;border-radius:10px;padding:10px;background:#fff;min-width:0}.performance-card.tone-green{border-top:3px solid #46a671}.performance-card.tone-amber{border-top:3px solid #d7a134}.performance-card.tone-red{border-top:3px solid #d45b66}.performance-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.performance-card header>div{display:flex;align-items:center;gap:8px;min-width:0}.score-ring{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:#edf4f7;color:#315d73}.score-ring.green{background:#e7f7ed;color:#2f7d4e}.score-ring.amber{background:#fff3df;color:#91621b}.score-ring.red{background:#fff0f1;color:#a3424c}.performance-card header strong{font-size:9px;color:#174860}.performance-card header small{display:block;font-size:6.3px;color:#81939c;margin-top:2px}.performance-tone{font-size:5.8px;font-weight:900;color:#84949c}.performance-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.performance-metric-grid>div{padding:7px;background:#f7fafb;border-radius:7px}.performance-metric-grid small{display:block;font-size:5.5px;color:#82949c}.performance-metric-grid strong{display:block;font-size:9px;margin-top:2px}.performance-metric-grid strong.green{color:#2f8153}.performance-metric-grid strong.amber{color:#9a681f}.performance-metric-grid strong.red{color:#aa4651}.performance-detail-strip{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.performance-detail-strip span{font-size:5.8px;padding:4px 5px;background:#eef5f7;border-radius:5px;color:#64808b}.performance-card footer{display:flex;justify-content:space-between;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid #e8eef1;font-size:6.3px;color:#778c96}.performance-card footer strong{color:#a34952}.performance-formula-note{display:flex;gap:7px;flex-wrap:wrap;padding:9px 11px;margin-top:9px;border:1px solid #dbe7ec;border-radius:9px;background:#f7fafb;font-size:6.5px;color:#687f8b}.performance-formula-note strong{color:#174b64}.btn.critical,.analytics-kpi.critical{border-color:#edc8cc}.geofence-card .domain-pill{white-space:nowrap}
@media(max-width:1180px){.daily-site-grid,.performance-card-grid{grid-template-columns:repeat(2,1fr)}.attendance-worker-row{grid-template-columns:34px minmax(160px,1fr) minmax(145px,.6fr)}.attendance-worker-row .reassign-select{grid-column:2/-1}.temp-helper-form{grid-template-columns:1fr 1fr 1fr}.temp-helper-form .btn{grid-column:1/-1}.daily-hours-grid{grid-template-columns:repeat(2,1fr)}.daily-log-columns{grid-template-columns:1fr 1fr}.daily-log-columns>div:last-child{grid-column:1/-1}}
@media(max-width:900px){.daily-management-kpis,.performance-kpis{grid-template-columns:repeat(3,1fr)}.daily-day-summary{grid-template-columns:repeat(2,1fr)}.geofence-card-grid{grid-template-columns:1fr}.daily-close-card{grid-template-columns:1fr}.eod-grid{grid-template-columns:1fr 1fr}.eod-grid .full{grid-column:1/-1}.material-use-line{grid-template-columns:1fr 90px}.material-use-line input:last-child{grid-column:1/-1}}
@media(max-width:650px){.daily-ops-mobile{padding-left:7px;padding-right:7px}.daily-project-selector{grid-template-columns:1fr}.daily-status-hero{align-items:flex-start;flex-direction:column}.daily-status-hero>div:last-child{justify-items:start}.daily-flow-strip{grid-template-columns:1fr 1fr}.daily-flow-strip>div:nth-child(2){border-right:0}.daily-flow-strip>div{border-bottom:1px solid #e6edf1}.attendance-worker-row{grid-template-columns:32px 1fr}.attendance-worker-row select,.attendance-worker-row .reassign-select{grid-column:2}.temp-helper-form{grid-template-columns:1fr}.daily-hours-grid{grid-template-columns:1fr}.eod-grid{grid-template-columns:1fr}.eod-grid .full{grid-column:auto}.material-use-line{grid-template-columns:1fr}.material-use-line input:last-child{grid-column:auto}.daily-management-kpis,.performance-kpis{grid-template-columns:repeat(2,1fr)}.daily-site-grid,.performance-card-grid{grid-template-columns:1fr}.site-geo-board{height:240px}.daily-log-columns{grid-template-columns:1fr}.daily-log-columns>div:last-child{grid-column:auto}.performance-metric-grid{grid-template-columns:1fr 1fr}.geofence-form-grid{grid-template-columns:1fr}}


/* ==========================================================
   V5.9 Unified Application Workflow Notification Center
   ========================================================== */
.notification-menu{position:relative}.notification-bell{position:relative}.notification-count{position:absolute;right:3px;top:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#df4d5b;color:#fff;border:2px solid #fff;font-size:6px;font-weight:900;line-height:1}.notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:min(410px,calc(100vw - 20px));background:#fff;border:1px solid #d7e4ea;border-radius:13px;box-shadow:0 22px 60px rgba(8,48,72,.18);overflow:hidden}.notification-dropdown-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;background:linear-gradient(135deg,#f8fcfd,#eff8fa);border-bottom:1px solid #e1eaee}.notification-dropdown-head h3{margin:1px 0 0;font-size:13px;color:#123e59}.notification-dropdown-head button{border:0;background:transparent;color:#08738e;font-size:7px;font-weight:850;cursor:pointer}.notification-dropdown-list{max-height:470px;overflow:auto}.notification-dropdown-item{display:grid;grid-template-columns:31px 1fr;gap:9px;padding:10px 12px;border-bottom:1px solid #edf2f4;color:inherit;text-decoration:none;position:relative}.notification-dropdown-item:hover{background:#f8fbfc}.notification-dropdown-item.unread{background:#f2f9fc}.notification-dropdown-item.unread:after{content:"";position:absolute;right:9px;top:12px;width:6px;height:6px;border-radius:50%;background:#0b9ead}.notification-module-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#edf6f9;color:#126e8d;font-size:8px;font-weight:900}.notification-dropdown-item.severity-critical .notification-module-icon,.notification-center-row.severity-critical .notification-module-icon{background:#fff0f1;color:#b54351}.notification-dropdown-item.severity-warning .notification-module-icon,.notification-center-row.severity-warning .notification-module-icon{background:#fff6e5;color:#a26b19}.notification-dropdown-item.severity-success .notification-module-icon,.notification-center-row.severity-success .notification-module-icon{background:#eaf8ef;color:#3a8258}.notification-dropdown-item small{display:block;font-size:6.3px;color:#81939c;text-transform:uppercase}.notification-dropdown-item strong{display:block;margin-top:2px;font-size:8.5px;color:#194a64;padding-right:12px}.notification-dropdown-item p{margin:2px 0 0;font-size:7px;color:#667f8c;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-dropdown-foot{padding:8px 11px;background:#f8fbfc;text-align:center}.notification-dropdown-foot a{font-size:7.5px;font-weight:850}.notification-dropdown-empty{padding:32px 15px;text-align:center;color:#7d909a;font-size:8px}
.notification-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.notification-filter-row a{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;border:1px solid #dce7ec;background:#fff;font-size:7px;font-weight:800;color:#567483}.notification-filter-row a.active{background:#eaf7f9;border-color:#bfe2e6;color:#0c7285}.notification-filter-row b{min-width:18px;padding:2px 5px;border-radius:999px;background:#edf2f4;text-align:center;color:#395f72}.notification-center-card{background:#fff;border:1px solid #d8e5ea;border-radius:12px;overflow:hidden}.notification-center-row{display:grid;grid-template-columns:38px minmax(0,1fr) 25px;gap:10px;align-items:start;padding:12px 14px;border-bottom:1px solid #eaf0f3;color:inherit;text-decoration:none}.notification-center-row:last-child{border-bottom:0}.notification-center-row:hover{background:#f8fbfc}.notification-center-row.unread{background:linear-gradient(90deg,#f0f9fc,#fff)}.notification-center-row .notification-module-icon{width:38px;height:38px}.notification-meta{display:flex;justify-content:space-between;gap:10px}.notification-meta span{font-size:6.5px;text-transform:uppercase;font-weight:900;color:#6c8794}.notification-meta time{font-size:6.5px;color:#8798a1}.notification-center-row strong{display:block;font-size:10px;color:#164861;margin-top:3px}.notification-center-row p{font-size:7.8px;color:#657e8b;margin:3px 0 0;line-height:1.45}.notification-row-arrow{align-self:center;color:#8ca1ab;font-size:13px}.notification-empty{padding:50px 20px;display:grid;gap:4px}.notification-empty strong{color:#345c70}.app-notification-toasts{position:fixed;right:18px;top:90px;z-index:2000;display:grid;gap:7px;width:min(360px,calc(100vw - 30px));pointer-events:none}.app-notification-toast{display:grid;gap:3px;padding:10px 12px;border:1px solid #d8e5ea;border-left:4px solid #3193b1;border-radius:9px;background:#fff;box-shadow:0 14px 40px rgba(10,50,75,.18);opacity:0;transform:translateX(20px);transition:.22s ease;color:inherit;text-decoration:none;pointer-events:auto}.app-notification-toast.show{opacity:1;transform:none}.app-notification-toast.severity-critical{border-left-color:#d84c5a}.app-notification-toast.severity-warning{border-left-color:#df9c2b}.app-notification-toast span{font-size:8.5px;font-weight:900;color:#174862}.app-notification-toast small{font-size:7px;color:#69818e;line-height:1.35}@media(max-width:700px){.notification-dropdown{position:fixed;left:6px;right:6px;top:70px;width:auto}.notification-center-row{grid-template-columns:34px 1fr}.notification-row-arrow{display:none}.notification-meta{display:grid;gap:2px}.app-notification-toasts{left:10px;right:10px;top:75px;width:auto}}


/* ==========================================================
   V5.10 Item Master + Material Requisition Workflow
   ========================================================== */
.item-master-page,.material-request-page,.material-new-page,.material-request-detail{padding-top:18px}
.item-master-kpis,.material-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.item-master-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.65fr);gap:12px;margin-bottom:12px;align-items:start}
.item-master-form-body,.item-import-body,.material-submit-body{padding:13px 15px}
.item-code-example{display:grid;gap:5px;padding:11px;margin-bottom:12px;border:1px solid #dbe7ec;border-radius:10px;background:linear-gradient(135deg,#f6fbfd,#f3faf7)}
.item-code-example strong{font-size:9px;color:#164d68}
.item-code-example code{padding:7px 9px;border-radius:7px;background:#123f59;color:#fff;font-size:9px}
.item-code-example span{font-size:7px;color:#728894}
.item-master-filter{grid-template-columns:minmax(320px,1.5fr) .65fr .5fr auto auto}
.item-master-table .mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0a6393;font-weight:900}
.domain-chip{display:inline-flex;padding:5px 7px;border-radius:999px;background:#eef5f8;color:#446b7d;font-size:6.5px;font-weight:900}
.domain-hvac{background:#e9f6ff;color:#2873a3}.domain-elv{background:#f0edff;color:#6554a6}.domain-fire{background:#fff0ee;color:#a95748}.domain-gar{background:#fff6e7;color:#9b6b21}.domain-gen{background:#eef9f2;color:#397d56}
.row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}

/* New request context */
.material-context-card,.material-catalog-picker,.material-submit-card{margin-bottom:12px}
.material-context-grid{grid-template-columns:.55fr 1.45fr}
.material-domain-banner{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d3e8e7;border-radius:9px;background:#eff9f7}
.material-domain-banner span{font-size:6.5px;text-transform:uppercase;color:#708b8b;font-weight:900}.material-domain-banner strong{font-size:10px;color:#167b78}.material-domain-banner small{font-size:7px;color:#668a80}
.material-search-box{position:relative;padding:12px 14px;border-bottom:1px solid #e6eef1}
.material-search-box>input{width:100%;height:44px;border:1px solid #cbdde5;border-radius:9px;padding:0 12px;font-size:9px}
.material-search-results{position:absolute;left:14px;right:14px;top:58px;z-index:60;max-height:330px;overflow:auto;border:1px solid #cedfe6;border-radius:10px;background:#fff;box-shadow:0 18px 45px rgba(11,61,88,.18)}
.material-search-results button{display:grid;width:100%;grid-template-columns:165px 1fr auto;gap:8px;align-items:center;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #edf2f4;background:#fff;cursor:pointer}
.material-search-results button:hover{background:#f1fafb}.material-search-results button>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0b6e98;font-size:7px;font-weight:900}.material-search-results button>strong{font-size:8px;color:#194b65}.material-search-results button>small{font-size:6.5px;color:#7d9099}
.material-selected-lines{padding:8px 14px 14px}
.material-line{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(270px,1.4fr) 110px 90px 145px 30px;gap:7px;align-items:end;padding:9px 0;border-bottom:1px solid #e8eef1}
.material-line-item{display:grid;align-self:center}.material-line-item>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0b6e98;font-size:7px;font-weight:900}.material-line-item>strong{font-size:8.5px;color:#174961}.material-line-item>small{font-size:6.5px;color:#7d9099}
.material-line .form-group{margin:0}.material-line textarea{min-height:58px}.material-line-remove{width:29px;height:36px;border:1px solid #eed5d8;border-radius:7px;background:#fff2f3;color:#a6424e;font-size:16px;cursor:pointer}
.material-submit-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.material-submit-footer span{font-size:8px;color:#6c838f}

/* Register */
.material-filter{grid-template-columns:minmax(360px,1.5fr) .65fr auto auto}
.material-request-list{padding:8px 14px 14px}
.material-request-row{display:grid;grid-template-columns:190px minmax(300px,1fr) 65px 65px 150px 28px;gap:9px;align-items:center;padding:10px 5px;border-bottom:1px solid #e8eef1;color:inherit}
.material-request-row:hover{background:#f8fbfc}.material-request-code{display:grid}.material-request-code>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0a6592;font-weight:900;font-size:8px}.material-request-code small{font-size:6px;color:#82939c}
.material-request-context{display:grid;min-width:0}.material-request-context strong{font-size:8.5px;color:#17475f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-request-context span{font-size:6.5px;color:#80919a}
.material-request-metric{display:grid;text-align:center}.material-request-metric strong{font-size:11px;color:#0b6595}.material-request-metric span{font-size:6px;color:#81949d}.row-arrow{font-size:15px;color:#87a0ac}

/* Detail pipeline */
.material-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:12px;border:1px solid #dce7ec;border-radius:11px;background:#fff;overflow:hidden}
.material-pipeline-step{position:relative;display:flex;gap:8px;align-items:center;padding:11px 12px;border-right:1px solid #e4ecef}.material-pipeline-step:last-child{border-right:0}
.material-pipeline-step i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef3f5;color:#7c909a;font-style:normal;font-size:8px;font-weight:900}
.material-pipeline-step strong{display:block;font-size:8px;color:#657c87}.material-pipeline-step span{display:block;font-size:6px;color:#94a2a8;margin-top:2px}
.material-pipeline-step.done{background:#f4fbf7}.material-pipeline-step.done i{background:#dff4e8;color:#38825a}.material-pipeline-step.done strong{color:#397b57}
.material-pipeline-step.current{background:#eef9fb}.material-pipeline-step.current i{background:#0c95a5;color:#fff}.material-pipeline-step.current strong{color:#136f80}
.material-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px;align-items:start}.material-actions-side{display:grid;gap:12px;position:sticky;top:82px}.material-meta{grid-template-columns:repeat(3,1fr)}
.material-note{margin:0 14px 14px;padding:10px;border-radius:9px;background:#f8fafb;border:1px solid #e3ebee}.material-note strong{font-size:8px;color:#315a6f}.material-note p{font-size:8px;color:#617b88;margin:4px 0 0}
.workflow-action-card{border-top:3px solid #6daac8}.workflow-action-card.approval{border-top-color:#6b87ca}.workflow-action-card.dispatch{border-top-color:#db9b35}.workflow-action-card.verify{border-top-color:#50a775}
.dispatch-qty-list{display:grid;gap:5px;margin:10px 0}.dispatch-qty-list label{display:grid;grid-template-columns:minmax(0,1fr) 95px 35px;gap:6px;align-items:center;padding:6px 7px;border-radius:7px;background:#f6fafb}.dispatch-qty-list span{font-size:7px;color:#496d7d}.dispatch-qty-list input{height:32px}.dispatch-qty-list small{font-size:6.5px;color:#7c9099}
.material-audit-list{display:grid;position:relative}.material-audit-list>div{position:relative;padding:3px 0 12px 20px;border-left:1px solid #d8e7eb;margin-left:5px}.material-audit-list>div:last-child{border-left-color:transparent}.material-audit-list i{position:absolute;width:9px;height:9px;border-radius:50%;background:#18a1a6;left:-5px;top:4px}.material-audit-list strong{display:block;font-size:8px;color:#315e72}.material-audit-list small,.material-audit-list span{display:block;font-size:6.3px;color:#81929a;margin-top:1px}.material-audit-list p{font-size:7px;color:#617b88;margin:3px 0 0}

@media(max-width:1200px){
 .item-master-console,.material-detail-grid{grid-template-columns:1fr}.material-actions-side{position:static}
 .material-line{grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr) 100px 90px 140px 30px}
}
@media(max-width:900px){
 .item-master-kpis,.material-kpis,.material-pipeline{grid-template-columns:repeat(2,1fr)}
 .material-pipeline-step:nth-child(2){border-right:0}.material-pipeline-step{border-bottom:1px solid #e4ecef}
 .material-context-grid,.material-meta{grid-template-columns:1fr}
 .material-line{grid-template-columns:1fr 1fr}.material-line-item,.material-spec{grid-column:1/-1}.material-line-remove{align-self:end}
 .material-request-row{grid-template-columns:150px minmax(0,1fr) 55px 120px 25px}.material-request-metric:nth-of-type(4){display:none}
}
@media(max-width:650px){
 .item-master-kpis,.material-kpis,.material-pipeline{grid-template-columns:1fr}
 .item-master-filter,.material-filter{grid-template-columns:1fr}
 .material-search-results button{grid-template-columns:1fr}.material-line{grid-template-columns:1fr}.material-line-item,.material-spec{grid-column:auto}
 .material-request-row{grid-template-columns:1fr auto}.material-request-metric{display:none}.material-request-context{grid-column:1/-1}.material-request-code{grid-column:1}.material-request-row .badge{grid-column:2;grid-row:1}.row-arrow{display:none}
 .material-submit-footer{align-items:stretch;flex-direction:column}
}


/* ==========================================================
   V5.11 Action Center / Notification-as-a-Task
   ========================================================== */
.action-bell{position:relative}.notification-info-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#2f88d4;right:5px;bottom:5px;box-shadow:0 0 0 2px #fff}
.action-dropdown{width:min(430px,calc(100vw - 20px))}
.notification-dropdown-head small{display:block;font-size:6.5px;color:#788f9a;margin-top:2px}.notification-dropdown-head small b{color:#0b6f91}
.notification-dropdown-item{display:block!important;padding:0!important}.notification-dropdown-item>a:first-child{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:9px 10px;color:inherit}.notification-dropdown-item.actionable{border-left:3px solid #d69627;background:#fffdf8}
.notification-inline-action{display:block;padding:6px 10px 8px 48px!important;border-top:1px solid #edf1f2!important;color:#087399!important;font-size:7px!important;font-weight:900!important}
.notification-dropdown-foot{display:flex;justify-content:space-between;align-items:center}.notification-dropdown-foot a{white-space:nowrap}

.action-center-head-kpis{display:flex;gap:7px;flex-wrap:wrap}.action-center-head-kpis span{padding:7px 9px;border:1px solid #d7e5ea;border-radius:999px;background:#fff;font-size:7px;color:#617b88}.action-center-head-kpis b{font-size:10px;color:#0c6d8e}
.action-center-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.action-center-tabs a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #dbe6eb;border-radius:9px;background:#fff;color:#4d6f7e;font-size:8px;font-weight:850}.action-center-tabs a.active{background:linear-gradient(135deg,#eaf7fa,#eef9f5);border-color:#95ccd3;color:#0b7383}.action-center-tabs b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#f1f5f7;color:#315f74}
.action-module-filter{display:flex!important;flex-wrap:wrap;gap:5px;padding:7px!important;background:transparent!important;border:0!important}.action-module-filter a{padding:6px 8px;border:1px solid #dbe5e9;border-radius:999px;background:#fff;font-size:6.8px;color:#607b88}.action-module-filter a.active{background:#155b78;color:#fff;border-color:#155b78}
.action-center-list{display:grid;gap:7px}
.action-card{border:1px solid #dbe6eb;border-left:4px solid #8aadb9;border-radius:10px;background:#fff;box-shadow:0 4px 13px rgba(16,57,80,.035);overflow:hidden}.action-card.severity-critical{border-left-color:#d74e59}.action-card.severity-warning{border-left-color:#d89c2d}.action-card.severity-success{border-left-color:#4ca876}.action-card.actionable{background:linear-gradient(135deg,#fff,#fffcf5)}.action-card.completed{opacity:.76;background:#f7faf9}
.action-card-main{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:0;background:transparent;padding:11px 12px;cursor:pointer}.action-card-main .notification-module-icon{width:36px;height:36px}.action-card-main strong{display:block;font-size:9.5px;color:#174862}.action-card-main p{font-size:7.5px;color:#687f8b;margin:3px 0 0}.action-state{padding:5px 7px;border-radius:999px;background:#fff2dc;color:#956019;font-size:6.2px;font-weight:900;white-space:nowrap}.action-card.completed .action-state{background:#e6f5eb;color:#367954}.action-card.informational .action-state{background:#eaf3f8;color:#4c7183}
.action-card-actions{display:flex;gap:6px;align-items:center;padding:0 12px 10px 60px}
.notification-meta em{font-style:normal;padding:3px 5px;border-radius:999px;background:#fff0e1;color:#9e681f;font-size:5.8px;font-weight:900}

.action-drawer{position:fixed;inset:0;z-index:1700}.action-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(9,34,49,.38);backdrop-filter:blur(2px)}.action-drawer aside{position:absolute;right:0;top:0;bottom:0;width:min(470px,96vw);background:#fff;box-shadow:-18px 0 48px rgba(7,37,54,.2);display:flex;flex-direction:column}.action-drawer header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e0e8ec;background:#f5fafb}.action-drawer header>div{display:grid}.action-drawer header strong{font-size:11px;color:#154660}.action-drawer header>button{width:30px;height:30px;border:1px solid #d6e2e7;border-radius:8px;background:#fff;font-size:17px;color:#597581}.action-drawer [data-action-drawer-body]{padding:18px;overflow:auto}.action-drawer-content h2{font-size:17px;color:#143f58;margin:5px 0 8px}.action-drawer-content>p{font-size:9px;line-height:1.55;color:#587280}.action-drawer-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.action-drawer-meta span{padding:7px;border:1px solid #dce7eb;border-radius:8px;font-size:6px;color:#728792}.action-drawer-meta b{display:block;margin-top:2px;font-size:7px;color:#284f64}.action-drawer-open{overflow:hidden}

/* Executive Critical Escalations */
.executive-critical-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;padding:13px 15px;border:1px solid #efc9cc;border-left:5px solid #cf4652;border-radius:11px;background:linear-gradient(135deg,#fff6f6,#fff)}.executive-critical-banner strong{display:block;font-size:12px;color:#9e343e;margin:2px 0}.executive-critical-banner p{font-size:7.5px;color:#7d6669;margin:0}
.escalation-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.critical-escalation-panel{display:grid;gap:8px}.critical-escalation-card{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(350px,.8fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid #ebd1d4;border-left:5px solid #d34a55;border-radius:11px;background:#fff8f8}.critical-escalation-card.level-3{background:linear-gradient(135deg,#fff1f1,#fff);border-left-color:#b92837}.escalation-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffe4e6;color:#b52f3a;font-size:17px;font-weight:950}.escalation-copy strong{display:block;font-size:9.5px;color:#8f3038}.escalation-copy p{font-size:7.5px;color:#6b6c70;margin:3px 0}.escalation-copy>small{font-size:6.3px;color:#899399}.escalation-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.variance-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.variance-actions input{height:31px;min-width:150px}

@media(max-width:1050px){
 .critical-escalation-card{grid-template-columns:38px 1fr}.escalation-actions{grid-column:2;justify-content:flex-start}.escalation-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .action-center-tabs{grid-template-columns:1fr}.action-card-main{grid-template-columns:34px 1fr}.action-state{grid-column:2;justify-self:start}.action-card-actions{padding-left:54px;flex-wrap:wrap}.action-drawer-meta{grid-template-columns:1fr}.escalation-kpis{grid-template-columns:1fr}.critical-escalation-card{grid-template-columns:1fr}.escalation-actions{grid-column:auto}.executive-critical-banner{align-items:flex-start;flex-direction:column}
}


/* ==========================================================
   V5.12 Material Request Grid + PDF Voucher
   ========================================================== */
.material-grid-v12{padding-bottom:92px}
.section-number{display:inline-grid;place-items:center;min-width:25px;height:22px;padding:0 6px;margin-right:5px;border-radius:7px;background:#e5f4f9;color:#096c91;font-size:7px;font-weight:950}
.material-context-preview{display:grid;grid-template-columns:.65fr 1.35fr .8fr;gap:6px;border:1px solid #d6e9e8;border-radius:9px;padding:7px;background:linear-gradient(135deg,#f1fbf9,#f5fafc)}
.material-context-preview>div{min-width:0;padding:5px 7px;border-right:1px solid #dce9eb}.material-context-preview>div:last-child{border-right:0}
.material-context-preview small{display:block;font-size:5.8px;text-transform:uppercase;color:#789097;font-weight:900}.material-context-preview strong{display:block;font-size:8px;color:#14566d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-context-preview span{display:block;font-size:6.3px;color:#718994;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.material-entry-table-wrap{width:100%;overflow-x:auto;overflow-y:visible;padding:8px 10px 0}
.material-entry-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;border:1px solid #dbe6eb;border-radius:9px;overflow:hidden;background:#fff}
.material-entry-table thead th{padding:8px;background:#edf5f8;border-bottom:1px solid #d5e3e8;color:#345f72;font-size:6.3px;text-transform:uppercase;letter-spacing:.02em;text-align:left}
.material-entry-table thead th:nth-child(1){width:30%}.material-entry-table thead th:nth-child(2){width:31%}.material-entry-table thead th:nth-child(3){width:16%}.material-entry-table thead th:nth-child(4){width:16%}.material-entry-table thead th:nth-child(5){width:46px}
.material-entry-row td{vertical-align:top;padding:7px;border-bottom:1px solid #e8eef1;background:#fff}.material-entry-row:last-child td{border-bottom:0}.material-entry-row:hover td{background:#fbfdfe}
.material-entry-row input,.material-entry-row select,.material-entry-row textarea{width:100%;box-sizing:border-box;border:1px solid #d1dfe5;border-radius:7px;background:#fff;font-size:7.5px;color:#244c61}
.material-entry-row input,.material-entry-row select{height:34px;padding:0 8px}.material-entry-row textarea{height:58px;min-height:58px;resize:vertical;padding:7px}
.material-row-search{position:relative}.material-row-search input{padding-right:95px}.material-row-state{position:absolute;right:6px;top:7px;padding:4px 6px;border-radius:999px;background:#eef6f8;color:#68838e;font-size:5.6px;font-weight:900;pointer-events:none}
.material-selected-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;margin-top:5px;padding:5px 6px;border:1px solid #d7e8e8;border-radius:7px;background:#f3faf9}
.material-selected-item span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;color:#0a6b91;font-weight:900}.material-selected-item strong{font-size:6.8px;color:#285a6d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-selected-item small{grid-column:1/-1;font-size:5.5px;color:#789099}
.material-custom-link{margin-top:4px;font-size:6.5px!important}.qty-uom{display:grid;grid-template-columns:.7fr 1fr;gap:5px}
.material-line-actions button{width:31px;height:34px;border:1px solid #ecd3d7;border-radius:7px;background:#fff2f3;color:#a6414d;font-size:15px;font-weight:900;cursor:pointer}
.material-grid-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px 11px}.material-grid-footer span{font-size:6.5px;color:#718791}.material-grid-footer b{color:#0a6e91}
.field-invalid{border-color:#d84d59!important;background:#fff5f6!important;box-shadow:0 0 0 2px rgba(211,65,78,.08)!important}.has-error{position:relative}

.material-search-portal{position:fixed;z-index:1900;max-height:330px;overflow:auto;border:1px solid #cadde4;border-radius:9px;background:#fff;box-shadow:0 18px 48px rgba(8,51,74,.2)}
.material-search-portal button{display:grid;width:100%;grid-template-columns:145px minmax(180px,1fr) auto;gap:8px;align-items:center;text-align:left;padding:9px 10px;border:0;border-bottom:1px solid #edf2f4;background:#fff;cursor:pointer}.material-search-portal button:hover{background:#eef9fa}
.material-search-portal button span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6.3px;color:#08709a;font-weight:900}.material-search-portal button strong{font-size:7.5px;color:#1f5269}.material-search-portal button small{font-size:5.8px;color:#7b9099}
.material-search-loading,.material-search-empty{padding:14px;font-size:7px;color:#69828d}.material-search-empty strong{display:block;font-size:8px;color:#315d70}.material-search-empty span{display:block;margin-top:3px}

.material-custom-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center}.material-custom-modal[hidden]{display:none}.material-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(8,34,49,.42);backdrop-filter:blur(2px)}
.material-custom-modal>section{position:relative;width:min(520px,calc(100vw - 24px));background:#fff;border-radius:12px;box-shadow:0 30px 80px rgba(7,40,57,.28);overflow:hidden}
.material-custom-modal header{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #e0e8ec;background:#f5fafb}.material-custom-modal h2{font-size:13px;color:#164861;margin:2px 0}.material-custom-modal header p{font-size:6.5px;color:#748a95;margin:0}.material-custom-modal header>button{width:30px;height:30px;border:1px solid #d6e2e7;border-radius:8px;background:#fff;color:#55727f;font-size:17px}
.material-custom-body{padding:14px}.material-custom-modal footer{display:flex;justify-content:flex-end;gap:7px;padding:11px 14px;border-top:1px solid #e5ecef;background:#f9fbfc}
.custom-code-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px dashed #b8d8df;border-radius:8px;background:#f2fafb}.custom-code-preview small{font-size:6px;color:#6f8994}.custom-code-preview strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;color:#0a6d94}

.material-floating-summary{position:fixed;left:max(12px,calc((100vw - min(1480px,calc(100vw - 24px)))/2));right:max(12px,calc((100vw - min(1480px,calc(100vw - 24px)))/2));bottom:10px;z-index:900;display:grid;grid-template-columns:150px 190px minmax(220px,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #cddfe5;border-radius:11px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 14px 42px rgba(8,48,68,.16)}
.material-floating-summary>div{padding:4px 8px;border-right:1px solid #e0e8eb}.material-floating-summary>div:nth-child(3){border-right:0}.material-floating-summary span{display:block;font-size:5.7px;text-transform:uppercase;color:#7e929b;font-weight:900}.material-floating-summary strong{display:block;font-size:8px;color:#18536d;margin-top:1px}
.material-floating-summary .btn{min-width:175px}

.material-request-identity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.material-request-identity>div{padding:8px 9px;border:1px solid #dbe6eb;border-radius:9px;background:#fff}.material-request-identity small{display:block;font-size:5.7px;text-transform:uppercase;color:#7a9099;font-weight:900}.material-request-identity strong{display:block;font-size:8px;color:#17536d;margin-top:2px}.material-request-identity span{display:block;font-size:6.2px;color:#748a94;margin-top:1px}
.material-voucher-table .provisional-row td{background:#fffaf0}.provisional-review-form{display:grid;grid-template-columns:1fr 1fr auto;gap:4px;margin-top:5px}.provisional-review-form input{height:30px;min-width:0;font-size:6.5px}.provisional-review-form .btn{white-space:nowrap}

@media(max-width:900px){
 .material-context-preview,.material-request-identity{grid-template-columns:1fr 1fr}
 .material-floating-summary{grid-template-columns:1fr 1fr auto}.material-floating-summary>div:nth-child(3){display:none}
}
@media(max-width:650px){
 .material-context-preview,.material-request-identity{grid-template-columns:1fr}
 .material-floating-summary{left:6px;right:6px;bottom:6px;grid-template-columns:1fr auto}.material-floating-summary>div:nth-child(2),.material-floating-summary>div:nth-child(3){display:none}.material-floating-summary .btn{min-width:0}
 .material-grid-footer{align-items:flex-start;flex-direction:column}
 .material-search-portal button{grid-template-columns:1fr}
 .provisional-review-form{grid-template-columns:1fr}
}


/* ==========================================================
   V5.13 Customer Onboarding + Organization Deduplication
   ========================================================== */
.customer-register-hero-v13{padding:25px 0 22px}.customer-register-hero-v13 .customer-register-hero-inner{align-items:center}.customer-register-hero-v13 h1{font-size:27px;line-height:1.05;margin:5px 0 8px}.customer-register-hero-v13 p{max-width:670px;font-size:9px;line-height:1.55}.customer-registration-v13{max-width:1320px;padding-top:14px}.customer-registration-card-v13{max-width:1120px;margin:0 auto;border-radius:14px;box-shadow:0 12px 34px rgba(13,61,84,.07)}
.registration-stepper-v13{max-width:1040px;margin:0 auto 12px}.registration-stepper-v13 button{min-width:160px}.registration-stepper-v13 button i{transition:.2s ease}.registration-stepper-v13 button.complete i{background:#dff4e9;color:#34805b;border-color:#8fc7a8}.registration-stepper-v13 button.complete span{color:#487360}
.customer-registration-card-v13 .registration-step{padding:20px 24px 18px}.customer-registration-card-v13 .registration-section-head{margin-bottom:14px;padding-bottom:11px}.customer-registration-card-v13 .registration-section-head>span{width:32px;height:32px;font-size:9px}.customer-registration-card-v13 .registration-section-head h2{font-size:13px}.customer-registration-card-v13 .registration-section-head p{font-size:6.5px}
.registration-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.registration-company-grid .form-group{margin:0}.registration-company-grid label,.compact-register-grid label{font-size:7px}.registration-company-grid label small{font-weight:500;color:#81959e}.registration-company-grid input,.registration-company-grid select,.compact-register-grid input,.compact-register-grid select{height:39px;font-size:8px;border-radius:8px}.registration-company-grid .hint,.compact-register-grid .hint{font-size:5.9px;margin-top:3px;color:#7d919b}.compact-register-grid{gap:11px 14px}
.company-combobox{position:relative}.company-search-control{position:relative}.company-search-control input{padding-right:130px}.company-search-control>span{position:absolute;right:7px;top:9px;padding:4px 6px;border-radius:999px;background:#edf5f8;color:#6b8590;font-size:5.4px;font-weight:900;pointer-events:none}.company-search-results{position:absolute;left:0;right:0;top:65px;z-index:1400;border:1px solid #cddfe6;border-radius:10px;background:#fff;box-shadow:0 18px 50px rgba(9,49,70,.20);max-height:330px;overflow:auto}.company-result,.company-create-new{width:100%;display:grid;grid-template-columns:70px minmax(0,1fr) 45px;gap:8px;align-items:center;text-align:left;padding:9px 10px;border:0;border-bottom:1px solid #edf2f4;background:#fff;cursor:pointer}.company-result:hover,.company-create-new:hover{background:#f1fafb}.company-result-mark{justify-self:start;padding:4px 5px;border-radius:999px;background:#e9f4f8;color:#31718a;font-size:5.2px;font-weight:950}.company-result strong,.company-create-new strong{display:block;font-size:7.8px;color:#174d66}.company-result small,.company-create-new small{display:block;font-size:5.8px;color:#728992;margin-top:1px}.company-result em{display:block;font-style:normal;font-size:5.8px;color:#90a0a7;margin-top:2px}.company-result>b{font-size:6px;color:#0b7399}.company-create-new{grid-template-columns:34px 1fr;background:#f7fbfd}.company-create-new>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e3f5f1;color:#168273;font-size:14px}.company-duplicate-warning,.company-search-error{padding:11px;background:#fff5f5}.company-duplicate-warning strong{display:block;font-size:7.5px;color:#a3444c}.company-duplicate-warning span,.company-search-error{font-size:6px;color:#7d6a6c}
.company-link-state{grid-column:1/-1;display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;margin-top:5px;padding:7px 8px;border-radius:8px;border:1px solid #cde3dd;background:#f0faf6}.company-link-state>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#ddf4e8;color:#3d815c;font-weight:950}.company-link-state strong{display:block;font-size:7px;color:#315d4a}.company-link-state small{display:block;font-size:5.8px;color:#72887e}.company-link-state>button{border:0;background:transparent;color:#0a7194;font-size:6px;font-weight:900}.company-link-state.new{border-color:#d7e5eb;background:#f5fafc}.company-link-state.new>span{background:#e8f4f9;color:#25728e}
.support-domain-field-v13{margin-top:16px;padding-top:13px;border-top:1px solid #e4ecef}.support-domain-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.support-domain-title>div>label{display:block;font-size:7px;font-weight:900;color:#184c65}.support-domain-title>div>span{display:block;font-size:5.8px;color:#7c9099;margin-top:2px}.domain-select-all-v13{display:flex!important;align-items:center;gap:7px;cursor:pointer;font-size:6.5px!important;color:#53727f}.domain-select-all-v13>input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:36px;height:20px;border-radius:999px;background:#dce7eb;transition:.2s}.toggle-track i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.2s}.domain-select-all-v13 input:checked+.toggle-track{background:#0784b7}.domain-select-all-v13 input:checked+.toggle-track i{transform:translateX(16px)}
.support-domain-grid-v13{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important}.support-domain-card-v13{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;min-height:82px;padding:10px!important;border:1.5px solid #d9e4e9!important;border-radius:11px!important;background:#fff!important;cursor:pointer;transition:.18s ease;overflow:hidden}.support-domain-card-v13:hover{transform:translateY(-1px);border-color:#a7cbd9!important;box-shadow:0 7px 18px rgba(10,69,96,.06)}.support-domain-card-v13:has(input:focus-visible){outline:3px solid rgba(2,132,199,.20);outline-offset:2px}.support-domain-card-v13>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.support-domain-card-v13 .support-domain-check{position:absolute;right:7px;top:7px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#e8eef1;color:transparent;font-size:7px;font-weight:950;transition:.18s}.support-domain-card-v13.selected{border-color:#0284C7!important;background:#eef8fd!important;box-shadow:0 0 0 1px rgba(2,132,199,.08)}.support-domain-card-v13.selected .support-domain-check{background:#0284C7;color:#fff}.domain-card-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#f0f6f8;color:#34748c}.support-domain-card-v13.selected .domain-card-icon{background:#d9f0fb;color:#0276ad}.domain-card-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.domain-card-copy strong{display:block;font-size:7.5px!important;color:#1a5169}.domain-card-copy small{display:block!important;font-size:5.7px!important;color:#7b9099!important;margin-top:2px!important;line-height:1.35}.domain-error .support-domain-grid-v13{outline:2px solid rgba(208,61,73,.16);outline-offset:4px;border-radius:12px}.domain-primary-select-v13{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:10px;align-items:center;margin-top:10px;padding:8px 10px;border:1px solid #e1eaee;border-radius:9px;background:#f9fbfc}.domain-primary-select-v13 label{font-size:6.3px}.domain-primary-select-v13 select{height:34px;font-size:6.8px}.domain-primary-select-v13 .hint{grid-column:2;font-size:5.6px;margin-top:2px}
.customer-registration-card-v13 .registration-actions{margin-top:14px;padding-top:12px}.registration-next:disabled,.registration-submit:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.step-validation-message{font-size:6px;color:#a94a54}.field-invalid{border-color:#d4535e!important;background:#fff7f7!important;box-shadow:0 0 0 2px rgba(212,83,94,.07)!important}
@media(max-width:950px){.support-domain-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-company-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.customer-register-hero-v13{padding:18px 0}.customer-register-hero-v13 h1{font-size:22px}.customer-registration-card-v13 .registration-step{padding:16px 13px}.registration-company-grid,.compact-register-grid{grid-template-columns:1fr}.support-domain-grid-v13{grid-template-columns:1fr 1fr}.support-domain-title{align-items:flex-start;flex-direction:column}.domain-primary-select-v13{grid-template-columns:1fr}.domain-primary-select-v13 .hint{grid-column:1}.company-search-control input{padding-right:8px}.company-search-control>span{display:none}.registration-stepper-v13 button{min-width:0}.registration-stepper-v13 button span{font-size:5.8px}}
@media(max-width:470px){.support-domain-grid-v13{grid-template-columns:1fr}.registration-benefits{display:none}.company-result{grid-template-columns:1fr}.company-result-mark,.company-result>b{display:none}}


/* ==========================================================
   V5.13.1 — Eye-Comfort Enterprise UI Scale
   Readability layer for forms, data grids and ERP workbenches.
   NO DATABASE CHANGE.
   ========================================================== */
:root{
  --cc-ui-xs:11px;
  --cc-ui-sm:12px;
  --cc-ui-md:13px;
  --cc-ui-lg:14px;
  --cc-ui-control-h:42px;
  --cc-ui-row-h:42px;
}

/* ---- Universal operational form readability ---- */
.form-group label,
.form-grid label,
.dashboard-card label,
.card label,
.registration-company-grid label,
.compact-register-grid label,
.support-domain-title>div>label{
  font-size:var(--cc-ui-sm)!important;
  line-height:1.35!important;
  margin-bottom:6px!important;
  color:#173f56!important;
}
.form-group input,
.form-group select,
.form-group textarea,
.form-grid input,
.form-grid select,
.form-grid textarea,
.dashboard-card input,
.dashboard-card select,
.dashboard-card textarea,
.card input:not([type="checkbox"]):not([type="radio"]),
.card select,
.card textarea,
.registration-company-grid input,
.registration-company-grid select,
.compact-register-grid input,
.compact-register-grid select{
  font-size:var(--cc-ui-md)!important;
  line-height:1.35!important;
}
.form-group input,
.form-group select,
.form-grid input,
.form-grid select,
.registration-company-grid input,
.registration-company-grid select,
.compact-register-grid input,
.compact-register-grid select{
  min-height:var(--cc-ui-control-h)!important;
}
.form-group textarea,
.form-grid textarea{
  min-height:86px;
  padding:10px 11px!important;
}
.hint,
.form-group .hint,
.form-grid .hint,
.dashboard-card .hint,
.card .hint,
.registration-company-grid .hint,
.compact-register-grid .hint,
.step-validation-message{
  font-size:var(--cc-ui-xs)!important;
  line-height:1.4!important;
}

/* ---- Buttons / pills ---- */
.btn,
.btn-small,
.row-action,
.link-button,
.compact-manage-btn{
  font-size:var(--cc-ui-sm)!important;
  line-height:1.25!important;
}
.btn-small{min-height:34px;padding:7px 11px!important}
.badge,
.compact-status,
.role-pill,
.activation-state,
.domain-chip{
  font-size:10px!important;
  line-height:1.2!important;
  padding:5px 8px!important;
}

/* ---- Generic operational tables ---- */
.table th,
.professional-table th,
.resource-table th,
.activation-table th,
.customer-register-table th,
.item-master-table th,
.material-voucher-table th{
  font-size:11px!important;
  line-height:1.3!important;
  padding:10px 11px!important;
}
.table td,
.professional-table td,
.resource-table td,
.activation-table td,
.customer-register-table td,
.item-master-table td,
.material-voucher-table td{
  font-size:12px!important;
  line-height:1.4!important;
  padding:10px 11px!important;
}
.table td small,
.resource-table td small,
.activation-table td small,
.customer-register-table td small,
.item-master-table td small,
.material-voucher-table td small{
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* ==========================================================
   MATERIAL REQUEST — high-density but comfortably readable
   ========================================================== */
.material-grid-v12 .dashboard-card-head h2,
.material-request-detail .dashboard-card-head h2{
  font-size:16px!important;
  line-height:1.25!important;
}
.material-grid-v12 .dashboard-card-head p,
.material-request-detail .dashboard-card-head p,
.material-grid-footer span{
  font-size:11px!important;
  line-height:1.4!important;
}
.section-number{
  min-width:30px!important;height:28px!important;
  font-size:11px!important;border-radius:8px!important;
}
.material-context-preview small,
.material-request-identity small{
  font-size:10px!important;
  line-height:1.25!important;
}
.material-context-preview strong,
.material-request-identity strong{
  font-size:13px!important;
  line-height:1.35!important;
}
.material-context-preview span,
.material-request-identity span{
  font-size:11px!important;
  line-height:1.35!important;
}
.material-entry-table{
  min-width:1220px!important;
}
.material-entry-table thead th{
  font-size:11px!important;
  line-height:1.25!important;
  padding:11px 10px!important;
  letter-spacing:.025em!important;
}
.material-entry-row td{
  padding:9px 8px!important;
}
.material-entry-row input,
.material-entry-row select,
.material-entry-row textarea{
  font-size:13px!important;
  line-height:1.35!important;
  border-radius:8px!important;
}
.material-entry-row input,
.material-entry-row select{
  height:42px!important;
  padding:0 10px!important;
}
.material-entry-row textarea{
  min-height:72px!important;
  height:72px!important;
  padding:9px 10px!important;
}
.material-row-search input{padding-right:116px!important}
.material-row-state{
  top:9px!important;right:8px!important;
  font-size:10px!important;
  padding:5px 7px!important;
}
.material-selected-item{
  margin-top:7px!important;padding:7px 8px!important;
  column-gap:8px!important;
}
.material-selected-item span{
  font-size:10.5px!important;
}
.material-selected-item strong{
  font-size:12px!important;
}
.material-selected-item small{
  font-size:10px!important;
  margin-top:2px!important;
}
.material-custom-link{
  font-size:11px!important;
  margin-top:6px!important;
}
.qty-uom{grid-template-columns:minmax(90px,.75fr) minmax(110px,1fr)!important;gap:7px!important}
.material-line-actions button{
  width:38px!important;height:40px!important;
  font-size:19px!important;border-radius:8px!important;
}
.material-search-portal{
  max-height:390px!important;
  border-radius:10px!important;
}
.material-search-portal button{
  grid-template-columns:175px minmax(220px,1fr) auto!important;
  padding:11px 12px!important;
  min-height:58px!important;
}
.material-search-portal button span{font-size:11px!important}
.material-search-portal button strong{font-size:13px!important}
.material-search-portal button small{font-size:10.5px!important}
.material-search-loading,.material-search-empty{font-size:12px!important;padding:15px!important}
.material-search-empty strong{font-size:13px!important}.material-search-empty span{font-size:11px!important}
.material-grid-footer{padding:11px 13px 13px!important}
.material-floating-summary{
  grid-template-columns:175px 210px minmax(240px,1fr) auto!important;
  gap:9px!important;padding:10px 11px!important;
}
.material-floating-summary>div{padding:6px 10px!important}
.material-floating-summary span{font-size:10px!important}
.material-floating-summary strong{font-size:13px!important;margin-top:2px!important}
.material-floating-summary .btn{font-size:14px!important;min-height:44px!important}
.material-custom-modal header p{font-size:11px!important;line-height:1.4!important}
.custom-code-preview small{font-size:10.5px!important}
.custom-code-preview strong{font-size:12px!important}
.provisional-review-form input{height:38px!important;font-size:12px!important}

/* ==========================================================
   PROJECT PLAN / MS PROJECT-STYLE WORKBENCH
   ========================================================== */
.planner-command-bar h2{font-size:20px!important}
.planner-command-bar p{font-size:12px!important;line-height:1.4!important}
.planner-save-state{font-size:11px!important;min-height:34px!important}
.planner-toolbar-btn{font-size:12px!important;min-height:36px!important;padding:7px 10px!important}
.planner-toolbar-btn span{font-size:14px!important}
.planner-summary-ribbon small{font-size:10px!important}
.planner-summary-ribbon strong{font-size:14px!important}
.planner-summary-ribbon span{font-size:10.5px!important}
.planner-status-strip{padding:9px 11px!important;gap:9px!important}
.planner-status-strip span{font-size:11px!important}
.planner-status-strip b{font-size:12px!important}
.planner-table{
  min-width:1540px!important;
  font-size:12px!important;
}
.planner-table thead th{
  font-size:10.5px!important;
  line-height:1.25!important;
  padding:9px 7px!important;
}
.planner-table td{
  font-size:12px!important;
  line-height:1.35!important;
  padding:6px 6px!important;
  min-height:var(--cc-ui-row-h)!important;
}
.planner-table th.col-task,
.planner-table .task-name-cell{
  min-width:330px!important;
}
.planner-phase-row td{padding:10px 11px!important}
.planner-phase-row strong{font-size:13px!important}
.planner-phase-row span{font-size:10.5px!important}
.planner-phase-row b{font-size:12px!important}
.planner-input,
.planner-table input,
.planner-table select,
.planner-table textarea,
.predecessor-select,
.compact-select,
.tiny-number{
  font-size:12px!important;
  line-height:1.3!important;
  min-height:36px!important;
}
.task-title{font-size:12.5px!important;line-height:1.35!important}
.task-name-cell small{font-size:10px!important;line-height:1.3!important;padding-left:20px!important}
.duration-cell small{font-size:10px!important}
.task-work-hours{font-size:11.5px!important}
.resource-cell{min-width:205px!important}
.resource-chip-button{min-height:36px!important;padding:4px!important;gap:4px!important}
.resource-tag{font-size:10px!important;padding:4px 7px!important;gap:4px!important}
.resource-tag b{font-size:9.5px!important}
.resource-empty,.resource-more{font-size:10.5px!important}
.resource-popover{width:390px!important;max-height:460px!important;padding:10px!important}
.resource-popover-head strong{font-size:12px!important}
.resource-popover-head input{height:38px!important;font-size:12px!important;padding:7px 9px!important}
.resource-option{grid-template-columns:1fr 82px!important;padding:8px 3px!important;gap:8px!important}
.resource-option label strong{font-size:12px!important}
.resource-option label small{font-size:10px!important;line-height:1.3!important}
.allocation-entry input{width:58px!important;height:34px!important;font-size:12px!important}
.allocation-entry span{font-size:10px!important}
.resource-popover-foot small{font-size:10px!important;line-height:1.35!important}
.quick-add-row td{padding:8px!important}
.quick-add-row input,.quick-add-row select{
  height:38px!important;
  font-size:12px!important;
  padding:6px 8px!important;
}
.quick-add-btn{width:36px!important;height:36px!important;font-size:16px!important}
.milestone-toggle span{width:30px!important;height:30px!important;font-size:13px!important}
.planner-footnote{font-size:10.5px!important;line-height:1.4!important;padding:10px 12px!important}
.planner-window-header strong{font-size:13px!important}
.planner-window-header small{font-size:10px!important}
.gantt-scale,.gantt-label{font-size:10px!important}
.gantt-row{min-height:28px!important}
.gantt-track{height:17px!important}.gantt-bar{height:12px!important;top:2px!important}

/* Project Team / Resource assignment register */
.resource-command-bar strong{font-size:13px!important}
.resource-command-bar span{font-size:11px!important}
.resource-search input{font-size:13px!important}
.resource-toolbar>select,.resource-add-existing select{font-size:13px!important;min-height:42px!important}
.resource-table th{font-size:11px!important}
.resource-table td{font-size:12px!important}
.resource-sub-row td:first-child strong{font-size:12px!important}
.resource-sub-row td:first-child span{font-size:11px!important}
.resource-table td small{font-size:10px!important}
.resource-rollup{font-size:11px!important}
.resource-editor-card h3{font-size:14px!important}
.resource-assignee strong{font-size:12px!important}
.resource-assignee small{font-size:10px!important}
.project-resource-overview>div small{font-size:10px!important}
.project-resource-overview-title strong{font-size:13px!important}
.project-resource-overview-title small{font-size:10px!important}
.project-resource-overview-title b{font-size:11px!important}

/* ==========================================================
   CUSTOMER ONBOARDING V5.13 — also remove tiny type
   ========================================================== */
.customer-register-hero-v13 p{font-size:13px!important}
.customer-registration-card-v13 .registration-section-head h2{font-size:16px!important}
.customer-registration-card-v13 .registration-section-head p{font-size:11px!important}
.registration-company-grid label,.compact-register-grid label{font-size:12px!important}
.registration-company-grid input,.registration-company-grid select,.compact-register-grid input,.compact-register-grid select{height:42px!important;font-size:13px!important}
.registration-company-grid .hint,.compact-register-grid .hint{font-size:10.5px!important}
.company-search-control>span{font-size:10px!important;top:9px!important}
.company-result strong,.company-create-new strong{font-size:12px!important}
.company-result small,.company-create-new small,.company-result em{font-size:10px!important}
.company-result>b,.company-result-mark{font-size:9.5px!important}
.company-duplicate-warning strong{font-size:12px!important}.company-duplicate-warning span,.company-search-error{font-size:10.5px!important}
.company-link-state strong{font-size:12px!important}.company-link-state small{font-size:10px!important}.company-link-state>button{font-size:11px!important}
.support-domain-title>div>span{font-size:10.5px!important}
.domain-select-all-v13{font-size:11px!important}
.support-domain-card-v13{min-height:94px!important;padding:12px!important;grid-template-columns:48px minmax(0,1fr)!important}
.domain-card-icon{width:44px!important;height:44px!important}.domain-card-icon svg{width:29px!important;height:29px!important}
.domain-card-copy strong{font-size:12px!important}.domain-card-copy small{font-size:10px!important;line-height:1.4!important}
.domain-primary-select-v13 label{font-size:11px!important}.domain-primary-select-v13 select{height:40px!important;font-size:12px!important}.domain-primary-select-v13 .hint{font-size:10px!important}
.step-validation-message{font-size:10.5px!important}

/* ---- Dashboard card titles / descriptions ---- */
.dashboard-card-head h2,
.dashboard-card-head h3{line-height:1.25!important}
.dashboard-card-head p{font-size:11px!important;line-height:1.4!important}

/* Responsive: readability wins; horizontal scroll is intentional for ERP grids. */
@media(max-width:900px){
  .material-entry-table{min-width:1160px!important}
  .planner-table{min-width:1450px!important}
  .material-floating-summary{grid-template-columns:150px 190px 1fr auto!important}
}
@media(max-width:650px){
  :root{--cc-ui-xs:10.5px;--cc-ui-sm:11.5px;--cc-ui-md:12.5px}
  .material-floating-summary{grid-template-columns:1fr auto!important}
  .material-floating-summary>div:nth-child(2),.material-floating-summary>div:nth-child(3){display:none!important}
  .material-search-portal button{grid-template-columns:1fr!important}
  .support-domain-card-v13{min-height:88px!important}
}