/* ECOS V43 build: generated. Edit source CSS, then run python scripts/build-ui-v43.py */

/* BEGIN styles.css */
:root{--ink:#142b3c;--navy:#13273c;--navy-dark:#102234;--orange:#efaa54;--blue:#4f8094;--muted:#728493;--line:#e8edf1;--bg:#f4f7f8;--panel:#fff;--green:#31977c;--shadow:0 12px 38px rgba(20,43,60,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.workspace{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;background:var(--navy);color:#d9e4eb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:29px 17px}.brand{display:flex;align-items:center;gap:13px;padding:1px 10px 36px}.brand strong{display:block;letter-spacing:2px;font-size:21px;color:#fff}.brand small{font-size:10px;color:#94a7b5}.logo-glyph{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#e9ab61,#ffca86);color:#263447;display:grid;place-items:center;font-weight:900;font-family:Georgia,serif;font-size:24px;box-shadow:0 5px 20px #e9ab6125}.logo-glyph span{color:#fff;font-size:14px;margin-top:-9px;margin-right:-16px}.logo-glyph.large{height:58px;width:58px;font-size:35px}.side-label{font-size:11px;color:#7f96a6;padding:0 16px 12px}.nav-item{border:0;display:flex;align-items:center;gap:13px;text-align:right;width:100%;background:transparent;padding:14px 17px;margin-bottom:5px;color:#cad8e2;border-radius:11px;font-weight:550}.nav-item.active,.nav-item:hover{background:#ffffff19;color:#fff}.nav-item.active{box-shadow:inset -3px 0 0 var(--orange)}.nav-dot{font-size:21px;color:#e4b37d}.sidebar-bottom{margin-top:auto;padding:18px 9px 0;border-top:1px solid #ffffff20}.status-indicator{font-size:11px;color:#aac0ca;display:flex;gap:9px;align-items:center}.status-indicator i,.green-dot{background:#57c49c;width:7px;height:7px;border-radius:50%;display:inline-block}.identity{margin-top:22px;line-height:1.8}.identity strong{display:block;color:#fff}.identity span{font-size:11px;color:#a1b3c0}.signout{border:0;background:transparent;color:#ecc59d;padding:16px 0 0}.main-wrap{min-width:0;flex:1}.topbar{height:80px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line);gap:16px}.breadcrumb{font-weight:750;letter-spacing:.5px;font-size:12px}.breadcrumb span{color:#acb8c0;padding:0 8px}.breadcrumb span:last-child{color:var(--ink)}.top-chip{border:1px solid #e6efea;background:#f4faf7;border-radius:40px;padding:9px 13px;font-size:11px;color:#447b70;display:flex;gap:8px;align-items:center;direction:ltr}.page{padding:42px 45px;max-width:1560px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:30px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800;color:#b58247;margin:0 0 10px;text-transform:uppercase}.page-head h1,.login-card h1{margin:0;font-size:29px;line-height:1.4;letter-spacing:-.6px}.page-head p{color:var(--muted);line-height:1.7;margin:8px 0 0}.btn{border:1px solid var(--line);border-radius:10px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:var(--ink)}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.light{background:#edf3f4}.btn.danger{background:#fff5f3;color:#bd5a46;border-color:#f3d8d4}.btn.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat-card{padding:25px}.stat-card .indicator{height:36px;width:36px;border-radius:11px;background:#f0f4f6;color:var(--blue);display:grid;place-items:center;font-size:20px;margin-bottom:15px}.stat-card strong{font-size:29px;display:block;line-height:1.2}.stat-card small{color:var(--muted);font-size:12px;display:block;margin-top:8px}.panels{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel{padding:23px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.panel-head h2{margin:0;font-size:16px}.muted{color:var(--muted);line-height:1.7}.tiny{color:#97a4ae;font-size:11px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}.data-table th{font-size:11px;letter-spacing:.2px;color:#80909d;background:#f8fafb;padding:13px 16px;font-weight:650}.data-table td{padding:16px;border-bottom:1px solid #eff2f4}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcfd}.code{font-size:11px;color:#7b91a0;direction:ltr;display:inline-block;font-family:ui-monospace,monospace}.tag{font-weight:650;display:inline-flex;align-items:center;border-radius:40px;padding:5px 10px;background:#eef3f6;color:#57758b;font-size:11px}.tag.active,.tag.completed{background:#e7f5ee;color:#238565}.tag.on_hold,.tag.planned,.tag.draft{background:#fff3e3;color:#a16e30}.tag.closed,.tag.archived,.tag.cancelled{background:#e9ebed;color:#65747d}.row-link{background:transparent;border:0;text-align:right;color:var(--ink);font-weight:700;padding:4px 0}.row-link:hover{text-decoration:underline}.search-strip{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-strip input,.search-strip select{padding:12px 13px;min-height:44px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:200px}.search-strip input{flex:1}.empty{color:#8c9ba7;text-align:center;padding:45px 16px;border:1px dashed #d6e0e6;border-radius:13px}.detail-top{display:flex;gap:12px;align-items:center;margin-bottom:20px}.back{border:0;background:transparent;font-weight:750;color:var(--blue)}.tabs{display:flex;gap:8px;margin:18px 0;border-bottom:1px solid var(--line);overflow:auto}.tab{background:transparent;border:0;padding:13px 17px;color:#718594;white-space:nowrap;border-bottom:3px solid transparent}.tab.active{color:var(--navy);border-bottom-color:var(--orange);font-weight:750}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field-display{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc}.field-display small{color:#8296a2;display:block;margin-bottom:8px}.field-display strong{overflow-wrap:anywhere}.activity{display:flex;flex-direction:column;gap:10px}.activity-item{border-right:3px solid #d6e7ed;padding:11px 15px;background:#f8fafb;border-radius:7px}.activity-item small{display:block;color:#7c8d9a;margin-top:5px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 20%,#234962,#0e263d 65%);padding:30px}.login-card{background:#fff;border-radius:22px;padding:43px 45px;max-width:460px;width:100%;box-shadow:0 30px 90px #001a2a45}.login-card .logo-glyph{margin-bottom:24px}.login-card h1{font-size:26px}.form-stack{display:flex;flex-direction:column;gap:17px;margin-top:28px}.form-stack label{display:flex;flex-direction:column;gap:8px;color:#465c6b;font-weight:650;font-size:12px}.form-stack input,.form-stack select,.form-stack textarea{padding:12px 14px;border:1px solid #d9e2e7;border-radius:9px;min-width:0;background:#fff;color:var(--ink);outline:none}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#87b3c8;box-shadow:0 0 0 3px #87b3c821}.form-stack textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.modal-root{position:fixed;inset:0;background:#0e253bd6;display:grid;place-items:center;z-index:100;padding:20px;overflow:auto}.modal-card{background:#fff;border-radius:18px;width:min(650px,100%);padding:28px;box-shadow:0 25px 80px #0003}.modal-card h2{margin:0 0 20px}.toast{position:fixed;bottom:28px;left:28px;z-index:150;background:#192f40;color:#fff;border-radius:10px;padding:15px 22px;box-shadow:0 12px 40px #0004;max-width:440px}.toast.error{background:#9d403d}.menu-btn{display:none;background:transparent;border:0;font-size:24px;color:var(--ink)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.page{padding:28px}.topbar{padding:0 28px}}@media(max-width:760px){.sidebar{position:fixed;z-index:90;right:-260px;transition:right .2s}.sidebar.open{right:0}.menu-btn{display:inline-block}.topbar{height:65px;padding:0 16px}.top-chip{display:none}.page{padding:20px 14px}.page-head{align-items:start;flex-direction:column}.page-head h1{font-size:24px}.stats-grid{gap:10px}.stat-card{padding:19px}.details-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}.modal-card{padding:20px}.breadcrumb{font-size:10px}}
/* Commercial workspace: multi-scope agreement options remain accessible on mobile. */
.checkbox-row{display:flex;align-items:center;gap:10px;margin:6px 0;padding:8px;border-radius:8px;background:rgba(125,145,175,.08);cursor:pointer}
.checkbox-row input{width:18px;height:18px;min-height:18px;flex:none;accent-color:#cd883f}
/* Phase 03: one source of task data displayed as board or list. */
.engineering-board{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:12px;overflow-x:auto;padding:10px 0}
.board-column{background:#f4f7f9;border:1px solid #e4ebef;border-radius:12px;padding:12px;min-height:150px}
.board-column h3{margin:0 0 12px;font-size:13px;color:#40576b}
.board-task{background:white;border:1px solid #e2e9ed;border-radius:9px;padding:11px;margin:0 0 9px;display:flex;align-items:flex-start;flex-direction:column;gap:9px}
.board-task strong{font-size:12px;line-height:1.5}
.board-task small{font-size:11px;color:#718498}
.board-task .btn{padding:5px 8px;font-size:10px}

/* Phase 17: compact engineering UI; financial/legal operational cautions only. */
.panels{grid-template-columns:minmax(0,1fr)}
.notice{font-size:12px;color:#596b7c;background:#f5f8fa;border-right:3px solid #9cafba;padding:9px 12px;margin:12px 0;line-height:1.6}
/* END styles.css */

/* BEGIN design-refresh.css */
/* ECOS Institutional Design Refresh — semantic engineering workflow */
:root{--ink:#162e42;--navy:#11283c;--navy-dark:#0a1929;--orange:#c79258;--muted:#6c7f8d;--line:#e0e8ed;--bg:#f3f6f8;--panel:#fff;--shadow:0 12px 36px rgba(16,39,59,.065)}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.55}
button,select,input,textarea{transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d5aa70;outline-offset:3px}
.workspace{background:linear-gradient(180deg,#f7f9fa 0%,#eef3f6 100%)}
.sidebar{width:268px;flex-basis:268px;background:linear-gradient(175deg,#172f47,#0b1d30);box-shadow:-12px 0 35px #0a1d2f08;padding:27px 16px 18px;overflow-y:auto;scrollbar-width:thin}
.brand{border-bottom:1px solid #ffffff21;padding-bottom:25px;margin-bottom:17px}
.brand strong{letter-spacing:2.3px;font-size:23px}
.brand small{font-size:11px;line-height:1.8}
.sidebar-heading{padding:8px 14px 12px;font-size:10px;font-weight:750;letter-spacing:1px;color:#a7b9c8}
.nav-item{padding:13px 14px;margin-bottom:6px;border:1px solid transparent;font-size:13px}
.nav-item:hover{background:#ffffff11;border-color:#ffffff20}
.nav-item.active{background:#f5e4cd14;border-color:#dba96d55;box-shadow:inset -3px 0 #e9b676}
.nav-dot{width:24px;text-align:center;font-size:20px;color:#ecc08b}
.sidebar-bottom{margin-top:auto;position:relative;background:#ffffff07;border-radius:13px;padding:18px 14px}
.topbar{height:74px;border-bottom:1px solid #e3eaf0;padding:0 38px}
.page{padding:32px 38px 60px;max-width:1600px}
.page-head{margin-bottom:23px}.page-head h1{font-size:27px;letter-spacing:-.3px}
.btn{border-radius:11px;min-height:42px}.btn.primary{background:#162e45;border-color:#162e45}.btn.primary:hover{background:#21445d}
.panel,.stat-card{border-color:#e2e9ee;box-shadow:0 8px 30px #1a3a5209;border-radius:18px}
.panel-head h2{font-size:17px}.data-table th{background:#f4f7f9;border-bottom:1px solid #e5edf1;font-size:12px}.data-table td{line-height:1.7}
.empty{border-style:dashed;background:linear-gradient(110deg,#fafcfd,#fff);padding:42px 18px;color:#7c8e9c}
/* Executive engineering command dashboard */
.command-hero{background:linear-gradient(105deg,#0c2439 0%,#1f415a 65%,#365a71 100%);border-radius:19px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:33px 38px;margin-bottom:24px;box-shadow:0 16px 35px #10293f19}
.command-hero h1{font-size:29px;margin:8px 0 12px;letter-spacing:-.3px}.command-hero p:not(.eyebrow){font-size:13px;color:#d2e2eb;max-width:680px;line-height:1.9;margin:0}.command-hero .eyebrow{color:#eebf84}.command-hero .btn{background:#eec68f;color:#172b3c;border-color:#eec68f;white-space:nowrap}
.stats-grid{gap:14px}.stat-card{position:relative;border-top:3px solid #d1a16b;padding:23px}.stat-card .indicator{background:#e7eff3;color:#27475d}
/* Project workspace: full-width grouped navigation without horizontal scrolling */
.project-workbench{margin:12px 0 26px;background:#fff;border:1px solid #e2eaf0;border-radius:16px;padding:15px 18px;box-shadow:0 6px 18px #152d3b06}
.project-nav-title{font-size:11px;font-weight:800;color:#9c794e;padding:4px 6px 12px}
.project-workbench .tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:7px;border:0;margin:0}
.project-workbench .tab{white-space:normal;flex:0 0 auto;border:1px solid #e4ebef;border-radius:9px;background:#f8fafb;color:#3f586b;font-weight:650;padding:10px 13px;line-height:1.35}
.project-workbench .tab:hover{background:#ecf3f6;border-color:#b9cbd5}
.project-workbench .tab.active{color:#12334a;background:#eef5f7;border-color:#93b2c3;box-shadow:inset 0 -2px #c8945c}
.project-content{min-width:0}
.project-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 23px}
.project-action-tile{min-height:90px;text-align:right;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;background:#fff;border:1px solid #dfe9ef;border-radius:12px;color:#1a3549}
.project-action-tile:hover{background:#f4f9fb;box-shadow:0 8px 24px #1c3c5010}.project-action-tile strong{font-size:14px}.project-action-tile small{font-size:11px;color:#788c99}
.drawing-hub-intro{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#eef4f7,#fff);padding:23px;border:1px solid #dde7ec;border-radius:16px;margin:0 0 20px}
.drawing-hub-intro h2{font-size:23px;margin:0 0 7px}.drawing-hub-intro p{margin:0}.drawing-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.drawing-step{display:flex;align-items:flex-start;gap:10px;min-height:93px;border:1px solid #dfe8ee;background:#f8fbfc;padding:15px;border-radius:11px;font-size:12px}.drawing-step span{background:#19364b;color:#fff;padding:5px 10px;border-radius:8px}.drawing-step strong{padding-top:4px}
.coordination-intro{padding:18px 22px;margin-bottom:18px;background:#ecf3f6;border-right:4px solid #c8945c;border-radius:12px}.coordination-intro h2{margin:0 0 5px;font-size:19px}.coordination-intro p{margin:0}
/* Modal clarity / engineering input hierarchy */
.modal-root{backdrop-filter:blur(6px);align-items:center}.modal-card{max-height:min(92vh,900px);overflow-y:auto;border-radius:19px;width:min(740px,100%);padding:29px 31px;border:1px solid #e4e9eb}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px}.modal-title h2{margin:0;font-size:22px}.modal-title .btn{font-size:11px}.modal-subtitle{color:#687f8d;margin:0 0 19px;padding-bottom:16px;border-bottom:1px solid #e7edf1;font-size:12px}
.form-stack{gap:19px}.form-stack label{font-size:13px}.form-stack input,.form-stack select,.form-stack textarea{min-height:46px;border-radius:11px;background:#fcfdfd}.form-actions{padding-top:16px;border-top:1px solid #ecf0f2}
/* Global-facing, understated, non-marketing login identity */
.login-shell{display:grid;grid-template-columns:1.05fr .95fr;place-items:stretch;min-height:100vh;padding:0;background:#f7f9fa;direction:rtl}
.login-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:54px clamp(34px,5vw,95px);background:radial-gradient(ellipse at 20% 100%,#31536d 0%,transparent 50%),linear-gradient(135deg,#0b1c2e,#193a54);color:#fff;overflow:hidden}
.login-intro:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff16;border-radius:50%;left:-270px;bottom:-250px;box-shadow:0 0 0 100px #ffffff05,0 0 0 220px #ffffff03;pointer-events:none}
.login-product{display:flex;align-items:center;gap:15px;font-size:23px;letter-spacing:2px}.login-product strong small{display:block;font-size:10px;letter-spacing:2px;color:#b8cbd7;font-weight:650}
.login-intro-content{max-width:640px;position:relative}.login-intro-content .login-kicker{color:#f2c48e;font-size:11px;font-weight:800;letter-spacing:2px}.login-intro-content h2{font-size:clamp(32px,3.3vw,52px);line-height:1.43;letter-spacing:-1px;margin:19px 0 22px}.login-intro-content>p:not(.login-kicker){color:#c5d6e0;max-width:540px;font-size:15px;line-height:2}.login-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.login-capabilities span{font-size:12px;padding:13px 15px;border:1px solid #ffffff26;border-radius:9px;background:#ffffff0a}.login-intro-footer{direction:ltr;text-align:right;color:#9bb2c2;letter-spacing:1.2px;font-size:11px}
.login-access{display:grid;place-items:center;padding:38px 28px;min-width:0}.login-card{padding:34px 36px;max-width:490px;box-shadow:none;border:1px solid #e1e9ed;background:white}.login-card .logo-glyph{margin:0 0 21px}.login-card h1{font-size:27px}.login-eyebrow{font-weight:750;color:#ba8a4f;font-size:12px;letter-spacing:.4px;margin-bottom:20px}.login-note{color:#6c8491;font-size:13px;line-height:1.85;margin:11px 0 0}.access-note{font-size:11px;color:#8498a5;border-top:1px solid #e8eef1;padding-top:18px;margin-top:25px;line-height:1.8}.login-card .btn.primary{min-height:49px}.login-card .form-stack{margin-top:28px}
@media(max-width:1100px){.project-quick-actions{grid-template-columns:repeat(2,1fr)}.drawing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.login-intro{padding:40px}}
@media(max-width:760px){.sidebar{right:-290px}.login-shell{grid-template-columns:1fr}.login-intro{min-height:260px;padding:25px 25px 32px}.login-intro-content h2{font-size:27px;margin:13px 0}.login-intro-content>p:not(.login-kicker),.login-intro-footer,.login-capabilities{display:none}.login-product{font-size:17px}.login-access{padding:0 15px 32px;display:block;margin-top:-20px;z-index:1}.login-card{padding:25px}.command-hero{padding:23px;flex-direction:column;align-items:start}.command-hero h1{font-size:23px}.project-workbench{padding:12px}.project-workbench .tab{flex:1 1 125px;font-size:12px}.project-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-hub-intro{flex-direction:column;align-items:start}.drawing-steps{grid-template-columns:1fr}.modal-card{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* Project portfolio and engineering task shortcuts */
.dashboard-operations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:2px}
.portfolio-bars{display:flex;flex-direction:column;gap:19px;padding:8px 0}
.portfolio-track-label{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:9px}
.portfolio-track-label span{color:#7a8b98}
.portfolio-track-rail{height:9px;border-radius:20px;background:#edf2f5;overflow:hidden}
.portfolio-track-fill{height:100%;background:linear-gradient(90deg,#c99358,#294d65);border-radius:20px}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dashboard-shortcuts .btn{justify-content:flex-start;text-align:right;padding:14px;min-height:58px;background:#f6f9fa;border-color:#e2ebf0}
@media(max-width:900px){.dashboard-operations{grid-template-columns:1fr}}
.select-search{margin:3px 0 5px;background:#f7fafb!important;padding:10px 12px!important;min-height:40px!important;font-size:12px}

/* Project command screen – consumes live project intelligence, no duplicated state. */
.project-command{background:linear-gradient(115deg,#132f46,#1a435c);border-radius:16px;color:#fff;padding:26px;margin-bottom:19px;border:1px solid #31536a}
.project-command-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}
.project-command-heading h2{font-size:clamp(20px,2vw,26px);color:#fff;margin:4px 0 7px}
.project-command-heading .muted{color:#b6cedb;margin:0;font-size:12px}
.project-command-heading .eyebrow{color:#d5ad79;letter-spacing:1.3px;font-size:10px;font-weight:700}
.project-command-state{border:1px solid #ffffff4a;color:#fff;padding:8px 14px;border-radius:24px;white-space:nowrap;font-size:12px}
.project-command-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:23px 0}
.project-command-metric{display:flex;flex-direction:column;gap:6px;background:#ffffff10;border:1px solid #ffffff24;border-radius:11px;padding:15px}
.project-command-metric strong{font-size:24px;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.project-command-metric span{font-size:11px;color:#e5eef3;line-height:1.6}
.project-command-actions{display:flex;flex-wrap:wrap;gap:9px}
.project-command-actions .btn{background:#ffffff15!important;border:1px solid #ffffff3b!important;color:#fff!important;font-size:12px}
.project-command-actions .btn:hover,.project-command-actions .btn:focus-visible{background:#ffffff29!important}
.project-command-note{color:#c1d2dc;font-size:11px;margin:19px 0 0;line-height:1.7}
@media(max-width:900px){.project-command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.project-command{padding:17px}.project-command-metrics{grid-template-columns:1fr 1fr}.project-command-heading{flex-direction:column;gap:9px}}
/* Read-only/project-scoped Kanban projection with guarded status transitions. */
.engineering-board-tools{display:flex;flex-wrap:wrap;gap:11px;align-items:flex-end;padding:17px;border:1px solid #e1e8ed;border-radius:13px;background:#fff;margin:14px 0}
.engineering-board-tools>label{display:flex;flex:1 1 170px;flex-direction:column;gap:7px;font-size:12px;color:#41566a}
.engineering-board-tools input,.engineering-board-tools select,.engineering-task-action select{min-height:40px;width:100%;padding:8px 10px;border:1px solid #d6e1e7;border-radius:9px;background:#fff;color:#172c3c}
.engineering-board-tools>.engineering-overdue-filter{display:flex;flex:0 1 auto;flex-direction:row;align-items:center;min-height:41px;gap:8px}
.engineering-overdue-filter input{min-height:0;width:16px;height:16px}
.engineering-board-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0}
.engineering-board-counts>div{background:#f6f9fa;border:1px solid #dfebef;border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:5px}
.engineering-board-counts strong{font-size:24px;color:#1b3b51}.engineering-board-counts span{font-size:11px;color:#607788}
.engineering-kanban{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}
.engineering-kanban-column{min-height:170px;display:flex;flex-direction:column;gap:10px;background:#eef3f6;border:1px solid #dfebef;border-radius:13px;padding:12px}
.engineering-kanban-column h3{font-size:13px;margin:0;border-bottom:1px solid #d2dfe6;padding:5px 0 11px}
.engineering-task-card{display:flex;flex-direction:column;gap:10px;border:1px solid #dfe7eb;border-radius:11px;background:#fff;padding:13px;box-shadow:0 3px 9px #18304708}
.engineering-task-card>strong{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.engineering-task-card>small{font-size:11px;color:#6e8391}
.engineering-task-card-head,.engineering-task-card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px}
.engineering-task-overdue{color:#a43927}.engineering-task-blockers{padding:8px 10px;border-radius:8px;background:#fff6e8;color:#765021;font-size:11px}
.engineering-task-action{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.engineering-task-action select{flex:1 1 115px}.engineering-task-action .btn{min-height:39px;padding:8px 10px}
@media(max-width:1250px){.engineering-kanban{grid-template-columns:repeat(5,minmax(210px,1fr))}}
@media(max-width:720px){.engineering-board-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-board-tools>label{flex:1 1 100%}}

/* ECOS-13: RTL project Gantt based on canonical task identities and versioned plan overlay. */
.ecos-gantt-wrap{border:1px solid #dde8ee;border-radius:14px;background:#fff;padding:18px;overflow-x:auto}
.ecos-gantt-heading{display:flex;justify-content:space-between;gap:15px;font-size:15px;color:#243b50;margin-bottom:10px}
.ecos-gantt-wrap>.muted{font-size:11px;line-height:1.8}
.ecos-gantt-row{display:grid;grid-template-columns:minmax(185px,280px) minmax(250px,1fr) minmax(120px,190px);align-items:center;gap:13px;padding:14px 6px;border-bottom:1px solid #ebf0f2}
.ecos-gantt-label{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.ecos-gantt-label strong{font-size:12px;color:#142d41}.ecos-gantt-label small{font-size:10px;color:#62798a}
.ecos-gantt-track{height:39px;position:relative;background:repeating-linear-gradient(90deg,#f3f7f9 0,#f3f7f9 1px,#fff 1px,#fff 12.5%);border:1px solid #e3eaef;border-radius:7px;min-width:0}
.ecos-gantt-bar{position:absolute;top:8px;height:19px;min-width:4px;border-radius:6px;background:linear-gradient(90deg,#246383,#3c809c)}
.ecos-gantt-baseline{position:absolute;bottom:3px;height:3px;min-width:3px;border-radius:4px;background:#c68a41}
.engineering-schedule-actions{display:flex;flex-direction:column;gap:5px}.engineering-schedule-actions>.btn{font-size:10px;padding:7px 9px}
@media(max-width:850px){.ecos-gantt-row{grid-template-columns:160px minmax(225px,1fr);min-width:540px}.engineering-schedule-actions{grid-column:1/-1;flex-direction:row}}
/* END design-refresh.css */

/* BEGIN institutional-ui.css */
/* ECOS-15 | Institutional interface system.
   Global, scoped visual foundation for every internal view. No financial or technical state in CSS.
   Loaded after legacy styles to progressively modernize all pages without duplicate markup.
*/
:root{
  --ink:#172b3c;--navy:#14283c;--navy-dark:#0d1d2e;
  --muted:#617688;--line:#dbe5eb;--bg:#f1f5f7;--panel:#fff;
  --orange:#bf8d53;--blue:#386882;--green:#23765d;
  --shadow:0 10px 34px rgba(22,43,61,.055);
  --ecos-radius:17px;--ecos-soft:#f5f8fa;
}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.65}
::selection{background:#bf8d5340;color:#14283c}
.workspace{min-height:100dvh;background:linear-gradient(150deg,#f1f5f7 15%,#f9fbfc 80%)}
.sidebar{width:275px;flex-basis:275px;min-width:275px;padding:23px 14px 17px;background:linear-gradient(160deg,#182d41,#0a192a);border-left:1px solid #ffffff17;box-shadow:inset 1px 0 0 #ffffff09;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4d6173 transparent}
.sidebar .brand{padding:11px 13px 31px;border-bottom:1px solid #ffffff1b;margin-bottom:18px;gap:12px}
.sidebar .brand strong{letter-spacing:2px;font-size:23px}
.sidebar .brand small{font-size:11px;color:#bdcbd6;letter-spacing:0}
.sidebar-heading{padding:3px 15px 12px;color:#a5b8c8;letter-spacing:.4px;font-size:11px;font-weight:700}
.nav-item{min-height:47px;border-radius:10px;gap:11px;font-size:13px;font-weight:650;padding:12px 13px;margin-bottom:3px;color:#cad8e4;line-height:1.5}
.nav-item .nav-dot{font-size:18px;flex:0 0 23px;text-align:center;color:#d3a872}
.nav-item:hover{background:#ffffff13;transform:translateX(-2px)}
.nav-item.active{background:#ffffff1b;color:#fff;box-shadow:inset -3px 0 0 #d4a86e}
.nav-item.active .nav-dot{color:#f0c88f}
.sidebar-bottom{padding:14px 9px 10px;margin-top:auto}
.sidebar .identity{background:#ffffff0d;padding:10px 12px;border-radius:10px;margin-top:10px}
.sidebar .signout{font-size:12px;text-align:right}
.main-wrap{width:0;flex:1;min-width:0}
.topbar{height:76px;background:#ffffffef;border-bottom:1px solid #dfe7ec;box-shadow:0 1px 2px #1a345006;padding:0 clamp(22px,3vw,55px)}
.breadcrumb{letter-spacing:0;color:#3b5368;font-size:12px;font-weight:700}
.page{max-width:1680px;padding:34px clamp(24px,3.4vw,62px) 72px}
.page-head{align-items:center;margin-bottom:25px;gap:16px}
.page-head h1{font-weight:750;font-size:clamp(23px,2vw,31px);line-height:1.45;letter-spacing:-.3px}
.page-head .action-row{justify-content:flex-start}
.page-head p{color:#627789}
.btn{border:1px solid #dce6eb;border-radius:10px;font-weight:700;padding:11px 16px;min-height:42px;line-height:1.4;background:#fff;color:#243b50;box-shadow:0 1px 2px #13294204;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.btn:hover:not(:disabled){filter:none;background:#f3f7f9;border-color:#b8cbd5;transform:translateY(-1px);box-shadow:0 5px 15px #14263b0e}
.btn:active:not(:disabled){transform:translateY(0)}
.btn.primary{background:#18354b;border-color:#18354b;color:#fff}
.btn.primary:hover:not(:disabled){background:#254b63;border-color:#254b63;color:#fff}
.btn.light{background:#f1f5f7;border-color:#e1e9ed;color:#254158}
.btn:disabled{cursor:not-allowed;opacity:.48}
.panel,.stat-card{border:1px solid #e0e8ed;box-shadow:var(--shadow);border-radius:var(--ecos-radius);background:#fff}
.panel{padding:clamp(17px,2vw,27px);margin-bottom:19px}
.panel-head{margin-bottom:19px;padding-bottom:13px;border-bottom:1px solid #edf2f4;align-items:start}
.panel-head h2{font-size:17px;color:#183149;margin:0;font-weight:740}
.stats-grid{gap:14px}.stat-card{padding:22px;border-top:3px solid #c8d8e1}.stat-card strong{font-size:31px;color:#19374d;font-variant-numeric:tabular-nums}.stat-card small{font-size:12px;color:#64798a}
.data-table{white-space:normal;min-width:650px;border-collapse:separate;border-spacing:0;line-height:1.6}
.data-table thead th{position:sticky;top:0;background:#f3f7f9;color:#456174;font-size:11px;padding:13px 15px;white-space:nowrap;font-weight:750;border-bottom:1px solid #dbe6ec}
.data-table tbody td{padding:14px 15px;border-bottom:1px solid #ecf0f3;font-size:12.5px;vertical-align:middle}
.data-table tbody tr:nth-child(2n){background:#fafcfd}.data-table tbody tr:hover{background:#eef6f8}
.table-wrap{border:1px solid #e4ebef;border-radius:12px;overflow:auto;max-width:100%;max-height:560px}
.code{letter-spacing:.2px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;unicode-bidi:isolate}
.row-link{color:#1c536e}.row-link:hover{color:#a06e39}
.tag{border-radius:7px;padding:5px 10px;white-space:nowrap}
.empty{color:#738998;background:#f8fbfc;border:1px dashed #d5e2e9;padding:35px 18px;border-radius:12px}
.notice{border-radius:9px;padding:12px 15px;background:#f2f7fa;border-right:3px solid #a4b9c8;color:#50677b;font-size:12px}
.search-strip{gap:12px}.search-strip input,.search-strip select{border-color:#d9e5eb;border-radius:10px}
input,select,textarea{accent-color:#1c627a;color:#18354b}
input::placeholder,textarea::placeholder{color:#92a3b0}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #d5a772!important;outline-offset:2px!important}
.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea{background:#fbfdfe;border:1px solid #d8e3e9;border-radius:10px;min-height:46px}
.form-stack label,.form-grid label{font-size:12px;color:#40596d;font-weight:700}
.form-grid{gap:15px}
.modal-root{background:rgba(8,25,42,.75);backdrop-filter:blur(4px);padding:18px;align-items:center}
.modal-card{border:1px solid #e4ecf1;max-height:min(90vh,900px);overflow:auto;border-radius:18px;padding:clamp(18px,2vw,32px);box-shadow:0 32px 105px #07182750}
.modal-card h2{font-size:22px;border-bottom:1px solid #edf1f3;padding-bottom:17px;margin-bottom:22px}
.modal-card .form-actions{padding-top:13px;border-top:1px solid #edf1f3}
.tabs{border-bottom:0;flex-wrap:wrap;overflow:visible;gap:7px;margin:13px 0 21px}
.tab{border:1px solid #dde7ec;border-radius:9px;background:white;padding:10px 14px;white-space:normal;font-size:12px}
.tab.active{background:#19394f;color:#fff;border-color:#19394f}
.details-grid{gap:12px}.field-display{background:#f8fbfc;border-color:#e1e9ed}
.activity-item{background:#f7fafc;border-right-color:#c09a69}
.toast{border-radius:12px;border:1px solid #ffffff25;box-shadow:0 18px 44px #102a4052}
.login-card .btn.primary{background:#142b41}
/* The executive office cockpit */
.exec-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px 30px;border-radius:17px;background:linear-gradient(110deg,#102639,#224b64);color:#fff;border:1px solid #345970;box-shadow:0 12px 26px #152d4213;margin-bottom:20px}
.exec-hero .eyebrow{color:#e6be87;font-size:10px;margin-bottom:8px}
.exec-hero h1{font-size:clamp(22px,2.4vw,31px);margin:0 0 8px;color:#fff}
.exec-hero p:not(.eyebrow){color:#cad9e2;font-size:12px;line-height:1.85;margin:0;max-width:720px}
.exec-hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.exec-hero .btn.light{background:#ffffff14;border-color:#ffffff38;color:#fff;white-space:nowrap}
.exec-hero .btn.primary{background:#e6be89;border-color:#e6be89;color:#183044}
.exec-loading{padding:28px 0;color:#647c8a}
.exec-timestamp{font-size:11px;color:#698093;margin:4px 0 13px;font-variant-numeric:tabular-nums}
.exec-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 18px}
.exec-metric{display:flex;flex-direction:column;gap:6px;padding:19px 20px;min-height:125px;background:#fff;border:1px solid #e0e9ee;border-radius:14px;box-shadow:var(--shadow);border-right:4px solid #95b1c1}
.exec-metric.critical{border-right-color:#b77e60;background:linear-gradient(95deg,#fffaf6,#fff)}
.exec-metric-label{font-size:12px;color:#4c6678;font-weight:700}
.exec-metric strong{font-size:30px;line-height:1.15;color:#173951;font-variant-numeric:tabular-nums}
.exec-metric-footer{font-size:10px;color:#8495a3}
.exec-section,.exec-financial{background:#fff;border:1px solid #e0e9ee;border-radius:16px;padding:22px;margin-bottom:19px;box-shadow:var(--shadow)}
.exec-section-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}
.exec-section-heading h2{font-size:18px;margin:0 0 5px;color:#18364c}.exec-section-heading p{font-size:11px;margin:0}
.exec-section-count{background:#f1f5f7;border:1px solid #e2e9ee;border-radius:8px;padding:6px 10px;font-size:11px;white-space:nowrap}
.exec-filters{display:flex;gap:10px;margin-bottom:17px;flex-wrap:wrap}
.exec-filters input,.exec-filters select{padding:10px 13px;min-height:43px;background:#fbfdfe;border:1px solid #dbe5eb;border-radius:10px;color:#264457}
.exec-filters input{min-width:210px;flex:1 1 260px}
.exec-filters select{flex:0 1 210px}
.exec-attention-list{display:flex;flex-direction:column;gap:9px}
.exec-attention-row{display:grid;grid-template-columns:minmax(175px,1fr) minmax(240px,1.7fr) auto;align-items:center;gap:13px;padding:16px;background:#f8fafb;border:1px solid #e4ecef;border-radius:12px}
.exec-attention-info{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.exec-attention-info strong{font-size:13px}.exec-attention-facts{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;color:#577083}
.exec-attention-facts span{padding:5px 9px;border:1px solid #e1eaee;border-radius:8px;background:white}
.exec-priority{font-size:10px;font-weight:750;padding:4px 7px;border-radius:7px;white-space:nowrap}.exec-priority.high{color:#953f26;background:#fff0eb}.exec-priority.medium{color:#8b642e;background:#fff4de}
.exec-financial .table-wrap{margin-top:14px}
/* Operational engineer allocation */
.planning-hero .btn{flex:none}
.planning-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.planning-week-bar{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:13px 14px;background:#fff;border:1px solid #e3eaef;border-radius:12px}
.planning-week-bar strong{padding:0 10px;white-space:nowrap;font-size:12px}
.planning-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.planning-person-card{background:#fff;border:1px solid #e1e9ed;border-radius:13px;padding:19px;box-shadow:0 4px 15px #203c5008}
.planning-person-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.planning-person-top strong{font-size:15px;color:#1b3b51}
.planning-state{font-size:10px;border-radius:7px;padding:4px 9px;font-weight:740}
.planning-state.alert{background:#fff0ec;color:#953d2f}.planning-state.unknown{background:#f0f3f5;color:#596e7d}.planning-state.okay{background:#e9f5ef;color:#27735e}
.planning-person-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}
.planning-person-figures>div{display:flex;flex-direction:column;gap:3px}
.planning-person-figures small{color:#6e8492;font-size:10px}.planning-person-figures strong{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;color:#183950}
.planning-capacity-track{height:9px;border-radius:10px;overflow:hidden;background:#eaf0f3}
.planning-capacity-bar{height:100%;background:linear-gradient(90deg,#3a8593,#22667a);border-radius:10px;transition:width .2s ease}.planning-capacity-bar.over{background:#bf704d}
.planning-person-note{font-size:11px;color:#6e8292;line-height:1.7;margin:12px 0 0}
/* Responsive across ALL workplace pages */
@media(max-width:1260px){.exec-attention-row{grid-template-columns:1fr}.exec-attention-facts{justify-content:start}.planning-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.sidebar{width:248px;min-width:248px;flex-basis:248px}.page{padding:28px 22px}.exec-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-person-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:fixed;right:-290px;width:275px;min-width:275px;flex-basis:275px;box-shadow:-15px 0 40px #07192b38}.sidebar.open{right:0}.main-wrap{width:100%}.topbar{height:61px;padding:0 15px}.page{padding:21px 13px 50px}.page-head{flex-direction:column;align-items:flex-start;margin-bottom:19px}.page-head h1{font-size:23px}.panel{padding:16px}.panel-head{gap:10px;flex-direction:column}.exec-hero{flex-direction:column;align-items:flex-start;padding:21px}.exec-hero-actions{width:100%}.exec-hero-actions .btn{flex:1}.exec-section,.exec-financial{padding:17px}.exec-metrics{gap:9px}.exec-metric{padding:14px;min-height:115px}.exec-metric strong{font-size:24px}.exec-section-heading{flex-direction:column}.exec-filters>*{width:100%;flex:1 1 100%!important}.planning-week-bar strong{order:-1;width:100%;text-align:center}.planning-week-bar .btn{flex:1 1 auto}.modal-card{padding:17px}.tabs{gap:5px}.tab{padding:8px 10px;font-size:11px}}
@media(max-width:440px){.exec-metrics,.planning-metrics{grid-template-columns:1fr 1fr}.planning-person-figures{gap:5px}.planning-person-figures strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover:not(:disabled),.nav-item:hover{transform:none}}

/* ECOS-16 — Engineering attention desk, consistent institutional visual system */
.alert-centre-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;background:linear-gradient(118deg,#102638,#1e465e);color:white;border-radius:18px;border:1px solid #36556b;padding:30px 32px;margin-bottom:20px;box-shadow:var(--shadow)}
.alert-centre-hero h1{font-size:clamp(23px,2.5vw,32px);color:white;margin:3px 0 8px}
.alert-centre-hero p:not(.eyebrow){color:#d2dfe8;max-width:800px;margin:0;font-size:13px}
.alert-centre-hero .eyebrow{letter-spacing:1.4px;font-size:10px;color:#e5bc87;font-weight:750}
.alert-centre-hero .btn{background:#fff;color:#1b3d52}
.alert-centre-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.alert-centre-kpi{display:flex;flex-direction:column;gap:3px;border-radius:14px;background:#fff;padding:20px 22px;border:1px solid #e0e9ee;border-right:4px solid #91aabe;box-shadow:var(--shadow)}
.alert-centre-kpi.critical{border-right-color:#aa614d}.alert-centre-kpi.high{border-right-color:#c39252}.alert-centre-kpi.medium{border-right-color:#3b8791}
.alert-centre-kpi strong{font-size:32px;line-height:1.3;color:#213e52;font-variant-numeric:tabular-nums}
.alert-centre-kpi span{color:#587083;font-weight:650;font-size:12px}
.alert-centre-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:11px;padding:17px;background:#fff;border:1px solid #e3ebf0;border-radius:14px;margin-bottom:16px}
.alert-centre-filters :is(input,select){width:100%;min-width:0;min-height:44px;background:#f8fbfd;border:1px solid #d9e4ea;border-radius:9px;padding:9px 12px}
.alert-centre-results{display:flex;flex-direction:column;gap:11px}
.alert-centre-item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:17px;align-items:center;border:1px solid #e0e9ee;border-radius:13px;background:#fff;padding:19px 20px;box-shadow:var(--shadow);border-right:4px solid #b4c6d2}
.alert-centre-item.critical{border-right-color:#aa614d}.alert-centre-item.high{border-right-color:#c39252}.alert-centre-item.medium{border-right-color:#3b8791}
.alert-centre-level{display:inline-block;padding:5px 11px;border-radius:8px;background:#f3f6f8;color:#24465b;font-size:11px;font-weight:700}
.alert-centre-level.critical{background:#fff0ea;color:#8e4834}.alert-centre-level.high{background:#fff4e5;color:#8b642e}.alert-centre-level.medium{background:#eaf5f6;color:#276b76}
.alert-centre-body strong{font-size:15px;color:#19364b}.alert-centre-body p{color:#587080;margin:3px 0 6px;font-size:12px;line-height:1.6}
.alert-centre-meta{display:flex;flex-wrap:wrap;gap:12px;color:#7b8e9b;font-size:11px}
.alert-centre-item .btn{white-space:nowrap}
.alert-centre-empty{background:white;border:1px dashed #d7e4eb;border-radius:16px;padding:54px 24px;text-align:center;display:flex;flex-direction:column;gap:7px;color:#557083}
.alert-centre-empty strong{font-size:17px;color:#22445b}.alert-centre-footnote{font-size:11px;color:#6b8090;padding:11px 0 2px}
@media(max-width:1000px){.alert-centre-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-centre-item{grid-template-columns:1fr auto}.alert-centre-priority{grid-column:1/-1}}
@media(max-width:650px){.alert-centre-hero{padding:24px 21px}.alert-centre-metrics{grid-template-columns:1fr}.alert-centre-filters{grid-template-columns:1fr}.alert-centre-item{grid-template-columns:1fr}.alert-centre-priority{grid-column:auto}.alert-centre-item .btn{width:100%}}
/* END institutional-ui.css */

/* BEGIN ecos-ab.css */
/* ECOS A+B — single shared RTL/LTR institutional design layer, zero additional API routes.
   Stage UI-01: visual foundation. Inherits existing working views and authorization. */
:root{--ab-navy:#0e263c;--ab-navy-2:#162f48;--ab-gold:#c39762;--ab-gold-light:#e4bc83;--ab-ink:#162f45;--ab-paper:#f5f7fa;--ab-line:#e0e7ed;--ab-shadow:0 16px 44px rgba(10,35,54,.08)}
body.ecos-ab{background:var(--ab-paper);color:var(--ab-ink);font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px}
.ecos-ab .workspace{background:linear-gradient(150deg,#f4f7fa,#fff 85%)}
.ecos-ab .sidebar{background:linear-gradient(168deg,#10273e 5%,#071b2c 100%);width:278px;min-width:278px;flex-basis:278px;box-shadow:0 3px 25px #0d263e22;scrollbar-width:thin;padding:25px 13px 19px}
.ecos-ab .sidebar .brand{align-items:center;gap:13px;padding:7px 14px 26px;border-bottom:1px solid #ffffff21;margin-bottom:14px}
.ecos-ab .sidebar .brand strong{font-size:26px;letter-spacing:2px;line-height:1.2}
.ecos-ab .sidebar .brand small{display:block;font-size:11px;line-height:1.65;margin-top:4px;color:#c4d2db}
.ecos-ab .sidebar .logo-glyph{background:linear-gradient(140deg,#e5b66f,#c78e4b);color:#09233a;border:1px solid #fff3;box-shadow:0 5px 14px #020f1e55}
.ecos-ab .nav-group-heading{font-size:10px;font-weight:800;letter-spacing:.07em;color:#8199aa;padding:18px 17px 7px;border-top:1px solid #ffffff0d;margin-top:5px}
.ecos-ab #nav{display:flex;flex-direction:column}
.ecos-ab #nav .nav-item{font:inherit;font-size:12.5px;font-weight:650;display:flex;align-items:center;min-height:45px;width:100%;text-align:start;gap:12px;border-radius:10px;margin:2px 0;padding:10px 13px;color:#d5e0ea;border:1px solid transparent;text-decoration:none;transition:background .16s,border-color .16s,color .16s;cursor:pointer;background:none}
.ecos-ab #nav .nav-item .nav-dot{font-size:19px;color:#d4a568;flex:0 0 25px}
.ecos-ab #nav .nav-item:hover{background:#ffffff0b;transform:none}
.ecos-ab #nav .nav-item.active{background:linear-gradient(105deg,#ffffff1b,#ffffff0a);color:#ffdcaa;border-color:#a87d4d99;box-shadow:inset 3px 0 0 #d9ac70}
.ecos-ab #nav .nav-portal-link{margin-top:12px;border:1px solid #a9875377;background:#ffffff08}
.ecos-ab .sidebar-bottom{margin-top:20px;padding:18px 11px 8px;border-top:1px solid #ffffff1f}
.ecos-ab .main-wrap{min-width:0}
.ecos-ab .topbar{display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:78px;height:auto;padding:15px clamp(22px,3vw,54px);background:#fff;border-bottom:1px solid var(--ab-line)}
.ecos-ab .breadcrumb{display:flex;flex-direction:column;gap:2px;font-size:17px;font-weight:800;line-height:1.4;color:var(--ab-ink)}
.ecos-ab .crumb-kicker{font-size:9px;letter-spacing:.11em;font-weight:750;color:#a1805a}
.ecos-ab .topbar-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ecos-ab .portal-shortcut,.ecos-ab .external-access{font-size:12px;font-weight:700;text-decoration:none;color:#1d4b69;border:1px solid var(--ab-line);padding:10px 15px;border-radius:9px;white-space:nowrap;background:#fff}
.ecos-ab .portal-shortcut:hover,.ecos-ab .external-access:hover{border-color:#b58f5c;background:#fffbf5}
.ecos-ab [data-ecos-language]{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#587083}
.ecos-ab [data-ecos-language] select{min-height:38px;background:#fff;border:1px solid #dce5ed;border-radius:9px;padding:5px 9px;min-width:85px;color:#1c3b53;cursor:pointer}
.ecos-ab .page{max-width:1840px;padding:35px clamp(22px,3vw,55px) 72px}
.ecos-ab .page-head h1{font-size:clamp(22px,2.3vw,32px);font-weight:800;letter-spacing:-.025em}
.ecos-ab .page-head{border-bottom:1px solid #dfe8ee;padding-bottom:15px}
.ecos-ab .panel,.ecos-ab .stat-card,.ecos-ab .exec-section,.ecos-ab .exec-metric,.ecos-ab .exec-financial{box-shadow:var(--ab-shadow);border-color:#e2e9ef;border-radius:16px}
.ecos-ab .btn.primary{background:linear-gradient(120deg,#173e58,#0c283f);border-color:#0d2940;color:#fff}
.ecos-ab .btn.primary:hover{background:#204c69}
.ecos-ab .panel-head h2{font-weight:800}
.ecos-ab .data-table thead th{background:#edf3f7;color:#39576c;font-size:11px}
.ecos-ab .data-table tbody tr:nth-child(2n){background:#fbfcfe}
.ecos-ab .data-table tbody tr:hover{background:#eef5f9}
.ecos-ab .table-wrap{border:1px solid #e0e7ee;box-shadow:inset 0 2px 2px #122e4403}
.ecos-ab :is(.command-hero,.exec-hero,.alert-centre-hero){background:linear-gradient(112deg,rgba(11,34,54,.97),rgba(29,66,90,.96)),repeating-linear-gradient(35deg,transparent 0 21px,#ffffff11 21px 22px);color:#fff;position:relative;isolation:isolate;overflow:hidden;border:1px solid #30516a;border-radius:18px;box-shadow:var(--ab-shadow)}
.ecos-ab :is(.command-hero,.exec-hero,.alert-centre-hero)::after{content:"";position:absolute;inset:0 0 auto auto;width:38%;height:100%;opacity:.14;z-index:-1;background:repeating-linear-gradient(140deg,transparent 0 33px,#d8b077 34px 35px),linear-gradient(80deg,transparent 60%,#fff3);mask-image:linear-gradient(to left,black,transparent)}
.ecos-ab .command-hero h1,.ecos-ab .exec-hero h1,.ecos-ab .alert-centre-hero h1{color:white;font-size:clamp(24px,2.7vw,36px)}
.ecos-ab .stat-card{border-top:3px solid var(--ab-gold)}
.ecos-ab .tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #e3e9ef;border-radius:12px;background:#f8fafc}
.ecos-ab .tab{margin:0;border:1px solid #e1e8ee;border-radius:9px;font-weight:650;padding:9px 14px}
.ecos-ab .tab.active{background:#17354c;color:#fff;border-color:#17354c}
.ecos-ab .project-workbench{background:#fff;border:1px solid #e1e8ee;border-radius:16px;padding:15px;margin-top:18px;box-shadow:var(--ab-shadow)}
.ecos-ab .project-command-header{background:linear-gradient(110deg,#102c45,#24475e);color:#fff;border-radius:17px;border:1px solid #41617a;display:flex;gap:18px;align-items:end;justify-content:space-between;padding:26px 29px;margin:18px 0;position:relative;overflow:hidden}
.ecos-ab .project-command-header::after{content:"";pointer-events:none;position:absolute;width:240px;height:230px;inset-inline-end:-10px;top:-30px;opacity:.12;border:1px solid #d2ac72;transform:skew(-23deg);box-shadow:22px 14px 0 #d2ac72,50px 34px 0 #d2ac72}
.ecos-ab .project-command-header h1{font-size:30px;color:#fff;margin:0 0 8px}
.ecos-ab .project-command-header .project-code{color:#eac795;font-size:12px;letter-spacing:.1em;font-weight:750}
.ecos-ab .project-command-header .project-sub{font-size:12px;color:#d9e4eb}
.ecos-ab .project-command-actions{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.ecos-ab .project-command-actions .btn{background:#fff;color:#1d3a50}
.ecos-ab .project-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}
.ecos-ab .project-summary-strip .field-display{background:#fff;box-shadow:0 2px 10px #18364d09;border-radius:12px;padding:15px 18px}
.ecos-ab .login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);background:#f7f9fb}
.ecos-ab .login-intro{background:radial-gradient(circle at 22% 85%,#a4744738,transparent 47%),linear-gradient(140deg,#0a2439,#142f49 52%,#061a2b);color:#fff;position:relative;overflow:hidden;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,65px)}
.ecos-ab .login-intro::before{content:"";position:absolute;width:90%;height:50%;left:-5%;bottom:4%;opacity:.20;z-index:-1;background:linear-gradient(130deg,transparent 50%,#efbf7850 50.5%,transparent 52%),repeating-linear-gradient(90deg,transparent 0 34px,#c0d6e458 35px 36px),linear-gradient(0deg,#efb66c55,transparent 55%);clip-path:polygon(0 73%,26% 22%,46% 53%,64% 7%,100% 20%,100% 100%,0 100%)}
.ecos-ab .login-intro .login-product{position:relative;z-index:1}
.ecos-ab .login-intro-content{max-width:640px;position:relative;z-index:1}
.ecos-ab .login-intro-content h2{font-size:clamp(32px,3.8vw,56px);line-height:1.33;font-weight:850;letter-spacing:-.025em}
.ecos-ab .login-intro-content>p:not(.login-kicker){font-size:14px;line-height:2;color:#cbd9e3}
.ecos-ab .login-kicker{letter-spacing:.22em;font-size:11px;color:#ecc18c}
.ecos-ab .login-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:600px;margin-top:24px}
.ecos-ab .login-capabilities span{border:1px solid #ffffff30;background:#ffffff0b;backdrop-filter:blur(7px);border-radius:11px;color:#f3f7fa;font-weight:700;padding:18px;font-size:12px}
.ecos-ab .login-intro-footer{color:#acbccb;border-top:1px solid #ffffff29;padding-top:16px;font-size:10px;letter-spacing:.13em}
.ecos-ab .login-access{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 35px;position:relative;background:linear-gradient(160deg,#f5f7fa,#fff)}
.ecos-ab .login-utility{position:absolute;top:27px;inset-inline-end:35px}
.ecos-ab .login-card{background:#fff;border:1px solid #e0e7ef;box-shadow:0 28px 85px #17394c13;border-radius:23px;max-width:510px;width:100%;padding:clamp(27px,3vw,50px)}
.ecos-ab .login-card h1{font-size:clamp(22px,2vw,29px);line-height:1.5;font-weight:830;color:#112e44}
.ecos-ab .login-note{font-size:12px;line-height:1.85;color:#667e90}
.ecos-ab .login-card .form-stack{margin-top:25px}
.ecos-ab .login-card input{border:1px solid #d9e2ea;background:#fbfcfe;min-height:51px;border-radius:11px}
.ecos-ab .login-card .btn.primary{min-height:53px;background:#0e2b43}
.ecos-ab .external-access{display:block;margin:19px 0 10px;text-align:center;padding:13px}
.ecos-ab .access-note{font-size:11px;color:#778b9b;line-height:1.8;margin-top:12px}
.ecos-ab[dir=ltr],html[dir=ltr] .ecos-ab{font-family:system-ui,"Segoe UI",Arial,sans-serif}
html[dir=ltr] .ecos-ab .nav-item.active{box-shadow:inset 3px 0 0 #d9ac70}
html[dir=ltr] .ecos-ab .notice{border-right:0;border-left:3px solid #a4b9c8}
html[dir=ltr] .ecos-ab .exec-metric,html[dir=ltr] .ecos-ab .alert-centre-kpi{border-right:1px solid var(--ab-line);border-left:4px solid #94aec0}
html[dir=ltr] .ecos-ab .sidebar{border-right:1px solid #ffffff17;border-left:0}
@media(max-width:1100px){.ecos-ab .topbar-tools .portal-shortcut{display:none}.ecos-ab .login-intro-content h2{font-size:32px}}
@media(max-width:900px){.ecos-ab .login-shell{grid-template-columns:1fr}.ecos-ab .login-intro{min-height:auto;padding:35px 28px}.ecos-ab .login-intro-content h2{font-size:30px}.ecos-ab .login-intro-content>p,.ecos-ab .login-capabilities{display:none}.ecos-ab .login-access{padding:70px 22px}.ecos-ab .project-summary-strip{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ecos-ab .sidebar{position:fixed;z-index:30;inset-inline-start:-285px;inset-inline-end:auto;width:275px;min-width:275px;transition:inset-inline-start .2s}.ecos-ab .sidebar.open{inset-inline-start:0}.ecos-ab .topbar{min-height:65px;padding:12px 17px}.ecos-ab .page{padding:20px 14px 50px}.ecos-ab .breadcrumb{font-size:13px}.ecos-ab .topbar-tools{gap:6px}.ecos-ab .topbar-tools [data-ecos-language] span{display:none}.ecos-ab .project-command-header{flex-direction:column;align-items:stretch;padding:20px}.ecos-ab .project-summary-strip{grid-template-columns:1fr}}
/* External portal shares same design tokens; different session, same project IDs & existing API endpoints. */
.ecos-external{background:#f5f7fa}
.ecos-external .portal-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);direction:ltr}
.ecos-external .portal-brand{direction:rtl;padding:36px 27px;background:linear-gradient(150deg,#081e32,#18364f);color:#fff;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}
.ecos-external .portal-brand-logo{display:flex;align-items:center;gap:13px;direction:ltr;justify-content:flex-start}
.ecos-external .portal-monogram{border-radius:13px;background:#e8b777;color:#152b40;width:52px;height:52px;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;font-weight:bold}
.ecos-external .portal-brand-logo strong{font-size:24px;letter-spacing:2px;display:block}
.ecos-external .portal-brand-logo small{font-size:8px;color:#bfd0dc;display:block;letter-spacing:1.5px}
.ecos-external .portal-overline{font-size:10px;letter-spacing:.12em;color:#e1b57c;margin-top:80px}
.ecos-external .portal-brand h2{font-size:27px;color:#fff;line-height:1.4;margin:0}
.ecos-external .portal-brand p:not(.portal-overline){font-size:13px;line-height:2;color:#ccdae5}
.ecos-external .portal-blueprint{height:230px;margin:auto -12px 0;border:1px solid #b4c9d228;opacity:.6;transform:skewY(-8deg);background:repeating-linear-gradient(90deg,transparent 0 29px,#c7dbe32d 30px 31px),repeating-linear-gradient(0deg,transparent 0 32px,#c7dbe329 33px 34px)}
.ecos-external .portal-brand-foot{border-top:1px solid #ffffff30;padding-top:20px;color:#b8c9d8;font-size:9px;letter-spacing:1.3px}
.ecos-external .panel{direction:rtl;max-width:none;margin:0;padding:35px clamp(25px,4vw,70px);border:0;border-radius:0;background:#f7f9fb;min-width:0}
.ecos-external .header{padding:0 0 25px;border-color:#dfe7ed;align-items:center}
.ecos-external .header h1{font-size:27px;color:#122f45}
.ecos-external .header .sub{color:#ac8459;font-weight:800}
.ecos-external .portal-header-actions{display:flex;align-items:center;gap:17px}
.ecos-external .portal-login{max-width:610px;margin:10vh auto;background:white;border:1px solid #e0e7ed;padding:clamp(26px,3vw,50px);border-radius:22px;box-shadow:var(--ab-shadow)}
.ecos-external .portal-login form{max-width:none;display:grid;gap:13px}
.ecos-external .portal-login h2{font-size:27px;color:#173148;margin:0 0 12px}
.ecos-external .portal-intro{color:#728697;font-size:13px;line-height:1.9;margin-bottom:26px}
.ecos-external :is(input,select,textarea){border-radius:9px;min-height:44px;background:#fcfdfe;border-color:#d4e1e8}
.ecos-external button{border-radius:9px;background:#132f46;font-weight:750;min-height:41px}
.ecos-external #projects>h2,.ecos-external :is(#distributions,#technical)>h2{font-size:22px;color:#1a3d54;border-bottom:1px solid #dce5ea;padding-bottom:14px}
.ecos-external .project,.ecos-external .drawing-distribution,.ecos-external .technical-item{border-radius:14px;background:#fff;border-color:#e0e8ee;box-shadow:var(--ab-shadow);padding:20px}
.ecos-external .drawing-line{border-color:#e8edf1;gap:12px}
.ecos-external .drawing-line a{border:1px solid #cadae3;background:#eef6fa;border-radius:8px;padding:6px 12px;text-decoration:none}
.ecos-external .technical-form{max-width:none;background:#fff;padding:24px;border:1px solid #dfe9ef;border-radius:15px;box-shadow:var(--ab-shadow)}
.ecos-external .technical-notice{color:#41647d;background:#f0f6fa;border-inline-start:3px solid #bd965d;padding:13px 17px;border-radius:8px}
.ecos-external #project-detail{font-size:16px;font-weight:700;padding:15px;background:#fff;border:1px solid #dfe8ee;border-radius:12px}
html[dir=rtl] .ecos-external .portal-layout{direction:rtl}
html[dir=rtl] .ecos-external .portal-brand{direction:rtl}
html[dir=ltr] .ecos-external .portal-layout{direction:ltr}
html[dir=ltr] .ecos-external .portal-brand{direction:ltr}
@media(max-width:950px){.ecos-external .portal-layout{grid-template-columns:1fr}.ecos-external .portal-brand{min-height:auto;padding:25px}.ecos-external .portal-overline,.ecos-external .portal-blueprint,.ecos-external .portal-brand-foot{display:none}.ecos-external .portal-brand h2{font-size:19px}.ecos-external .portal-brand p:not(.portal-overline){font-size:11px}.ecos-external .panel{padding:20px}}
@media(prefers-reduced-motion:reduce){.ecos-ab :is(.sidebar,.btn,.nav-item){transition:none!important}}

/* Scoped quick search, sourcing only permitted projects already returned by /api/projects */
.ecos-ab .ecos-global-search{position:relative;width:clamp(180px,23vw,345px)}
.ecos-ab .ecos-global-search input{height:43px;width:100%;border:1px solid #dbe5ec;background:#f6f9fb;border-radius:10px;padding:10px 15px;outline-offset:2px;font-size:12px}
.ecos-ab .ecos-search-results{position:absolute;z-index:70;top:calc(100% + 8px);inset-inline-start:0;width:min(430px,90vw);background:#fff;border-radius:13px;border:1px solid #dce6ed;box-shadow:0 16px 50px #112d4530;overflow:hidden;padding:5px}
.ecos-ab .ecos-search-results[hidden]{display:none}
.ecos-ab .ecos-search-hit{width:100%;display:flex;gap:9px;align-items:center;justify-content:space-between;background:#fff;padding:13px;border:0;border-radius:9px;text-align:start;color:#234157}
.ecos-ab .ecos-search-hit:hover{background:#eff5f9}
.ecos-ab .ecos-search-hit strong{font-size:12px}.ecos-ab .ecos-search-hit small{font-size:10px;color:#8199aa}
.ecos-ab .ecos-search-none{font-size:12px;color:#6d8393;margin:0;padding:16px}
html[dir=ltr] .ecos-ab .login-shell{direction:ltr}
@media(max-width:930px){.ecos-ab .ecos-global-search{width:180px}}
@media(max-width:610px){.ecos-ab .ecos-global-search{display:none}}
/* True bidirectional alignment rather than simply translating strings. */
html[dir=ltr] .ecos-ab .data-table{text-align:left}
html[dir=ltr] .ecos-ab .row-link{text-align:left}
html[dir=ltr] .ecos-ab .sidebar .signout{text-align:left}
html[dir=ltr] .ecos-ab .nav-group-heading{text-align:left}
html[dir=ltr] .ecos-ab .nav-item{text-align:left}
html[dir=ltr] .ecos-ab .technical-form label,html[dir=ltr] .ecos-external .panel{direction:ltr;text-align:left}
html[dir=ltr] .ecos-ab .modal-card{text-align:left}
html[dir=ltr] .ecos-ab .project-command-header{text-align:left}
html[dir=ltr] .ecos-ab .login-card input{text-align:left}
html[dir=ltr] .ecos-ab .login-intro{text-align:left}

/* R2 — engineering workspaces: persistent scoped navigation, no horizontal tab-strip. */
.ecos-ab .project-shell-layout{display:grid;grid-template-columns:minmax(212px,252px) minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.ecos-ab .project-shell-layout .project-workbench{position:sticky;top:18px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:16px 11px;background:#fff;border:1px solid var(--ab-line);box-shadow:var(--ab-shadow);border-radius:16px;scrollbar-width:thin}
.ecos-ab .project-shell-layout .project-content{min-width:0;margin:0}
.ecos-ab .project-nav-title{font-size:14px;font-weight:800;line-height:1.7;padding:4px 11px 12px;color:var(--ab-navy);border-bottom:1px solid var(--ab-line)}
.ecos-ab .project-nav-group{margin-top:12px}
.ecos-ab .project-nav-group-label{font-size:10px;color:#7b91a3;font-weight:800;letter-spacing:.035em;padding:8px 11px 4px;margin:0}
.ecos-ab .project-nav-button{display:block;width:100%;font:inherit;text-align:start;font-size:12.5px;font-weight:650;line-height:1.5;border:1px solid transparent;border-radius:9px;padding:11px 13px;margin:2px 0;background:transparent;color:#334f63;cursor:pointer}
.ecos-ab .project-nav-button:hover{background:#eef4f8}
.ecos-ab .project-nav-button.active{background:#eaf1f6;border-color:#c3d5e0;color:#0e334d;font-weight:800;box-shadow:inset 3px 0 0 var(--ab-gold)}
.ecos-ab :is(.project-nav-button,.nav-item,.btn):focus-visible{outline:3px solid #c39762;outline-offset:2px}
html[dir=ltr] .ecos-ab .project-nav-button.active{box-shadow:inset 3px 0 0 var(--ab-gold)}
@media(max-width:1040px){.ecos-ab .project-shell-layout{grid-template-columns:1fr}.ecos-ab .project-shell-layout .project-workbench{position:static;max-height:none}.ecos-ab .project-nav-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 7px}.ecos-ab .project-nav-group-label{grid-column:1/-1}.ecos-ab .project-nav-button{margin:0}}
@media(max-width:600px){.ecos-ab .project-nav-group{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .project-nav-button{font-size:11.5px;padding:9px 10px}}

/* R3 bilingual data-density and accessible English labels (same elements, no routes). */
html[dir=ltr] .ecos-ab .project-nav-button,
html[dir=ltr] .ecos-ab .nav-item,
html[dir=ltr] .ecos-external :is(label,button,h1,h2,h3){line-height:1.55;overflow-wrap:break-word}
html[dir=ltr] .ecos-ab .nav-item{min-height:44px}
html[dir=ltr] .ecos-ab :is(input,textarea,select){text-align:start}

/* UI A+B R4 — shared engineering table and form shell, no new endpoint. */
.ecos-ab .ecos-data-grid{min-width:0;display:grid;gap:11px}
.ecos-ab .ecos-grid-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.ecos-ab .ecos-grid-toolbar[hidden],.ecos-ab .ecos-grid-pages[hidden]{display:none}
.ecos-ab .ecos-grid-search{width:min(350px,100%);min-width:190px;border:1px solid #d5e3eb;background:#f8fafc;border-radius:10px;padding:10px 13px;min-height:42px;font-size:12px}
.ecos-ab .ecos-grid-count,.ecos-ab .ecos-grid-page-label{font-size:11px;color:#647c90;font-weight:650;font-variant-numeric:tabular-nums}
.ecos-ab .ecos-grid-pages{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:3px 1px 10px}
.ecos-ab .ecos-grid-pages .btn{font-size:11px;min-height:34px}
.ecos-ab .ecos-grid-pages .btn:disabled{opacity:.4;cursor:not-allowed}
.ecos-ab .data-table{border-collapse:separate;border-spacing:0;width:100%;font-variant-numeric:tabular-nums}
.ecos-ab .data-table thead{position:sticky;top:0;z-index:1}
.ecos-ab .data-table thead th{font-weight:800;white-space:nowrap;padding:0}
.ecos-ab .ecos-grid-sort{color:inherit;text-align:start;border:0;background:transparent;font:inherit;font-weight:800;display:flex;gap:7px;align-items:center;min-height:42px;width:100%;padding:11px 14px;cursor:pointer}
.ecos-ab .ecos-grid-sort::after{content:'↕';color:#a0afbb;font-size:13px}
.ecos-ab .ecos-grid-sort.is-sorted::after{content:'◆';font-size:8px;color:#b48750}
.ecos-ab .data-table td{padding:13px 14px;border-bottom:1px solid #edf1f5;line-height:1.65}
.ecos-ab .data-table tbody tr:last-child td{border-bottom:0}
.ecos-ab .ecos-grid-empty{text-align:center;color:#73899a;padding:26px!important}
.ecos-ab .ecos-grid-sort:focus-visible,.ecos-ab .ecos-grid-search:focus-visible{outline:3px solid #c39762;outline-offset:1px}
.ecos-ab .modal-root:not(.hidden){background:#0e263ca8;backdrop-filter:blur(5px);padding:20px}
.ecos-ab .modal-card{border-radius:18px;border:1px solid #e0e8ef;box-shadow:0 30px 100px #04192a55;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain}
.ecos-ab .modal-title{position:sticky;top:0;background:white;z-index:2;padding-block:6px 12px;border-bottom:1px solid #edf0f4}
.ecos-ab .modal-title h2{font-size:clamp(17px,1.5vw,23px)}
.ecos-ab .modal-subtitle{color:#74889a;font-size:12px;line-height:1.7}
.ecos-ab .modal-card :is(input,select,textarea){border:1px solid #d7e2eb;border-radius:10px;background:#fcfdff;min-height:43px}
.ecos-ab .modal-card :is(input,select,textarea):focus{border-color:#a98753;outline:3px solid #c3976238}
.ecos-ab .ecos-check-group{border:1px solid #d8e4ec;border-radius:12px;padding:12px;max-height:230px;overflow:auto;min-width:0}
.ecos-ab .ecos-check-group legend{font-size:12px;font-weight:750;padding:0 8px}
.ecos-ab .modal-card .select-search{margin-bottom:6px;background:#f3f7fa}
.ecos-ab .form-actions{position:sticky;bottom:0;background:white;padding-top:12px;border-top:1px solid #edf0f4;z-index:1}
.ecos-ab .form-actions [aria-busy=true]{cursor:progress;opacity:.7}
.ecos-ab .ecos-nav-section{display:block;min-width:0}
.ecos-ab #nav .ecos-nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;font-size:10px;font-weight:800;letter-spacing:.03em;color:#9fb6c7;padding:17px 17px 9px;border:0;border-top:1px solid #ffffff12;background:none;cursor:pointer;text-align:start}
.ecos-ab .ecos-nav-group-toggle::after{content:'⌄';font-size:15px;color:#d0a36e}
.ecos-ab .ecos-nav-group-toggle[aria-expanded=false]::after{transform:rotate(90deg)}
.ecos-ab .ecos-nav-group-items[hidden]{display:none}
.ecos-ab .ecos-nav-group-toggle:focus-visible{outline:2px solid #dfb77b;outline-offset:-1px}
html[dir=ltr] .ecos-ab .ecos-grid-sort{text-align:left}
@media(max-width:680px){.ecos-ab .ecos-grid-toolbar{align-items:stretch}.ecos-ab .ecos-grid-search{min-width:0;width:100%}.ecos-ab .ecos-grid-pages{justify-content:space-between}.ecos-ab .modal-root:not(.hidden){padding:7px}.ecos-ab .modal-card{max-height:calc(100dvh - 14px)}}

/* R5 — drawing control workspace. Shared AR/EN structural styles. */
.ecos-drawing-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:18px 0}
.ecos-drawing-metric{display:flex;flex-direction:column;gap:8px;background:var(--ab-surface,#fff);border:1px solid #dfe8ee;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(12,37,57,.045)}
.ecos-drawing-metric-label{font-size:.83rem;color:#687b8c;font-weight:600}
.ecos-drawing-metric strong{font-size:1.8rem;line-height:1.1;color:#162d43;font-variant-numeric:tabular-nums}
.ecos-drawing-disclaimer{border-inline-start:3px solid #bd935b;padding:12px 18px;background:#faf7f1;border-radius:8px;color:#50483f;margin-block:12px 18px;font-size:.9rem}
@media(max-width:650px){.ecos-drawing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-drawing-metric{padding:14px}}

/* R6 — single-source controlled drawing files and revision review workspace. */
.ecos-ab .ecos-revision-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #dce6ec;background:linear-gradient(110deg,#f8fbfd,#f0f5f8);border-radius:14px;padding:18px;margin:15px 0 25px}
.ecos-ab .ecos-revision-summary strong{font-size:14px;color:#123248}
.ecos-ab .ecos-revision-summary p{margin:5px 0 0;font-size:12px;max-width:510px}
.ecos-ab .ecos-revision-files{display:flex;gap:8px;flex-wrap:wrap}
.ecos-ab .ecos-file-chip,.ecos-ab .ecos-file-format{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;letter-spacing:.04em;font-weight:800;padding:8px 11px;direction:ltr}
.ecos-ab .ecos-file-chip.ready{background:#e6f5ee;color:#177b5c;border:1px solid #c9ead9}
.ecos-ab .ecos-file-chip.missing{background:#fff3e5;color:#925b22;border:1px solid #f1d7b8}
.ecos-ab .ecos-file-format{background:#e9f1f6;color:#235579}
.ecos-ab .ecos-pdf-preview-ready{width:min(600px,100%)}
.ecos-ab .ecos-preview-document{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid #e0e9ed;background:#f9fbfd;border-radius:11px;padding:17px;margin:17px 0;overflow-wrap:anywhere}
.ecos-ab .ecos-pdf-preview-ready .action-row{justify-content:flex-end}
@media(max-width:760px){.ecos-ab .ecos-revision-summary{align-items:stretch;flex-direction:column}.ecos-ab .ecos-preview-document{align-items:flex-start;flex-direction:column}}

/* R7 — controlled issue, distribution, receipt: presentation only; one source record. */
.ecos-ab .ecos-transmittal-kpis,.ecos-external .portal-distribution-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.ecos-ab .ecos-transmittal-kpi,.ecos-external .portal-summary-item{background:#fff;border:1px solid #dae5ed;border-radius:14px;padding:15px 18px;box-shadow:0 7px 24px #142d4008;display:grid;gap:7px}
.ecos-ab .ecos-transmittal-kpi small,.ecos-external .portal-summary-item small{color:#647b8d;font-size:12px}
.ecos-ab .ecos-transmittal-kpi strong,.ecos-external .portal-summary-item strong{color:#102f47;font-size:29px;line-height:1.2}
.ecos-ab .ecos-transmittal-guidance,.ecos-ab .ecos-transmittal-note{padding:15px 19px;background:#f3f7fb;border:1px solid #d9e7f0;border-inline-start:4px solid #bf955f;border-radius:11px;color:#345268;margin:15px 0;line-height:1.8}
.ecos-ab .ecos-transmittal-guidance p{margin:5px 0 0;font-size:12px}
.ecos-ab .ecos-transmittal-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px}
.ecos-ab .ecos-transmittal-step{display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid #dce6ec;border-radius:11px;padding:12px 13px;color:#7890a0;font-size:12px;font-weight:700}
.ecos-ab .ecos-transmittal-step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6edf2;color:#314c60;flex-shrink:0}
.ecos-ab .ecos-transmittal-step.is-current{border-color:#bd975d;background:#fffbf5;color:#7a5327}
.ecos-ab .ecos-transmittal-step.is-complete{border-color:#b6d8cc;background:#f1faf6;color:#176b53}
.ecos-ab .ecos-transmittal-file .details-grid{margin-bottom:15px}
.ecos-external .portal-distribution-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.ecos-external .portal-distribution-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.ecos-external .portal-distribution-heading p{margin:5px 0;color:#466075;font-size:13px}
.ecos-external .portal-distribution-heading small{font-size:11px;color:#8798a6}
.ecos-external .portal-ack-status{border-radius:30px;padding:7px 12px;font-size:11px;white-space:nowrap;font-weight:700}
.ecos-external .portal-ack-status.is-acknowledged{color:#116b53;background:#e4f5ef}
.ecos-external .portal-ack-status.is-pending{color:#8c5a22;background:#fff1dc}
.ecos-external .portal-distribution-actions{display:flex;gap:12px;margin-top:14px}
.ecos-external .portal-distribution-details{border-top:1px solid #e4edf2;padding-top:18px;margin-top:17px}
.ecos-external .portal-distribution-details[hidden]{display:none}
.ecos-external .portal-acknowledge{background:#bd8d50;color:#092237;margin-top:16px}
.ecos-external .portal-distribution-details .drawing-line b{min-width:180px}
@media(max-width:900px){.ecos-ab .ecos-transmittal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ecos-ab .ecos-transmittal-kpis,.ecos-external .portal-distribution-summary{grid-template-columns:1fr 1fr}.ecos-ab .ecos-transmittal-journey{grid-template-columns:1fr}.ecos-external .portal-distribution-heading{flex-direction:column;gap:8px}}
@media(max-width:430px){.ecos-ab .ecos-transmittal-kpis,.ecos-external .portal-distribution-summary{grid-template-columns:1fr}}

/* R8 office intake: client-side views of existing request records, no parallel route. */
.ecos-intake-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.ecos-intake-kpi{border:1px solid #dce3ec;background:linear-gradient(140deg,#fff,#f4f7fb);padding:17px;border-radius:14px;display:flex;flex-direction:column;gap:9px;min-width:0}
.ecos-intake-kpi small{color:#576c82;font-weight:600}.ecos-intake-kpi strong{font-size:25px;color:#16334d}
.ecos-intake-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:12px 0}
.ecos-intake-toolbar input,.ecos-intake-toolbar select{min-width:0;width:100%;height:42px;border:1px solid #cbd8e4;border-radius:9px;padding:8px 12px;background:white;color:#183950}
@media(max-width:760px){.ecos-intake-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-intake-toolbar{grid-template-columns:1fr}}
/* Technical Review & Approval Centre — one view of the existing controlled records */
.ecos-ab .technical-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:17px;padding:28px 32px;border-radius:19px;background:radial-gradient(circle at 92% 0,#c9a87736,transparent 40%),linear-gradient(130deg,#0b253b,#1b4059);color:#fff;box-shadow:0 18px 45px #0e314026}
.ecos-ab .technical-hero h1,.ecos-ab .technical-hero h2{font-size:clamp(22px,2.6vw,30px);color:#fff;margin:8px 0}
.ecos-ab .technical-hero p{max-width:800px;color:#cedce7;font-size:12px;line-height:1.9}
.ecos-ab .technical-eyebrow{letter-spacing:.16em;color:#e8c994!important;font-size:10px!important;font-weight:800}
.ecos-ab .technical-hero-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.ecos-ab .technical-hero-actions .btn.light{background:#ffffff16;border-color:#ffffff44;color:#fff}
.ecos-ab .technical-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}
.ecos-ab .technical-metric{padding:17px 18px;border:1px solid #e1e9ef;border-radius:13px;background:#fff;box-shadow:0 5px 18px #1c3b4f0b;display:flex;flex-direction:column;gap:8px}
.ecos-ab .technical-metric span{color:#63788b;font-size:11px;font-weight:700}
.ecos-ab .technical-metric strong{color:#18354b;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}
.ecos-ab .technical-metric.attention{border-top:3px solid #d4a665}
.ecos-ab .technical-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.9fr);gap:16px;align-items:start;margin-bottom:18px}
.ecos-ab .technical-records,.ecos-ab .technical-inspector{min-width:0;border:1px solid #dfe7ee;background:#fff;border-radius:15px;box-shadow:0 5px 20px #1a34400d;overflow:hidden}
.ecos-ab .technical-controls{display:grid;grid-template-columns:minmax(120px,1.5fr) minmax(120px,1fr) minmax(100px,.7fr);gap:9px;padding:14px;border-bottom:1px solid #e7edf2}
.ecos-ab .technical-controls input,.ecos-ab .technical-controls select{min-width:0;min-height:41px;border:1px solid #dae4ec;border-radius:9px;background:#fbfcfe;padding:0 10px;font-size:12px}
.ecos-ab .technical-record-list{max-height:590px;overflow:auto;min-height:175px}
.ecos-ab .technical-row{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:start;padding:18px 20px;border:0;border-bottom:1px solid #edf1f4;border-inline-start:4px solid transparent;background:#fff;color:#1a3548;cursor:pointer}
.ecos-ab .technical-row:hover{background:#f7f9fa}.ecos-ab .technical-row.selected{background:#f0f6f9;border-inline-start-color:#d3a66b}
.ecos-ab .technical-row-top,.ecos-ab .technical-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ecos-ab .technical-row-top strong{font-family:ui-monospace,monospace;font-size:12px;color:#2e5a70}
.ecos-ab .technical-row-top small,.ecos-ab .technical-row-bottom small{color:#7790a1;font-size:10px}
.ecos-ab .technical-row-title{font-size:13px;font-weight:800;line-height:1.6}
.ecos-ab .technical-row-bottom em{font-style:normal;border-radius:30px;background:#e9f0f4;padding:4px 10px;color:#355d71;font-size:10px;font-weight:750;white-space:nowrap}
.ecos-ab .technical-inspector{padding:0 20px 22px;position:sticky;top:85px}
.ecos-ab .technical-inspector-head{margin:0 -20px;padding:22px 20px;background:linear-gradient(145deg,#f5f8fa,#fff);border-bottom:1px solid #e7edf1}
.ecos-ab .technical-type{color:#9b7147;font-size:10px;font-weight:800;letter-spacing:.06em}
.ecos-ab .technical-inspector-head h3{margin:11px 0 7px;color:#213b52;font-size:19px;overflow-wrap:anywhere}
.ecos-ab .technical-inspector-head p{font-size:12px;color:#6b8292;margin:0 0 9px}
.ecos-ab .technical-pill{display:inline-flex;border-radius:20px;background:#dfeaf1;color:#31596a;padding:5px 12px;font-size:11px;font-weight:750}
.ecos-ab .technical-facts{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;padding:16px 0;margin:0;border-bottom:1px solid #e7edf1}
.ecos-ab .technical-facts dt{font-size:11px;color:#718799}.ecos-ab .technical-facts dd{margin:0;font-size:11px;color:#1b3648;font-weight:730;overflow-wrap:anywhere}
.ecos-ab .technical-inspector h4{color:#1b394c;font-size:12px;margin:20px 0 10px}
.ecos-ab .technical-steps,.ecos-ab .technical-case-history{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto}
.ecos-ab .technical-step,.ecos-ab .technical-case-history article{background:#f7f9fb;border:1px solid #e6edf3;padding:12px;border-radius:9px;font-size:11px;display:flex;flex-direction:column;gap:6px}
.ecos-ab .technical-step span,.ecos-ab .technical-case-history small{color:#57778b;font-size:10px}
.ecos-ab .technical-step p,.ecos-ab .technical-case-history p{color:#566e80;margin:0;line-height:1.6;overflow-wrap:anywhere}
.ecos-ab .technical-detail-actions{display:flex;gap:8px;margin-top:20px}.ecos-ab .technical-warning{padding:10px;background:#fff2e6;color:#925927;font-size:11px;border-radius:8px}
.ecos-ab .technical-empty{padding:50px;text-align:center;color:#728698}.ecos-ab .technical-footnote{font-size:11px;color:#6a8294;margin:10px 0 20px}
@media(max-width:1150px){.ecos-ab .technical-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ecos-ab .technical-workspace{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}}
@media(max-width:820px){.ecos-ab .technical-workspace{grid-template-columns:1fr}.ecos-ab .technical-inspector{position:static}.ecos-ab .technical-hero{flex-direction:column;align-items:stretch}.ecos-ab .technical-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.ecos-ab .technical-controls{grid-template-columns:1fr}.ecos-ab .technical-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .technical-row{padding:15px}}

/* R10: receipt and revision evidence are displayed as read-only records. */
.ecos-ab .technical-receipt-note{font-size:11px;color:#637e92;line-height:1.7;margin:10px 0}
/* R12: bounded, keyboard-accessible review centre pages. */
.ecos-ab .technical-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:14px 12px 5px;border-top:1px solid #e7edf2;font-weight:700;font-size:12px}
.ecos-ab .technical-page-note{display:block;text-align:center;color:#62768a;padding:6px 12px 13px;font-size:11px}

/* R17 — read/receipt separation: status comes from the existing audited events. */
.ecos-external .portal-attention{display:inline-flex;align-items:center;border:1px solid #c8dbea;border-radius:999px;padding:5px 11px;margin:8px 0;background:#eef6fc;color:#174a73;font-size:12px;font-weight:700}
/* ECOS R18 — source-backed follow-up queue, isolated from approval/write workflows */
.ecos-ab .technical-followup-panel{margin:18px 0 22px;padding:23px;border:1px solid #dbe7ed;border-radius:16px;background:linear-gradient(135deg,#fff,#f6fafc);box-shadow:0 10px 30px rgba(19,53,74,.045)}
.ecos-ab .technical-followup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ecos-ab .technical-followup-header h3{color:#173d55;margin:0;font-size:18px}
.ecos-ab .technical-followup-header p{font-size:12px;color:#6b8091;line-height:1.7;margin:6px 0}
.ecos-ab .technical-followup-total{color:#976337;background:#fff0df;border:1px solid #f1d9b8;border-radius:12px;padding:11px 14px;font-size:12px}
.ecos-ab .technical-followup-panel>select{margin:14px 0 10px;border:1px solid #cbdce5;border-radius:9px;padding:9px 12px;background:#fff;color:#23465b;max-width:230px;width:100%}
.ecos-ab .technical-followup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:450px;overflow-y:auto}
.ecos-ab .technical-followup-card{padding:16px;background:#fff;border:1px solid #e5edf1;border-radius:12px;display:flex;justify-content:space-between;gap:10px;min-width:0}
.ecos-ab .technical-followup-content{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}
.ecos-ab .technical-followup-content strong{font-size:14px;color:#173c51}
.ecos-ab .technical-followup-content p{font-size:12px;line-height:1.6;color:#3f5767;margin:0}
.ecos-ab .technical-followup-content small,.ecos-ab .technical-followup-kind{font-size:11px;color:#718496}
.ecos-ab .technical-followup-meta{display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between;gap:9px;flex-shrink:0;font-size:11px;color:#607788;text-align:end}
.ecos-ab .technical-followup-priority{border-radius:20px;background:#edf3f6;padding:5px 10px;color:#39576c;font-weight:750}
.ecos-ab .technical-followup-priority.urgent,.ecos-ab .technical-followup-priority.high{background:#fff0e9;color:#a64c31}
.ecos-ab .technical-followup-disclaimer{font-size:11px;color:#6b8290;margin:9px 0 0}
.ecos-ab .technical-followup-empty{grid-column:1/-1;text-align:center;padding:20px;font-size:12px;color:#718496}
@media(max-width:850px){.ecos-ab .technical-followup-list{grid-template-columns:1fr}}
@media(max-width:500px){.ecos-ab .technical-followup-card{flex-direction:column}.ecos-ab .technical-followup-meta{align-items:flex-start;text-align:start}}

/* R19 — read-only recommended escalations / sourced task dates / review workload */
.ecos-ab .technical-followup-due{font-size:11px;color:#315b76;line-height:1.6;max-width:220px}
.ecos-ab .technical-followup-due.is-overdue{font-weight:750;color:#a3472c}
.ecos-ab .technical-reviewer-workload{margin-top:20px;border-top:1px solid #e0eaf0;padding-top:15px}
.ecos-ab .technical-reviewer-workload h4{margin:0 0 12px;color:#173d55;font-size:15px}
.ecos-ab .technical-reviewer-workload-table{display:grid;gap:7px}
.ecos-ab .technical-reviewer-workload-row{display:grid;grid-template-columns:minmax(135px,2fr) repeat(3,minmax(100px,1fr));gap:9px;align-items:center;background:#fff;border:1px solid #e6edf0;border-radius:9px;padding:11px 13px;font-size:12px;color:#476071}
.ecos-ab .technical-reviewer-workload-row strong{color:#163f58}
@media(max-width:720px){.ecos-ab .technical-reviewer-workload-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ecos-ab .technical-r19-deadline-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.ecos-ab .technical-r19-deadline-summary span{background:#fff;border:1px solid #e3ebf0;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:650;color:#245170}
/* R20: compact scoped escalation action; inherits the unified A+B design tokens. */
.technical-escalation-controls{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:10px;width:100%;font-size:.83rem}
.technical-escalation-entry,.technical-escalation-history{width:100%;border:1px solid var(--line,#d9e0e9);border-radius:10px;padding:9px 11px;background:var(--panel,#fff)}
.technical-escalation-entry summary,.technical-escalation-history summary{cursor:pointer;font-weight:650}
.technical-escalation-entry select,.technical-escalation-entry textarea,.technical-escalation-entry input{display:block;box-sizing:border-box;margin-top:9px;padding:9px 11px;width:100%;min-width:0;border:1px solid var(--line,#cfd8e3);border-radius:8px;background:var(--panel,#fff);color:inherit;font:inherit}
.technical-escalation-entry button{margin-top:9px}
.technical-escalation-history p{font-size:.8rem;margin:7px 0;overflow-wrap:anywhere}

/* R21: contract-source review shares established form styling, not approval logic. */
.technical-contract-review-entry{width:100%;border:1px solid var(--line,#d9e0e9);border-radius:10px;padding:9px 11px;background:var(--panel,#fff)}
.technical-contract-review-entry summary{cursor:pointer;font-weight:650}
.technical-contract-review-entry select,.technical-contract-review-entry textarea,.technical-contract-review-entry input{display:block;box-sizing:border-box;margin-top:9px;padding:9px 11px;width:100%;min-width:0;border:1px solid var(--line,#cfd8e3);border-radius:8px;background:var(--panel,#fff);color:inherit;font:inherit}
.technical-contract-review-entry button{margin-top:9px}

/* R38 Project 360: single source-of-truth project homepage. RTL/LTR with logical CSS. */
.ecos-ab .p360-root{display:grid;gap:18px;min-width:0;margin-bottom:22px}
.ecos-ab .p360-hero{background:linear-gradient(110deg,#0e283d,#1c4860);border:1px solid #456177;border-radius:17px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#eef5f9}
.ecos-ab .p360-kicker{color:#ebbf83;letter-spacing:.15em;font-size:10px;font-weight:800;margin:0 0 8px}
.ecos-ab .p360-hero h2{color:#fff;margin:0 0 11px;font-size:clamp(22px,2.3vw,28px)}
.ecos-ab .p360-subtitle{color:#cad9e3;line-height:1.8;font-size:12px;margin:0 0 14px;max-width:620px}
.ecos-ab .p360-meta{display:flex;flex-wrap:wrap;gap:10px}
.ecos-ab .p360-meta span{font-size:11px;color:#f0dfbf;background:#ffffff14;border:1px solid #ffffff25;border-radius:100px;padding:5px 10px}
.ecos-ab .p360-hero-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:170px;justify-content:flex-end}
.ecos-ab .p360-hero-actions .btn{background:#ffffff14;color:#fff;border:1px solid #ffffff45}
.ecos-ab .p360-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ecos-ab .p360-metric{background:#fff;border:1px solid #dfe8ee;border-top:3px solid #bfa079;text-align:start;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:10px;color:#29445a;cursor:pointer;min-height:96px;box-shadow:0 5px 18px #102a3b09}
.ecos-ab .p360-metric:hover,.ecos-ab .p360-action:hover{border-color:#b99a70;background:#fbfaf7}
.ecos-ab .p360-metric strong{font-size:27px;line-height:1;color:#122f45;font-variant-numeric:tabular-nums}
.ecos-ab .p360-metric span{font-size:11px;line-height:1.5;font-weight:650}
.ecos-ab .p360-metric.p360-warning{border-top-color:#b46c46}
.ecos-ab .p360-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px}
.ecos-ab .p360-section{min-width:0;background:#fff;border:1px solid #e0e8ed;border-radius:15px;padding:19px;box-shadow:var(--ab-shadow)}
.ecos-ab .p360-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eef2;padding-bottom:12px;margin-bottom:12px}
.ecos-ab .p360-section-head h3{font-size:16px;margin:0;color:#173a54}
.ecos-ab .p360-section-head .btn{font-size:11px}
.ecos-ab .p360-actions-list{display:grid;gap:7px}
.ecos-ab .p360-action{display:grid;grid-template-columns:110px minmax(120px,1fr) 105px auto;align-items:center;gap:10px;padding:13px;text-align:start;background:#fbfcfe;border:1px solid #e5edf1;border-radius:10px;cursor:pointer;color:#203d54}
.ecos-ab .p360-action-type{font-size:10px;color:#927148;font-weight:800}
.ecos-ab .p360-action-text{display:flex;flex-direction:column;min-width:0;gap:3px}
.ecos-ab .p360-action-text strong,.ecos-ab .p360-action-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecos-ab .p360-action-text strong{font-size:12px}.ecos-ab .p360-action-text small{font-size:10px;color:#7a8d9b}
.ecos-ab .p360-action-owner,.ecos-ab .p360-action-state{font-size:10px;color:#536d80}
.ecos-ab .p360-action-state{text-align:end;font-weight:750}
.ecos-ab .p360-muted,.ecos-ab .p360-disclaimer,.ecos-ab .p360-empty{font-size:11px;color:#6e8495;line-height:1.85;margin:3px 0 11px}
.ecos-ab .p360-disclaimer{margin:8px 0 0}
.ecos-ab .p360-activity{display:grid;gap:8px}.ecos-ab .p360-event{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f4}
.ecos-ab .p360-event-dot{height:8px;width:8px;border-radius:50%;background:#bc9363;margin-top:5px;flex-shrink:0}
.ecos-ab .p360-event strong{font-size:11px;display:block;line-height:1.6;color:#294e69}.ecos-ab .p360-event small{font-size:10px;color:#728798}
.ecos-ab .p360-source-links{display:flex;flex-wrap:wrap;gap:9px}
.ecos-ab .p360-root button:focus-visible{outline:3px solid #b08b53;outline-offset:2px}
@media(max-width:1250px){.ecos-ab .p360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .p360-grid{grid-template-columns:1fr}}
@media(max-width:750px){.ecos-ab .p360-hero{flex-direction:column;align-items:stretch;padding:18px}.ecos-ab .p360-hero-actions{justify-content:flex-start}.ecos-ab .p360-action{grid-template-columns:1fr 1fr}.ecos-ab .p360-action-text{grid-column:1 / -1;grid-row:2}.ecos-ab .p360-source-links .btn{flex:1}}
@media(max-width:450px){.ecos-ab .p360-metrics{grid-template-columns:1fr 1fr;gap:7px}.ecos-ab .p360-metric{padding:12px;min-height:92px}.ecos-ab .p360-metric strong{font-size:22px}}

/* R39 source-linked relationship map. RTL/LTR uses logical alignment and wrapping. */
.ecos-ab .p360-relations{display:grid;gap:12px}
.ecos-ab .p360-rel-card{border:1px solid #e4e9ed;border-radius:13px;padding:14px;background:#fcfdff;min-width:0}
.ecos-ab .p360-rel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.ecos-ab .p360-rel-heading strong{display:block;font-size:14px;color:#133d56}
.ecos-ab .p360-rel-heading small{display:block;font-size:11px;color:#5c7485;margin-top:3px}
.ecos-ab .p360-rel-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ecos-ab .p360-rel-group{border:1px solid #e8eef3;border-radius:10px;background:white;padding:10px;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:6px;min-width:0}
.ecos-ab .p360-rel-type{display:block;flex-basis:100%;font-size:11px;color:#173b53;margin-bottom:5px}
.ecos-ab .p360-rel-group .btn{max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:start;font-size:10px;padding:7px 9px}
.ecos-ab .p360-rel-chip{display:inline-block;padding:6px 8px;background:#f0f5f8;color:#34546b;border:1px solid #e2ebf1;border-radius:8px;font-size:10px;overflow-wrap:anywhere;max-width:100%}
.ecos-ab .p360-rel-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%;min-width:0}
.ecos-ab .p360-rel-none{font-size:12px;color:#9caab7}
.ecos-ab .p360-rel-alert{display:block;color:#9a4f28;font-size:10px;line-height:1.6}
@media(max-width:1100px){.ecos-ab .p360-rel-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ecos-ab .p360-rel-pipeline{grid-template-columns:minmax(0,1fr)}.ecos-ab .p360-rel-heading{align-items:flex-start}}

/* R40: Project 360 action/responsibility centre — local filters on authorized rows only. */
.ecos-ab .p360-action-centre{display:grid;gap:10px;min-width:0}
.ecos-ab .p360-action-toolbar{display:grid;grid-template-columns:minmax(150px,2fr) repeat(3,minmax(110px,1fr));gap:9px;align-items:center}
.ecos-ab .p360-action-toolbar input,.ecos-ab .p360-action-toolbar select{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #dbe4ec;border-radius:9px;background:#fff;color:#28495e;font-size:12px}
.ecos-ab .p360-action-summary{font-size:11px;color:#587287;margin:0}
.ecos-ab .p360-action-detail{grid-template-columns:minmax(95px,0.85fr) minmax(130px,1.6fr) minmax(115px,1fr) minmax(135px,1fr);gap:10px;align-items:center}
.ecos-ab .p360-action-facts{display:flex;align-items:flex-end;flex-direction:column;gap:5px;font-size:10px;color:#567287;text-align:end}
.ecos-ab .p360-action-priority{padding:3px 9px;border-radius:15px;background:#eaf1f5;color:#31536b}
.ecos-ab .p360-action-priority.high,.ecos-ab .p360-action-priority.urgent{background:#ffede5;color:#9f3d2a}
.ecos-ab .p360-action-escalation{color:#93442c;font-weight:700}
@media(max-width:1050px){.ecos-ab .p360-action-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .p360-action-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ecos-ab .p360-action-toolbar{grid-template-columns:1fr}.ecos-ab .p360-action-detail{display:flex;flex-direction:column;align-items:stretch}.ecos-ab .p360-action-facts{align-items:flex-start;text-align:start}}
/* Give the queue full project-content width instead of squeezing four filters beside activity. */
.ecos-ab .p360-grid > .p360-section:first-child{grid-column:1/-1}
.ecos-ab .p360-grid > .p360-section:nth-child(2){grid-column:1/-1}


/* R41 planning read model. Cards never imply approvals, SLA or earned progress. */
.ecos-ab .p360-plan-overview{display:grid;gap:14px;min-width:0}
.ecos-ab .p360-plan-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.ecos-ab .p360-plan-metric{padding:13px;background:#f5f8fa;border:1px solid #e1eaf0;border-radius:11px;display:flex;flex-direction:column;gap:6px}
.ecos-ab .p360-plan-metric strong{font-size:22px;color:#173a54;font-variant-numeric:tabular-nums}
.ecos-ab .p360-plan-metric span{font-size:11px;color:#526d80;line-height:1.5}
.ecos-ab .p360-plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}
.ecos-ab .p360-plan-columns>div{display:grid;align-content:start;gap:8px;min-width:0}
.ecos-ab .p360-plan-columns h4{margin:0 0 5px;color:#153d57;font-size:13px}
.ecos-ab .p360-plan-package,.ecos-ab .p360-plan-task{border:1px solid #e2ebf1;border-radius:11px;background:#fff;padding:12px;min-width:0;text-align:start;color:#183c54}
.ecos-ab .p360-plan-package-name{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ecos-ab .p360-plan-package-name strong,.ecos-ab .p360-plan-task strong{font-size:12px;overflow-wrap:anywhere}
.ecos-ab .p360-plan-package-name small,.ecos-ab .p360-plan-task small{font-size:10px;color:#678092}
.ecos-ab .p360-plan-package-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.ecos-ab .p360-plan-package-facts span,.ecos-ab .p360-plan-package-facts time{font-size:10px;color:#496b7f;background:#edf4f7;border-radius:6px;padding:5px 7px}
.ecos-ab .p360-plan-task{display:flex;flex-direction:column;gap:5px;cursor:pointer}
.ecos-ab .p360-plan-task:hover{background:#f9f7f2;border-color:#b99762}
.ecos-ab .p360-plan-task span{font-size:10px;color:#a25a37}
@media(max-width:820px){.ecos-ab .p360-plan-columns{grid-template-columns:1fr}}

/* R42: Finance/Client 360 summary is a permissioned READ projection only. */
.ecos-ab .p360-commercial{display:grid;gap:13px;min-width:0}
.ecos-ab .p360-commercial-client{background:#f4f8fa;border:1px solid #e0ebf1;border-radius:12px;padding:15px;display:flex;gap:5px;flex-direction:column}
.ecos-ab .p360-commercial-client span,.ecos-ab .p360-commercial-client small{color:#607c90;font-size:11px}
.ecos-ab .p360-commercial-client strong{color:#13364f;font-size:17px}
.ecos-ab .p360-commercial-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block-start:9px;border-top:1px solid #e7edf2}
.ecos-ab .p360-commercial-head strong{color:#23455a;font-size:13px}
.ecos-ab .p360-commercial .table-wrap{overflow-x:auto;max-width:100%}
.ecos-ab .p360-commercial-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ecos-ab .p360-commercial-record{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;background:#fff;border:1px solid #e0e9ee;border-radius:11px;padding:12px;color:#21435c;cursor:pointer;min-width:0}
.ecos-ab .p360-commercial-record:hover{border-color:#ac8b61;background:#fbfaf7}
.ecos-ab .p360-commercial-record strong{font-size:12px;overflow-wrap:anywhere}
.ecos-ab .p360-commercial-record small,.ecos-ab .p360-commercial-transmittal small{font-size:10px;color:#648095}
.ecos-ab .p360-commercial-transmittal{display:flex;flex-wrap:wrap;gap:12px;padding:9px 12px;border-radius:10px;background:#f8fafb;border:1px solid #edf1f4;color:#224159;font-size:11px;align-items:center}
.ecos-ab .p360-commercial-facts{font-size:12px;color:#48677d}
@media(max-width:650px){.ecos-ab .p360-commercial-records{grid-template-columns:1fr}}


/* Scoped section shortcuts for long Project 360 workspaces. */
.ecos-ab .p360-jump-nav{display:flex;gap:7px;flex-wrap:wrap;align-items:center;min-width:0}
.ecos-ab .p360-jump-nav .btn{font-size:11px;padding:8px 12px;border-radius:20px}
.ecos-ab .p360-root :is(.p360-section,.p360-plan-overview,.p360-action-centre,.p360-commercial){scroll-margin-top:85px}
/* R43 Project 360 search: browser-only over server-authorized, bounded excerpts. */
.ecos-ab .p360-quick-find{border:1px solid #dbe5ed;border-radius:15px;background:#fbfdff;padding:17px;display:grid;gap:9px;min-width:0}
.ecos-ab .p360-find-heading h3{margin:0 0 4px;color:#183c56;font-size:15px}
.ecos-ab .p360-find-heading p{margin:0}
.ecos-ab .p360-find-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.ecos-ab .p360-find-input{flex:1;min-width:180px;min-height:41px;background:#fff;border:1px solid #d6e3eb;border-radius:9px;padding:10px 13px;color:#204b65;font-size:12px}
.ecos-ab .p360-find-tally{font-size:11px;color:#617d90;margin:0}
.ecos-ab .p360-find-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.ecos-ab .p360-find-hit{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;text-align:start;border:1px solid #e0e9ef;border-radius:10px;padding:11px;color:#1b4057;cursor:pointer}
.ecos-ab .p360-find-hit:hover{border-color:#b79259;background:#fdfcf9}
.ecos-ab .p360-find-hit:focus-visible{outline:3px solid #b08b53;outline-offset:2px}
.ecos-ab .p360-find-kind{font-size:10px;color:#936e43;font-weight:750}
.ecos-ab .p360-find-main{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:100%}
.ecos-ab .p360-find-main strong{font-size:12px;overflow-wrap:anywhere}
.ecos-ab .p360-find-main small{font-size:10px;color:#687f91;overflow-wrap:anywhere}
.ecos-ab .p360-print-note{display:none}
@media(max-width:600px){.ecos-ab .p360-find-controls{flex-direction:column;align-items:stretch}.ecos-ab .p360-find-results{grid-template-columns:minmax(0,1fr)}}

/* R43: print only the permissioned project snapshot already in the DOM. */
@page{size:A4;margin:13mm}
@media print{
 body.ecos-ab:has(.p360-root){background:white!important;color:#182b3d!important}
 body.ecos-ab:has(.p360-root) #workspace{display:block!important;min-height:0!important}
 body.ecos-ab:has(.p360-root) .sidebar,body.ecos-ab:has(.p360-root) .topbar,body.ecos-ab:has(.p360-root) .project-workbench,
 body.ecos-ab:has(.p360-root) .detail-top,body.ecos-ab:has(.p360-root) .project-command-header,
 body.ecos-ab:has(.p360-root) .p360-hero-actions,body.ecos-ab:has(.p360-root) .p360-jump-nav,body.ecos-ab:has(.p360-root) .p360-quick-find,
 body.ecos-ab:has(.p360-root) .p360-root .btn,body.ecos-ab:has(.p360-root) .p360-root input,
 body.ecos-ab:has(.p360-root) .p360-root select,body.ecos-ab:has(.p360-root) .p360-root .p360-source-links,
 body.ecos-ab:has(.p360-root) .p360-section-head .btn{display:none!important}
 body.ecos-ab:has(.p360-root) .workspace,body.ecos-ab:has(.p360-root) .main-wrap,body.ecos-ab:has(.p360-root) #content,
 body.ecos-ab:has(.p360-root) .project-shell-layout,body.ecos-ab:has(.p360-root) .project-content{
   display:block!important;width:100%!important;max-width:none!important;min-height:0!important;
   height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;
   border:0!important;box-shadow:none!important}
 body.ecos-ab:has(.p360-root) .p360-root{display:block!important;width:100%!important;overflow:visible!important}
 body.ecos-ab:has(.p360-root) .p360-grid,body.ecos-ab:has(.p360-root) .p360-plan-columns{grid-template-columns:1fr!important}
 body.ecos-ab:has(.p360-root) .p360-hero,body.ecos-ab:has(.p360-root) .p360-section,body.ecos-ab:has(.p360-root) .p360-rel-card,
 body.ecos-ab:has(.p360-root) .p360-plan-package{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}
 body.ecos-ab:has(.p360-root) .p360-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.ecos-ab:has(.p360-root) .p360-rel-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ecos-ab:has(.p360-root) .p360-print-note{display:block!important;font-size:10px;margin:14px 0 0;color:#607588}
 body.ecos-ab:has(.p360-root) .p360-action-detail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.ecos-ab:has(.p360-root) .p360-action-detail{cursor:default;pointer-events:none}
 body.ecos-ab:has(.p360-root) .p360-metric{cursor:default;pointer-events:none}
 body.ecos-ab:has(.p360-root) .p360-commercial .table-wrap{overflow:visible!important}
 body.ecos-ab:has(.p360-root) .data-table{width:100%!important;font-size:8px!important}
 body.ecos-ab:has(.p360-root) .data-table th,body.ecos-ab:has(.p360-root) .data-table td{padding:4px!important;overflow-wrap:anywhere}
}
/* END ecos-ab.css */

/* BEGIN ecos-experience.css */
/* ECOS workspace refinement: existing data and navigation, clearer visual hierarchy. */
body.ecos-ab{--ux-ink:#182f43;--ux-muted:#687d8c;--ux-border:#dbe4e9;--ux-canvas:#f3f6f8;--ux-navy:#102c42;--ux-accent:#bd8c54;color:var(--ux-ink);background:var(--ux-canvas);font-size:14px;line-height:1.55}
.ecos-ab .workspace{background:var(--ux-canvas)}
.ecos-ab .sidebar{background:#10283c;border-inline-end:1px solid #203c50;box-shadow:none;padding:22px 14px 18px}
.ecos-ab .sidebar .brand{padding:5px 12px 20px;margin-bottom:7px}
.ecos-ab .sidebar .brand strong{font-size:23px;letter-spacing:.08em}
.ecos-ab .sidebar .brand small{font-size:11px;color:#b4c4ce}
.ecos-ab .sidebar .logo-glyph{border-radius:12px;background:#e0b177;box-shadow:none}
.ecos-ab #nav .ecos-nav-group-toggle{padding:15px 13px 7px;color:#a9bbc7;letter-spacing:0;font-size:11px}
.ecos-ab #nav .nav-item{min-height:43px;border-radius:8px;padding:8px 11px;color:#d6e2e8;font-size:13px;gap:11px}
.ecos-ab #nav .nav-item .nav-dot{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:8px;background:#ffffff0b;font-size:17px;color:#e1ba88}
.ecos-ab #nav .nav-item.active{background:#ffffff17;border-color:#ffffff1a;color:#fff;box-shadow:inset -3px 0 #e0b177}
html[dir=ltr] .ecos-ab #nav .nav-item.active{box-shadow:inset 3px 0 #e0b177}
.ecos-ab .sidebar-bottom{padding:15px 11px 5px;margin-top:auto}
.ecos-ab .identity{margin-top:0}
.ecos-ab .signout{font-size:12px;padding-top:12px}
.ecos-ab .topbar{min-height:76px;background:#fff;padding-block:13px;border-color:var(--ux-border);box-shadow:0 1px 2px #0c26370a}
.ecos-ab .breadcrumb{gap:3px;font-size:16px;color:var(--ux-ink)}
.ecos-ab .crumb-kicker{color:#8597a3;font-size:9px;letter-spacing:.09em}
.ecos-ab .ecos-global-search input{height:42px;border-radius:9px;background:#f6f8fa;border-color:#dbe5ea;font-size:13px}
.ecos-ab .ecos-global-search input:focus-visible{outline:3px solid #80a7bd55;border-color:#7599ad}
.ecos-ab .portal-shortcut{border-radius:9px;color:#284f64;font-size:12px}
.ecos-ab .page{padding-block:30px 70px}
.ecos-ab .command-hero{display:flex;align-items:center;gap:24px;padding:30px 34px;margin-bottom:20px;background:#17364c;border:1px solid #26495f;border-radius:15px;box-shadow:none}
.ecos-ab .command-hero::after{opacity:.10}
.ecos-ab .command-hero h1{font-size:clamp(23px,2.2vw,32px);line-height:1.4;margin:8px 0;color:#fff}
.ecos-ab .command-hero p:not(.eyebrow){color:#d7e4eb;line-height:1.85}
.ecos-ab .command-hero .eyebrow{color:#e4bd8c;font-size:10px;letter-spacing:.14em}
.ecos-ab .command-hero .btn.primary{background:#f5dfbf;border-color:#f5dfbf;color:#19364a;min-height:44px}
.ecos-ab .stats-grid{gap:12px;margin-bottom:18px}
.ecos-ab .stat-card{border:1px solid var(--ux-border);border-top:3px solid #bd8c54;border-radius:12px;padding:19px 20px;background:#fff;box-shadow:0 3px 12px #18364c08}
.ecos-ab .stat-card .indicator{width:34px;height:34px;margin-bottom:12px;background:#edf4f6;color:#365e70}
.ecos-ab .stat-card strong{font-size:27px;font-variant-numeric:tabular-nums;color:#18354b}
.ecos-ab .stat-card small{font-size:12px;color:var(--ux-muted)}
.ecos-ab .overview-projects{display:block}
.ecos-ab .panel,.ecos-ab .exec-section,.ecos-ab .exec-metric,.ecos-ab .exec-financial{border:1px solid var(--ux-border);border-radius:13px;box-shadow:0 3px 14px #19354b08;background:#fff}
.ecos-ab .panel{padding:20px;margin-bottom:16px}
.ecos-ab .panel-head{margin-bottom:15px}
.ecos-ab .panel-head h2{font-size:15px;line-height:1.5;color:var(--ux-ink)}
.ecos-ab .data-table th{background:#f4f7f9;color:#4d6575;font-size:12px}
.ecos-ab .data-table td{padding:14px 16px;color:#243d4f}
.ecos-ab .data-table tbody tr:nth-child(2n){background:#fff}
.ecos-ab .data-table tbody tr:hover{background:#f4f8fa}
.ecos-ab .ecos-grid-scroll-hint{display:none;margin:0;color:#617987;font-size:11px}
.ecos-ab .btn{border-radius:9px;min-height:40px;line-height:1.3}
.ecos-ab .btn.light{background:#f3f7f8;border-color:#dde7eb;color:#244658}
.ecos-ab .btn:focus-visible,.ecos-ab .nav-item:focus-visible,.ecos-ab .project-nav-button:focus-visible{outline:3px solid #b9864c;outline-offset:2px}
.ecos-ab .dashboard-operations{gap:14px}
.ecos-ab .dashboard-shortcuts .btn{text-align:start;min-height:52px;padding:12px;background:#f6f9fa}
.ecos-ab .portfolio-track-rail{height:7px}
.ecos-ab .portfolio-track-fill{background:#b68a59}
.ecos-ab .login-shell{background:#f4f7f9}
.ecos-ab .login-intro{background:linear-gradient(145deg,#102b40,#173c52 68%,#0c2638)}
.ecos-ab .login-card{border-radius:17px;border-color:#e0e8ed;box-shadow:0 18px 60px #132f4310}
.ecos-ab .login-card input{background:#fff;border-color:#ccdbe3}
.ecos-ab .login-card input:focus-visible{border-color:#6a91a7;outline:3px solid #8bb3c755}
@media(max-width:760px){.ecos-ab .sidebar{inset-inline-start:-285px}.ecos-ab .sidebar.open{inset-inline-start:0}.ecos-ab .command-hero{padding:22px 20px;align-items:stretch;flex-direction:column}.ecos-ab .command-hero .btn{align-self:flex-start}.ecos-ab .panel{padding:16px}.ecos-ab .topbar{gap:10px}.ecos-ab .stats-grid{gap:10px}.ecos-ab .stat-card{padding:15px}}
@media(max-width:600px){.ecos-ab .ecos-grid-scroll-hint{display:block}}
@media(prefers-reduced-motion:reduce){.ecos-ab *, .ecos-ab *::before, .ecos-ab *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Project workspace R2: one compact, grouped navigation above the work area. */
.ecos-ab .project-shell-layout{display:block}
.ecos-ab .project-shell-layout .project-workspace-nav{position:static;max-height:none;overflow:visible;margin:0 0 22px;padding:0;border:1px solid #dbe4e9;border-radius:12px;box-shadow:none;background:#fff}
.ecos-ab .project-group-switcher{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid #e4ebef;background:#f7f9fb;border-radius:12px 12px 0 0}
.ecos-ab .project-group-switch{font:inherit;font-size:14px;font-weight:600;min-height:42px;padding:9px 16px;background:none;border:1px solid transparent;border-radius:8px;color:#506778;cursor:pointer}
.ecos-ab .project-group-switch.active{background:#fff;border-color:#cddce5;color:#12394e;box-shadow:0 1px 3px #1530470b}
.ecos-ab .project-group-options{display:flex;flex-wrap:wrap;gap:7px;padding:13px}
.ecos-ab .project-group-options[hidden]{display:none}
.ecos-ab .project-group-options .project-nav-button{width:auto;display:inline-flex;margin:0;padding:9px 14px;min-height:40px;font-size:14px;font-weight:500;border:1px solid #e0e7ec;border-radius:8px;background:#fff}
.ecos-ab .project-group-options .project-nav-button.active{background:#173c52;color:#fff;border-color:#173c52;box-shadow:none}
.ecos-ab .project-command-header{padding:22px 25px;margin:12px 0 16px;background:#fff;border:1px solid #dae4eb;border-radius:12px;color:#1b394c}
.ecos-ab .project-command-header::after{display:none}
.ecos-ab .project-command-header h1{color:#18374b;font-size:28px;line-height:1.5;margin:3px 0 4px}
.ecos-ab .project-command-header .project-sub{color:#6c8190;font-size:14px}
.ecos-ab .project-command-header .project-code{color:#7c8f9b;font-size:11px;letter-spacing:0;overflow-wrap:anywhere;max-width:100%}
.ecos-ab .project-command-actions .btn{border-color:#dbe5eb;background:#f6f9fb;color:#23475e}
.ecos-ab .project-summary-strip{gap:10px;margin-bottom:18px}
.ecos-ab .project-summary-strip .field-display{padding:12px 16px;box-shadow:none;border-radius:10px}
.ecos-ab .field-display small{font-size:12px;color:#607989}
.ecos-ab .field-display strong{font-weight:600}
.ecos-ab .empty{padding:24px 18px;font-size:14px;background:#fafcfd;border:1px dashed #d6e1e8;color:#687f8f}
.ecos-ab .project-content .panel-head h2{font-size:17px;font-weight:600}
.ecos-ab .project-content .panel{padding:22px}
.ecos-ab .project-group-switch:focus-visible{outline:3px solid #b9864c;outline-offset:2px}
@media(max-width:760px){.ecos-ab .project-group-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .project-group-switch{text-align:start;font-size:13px;padding:9px 10px}.ecos-ab .project-group-options .project-nav-button{font-size:13px}.ecos-ab .project-command-header{padding:18px}.ecos-ab .project-content .panel{padding:16px}.ecos-ab .project-command-header h1{font-size:24px}}



html[lang=ar] body.ecos-ab{font-family:'ECOS Arabic','Segoe UI',Tahoma,sans-serif;font-size:15px;line-height:1.8}
html[lang=ar] .ecos-ab .btn,html[lang=ar] .ecos-ab .nav-item{font-weight:600}
html[lang=ar] .ecos-ab .data-table td{font-size:14px;line-height:1.8}
.ecos-ab .project-start-panel{padding:20px 22px;margin-bottom:18px;background:#edf5f8;border:1px solid #cfdee7;border-radius:12px}
.ecos-ab .project-start-panel h2{margin:0;font-size:18px;font-weight:600;color:#173d53}
.ecos-ab .project-start-panel p{margin:6px 0 16px;color:#536f81;font-size:14px}
.ecos-ab .project-start-actions{display:flex;flex-wrap:wrap;gap:9px}
.ecos-ab .project-start-actions .btn{background:#fff}
/* Project overview: actions stay visible, secondary detail is available on demand. */
.ecos-ab .p360-hero{padding:18px 22px;background:#f5f8fa;border:1px solid #dce6ed;box-shadow:none;color:#1b3b50}
.ecos-ab .p360-hero h2{color:#1b3b50;font-size:21px;line-height:1.5}
.ecos-ab .p360-hero .p360-kicker{display:none}
.ecos-ab .p360-hero .p360-subtitle,.ecos-ab .p360-hero .p360-meta{color:#5e7889;font-size:13px}
.ecos-ab .p360-hero-actions .btn{background:#fff;color:#244c64;border-color:#d1dfe7}
.ecos-ab .p360-metric{box-shadow:none;border-radius:10px;min-height:100px;padding:16px}
.ecos-ab .p360-metric span{font-size:13px;line-height:1.65}
.ecos-ab .p360-section{box-shadow:none;border-radius:12px}
.ecos-ab .p360-section-head h3{font-size:17px;font-weight:600}
.ecos-ab .project-summary-details{border:1px solid #dbe5ec;background:#fff;border-radius:12px;margin:15px 0;overflow:hidden}
.ecos-ab .project-summary-details>summary{padding:16px 20px;font-size:15px;font-weight:600;color:#24475d;cursor:pointer}
.ecos-ab .project-summary-details[open]>summary{background:#f7fafb;border-bottom:1px solid #e1e9ee}
.ecos-ab .project-summary-details>.p360-section{margin:0;border:0;border-radius:0}
.ecos-ab .project-summary-details>summary:focus-visible{outline:3px solid #b9864c;outline-offset:-3px}
.ecos-ab .project-info-body{padding:20px}
.ecos-ab .p360-hero .p360-meta span{color:#557182;background:#eaf1f5;border-color:#dce6ec;font-size:12px}
.ecos-ab .project-summary-details>.p360-metrics{padding:16px}
.ecos-ab .project-summary-details>.p360-local-find{margin:0}
/* Override the older dark-banner action colors on the new light project header. */
.ecos-ab .project-command-header .project-command-actions .btn{background:#f3f7fa!important;border:1px solid #d4e1e9!important;color:#24475d!important}
.ecos-ab .project-command-header .project-command-actions .btn:hover{background:#e7f0f5!important}
/* END ecos-experience.css */

/* BEGIN ecos-visual.css */
/* R9: self-hosted Cairo for Arabic and Latin interface text. */












/* R8 — typography and visual system, independent of API and workflow rules. */
body.ecos-ab{--ux-ink:#172e40;--ux-muted:#617386;--ux-border:#dee6ed;--ux-canvas:#f3f5f9;--ux-accent:#087f8c;--orange:#087f8c;--ab-gold:#087f8c;--ink:#172e40;--muted:#617386;--line:#dee6ed;background:var(--ux-canvas);color:var(--ux-ink)}
html[lang] body.ecos-ab{font-family:'ECOS UI','Segoe UI',Tahoma,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.ecos-ab :is(button,input,select,textarea){font-family:inherit}
.ecos-ab :is(h1,h2,h3,h4,strong){font-weight:600;letter-spacing:0}
.ecos-ab .sidebar{background:#122a3d;padding:20px 14px 14px;border:0}
.ecos-ab .sidebar .brand{padding:4px 10px 22px;border-bottom:1px solid #ffffff15;margin-bottom:12px}
.ecos-ab .sidebar .brand strong{font-size:25px;font-weight:600;letter-spacing:2px}
.ecos-ab .sidebar .brand small{font-size:12px;color:#b9c9d5;line-height:1.7}
.ecos-ab .sidebar .logo-glyph{background:#d7f3f0;color:#13515b;border-radius:10px}
.ecos-ab #nav .ecos-nav-group-toggle{font-size:12px;font-weight:500;color:#96aebe;padding:15px 12px 8px}
.ecos-ab #nav .nav-item{font-size:14px;font-weight:400;min-height:44px;padding:10px 12px;border-radius:8px;color:#d9e4eb;margin-bottom:3px}
.ecos-ab #nav .nav-item .nav-dot{background:#ffffff09;color:#8dd7d4;font-size:17px;width:27px;height:27px;flex-basis:27px}
.ecos-ab #nav .nav-item:hover{background:#ffffff0c;color:#fff}
.ecos-ab #nav .nav-item.active{background:#204557;border:1px solid #ffffff12;color:#fff;box-shadow:inset -3px 0 #5cc2be;font-weight:500}
html[dir=ltr] .ecos-ab #nav .nav-item.active{box-shadow:inset 3px 0 #5cc2be}
.ecos-ab .topbar{min-height:74px;box-shadow:none;background:#ffffffed;border-bottom:1px solid #e1e7ef}
.ecos-ab .breadcrumb{font-size:17px;font-weight:500}
.ecos-ab .crumb-kicker{font-size:10px;color:#718599;letter-spacing:.06em}
.ecos-ab .ecos-global-search input{height:42px;font-size:14px;background:#f4f6fa;border-color:#e2e8f0;border-radius:8px}
.ecos-ab .page{padding:24px clamp(20px,2.5vw,40px) 48px;max-width:1680px;margin-inline:auto;width:100%;min-width:0}
.ecos-ab .detail-top{margin-bottom:12px}
.ecos-ab .project-command-header{position:relative;background:#fff;border:1px solid #dce5ed;border-inline-start:4px solid #087f8c;padding:24px 26px;margin:0 0 14px;border-radius:12px;box-shadow:0 4px 16px #102e4504}
.ecos-ab .project-command-header h1{font-size:32px;font-weight:600;line-height:1.35;margin:5px 0;color:#16364b}
.ecos-ab .project-command-header .project-code{font-size:12px;font-weight:500;letter-spacing:.04em;color:#647a8d}
.ecos-ab .project-command-header .project-sub{font-size:14px;color:#63798b}
.ecos-ab .project-summary-strip{border:1px solid #dce5ed;border-radius:10px;background:#fff;gap:0;overflow:hidden;margin-bottom:18px}
.ecos-ab .project-summary-strip .field-display{background:none;border:0;border-inline-end:1px solid #e5ebf0;border-radius:0;padding:14px 20px}
.ecos-ab .project-summary-strip .field-display:last-child{border-inline-end:0}
.ecos-ab .field-display small{font-size:13px;font-weight:400;color:#64768a;margin-bottom:5px}
.ecos-ab .field-display strong{font-size:16px;color:#233f53;line-height:1.5}
.ecos-ab .project-shell-layout .project-workspace-nav{border-radius:10px;margin-bottom:20px;border-color:#dce5ed;overflow:hidden}
.ecos-ab .project-group-switcher{background:#edf1f6;border-radius:0;padding:6px;gap:4px}
.ecos-ab .project-group-switch{font-size:15px;font-weight:500;color:#536c80;border-radius:6px;padding:10px 16px}
.ecos-ab .project-group-switch.active{border-color:#e0e7ef;color:#163c50;background:#fff;box-shadow:0 1px 3px #14364b0a}
.ecos-ab .project-group-options{gap:4px;padding:10px;background:#fff}
.ecos-ab .project-group-options .project-nav-button{border:0;background:transparent;color:#526d81;border-radius:6px;padding:9px 14px;font-size:14px;font-weight:400;min-height:40px}
.ecos-ab .project-group-options .project-nav-button:hover{background:#f0f5f7}
.ecos-ab .project-group-options .project-nav-button.active{background:#e5f3f2;color:#076c76;font-weight:600;box-shadow:inset 0 -2px #168b93}
.ecos-ab .btn{font-size:14px;font-weight:500;min-height:40px;border-radius:7px;padding:9px 15px;box-shadow:none;transition:background .15s,border-color .15s}
html[lang=ar] .ecos-ab :is(.btn,.nav-item){font-weight:500}
.ecos-ab .btn.primary{background:#087f8c;border-color:#087f8c;color:#fff}
.ecos-ab .btn.primary:hover{background:#066975;border-color:#066975}
.ecos-ab .btn.light{background:#fff;border-color:#d9e3eb;color:#32546a}
.ecos-ab .btn.light:hover{background:#eff6f8;border-color:#bfd3dd}
.ecos-ab .project-command-header .project-command-actions .btn{background:#fff!important;color:#34576c!important;border-color:#d8e3eb!important}
.ecos-ab :is(.panel,.p360-section,.project-summary-details){border-color:#dfe6ee;border-radius:10px;box-shadow:0 2px 6px #15334a03}
.ecos-ab .project-content .panel{padding:22px}
.ecos-ab :is(.panel-head h2,.project-content .panel-head h2,.p360-section-head h3){font-size:19px;font-weight:600;color:#203f54}
.ecos-ab .p360-root{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ecos-ab .p360-root>*{grid-column:1/-1}
.ecos-ab .p360-root>.project-summary-details{grid-column:auto;margin:0}
.ecos-ab .p360-root>.project-summary-details[open]{grid-column:1/-1}
.ecos-ab .p360-hero{background:#eaf3f6;border:1px solid #d7e7eb;padding:22px;border-radius:10px;gap:20px}
.ecos-ab .p360-hero h2{font-size:24px;font-weight:600;color:#174858;margin-bottom:7px}
.ecos-ab .p360-hero .p360-subtitle{font-size:15px;color:#476878;margin-bottom:12px;line-height:1.7}
.ecos-ab .p360-hero .p360-meta span{font-size:12px;background:#ffffffa6;color:#526e80;border:0;border-radius:5px;padding:4px 8px}
.ecos-ab .p360-metrics{gap:12px}
.ecos-ab .p360-metric{border:1px solid #dce5ee;border-top:0;border-inline-start:3px solid #2b9b9e;border-radius:9px;padding:18px;min-height:112px;background:#fff;gap:10px}
.ecos-ab .p360-metric.p360-warning{border-top:0;border-inline-start-color:#c79048}
.ecos-ab .p360-metric strong{font-size:32px;font-weight:500;color:#1c4055;line-height:1.2}
.ecos-ab .p360-metric span{font-size:14px;font-weight:400;color:#516d81;line-height:1.6}
.ecos-ab .p360-metric:hover{background:#f7fbfc;border-color:#5eafb4}
.ecos-ab .p360-section-head .btn{font-size:13px}
.ecos-ab :is(.p360-muted,.p360-empty,.p360-disclaimer){font-size:14px;color:#62798a;line-height:1.8}
.ecos-ab .p360-event{padding:11px 0;gap:12px}
.ecos-ab .p360-event strong{font-size:14px;font-weight:500;line-height:1.7}
.ecos-ab .p360-event small{font-size:12px;color:#637d90;direction:ltr;display:inline-block}
.ecos-ab .p360-event-dot{background:#2a9299}
.ecos-ab .p360-action-text strong{font-size:15px;font-weight:500}
.ecos-ab :is(.p360-action-text small,.p360-action-owner,.p360-action-state){font-size:12px}
.ecos-ab .project-summary-details{margin:12px 0}
.ecos-ab .project-summary-details>summary{font-size:16px;font-weight:500;min-height:58px;padding:16px 20px;color:#34566d}
.ecos-ab .project-summary-details>summary::marker{color:#16838b;font-size:12px}
.ecos-ab .data-table th{font-size:13px;font-weight:500;background:#eef3f7;color:#526e82;padding:13px 16px;border-bottom:1px solid #dbe5ed}
html[lang=ar] .ecos-ab .data-table td{font-size:15px;line-height:1.7}
.ecos-ab .data-table td{padding:15px 16px;font-weight:400;border-bottom-color:#eaf0f4;color:#2b475b}
.ecos-ab .empty{font-size:15px;line-height:1.8;background:#f8fafc;padding:26px;border-color:#d7e3eb;color:#5b7386}
.ecos-ab .notice{font-size:14px;line-height:1.8;border-inline-start:3px solid #5e9caa;border-inline-end:0;border-radius:5px;background:#edf5f8;color:#3f6075;padding:12px 16px}
.ecos-ab .form-stack label{font-size:14px;font-weight:500;color:#3c586c}
.ecos-ab .form-stack :is(input,select,textarea){font-size:16px;line-height:1.6;border-radius:7px;padding:11px 13px;border-color:#ccdbe5}
.ecos-ab .modal-card{border-radius:12px;border:1px solid #e0e8ef;box-shadow:0 24px 80px #0b233340}
.ecos-ab .modal-card h2{font-size:23px;font-weight:600;color:#183c50}
.ecos-ab :is(.btn,.project-group-switch,.project-nav-button,input,select,textarea):focus-visible{outline:3px solid #3ba6b470;outline-offset:2px}
@media(min-width:1251px){.ecos-ab .p360-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.ecos-ab .p360-hero{align-items:flex-start;flex-direction:column}.ecos-ab .p360-hero-actions{justify-content:flex-start}}
@media(max-width:760px){.ecos-ab .page{padding:18px 14px 40px}.ecos-ab .project-command-header{padding:20px}.ecos-ab .project-command-header h1{font-size:27px}.ecos-ab .project-summary-strip{grid-template-columns:1fr}.ecos-ab .project-summary-strip .field-display{border-inline-end:0;border-bottom:1px solid #e5ebf0;padding:11px 16px}.ecos-ab .project-summary-strip .field-display:last-child{border-bottom:0}.ecos-ab .project-group-switch{font-size:14px;padding:10px}.ecos-ab .project-group-options .project-nav-button{font-size:14px}.ecos-ab .p360-root{grid-template-columns:minmax(0,1fr)}.ecos-ab .p360-hero{padding:18px}.ecos-ab .p360-hero h2{font-size:22px}.ecos-ab .p360-metric{padding:14px;min-height:110px}.ecos-ab .p360-metric strong{font-size:28px}.ecos-ab .p360-metric span{font-size:13px}.ecos-ab .p360-hero-actions{min-width:0}.ecos-ab .p360-hero-actions .btn{flex:1 1 auto}.ecos-ab .project-command-actions{flex-wrap:wrap}.ecos-ab .topbar-tools{min-width:0}.ecos-ab .project-content .panel{padding:16px}.ecos-ab .modal-card{padding:20px}}
@media print{.ecos-ab .p360-root{display:block}.ecos-ab .p360-root>*{margin-block:10px}.ecos-ab .project-summary-details{break-inside:avoid}.ecos-ab .p360-metric{box-shadow:none}}
/* Multi-select choices must not inherit stacked text-field layout or padding. */
.ecos-ab .form-stack .checkbox-row{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:44px;padding:11px 13px;background:#f4f7fa;border:1px solid #e1e9f0;border-radius:7px;font-weight:400}
.ecos-ab .form-stack .checkbox-row:has(input:checked){background:#edf8f6;border-color:#93c9c7;color:#14656d}
.ecos-ab .form-stack .checkbox-row input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px;accent-color:#087f8c;border-radius:3px;box-shadow:none;margin:0}
.ecos-ab .form-stack fieldset{border:1px solid #dce5ed;border-radius:8px;padding:12px}
.ecos-ab .form-stack fieldset legend{font-size:14px;font-weight:500;padding-inline:6px}
.ecos-ab .modal-subtitle{font-size:14px;line-height:1.8;color:#61788b}/* Practical interface scale: stable text weights, no tracking on Arabic labels. */
html[lang] body.ecos-ab{font-family:'ECOS UI','Segoe UI',Tahoma,Arial,sans-serif;font-size:15px;line-height:1.75}
.ecos-ab :is(h1,h2,h3,h4,strong,.field-display,.data-table,.form-stack,.project-group-switch,.project-nav-button){font-family:'ECOS UI','Segoe UI',Tahoma,Arial,sans-serif}
.ecos-ab :is(h1,h2,h3,h4){font-weight:700;line-height:1.55}
.ecos-ab .project-command-header h1{font-size:28px;font-weight:700;line-height:1.5}
.ecos-ab :is(.panel-head h2,.project-content .panel-head h2,.p360-section-head h3){font-size:18px;font-weight:700}
.ecos-ab .p360-hero h2{font-size:23px;font-weight:700}
.ecos-ab .sidebar .brand small{font-size:12px}
html[lang=ar] .ecos-ab :is(.btn,.nav-item){font-weight:600}
.ecos-ab #nav .nav-item{font-size:14px;font-weight:500;line-height:1.8}
.ecos-ab #nav .nav-item.active{font-weight:600}
.ecos-ab .project-group-switch{font-size:14px;font-weight:600}
.ecos-ab .project-group-options .project-nav-button{font-size:14px;font-weight:500}
.ecos-ab .project-group-options .project-nav-button.active{font-weight:700}
.ecos-ab .field-display strong{font-size:15px;font-weight:600}
.ecos-ab .p360-metric strong{font-weight:600}
.ecos-ab .p360-metric span{font-size:14px;font-weight:500;color:#405d72}
.ecos-ab .p360-hero .p360-subtitle{font-size:14px;color:#415f72}
.ecos-ab :is(.p360-muted,.p360-empty,.p360-disclaimer){font-size:13px;color:#506a7e}
.ecos-ab .data-table th{font-size:13px;font-weight:700}
html[lang=ar] .ecos-ab .data-table td{font-size:14px;line-height:1.8}
.ecos-ab .form-stack label{font-size:14px;font-weight:600}
.ecos-ab .form-stack .checkbox-row{font-weight:500}
.ecos-ab .project-summary-details>summary{font-size:15px;font-weight:600}
.ecos-ab .modal-card h2{font-size:21px;font-weight:700}
@media(max-width:760px){.ecos-ab .project-command-header h1{font-size:24px}.ecos-ab .p360-hero h2{font-size:21px}.ecos-ab .p360-metric span{font-size:13px}.ecos-ab .project-group-switch{font-size:13px}.ecos-ab .project-group-options .project-nav-button{font-size:13px}}
/* R10 — compact project identity, clear work surface and consistent controls. */
.ecos-ab .project-command-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:20px 24px 0;border-inline-start:1px solid #dce5ed;border-top:3px solid #087f8c;overflow:hidden;margin-bottom:18px}
.ecos-ab .project-heading-block{min-width:0}
.ecos-ab .project-command-header h1{margin:3px 0;font-size:26px;overflow-wrap:anywhere}
.ecos-ab .project-command-header .project-sub{font-size:12px;color:#587286}
.ecos-ab .project-command-header .project-code{font-size:11px;color:#607d90}
.ecos-ab .project-command-header .project-summary-strip{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .8fr 1fr;margin:0 -24px;border:0;border-top:1px solid #e3ebf1;border-radius:0;background:#f9fbfd}
.ecos-ab .project-command-header .project-summary-strip .field-display{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 24px;border:0;border-inline-end:1px solid #e3ebf1;min-width:0}
.ecos-ab .project-command-header .project-summary-strip .field-display:last-child{border-inline-end:0}
.ecos-ab .project-summary-strip .field-display small{margin:0;font-size:12px;color:#5c7387}
.ecos-ab .project-summary-strip .field-display strong{font-size:14px;color:#24455a;font-weight:600}
.ecos-ab .project-workspace-nav{border-color:#dce5ee}
.ecos-ab .project-group-switcher{padding:6px 8px;background:#edf2f7;gap:3px}
.ecos-ab .project-group-switch{min-height:42px;border-radius:6px;color:#526b7f}
.ecos-ab .project-group-switch.active{background:#fff;color:#124b60;box-shadow:0 2px 4px #143e5308}
.ecos-ab .project-group-options{padding:8px 10px;gap:4px}
.ecos-ab .project-group-options .project-nav-button{min-height:38px;padding:8px 12px}
.ecos-ab .p360-hero{background:#fff;border:1px solid #dce6ee;padding:18px 20px;box-shadow:none}
.ecos-ab .p360-hero h2{font-size:20px;margin-bottom:5px;color:#20485d}
.ecos-ab .p360-hero .p360-subtitle{font-size:13px;margin:0 0 9px}
.ecos-ab .p360-hero .p360-meta span{background:#f1f5f8;border-radius:4px;color:#536c80;font-size:11px;padding:3px 7px}
.ecos-ab .p360-hero-actions{gap:6px;min-width:0}
.ecos-ab .p360-hero-actions .btn{font-size:12px;padding:8px 11px;min-height:36px}
.ecos-ab .p360-metric{position:relative;border-inline-start:1px solid #dce5ee;border:1px solid #dce5ee;border-radius:9px;min-height:105px;padding:17px 18px;gap:8px;overflow:hidden}
.ecos-ab .p360-metric::before{content:'';position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:3px;background:#29939b;border-radius:3px}
.ecos-ab .p360-metric.p360-warning{border-inline-start:1px solid #dce5ee}
.ecos-ab .p360-metric.p360-warning::before{background:#b18550}
.ecos-ab .p360-metric strong{font-size:29px}
.ecos-ab .p360-metric span{font-size:13px;color:#4a657a}
.ecos-ab .p360-jump-nav{padding:0;gap:6px}
.ecos-ab .p360-jump-nav .btn{border-radius:6px;background:#eaf0f5;border-color:#e0e8f0;min-height:33px;padding:6px 11px;color:#47677c;font-size:12px}
.ecos-ab .p360-root>.p360-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}
.ecos-ab .p360-section{padding:18px}
.ecos-ab .p360-section-head{padding-bottom:12px;margin-bottom:12px;align-items:center}
.ecos-ab .p360-section-head h3{font-size:16px}
.ecos-ab .p360-section-head .btn{font-size:12px;padding:7px 10px;min-height:34px;white-space:nowrap}
.ecos-ab .p360-event{padding:9px 0;gap:10px}
.ecos-ab .p360-event strong{font-size:12px;font-weight:600;color:#31546a}
.ecos-ab .p360-event small{font-size:11px;line-height:1.7;color:#698093}
.ecos-ab .p360-event-dot{height:6px;width:6px;margin-top:8px;background:#238a95}
.ecos-ab .p360-action{grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:7px}
.ecos-ab .p360-action-type{font-size:11px;color:#54798a;grid-column:1/-1}
.ecos-ab .p360-action-text{min-width:0}
.ecos-ab .p360-action-text strong{font-size:13px;white-space:normal;line-height:1.75}
.ecos-ab .p360-action-text small{font-size:11px;white-space:normal}
.ecos-ab .p360-action-owner{font-size:11px;grid-column:1}
.ecos-ab .p360-action-state{font-size:11px;grid-column:2;grid-row:2 / span 2}
.ecos-ab .project-summary-details>summary{min-height:52px;padding:13px 17px;font-size:14px;color:#355b71;transition:background .15s}
.ecos-ab .project-summary-details>summary:hover{background:#f2f7fa}
.ecos-ab .p360-source-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}
.ecos-ab .p360-source-links .btn{text-align:center;background:#f7fafc;border-color:#dce7ee;min-height:44px;font-size:13px}
.ecos-ab .ecos-data-grid{gap:10px;min-width:0}
.ecos-ab .ecos-grid-toolbar{padding:2px 0 4px;gap:10px}
.ecos-ab .ecos-grid-search{font-family:inherit;font-size:14px;min-height:40px;background:#f8fafc;border:1px solid #d7e3ec;border-radius:7px;padding:8px 12px}
.ecos-ab .ecos-grid-sort{font-size:12px;font-weight:700;line-height:1.6;min-height:40px;padding:9px 12px;color:#49677b}
.ecos-ab .data-table th{padding:0;background:#eef3f7;border-bottom-color:#dce6ee}
.ecos-ab .data-table tbody tr:hover{background:#f1f8fa}
.ecos-ab .data-table td{padding:12px 14px;vertical-align:middle}
.ecos-ab .data-table .btn{font-size:12px;min-height:33px;padding:6px 10px}
.ecos-ab .table-wrap{border-radius:8px;border-color:#dce6ee;max-height:none;box-shadow:none}
.ecos-ab :is(.ecos-grid-count,.ecos-grid-page-label){font-size:12px;font-weight:500;color:#587488}
.ecos-ab .ecos-grid-pages{padding-top:6px}
.ecos-ab .modal-card{width:min(720px,100%);padding:26px;border-radius:12px}
.ecos-ab .modal-title{padding-bottom:16px;border-bottom:1px solid #e6edf3;margin-bottom:15px}
.ecos-ab .modal-title h2{font-size:20px;margin:0}
.ecos-ab .modal-subtitle{font-size:12px;margin-bottom:16px;padding-bottom:14px;line-height:1.8}
.ecos-ab .form-stack .ecos-check-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;padding:14px;align-content:start}
.ecos-ab .form-stack .checkbox-row{margin:0;padding:11px 12px;line-height:1.7;font-size:13px;min-width:0}
.ecos-ab .form-actions{padding-top:16px;border-top:1px solid #e5edf3;margin-top:8px;gap:8px}
.ecos-ab .form-actions .btn.primary{min-width:115px}
.ecos-ab .tag{font-size:12px;line-height:1.7;padding:4px 9px;border-radius:5px;font-weight:600}
@media(max-width:1100px){.ecos-ab .p360-root>.p360-grid{grid-template-columns:minmax(0,1fr)}.ecos-ab .project-command-header .project-summary-strip .field-display{gap:7px;padding:11px 16px}}
@media(max-width:760px){.ecos-ab .detail-top{margin-bottom:10px}.ecos-ab .project-command-header{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 18px 0}.ecos-ab .project-command-header h1{font-size:23px}.ecos-ab .project-command-header .project-summary-strip{margin:0 -18px;grid-template-columns:minmax(0,1fr)}.ecos-ab .project-command-header .project-summary-strip .field-display{padding:10px 18px;justify-content:space-between;border-inline-end:0;border-bottom:1px solid #e3ebf1}.ecos-ab .project-command-header .project-summary-strip .field-display:last-child{border-bottom:0}.ecos-ab .project-command-actions{justify-content:flex-start}.ecos-ab .project-group-switcher{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;scrollbar-width:thin}.ecos-ab .project-group-switch{flex:0 0 auto;white-space:nowrap;min-height:42px;padding:9px 13px}.ecos-ab .project-group-options{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.ecos-ab .project-group-options .project-nav-button{flex:0 0 auto;white-space:nowrap;padding:9px 12px;min-height:40px}.ecos-ab .p360-hero{padding:16px}.ecos-ab .p360-metric{min-height:104px;padding:15px}.ecos-ab .p360-metric strong{font-size:27px}.ecos-ab .p360-metric span{font-size:12px}.ecos-ab .p360-hero-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .p360-hero-actions .btn{font-size:12px;padding:9px 8px}.ecos-ab .p360-section-head{align-items:flex-start;flex-wrap:wrap}.ecos-ab .p360-section-head .btn{white-space:normal}.ecos-ab .modal-card{padding:20px}.ecos-ab .form-stack .ecos-check-group{grid-template-columns:minmax(0,1fr);max-height:300px}.ecos-ab .p360-source-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.ecos-ab .project-command-header{display:block;padding:14px}.ecos-ab .project-command-header .project-summary-strip{margin:10px 0 0}.ecos-ab .p360-root>.p360-grid{display:block}.ecos-ab .table-wrap{overflow:visible}}
.ecos-ab .p360-root>.p360-grid>.p360-section{grid-column:auto}
/* R11 — application navigation: fixed identity, scrollable routes, persistent account. */
.ecos-ab .sidebar{width:272px;min-width:272px;flex-basis:272px;height:100dvh;position:sticky;top:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background:#11283a;border-inline-end:1px solid #213b4e;box-shadow:none}
.ecos-ab .sidebar .brand{position:relative;flex-shrink:0;padding:24px 22px 22px;margin:0;border:0;gap:13px;background:#ffffff02}
.ecos-ab .sidebar .logo-glyph{width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#d2efeb;color:#126a73;font-family:'ECOS UI',sans-serif;font-size:24px;font-weight:700;border:1px solid #ffffff20;box-shadow:none}
.ecos-ab .sidebar .logo-glyph span{display:none}
.ecos-ab .sidebar .brand strong{font-size:23px;font-weight:700;letter-spacing:2px;line-height:1.3}
.ecos-ab .sidebar .brand small{font-size:10px;color:#a6bdcc;line-height:1.8;margin-top:3px;font-weight:400}
.ecos-ab #nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 12px 18px;gap:13px;scrollbar-width:thin;scrollbar-color:#3a5367 transparent;overscroll-behavior:contain}
.ecos-ab #nav .ecos-nav-section{margin:0;min-width:0}
.ecos-ab #nav .ecos-nav-section[hidden]{display:none}
.ecos-ab #nav .ecos-nav-group-toggle{border:0;margin:0 0 5px;padding:9px 12px 6px;font-size:11px;line-height:1.7;font-weight:500;color:#9bb2c3;letter-spacing:0;min-height:31px;background:none;gap:8px}
.ecos-ab #nav .ecos-nav-group-toggle::after{content:'';display:block;width:6px;height:6px;flex:0 0 6px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);font-size:0;color:#8da7b9;transition:transform .15s}
.ecos-ab #nav .ecos-nav-group-toggle[aria-expanded=false]::after{transform:rotate(-45deg)}
html[dir=ltr] .ecos-ab #nav .ecos-nav-group-toggle[aria-expanded=false]::after{transform:rotate(135deg)}
.ecos-ab #nav .ecos-nav-group-items{display:grid;gap:3px}
.ecos-ab #nav .ecos-nav-group-items[hidden]{display:none}
.ecos-ab #nav .nav-item{position:relative;display:flex;align-items:center;width:100%;min-height:42px;margin:0;padding:9px 12px;gap:11px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:500;line-height:1.7;color:#d4e0e9;text-align:start;box-shadow:none;background:none}
.ecos-ab #nav .nav-item .nav-label{min-width:0;flex:1;overflow-wrap:anywhere}
.ecos-ab #nav .nav-item .nav-dot{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:0;background:none;color:#9ab7ca;font-size:0}
.ecos-ab #nav .nav-dot svg{width:20px;height:20px;display:block}
.ecos-ab #nav .nav-item:hover{background:#ffffff09;color:#fff;border-color:#ffffff08}
.ecos-ab #nav .nav-item:hover .nav-dot{color:#c3e9e8}
html[dir] .ecos-ab #nav .nav-item.active{background:#d2efeb;color:#124d59;border-color:#d2efeb;box-shadow:0 3px 8px #071c2b18;font-weight:700}
.ecos-ab #nav .nav-item.active .nav-dot{color:#147782}
.ecos-ab #nav .nav-item.active::after{content:'';height:5px;width:5px;flex:0 0 5px;border-radius:50%;background:#258994;margin-inline-start:auto}
.ecos-ab #nav .nav-portal-link{margin-top:3px;background:#ffffff05;border-color:#ffffff12;color:#b9cedb;font-size:12px;padding:11px 12px;min-height:44px}
.ecos-ab .sidebar-bottom{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 7px;padding:15px 16px 17px;margin:0;border-top:1px solid #ffffff10;background:#0e2333}
.ecos-ab .sidebar-bottom .identity{position:relative;grid-column:1/-1;padding:0 47px 0 0;min-height:39px;margin:0;border:0;display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.65;background:none}
html[dir=ltr] .ecos-ab .sidebar-bottom .identity{padding:0 0 0 47px}
.ecos-ab .sidebar-bottom .identity::before{content:attr(data-initials);position:absolute;inset-inline-start:0;top:1px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#244557;border:1px solid #375569;color:#d2f0eb;font-size:12px;font-weight:600;letter-spacing:0}
.ecos-ab .sidebar-bottom .identity strong{font-size:12px;font-weight:600;color:#e6eef3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ecos-ab .sidebar-bottom .identity span{font-size:10px;color:#9cb4c5;font-weight:400}
.ecos-ab .sidebar-bottom .signout{border:1px solid #ffffff12;background:#ffffff04;color:#b7cbd9;padding:8px 5px;min-height:34px;border-radius:6px;margin:0;text-align:center;font-size:10px;font-weight:500;line-height:1.7}
.ecos-ab .sidebar-bottom .signout:hover{background:#ffffff0b;color:#fff;border-color:#ffffff20}
.ecos-ab #nav :is(.nav-item,.ecos-nav-group-toggle):focus-visible,.ecos-ab .sidebar .signout:focus-visible{outline:2px solid #7bcdc7;outline-offset:-2px}
.ecos-ab .sidebar-close{display:none}
.ecos-ab .sidebar-backdrop{display:none}
@media(max-width:760px){.ecos-ab .sidebar{position:fixed;top:0;bottom:0;inset-inline-start:-290px;inset-inline-end:auto;width:280px;min-width:280px;max-width:calc(100vw - 48px);z-index:80;transition:inset-inline-start .2s ease;box-shadow:none}.ecos-ab .sidebar.open{inset-inline-start:0;box-shadow:-12px 0 38px #071e3530}.ecos-ab .sidebar .brand{padding:21px 18px 18px;padding-inline-end:45px}.ecos-ab .sidebar-close{display:grid;place-items:center;position:absolute;top:18px;inset-inline-end:12px;height:30px;width:30px;padding:0;font-family:Arial,sans-serif;font-size:25px;line-height:1;background:#ffffff08;color:#c6d9e5;border:1px solid #ffffff13;border-radius:6px;cursor:pointer}.ecos-ab .sidebar-close:focus-visible{outline:2px solid #7bcdc7}.ecos-ab #nav{padding:4px 12px 16px;gap:10px}.ecos-ab #nav .nav-item{min-height:44px;font-size:13px}.ecos-ab .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:70;background:#071b2b73;border:0;border-radius:0;padding:0;backdrop-filter:blur(2px);cursor:pointer}.ecos-ab.sidebar-is-open{overflow:hidden}.ecos-ab .sidebar-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media print{.ecos-ab .sidebar,.ecos-ab .sidebar-backdrop{display:none!important}}
/* Chevron direction follows expansion state independently of writing direction. */
.ecos-ab #nav .ecos-nav-group-toggle::after{border-inline-end:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
html[dir=rtl] .ecos-ab #nav .ecos-nav-group-toggle[aria-expanded=false]::after{transform:rotate(135deg)}
html[dir=ltr] .ecos-ab #nav .ecos-nav-group-toggle[aria-expanded=false]::after{transform:rotate(-45deg)}
/* END ecos-visual.css */

/* BEGIN ecos-colors.css */
/* R12 — neutral surfaces, charcoal navigation, restrained blue action color. */
body.ecos-ab{--ux-ink:#202936;--ux-muted:#647083;--ux-border:#e1e5eb;--ux-canvas:#f6f7f9;--ux-navy:#1b2230;--ux-accent:#3659c9;--ink:#202936;--muted:#647083;--line:#e1e5eb;--bg:#f6f7f9;--navy:#1b2230;--navy-dark:#171e2b;--orange:#3659c9;--blue:#3659c9;--ab-navy:#1b2230;--ab-navy-2:#252e3e;--ab-gold:#3659c9;--ab-gold-light:#dce4ff;--ab-ink:#202936;--ab-paper:#f6f7f9;--ab-line:#e1e5eb;background:#f6f7f9;color:#202936}
.ecos-ab .workspace,.ecos-ab .page{background:#f6f7f9}
.ecos-ab .topbar{background:#fff;border-bottom-color:#e4e7ed}
.ecos-ab .breadcrumb,.ecos-ab .project-command-header h1{color:#202936}
.ecos-ab .crumb-kicker{color:#687589}
.ecos-ab .ecos-global-search input{background:#f7f8fa;border-color:#e0e5ec;color:#293447}
.ecos-ab .sidebar{background:#1b2230;border-inline-end-color:#283142}
.ecos-ab .sidebar .brand{background:#1b2230}
.ecos-ab .sidebar .brand small{color:#a4afc0}
.ecos-ab .sidebar .logo-glyph{background:#303d56;border-color:#43516b;color:#fff}
.ecos-ab #nav{scrollbar-color:#46516a transparent}
.ecos-ab #nav .ecos-nav-group-toggle,.ecos-ab #nav .ecos-nav-group-toggle::after{color:#a4afc0}
.ecos-ab #nav .nav-item{color:#d3d9e3}
.ecos-ab #nav .nav-item .nav-dot{color:#a3aec1}
.ecos-ab #nav .nav-item:hover{background:#252e3e;border-color:#303a4c;color:#fff}
.ecos-ab #nav .nav-item:hover .nav-dot{color:#d3dfff}
html[dir] .ecos-ab #nav .nav-item.active{background:#2b374d;border-color:#3b4a66;color:#fff;box-shadow:none}
.ecos-ab #nav .nav-item.active .nav-dot{color:#b3c5ff}
.ecos-ab #nav .nav-item.active::after{background:#9fb5ff}
.ecos-ab #nav .nav-portal-link{background:#202938;border-color:#343e50;color:#c2ccdc}
.ecos-ab .sidebar-bottom{background:#171e2b;border-top-color:#303a4b}
.ecos-ab .sidebar-bottom .identity::before{background:#303d56;border-color:#42516b;color:#e0e7ff}
.ecos-ab .sidebar-bottom .identity strong{color:#f0f2f7}
.ecos-ab .sidebar-bottom .identity span{color:#aab5c7}
.ecos-ab .sidebar-bottom .signout{background:#202938;border-color:#343f52;color:#c4cedd}
.ecos-ab .sidebar-bottom .signout:hover{background:#2d384d;color:#fff}
.ecos-ab .sidebar-close{background:#273145;border-color:#3a465b;color:#d7deea}
.ecos-ab .sidebar-backdrop:not([hidden]){background:#11182780}
.ecos-ab :is(.panel,.p360-section,.project-summary-details,.project-workspace-nav,.project-summary-strip,.stat-card,.exec-section,.exec-metric){background:#fff;border-color:#e1e5eb;box-shadow:0 2px 5px #18203203}
.ecos-ab .project-command-header{background:#fff;border-color:#e1e5eb;border-top-color:#a3afc6}
.ecos-ab .project-command-header :is(.project-code,.project-sub){color:#687589}
.ecos-ab .project-command-header .project-summary-strip{background:#fafbfc;border-top-color:#e5e8ee}
.ecos-ab .project-command-header .project-summary-strip .field-display{border-color:#e5e8ee}
.ecos-ab .project-summary-strip .field-display small{color:#647083}
.ecos-ab .project-summary-strip .field-display strong{color:#354052}
.ecos-ab .project-group-switcher{background:#eef0f4;border-color:#e1e5eb}
.ecos-ab .project-group-switch{color:#566175}
.ecos-ab .project-group-switch.active{color:#283448;background:#fff;border-color:#dde2ea;box-shadow:0 1px 4px #20293608}
.ecos-ab .project-group-options{background:#fff}
.ecos-ab .project-group-options .project-nav-button{color:#59677b}
.ecos-ab .project-group-options .project-nav-button:hover{background:#f3f5fa;color:#344b8b}
.ecos-ab .project-group-options .project-nav-button.active{background:#edf1fc;color:#2d4ca8;box-shadow:inset 0 -2px #5571cd}
.ecos-ab .btn.primary{background:#3659c9;border-color:#3659c9;color:#fff;box-shadow:none}
.ecos-ab .btn.primary:hover{background:#2c49ab;border-color:#2c49ab}
.ecos-ab .btn.light,.ecos-ab .p360-hero-actions .btn{background:#fff;border-color:#dbe1e9;color:#45536b}
.ecos-ab .btn.light:hover{background:#f4f6fa;border-color:#b9c5db;color:#304a92}
.ecos-ab .project-command-header .project-command-actions .btn{background:#fff!important;border-color:#dbe1e9!important;color:#45536b!important}
.ecos-ab .project-command-header .project-command-actions .btn:hover{background:#f4f6fa!important}
.ecos-ab .p360-hero{background:#fff;border-color:#e1e5eb}
.ecos-ab .p360-hero h2,.ecos-ab :is(.panel-head h2,.project-content .panel-head h2,.p360-section-head h3){color:#293447}
.ecos-ab .p360-hero .p360-subtitle{color:#5b677a}
.ecos-ab .p360-hero .p360-meta span{background:#f1f3f6;color:#5c697d}
.ecos-ab .p360-metric,.ecos-ab .p360-metric.p360-warning{background:#fff;border-color:#e1e5eb}
.ecos-ab .p360-metric::before{background:#8c9dbf}
.ecos-ab .p360-metric.p360-warning::before{background:#ae946f}
.ecos-ab .p360-metric:hover{background:#fafbfe;border-color:#a6b6df}
.ecos-ab .p360-metric strong{color:#28364b}
.ecos-ab .p360-metric span{color:#5c687b}
.ecos-ab .p360-jump-nav .btn{background:#eff1f5;border-color:#e2e6ec;color:#59677b}
.ecos-ab .p360-event-dot{background:#8799c3}
.ecos-ab .p360-event strong{color:#45536b}
.ecos-ab .p360-event small{color:#67758a}
.ecos-ab :is(.p360-muted,.p360-empty,.p360-disclaimer){color:#647083}
.ecos-ab .p360-action{background:#fafbfc;border-color:#e2e6ee;color:#344259}
.ecos-ab .p360-action:hover{background:#f4f6fb;border-color:#b5c2df}
.ecos-ab :is(.p360-action-type,.p360-action-owner,.p360-action-state){color:#5d6d87}
.ecos-ab .p360-action-text strong{color:#344259}
.ecos-ab .project-summary-details>summary{color:#485970}
.ecos-ab .project-summary-details>summary::marker{color:#798caf}
.ecos-ab .project-summary-details>summary:hover,.ecos-ab .project-summary-details[open]>summary{background:#f7f8fb;border-bottom-color:#e1e5eb}
.ecos-ab .p360-source-links .btn{background:#f8f9fb;border-color:#dfe4ec;color:#475975}
.ecos-ab .data-table th{background:#f0f2f6;border-color:#e0e5ed;color:#59677b}
.ecos-ab .ecos-grid-sort{color:#526078}
.ecos-ab .data-table td{color:#354052;border-bottom-color:#e9ecf2}
.ecos-ab .data-table tbody tr:hover{background:#f4f6fb}
.ecos-ab .table-wrap{border-color:#e0e5ed}
.ecos-ab .ecos-grid-search{background:#f8f9fb;border-color:#dce2ec;color:#354052}
.ecos-ab :is(.ecos-grid-count,.ecos-grid-page-label){color:#647083}
.ecos-ab .empty{background:#fafbfc;border-color:#dce2eb;color:#647083}
.ecos-ab .notice,.ecos-ab .project-start-panel{background:#f1f4fa;border-color:#dce3f1;border-inline-start-color:#8298c7;color:#50617e}
.ecos-ab .project-start-panel h2{color:#344b73}
.ecos-ab .project-start-panel p{color:#5d6d87}
.ecos-ab .form-stack label{color:#45536b}
.ecos-ab .form-stack :is(input,select,textarea){background:#fff;border-color:#d5dce7;color:#354052}
.ecos-ab .form-stack .checkbox-row{background:#f7f8fa;border-color:#e2e6ee;color:#53617a}
.ecos-ab .form-stack .checkbox-row:has(input:checked){background:#eef2fc;border-color:#a7b8e5;color:#3552a3}
.ecos-ab .form-stack .checkbox-row input[type=checkbox]{accent-color:#3659c9}
.ecos-ab .form-stack fieldset{border-color:#dfe4ec;background:#fafbfc}
.ecos-ab .modal-root{background:#11182780}
.ecos-ab .modal-card{background:#fff;border-color:#e1e5eb;box-shadow:0 24px 80px #11182730}
.ecos-ab .modal-card h2{color:#293447}
.ecos-ab .modal-subtitle{color:#647083}
.ecos-ab .field-display{background:#fafbfc;border-color:#e1e5eb}
.ecos-ab .field-display small{color:#647083}
.ecos-ab .field-display strong{color:#354052}
.ecos-ab .stat-card{border-top-color:#a3afc6}
.ecos-ab .stat-card .indicator{background:#f0f3fa;color:#5d73a6}
.ecos-ab .stat-card strong{color:#293447}
.ecos-ab .portfolio-track-fill{background:#7189c7}
.ecos-ab :is(.command-hero,.exec-hero,.alert-centre-hero){background:#242f43;border-color:#35435c;box-shadow:none}
.ecos-ab .command-hero .btn.primary{background:#fff;color:#334c8c;border-color:#fff}
.ecos-ab .command-hero .eyebrow{color:#c5d1ed}
.ecos-ab .login-intro{background:linear-gradient(145deg,#1b2230,#2b374d)}
.ecos-ab .login-intro .login-kicker{color:#c3d0f0}
.ecos-ab .login-card .btn.primary{background:#3659c9;border-color:#3659c9}
.ecos-ab :is(.btn,.project-group-switch,.project-nav-button,input,select,textarea):focus-visible{outline-color:#7895e0}
.ecos-ab #nav :is(.nav-item,.ecos-nav-group-toggle):focus-visible,.ecos-ab .sidebar :is(.signout,.sidebar-close):focus-visible{outline-color:#a4b9ff}
@media print{body.ecos-ab,.ecos-ab .workspace,.ecos-ab .page{background:#fff}}
/* END ecos-colors.css */

/* BEGIN ecos-project.css */
/* R13 — engineering work surfaces; colors follow the neutral R12 palette. */
.ecos-ab .engineering-workspace-overview{background:#fff;border:1px solid #e1e5eb;border-radius:10px;margin-bottom:18px;overflow:hidden}
.ecos-ab .engineering-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 23px}
.ecos-ab .engineering-workspace-heading h2{font-size:21px;line-height:1.6;font-weight:700;margin:0 0 5px;color:#293447}
.ecos-ab .engineering-workspace-heading p{font-size:13px;line-height:1.8;color:#647083;margin:0;max-width:720px}
.ecos-ab .engineering-package-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #e5e8ee;background:#fafbfc}
.ecos-ab .engineering-package-counts>div{display:flex;flex-direction:column;gap:4px;padding:16px 23px;border-inline-end:1px solid #e5e8ee}
.ecos-ab .engineering-package-counts>div:last-child{border-inline-end:0}
.ecos-ab .engineering-package-counts strong{font-size:26px;line-height:1.25;font-weight:600;color:#35445e;font-variant-numeric:tabular-nums}
.ecos-ab .engineering-package-counts span{font-size:12px;font-weight:500;color:#647083}
.ecos-ab .package-detail-counts{margin:16px 0 18px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;overflow:hidden}
.ecos-ab .engineering-record-title{display:flex;flex-direction:column;gap:5px;min-width:190px;max-width:340px}
.ecos-ab .engineering-record-title strong{font-size:14px;line-height:1.8;font-weight:600;color:#2f3d54;overflow-wrap:anywhere}
.ecos-ab .engineering-record-title small{font-size:11px;line-height:1.7;color:#69778d;overflow-wrap:anywhere}
.ecos-ab .engineering-board-tools{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(130px,1fr) minmax(140px,1fr) auto auto auto;gap:12px;align-items:end;border-color:#e1e5eb;border-radius:10px;padding:18px;margin:16px 0 12px;box-shadow:none;background:#fff}
.ecos-ab .engineering-board-tools>label{font-size:12px;font-weight:600;color:#59677b;gap:7px;min-width:0}
.ecos-ab .engineering-board-tools :is(input:not([type=checkbox]),select),.ecos-ab .engineering-task-action select{font-family:inherit;font-size:13px;border:1px solid #d6dfea;background:#fff;color:#45536b;min-height:40px;border-radius:6px;padding:8px 11px;min-width:0;line-height:1.7}
.ecos-ab .engineering-board-tools .engineering-overdue-filter{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;font-size:12px;min-height:40px}
.ecos-ab .engineering-overdue-filter input[type=checkbox]{height:17px;width:17px;min-height:17px;flex:0 0 17px;accent-color:#3659c9}
.ecos-ab .engineering-board-tools>.btn{font-size:12px;min-height:40px;padding:9px 12px}
.ecos-ab .engineering-view-switch{display:inline-flex;flex-wrap:wrap;gap:4px;background:#eaeef4;border:1px solid #e1e5eb;border-radius:7px;padding:4px;margin:0 0 17px}
.ecos-ab .engineering-view-switch .btn{min-height:35px;border:1px solid transparent;border-radius:5px;font-size:12px;padding:7px 15px;background:transparent;color:#59677b;font-weight:600}
.ecos-ab .engineering-view-switch .btn[aria-pressed=true]{background:#fff;border-color:#dce3ed;color:#304da5;box-shadow:0 1px 3px #1b223008}
.ecos-ab .engineering-work-results{min-width:0;max-width:100%}
.ecos-ab .engineering-work-results[aria-busy=true]{opacity:.65;transition:opacity .15s}
.ecos-ab .engineering-board-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.ecos-ab .engineering-board-counts>div{background:#fff;border:1px solid #e1e5eb;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 16px;min-width:0}
.ecos-ab .engineering-board-counts strong{font-size:23px;font-weight:600;line-height:1.4;color:#35445e;font-variant-numeric:tabular-nums}
.ecos-ab .engineering-board-counts span{font-size:12px;font-weight:500;color:#647083}
.ecos-ab .engineering-kanban{display:grid;grid-template-columns:repeat(5,minmax(225px,1fr));gap:12px;overflow-x:auto;align-items:start;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:#b8c2d4 transparent;max-width:100%;overscroll-behavior-inline:contain}
.ecos-ab .engineering-kanban-column{background:#edf0f5;border:1px solid #e1e5eb;border-radius:9px;padding:12px;gap:12px;min-width:0;min-height:180px}
.ecos-ab .engineering-kanban-column h3{font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:2px 1px 12px;border-bottom:1px solid #dce2ec;color:#485970}
.ecos-ab .engineering-column-count{display:grid;place-items:center;min-width:25px;height:25px;border:1px solid #d7dfeb;border-radius:6px;background:#fff;font-size:12px;font-weight:600;color:#697890}
.ecos-ab .engineering-task-card{background:#fff;border:1px solid #dce3ed;border-radius:7px;gap:11px;padding:14px;box-shadow:0 2px 3px #20293603;min-width:0}
.ecos-ab .engineering-task-card>strong{font-size:14px;font-weight:600;line-height:1.8;color:#293b56}
.ecos-ab .engineering-task-card>small{font-size:11px;color:#647083;line-height:1.8;overflow-wrap:anywhere}
.ecos-ab .engineering-task-card-head{align-items:center;font-size:11px;gap:5px}
.ecos-ab .engineering-task-card-head .tag{font-size:10px;padding:3px 7px}
.ecos-ab .engineering-task-card-meta{font-size:11px;line-height:1.8;color:#647083;border-top:1px solid #edf0f5;padding-top:9px;gap:5px}
.ecos-ab .engineering-task-overdue{font-size:11px;color:#a15b39}
.ecos-ab .engineering-task-blockers{font-size:11px;line-height:1.8;background:#f8f5ef;border:1px solid #e9dfcd;color:#826a48;border-radius:5px;padding:8px 9px}
.ecos-ab .engineering-task-action{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid #edf0f5;min-width:0}
.ecos-ab .engineering-task-action select{flex:1;width:0;min-width:0;min-height:35px;padding:6px 7px;font-size:11px}
.ecos-ab .engineering-task-action .btn{font-size:11px;min-height:35px;padding:7px 10px;flex:0 0 auto}
.ecos-ab .engineering-work-footer{justify-content:space-between;align-items:center;gap:10px;margin:10px 0 16px;padding:12px 0;border-top:1px solid #e1e5eb}
.ecos-ab .engineering-work-footer .muted{font-size:11px;line-height:1.8;color:#647083;max-width:75%}
.ecos-ab .engineering-work-empty{margin:0;padding:40px 20px;min-height:170px;display:grid;place-items:center;background:#fff;border:1px dashed #d5deeb;color:#647083}
.ecos-ab .engineering-board{max-width:100%;overflow-x:auto;scrollbar-width:thin;gap:12px;margin-top:15px}
.ecos-ab .board-column{background:#edf0f5;border:1px solid #dfe5ee;border-radius:8px;padding:12px}
.ecos-ab .board-column h3{color:#485970;font-size:13px}
.ecos-ab .board-task{background:#fff;border:1px solid #dce3ed;border-radius:7px;box-shadow:none;padding:13px}
.ecos-ab .board-task strong{font-size:13px;color:#293b56;line-height:1.8}
.ecos-ab .board-task small{font-size:11px;color:#647083}
.ecos-ab .ecos-gantt-wrap{border-color:#dfe5ee;background:#fff;border-radius:9px}
.ecos-ab .ecos-gantt-heading{background:#f8f9fc;border-color:#e1e5eb;color:#35445e}
.ecos-ab .ecos-gantt-bar{background:#657fc3}
.ecos-ab .ecos-gantt-baseline{background:#a3afc6}
@media(max-width:1250px){.ecos-ab .engineering-board-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ecos-ab .engineering-workspace-heading{padding:18px}.ecos-ab .engineering-workspace-heading h2{font-size:18px}.ecos-ab .engineering-workspace-heading p{font-size:12px}.ecos-ab .engineering-package-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .engineering-package-counts>div{padding:13px 17px;border-bottom:1px solid #e5e8ee}.ecos-ab .engineering-package-counts strong{font-size:24px}.ecos-ab .engineering-package-counts span{font-size:11px}.ecos-ab .engineering-board-tools{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:12px 10px}.ecos-ab .engineering-board-tools>label:first-child{grid-column:1/-1}.ecos-ab .engineering-board-tools>.engineering-overdue-filter{grid-column:1/-1}.ecos-ab .engineering-board-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecos-ab .engineering-board-counts>div{padding:11px 13px}.ecos-ab .engineering-board-counts>div:last-child{grid-column:1/-1}.ecos-ab .engineering-board-counts span{font-size:11px}.ecos-ab .engineering-view-switch{display:flex;width:100%}.ecos-ab .engineering-view-switch .btn{flex:1;padding:8px 7px;font-size:11px}.ecos-ab .engineering-work-footer .muted{max-width:100%}.ecos-ab .engineering-kanban{grid-template-columns:repeat(5,minmax(260px,1fr))}.ecos-ab .engineering-record-title{min-width:170px}}
@media print{.ecos-ab .engineering-kanban{display:block;overflow:visible}.ecos-ab .engineering-kanban-column{break-inside:avoid;margin-bottom:10px}.ecos-ab .engineering-board-tools,.ecos-ab .engineering-view-switch,.ecos-ab .engineering-task-action{display:none}}
.ecos-ab .project-content>.page-head{margin:8px 0 15px;padding:0 0 13px;border-bottom:1px solid #e1e5eb}
.ecos-ab .project-content>.page-head h1{font-size:23px;line-height:1.7;margin:0;color:#293447}
@media(max-width:760px){.ecos-ab .project-content>.page-head h1{font-size:19px}}
/* R14 — document record and approval path, using existing assigned decisions. */
.ecos-ab .package-planning-details{padding:18px}
.ecos-ab .document-workspace>.action-row{margin-bottom:14px}
.ecos-ab .document-workspace .panel-head{align-items:flex-start;gap:14px;flex-wrap:wrap}
.ecos-ab .document-workspace .panel-head h2{overflow-wrap:anywhere;font-size:17px;line-height:1.8}
.ecos-ab .document-workspace .panel-head .action-row{align-items:center;gap:7px}
.ecos-ab .document-workspace .panel-head .notice{flex-basis:100%;font-size:12px;margin:0;padding:9px 12px;border-radius:5px}
.ecos-ab .document-revision-record{border-top:3px solid #9daece}
.ecos-ab .document-revision-body>.details-grid{gap:10px}
.ecos-ab .document-revision-body .field-display{padding:12px 14px;background:#fafbfc;border-radius:7px}
.ecos-ab .document-revision-body .field-display small{font-size:11px;margin-bottom:5px;color:#647083}
.ecos-ab .document-revision-body .field-display strong{font-size:13px;color:#45536b;font-weight:600;line-height:1.8}
.ecos-ab .document-workspace .ecos-revision-summary{margin:16px 0 12px;padding:15px 17px;border:1px solid #dfe5ee;border-radius:8px;background:#f7f9fc;gap:12px;align-items:center}
.ecos-ab .document-workspace .ecos-revision-summary strong{font-size:13px;color:#45536b;font-weight:700}
.ecos-ab .document-workspace .ecos-revision-summary p{font-size:12px;color:#647083;line-height:1.8;max-width:600px}
.ecos-ab .document-workspace .ecos-file-chip{font-size:11px;letter-spacing:0;font-weight:600;padding:6px 10px;border-radius:5px}
.ecos-ab .document-workspace .ecos-file-format{font-size:11px;font-weight:600;padding:5px 8px;background:#edf1f8;color:#526a99;border-radius:5px;letter-spacing:0}
.ecos-ab .document-revision-body>.notice{margin:12px 0 20px;font-size:12px;line-height:1.9}
.ecos-ab .document-section-title{font-size:15px;font-weight:700;color:#45536b;margin:22px 0 12px}
.ecos-ab .document-file-hash{white-space:nowrap;font-size:11px;direction:ltr;display:inline-block}
.ecos-ab .document-review-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
.ecos-ab .document-review-step{border:1px solid #e0e5ee;background:#fafbfc;border-radius:8px;padding:15px;min-width:0;display:flex;flex-direction:column;gap:13px}
.ecos-ab .document-review-step-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ecos-ab .document-step-number{height:25px;width:25px;flex:0 0 25px;display:grid;place-items:center;border:1px solid #d7dfec;background:#fff;border-radius:6px;color:#667a9b;font-size:12px;font-weight:600}
.ecos-ab .document-review-step-head>strong{font-size:12px;line-height:1.8;font-weight:700;color:#45536b}
.ecos-ab .document-review-step-head>.tag{font-size:10px;min-height:0;padding:3px 7px;margin-inline-start:auto}
.ecos-ab .document-review-person{display:flex;flex-direction:column;gap:4px}
.ecos-ab .document-review-person small{font-size:10px;color:#647083;font-weight:500}
.ecos-ab .document-review-person span{font-size:13px;font-weight:600;line-height:1.8;color:#45536b;overflow-wrap:anywhere}
.ecos-ab .document-review-comment{font-size:12px;color:#647083;line-height:1.9;margin:0;padding-top:11px;border-top:1px solid #e5eaf2;white-space:pre-wrap;overflow-wrap:anywhere}
.ecos-ab .document-review-step>.btn{margin-top:auto;align-self:flex-start;font-size:12px;min-height:35px;padding:8px 14px}
.ecos-ab .document-review-step[data-decision=approved]{border-color:#c9ddd4;background:#fbfdfc}
.ecos-ab .document-review-step[data-decision=approved] .document-step-number{background:#eaf4ee;border-color:#c9ddd4;color:#50715e}
.ecos-ab .document-review-step[data-decision=changes_requested]{border-color:#e7d9c4;background:#fefcf8}
.ecos-ab .document-history-revision{border:1px solid #e1e5eb;border-radius:9px;background:#fff;margin:12px 0;overflow:hidden}
.ecos-ab .document-history-revision>summary{cursor:pointer;display:list-item;padding:14px 18px;color:#536a8d;font-size:13px;line-height:1.8}
.ecos-ab .document-history-revision>summary span{margin-inline-end:15px}
.ecos-ab .document-history-revision>summary .code{font-weight:700}
.ecos-ab .document-history-revision>summary span:last-child{font-size:11px;color:#647083}
.ecos-ab .document-history-revision[open]>summary{background:#f5f7fb;border-bottom:1px solid #e1e5eb}
.ecos-ab .document-history-revision>.panel{border:0;border-radius:0;margin:0;box-shadow:none}
.ecos-ab .document-history-revision>summary:focus-visible{outline:3px solid #7895e0;outline-offset:-3px}
@media(max-width:1050px){.ecos-ab .document-review-path{grid-template-columns:minmax(0,1fr)}.ecos-ab .document-review-step-head{flex-wrap:nowrap}.ecos-ab .document-review-step-head>strong{font-size:13px}}
@media(max-width:760px){.ecos-ab .document-workspace .panel-head h2{font-size:15px}.ecos-ab .document-revision-body>.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecos-ab .document-revision-body .field-display{padding:10px}.ecos-ab .document-revision-body .field-display strong{font-size:12px}.ecos-ab .document-workspace .ecos-revision-summary{padding:13px}.ecos-ab .document-workspace .panel-head .btn{font-size:12px;padding:8px 10px}.ecos-ab .document-review-path{gap:10px}.ecos-ab .document-review-step{padding:14px}.ecos-ab .document-history-revision>summary span{margin-inline-end:8px}.ecos-ab .document-history-revision>summary span:last-child{display:block;margin-top:4px}}
@media print{.ecos-ab .document-review-path{display:block}.ecos-ab .document-review-step{break-inside:avoid;margin-bottom:10px}.ecos-ab .document-review-step>.btn{display:none}}
/* R15 — site observations and technical case details. */
.ecos-ab .site-case-detail:empty{display:none}
.ecos-ab .site-case-detail>.panel{border-top:3px solid #9daece;margin-bottom:20px}
.ecos-ab .site-case-detail .panel-head{align-items:flex-start;flex-wrap:wrap;gap:12px}
.ecos-ab .site-case-detail .panel-head h2{font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.ecos-ab .site-case-detail .details-grid{gap:10px}
.ecos-ab .site-case-detail .field-display{background:#fafbfc;padding:12px 14px;border-radius:7px}
.ecos-ab .site-case-detail .field-display small{font-size:11px;color:#647083;margin-bottom:5px}
.ecos-ab .site-case-detail .field-display strong{font-size:13px;font-weight:600;color:#45536b;line-height:1.8}
.ecos-ab .site-case-description{font-size:14px;line-height:1.9;color:#45536b;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 18px;background:#f7f9fc;border:1px solid #e3e8f0;border-radius:7px;margin:16px 0}
.ecos-ab .site-case-detail h3{font-size:15px;font-weight:700;color:#45536b;margin:20px 0 12px}
.ecos-ab .site-case-decision{background:#f3f5fb;border:1px solid #dde5f2;border-inline-start:3px solid #8599c9;border-radius:7px;padding:14px 17px;margin:15px 0}
.ecos-ab .site-case-decision h3{font-size:13px;margin:0 0 7px;color:#526a99}
.ecos-ab .site-case-decision p{font-size:13px;line-height:1.9;color:#45536b;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.ecos-ab .site-visit-record{display:flex;flex-direction:column;gap:8px;min-width:220px;max-width:430px}
.ecos-ab .site-visit-record>strong{font-size:13px;font-weight:600;line-height:1.9;color:#35445e;overflow-wrap:anywhere}
.ecos-ab .site-visit-notes{font-size:12px;line-height:1.9;color:#647083;border-top:1px solid #edf0f5;padding-top:7px}
.ecos-ab .site-visit-notes summary{cursor:pointer;color:#526a99;font-weight:500}
.ecos-ab .site-visit-notes p{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#45536b}
.ecos-ab .site-visit-notes .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ecos-ab .site-visit-notes .field-display{padding:9px;background:#fafbfc;border-radius:6px}
.ecos-ab .site-visit-notes .field-display small{font-size:10px}
.ecos-ab .site-visit-notes .field-display strong{font-size:11px}
.ecos-ab .site-supervision-workspace .data-table .muted{font-size:11px;white-space:normal;line-height:1.8;color:#647083}
.ecos-ab .site-supervision-workspace .panel-head h2{font-size:17px}
.ecos-ab .site-supervision-workspace [data-site-case][aria-pressed=true]{background:#eef2fc;border-color:#b5c4e8;color:#3552a3}
@media(max-width:760px){.ecos-ab .site-case-detail .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecos-ab .site-case-detail .field-display{padding:10px}.ecos-ab .site-case-detail .field-display strong{font-size:12px}.ecos-ab .site-case-detail .panel-head h2{font-size:15px}.ecos-ab .site-case-description{padding:13px;font-size:13px}.ecos-ab .site-visit-record{min-width:200px}.ecos-ab .site-supervision-workspace .panel-head h2{font-size:15px}}
/* R16 — transmittal stages and independent portal distribution records. */
.ecos-ab .transmittal-workspace .ecos-transmittal-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:15px 0}
.ecos-ab .transmittal-workspace .ecos-transmittal-kpi{border:1px solid #e1e5eb;border-radius:8px;padding:16px 18px;background:#fff;box-shadow:none;gap:8px}
.ecos-ab .transmittal-workspace .ecos-transmittal-kpi small{font-size:12px;color:#647083;line-height:1.8}
.ecos-ab .transmittal-workspace .ecos-transmittal-kpi strong{font-size:27px;font-weight:600;color:#35445e}
.ecos-ab .transmittal-workspace .ecos-transmittal-guidance,.ecos-ab .transmittal-workspace .ecos-transmittal-note{background:#f2f5fb;border:1px solid #dfe6f2;border-inline-start:3px solid #8e9fc8;color:#52617b;border-radius:7px;padding:13px 17px;margin:15px 0 19px}
.ecos-ab .transmittal-workspace .ecos-transmittal-guidance>strong{font-size:13px;color:#455a7e;font-weight:700}
.ecos-ab .transmittal-workspace .ecos-transmittal-guidance p{font-size:12px;line-height:1.9;color:#647083;margin:5px 0 0}
.ecos-ab .transmittal-detail:empty{display:none}
.ecos-ab .transmittal-detail{margin-bottom:20px}
.ecos-ab .transmittal-detail>.panel:first-child{border-top:3px solid #9daece}
.ecos-ab .transmittal-detail .panel-head{flex-wrap:wrap;align-items:flex-start;gap:12px}
.ecos-ab .transmittal-detail .panel-head h2{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.ecos-ab .transmittal-detail .panel-head .btn{font-size:12px;min-height:36px;padding:8px 11px}
.ecos-ab .transmittal-detail .details-grid{gap:10px;margin-bottom:15px}
.ecos-ab .transmittal-detail .field-display{padding:12px 14px;border-radius:7px;background:#fafbfc}
.ecos-ab .transmittal-detail .field-display small{font-size:11px;color:#647083;margin-bottom:5px}
.ecos-ab .transmittal-detail .field-display strong{font-size:13px;color:#45536b;font-weight:600;line-height:1.8}
.ecos-ab .transmittal-detail .notice{font-size:12px;line-height:1.9;margin:0 0 16px}
.ecos-ab .transmittal-workspace .ecos-transmittal-journey{list-style:none;padding:0;gap:10px;margin:0 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ecos-ab .transmittal-workspace .ecos-transmittal-step{padding:13px 14px;border:1px solid #dfe5ee;background:#f7f9fc;border-radius:8px;align-items:center;gap:11px;color:#61738c;font-size:12px}
.ecos-ab .transmittal-workspace .ecos-transmittal-step strong{display:block;font-size:13px;font-weight:600;line-height:1.8}
.ecos-ab .transmittal-workspace .ecos-transmittal-step small{display:block;font-size:11px;font-weight:400;color:#697b93;margin-top:2px}
.ecos-ab .transmittal-workspace .ecos-transmittal-step-number{border-radius:6px;height:28px;width:28px;flex:0 0 28px;background:#e9eef7;color:#6279aa;border:1px solid #d8e0ef;font-size:12px;font-weight:600}
.ecos-ab .transmittal-workspace .ecos-transmittal-step.is-current{background:#f0f4ff;border-color:#b7c6ea;color:#3552a3}
.ecos-ab .transmittal-workspace .ecos-transmittal-step.is-complete{background:#f7f9fc;border-color:#d4dfef;color:#3b537e}
.ecos-ab .transmittal-workspace .ecos-transmittal-step.is-complete .ecos-transmittal-step-number{background:#dfe7f9;border-color:#c5d3ef;color:#425fa2}
.ecos-ab .transmittal-file-hash{display:inline-block;white-space:nowrap;font-size:12px;direction:ltr}
.ecos-ab .transmittal-workspace [data-transmittal][aria-pressed=true]{background:#edf1fc;border-color:#b7c6ea;color:#3552a3}
@media(max-width:760px){.ecos-ab .transmittal-workspace .ecos-transmittal-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecos-ab .transmittal-workspace .ecos-transmittal-kpi{padding:13px 15px}.ecos-ab .transmittal-workspace .ecos-transmittal-kpi small{font-size:11px}.ecos-ab .transmittal-workspace .ecos-transmittal-kpi strong{font-size:25px}.ecos-ab .transmittal-workspace .ecos-transmittal-journey{grid-template-columns:minmax(0,1fr);gap:8px}.ecos-ab .transmittal-workspace .ecos-transmittal-step{padding:11px 13px}.ecos-ab .transmittal-detail .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecos-ab .transmittal-detail .field-display{padding:10px}.ecos-ab .transmittal-detail .field-display strong{font-size:12px}.ecos-ab .transmittal-detail .panel-head h2{font-size:15px}}
/* R18 — office intake controls follow the project visual system. */
.ecos-ab .external-intake-workspace .ecos-intake-overview{gap:10px;margin:16px 0}
.ecos-ab .external-intake-workspace .ecos-intake-kpi{background:#fff;border:1px solid #e1e5eb;border-radius:8px;box-shadow:none;padding:15px 18px}
.ecos-ab .external-intake-workspace .ecos-intake-kpi small{font-size:12px;color:#647083}
.ecos-ab .external-intake-workspace .ecos-intake-kpi strong{font-size:25px;font-weight:600;color:#35445e}
.ecos-ab .external-intake-workspace .ecos-intake-toolbar{background:#fff;border:1px solid #e1e5eb;border-radius:8px;padding:15px;gap:10px;margin-bottom:18px}
.ecos-ab .external-intake-workspace .ecos-intake-toolbar :is(input,select){font-family:inherit;font-size:13px;color:#45536b;border:1px solid #d5dfe9;border-radius:6px;background:#fff;padding:9px 11px;min-height:40px;min-width:0}
/* R19 — separation of correction preparation, authorization and issue. */
.ecos-ab .correction-state-hint{display:block;font-size:12px;line-height:1.8;color:#647083;max-width:240px;padding:8px 10px;background:#f3f5fa;border:1px solid #e0e6f0;border-radius:5px}
.ecos-ab .form-stack input[readonly]{background:#f2f4f8;border-color:#dce3ed;color:#52617b;cursor:default}
/* R20 — currency-isolated project finance, retaining canonical accounting flows. */
.ecos-ab .finance-currency-summary{background:#fff;border:1px solid #e1e5eb;border-radius:10px;overflow:hidden;margin:16px 0}
.ecos-ab .finance-currency-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #e5eaf2}
.ecos-ab .finance-currency-heading h2{font-size:17px;line-height:1.8;color:#35445e;font-weight:700;margin:0}
.ecos-ab .finance-currency-heading>.code{font-size:12px;color:#536a95;padding:5px 9px;border:1px solid #dce4f2;border-radius:5px;background:#f3f6fb}
.ecos-ab .finance-primary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ecos-ab .finance-primary-metrics>div{padding:19px 20px;border-inline-end:1px solid #e5eaf2;display:flex;flex-direction:column;gap:10px;min-width:0}
.ecos-ab .finance-primary-metrics>div:last-child{border-inline-end:0}
.ecos-ab .finance-primary-metrics small{font-size:12px;color:#647083;font-weight:500;line-height:1.8}
.ecos-ab .finance-primary-metrics strong{font-size:19px;font-weight:600;line-height:1.7;color:#35445e;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ecos-ab .finance-currency-summary>.project-summary-details{border:0;border-top:1px solid #e5eaf2;border-radius:0;margin:0;box-shadow:none}
.ecos-ab .finance-currency-summary>.project-summary-details>summary{background:#fafbfc;font-size:13px;padding:12px 20px;min-height:46px;color:#5b6d8b}
.ecos-ab .finance-secondary-metrics{padding:16px 20px;gap:10px}
.ecos-ab .finance-secondary-metrics .field-display{background:#fafbfc;padding:12px;border-radius:7px}
.ecos-ab .finance-secondary-metrics .field-display small{font-size:11px;color:#647083}
.ecos-ab .finance-secondary-metrics .field-display strong{font-size:14px;color:#45536b}
.ecos-ab .project-finance-workspace .panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}
.ecos-ab .project-finance-workspace .panel-head h2{font-size:17px;line-height:1.8}
.ecos-ab .project-finance-workspace .notice{font-size:12px;line-height:1.9}
.ecos-ab .project-finance-workspace .data-table .action-row{gap:6px}
.ecos-ab .project-finance-workspace .data-table .muted{font-size:11px;line-height:1.9;white-space:normal;max-width:180px}
.ecos-ab .contract-workspace>.panel:first-of-type{border-top:3px solid #9daece}
.ecos-ab .contract-workspace .details-grid{gap:10px}
.ecos-ab .contract-workspace .field-display{background:#fafbfc;border-color:#e1e5eb;border-radius:7px;padding:13px 15px}
.ecos-ab .contract-workspace .field-display small{font-size:11px;color:#647083;margin-bottom:7px}
.ecos-ab .contract-workspace .field-display strong{font-size:14px;line-height:1.8;color:#45536b}
.ecos-ab .contract-workspace .panel-head h2{font-size:17px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:900px){.ecos-ab .finance-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .finance-primary-metrics>div{border-bottom:1px solid #e5eaf2}.ecos-ab .finance-primary-metrics>div:nth-child(2n){border-inline-end:0}}
@media(max-width:760px){.ecos-ab .finance-currency-heading{padding:14px 16px}.ecos-ab .finance-currency-heading h2{font-size:15px}.ecos-ab .finance-primary-metrics>div{padding:14px 16px;gap:7px}.ecos-ab .finance-primary-metrics strong{font-size:16px}.ecos-ab .finance-primary-metrics small{font-size:11px}.ecos-ab .finance-secondary-metrics{grid-template-columns:minmax(0,1fr);padding:14px}.ecos-ab .contract-workspace .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecos-ab .contract-workspace .field-display{padding:10px}.ecos-ab .contract-workspace .field-display strong{font-size:12px}}
/* R21 — contractual scope and transition prerequisites. */
.ecos-ab .contract-workspace .contract-scope-text{font-size:14px;line-height:1.9;color:#53617a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;padding:14px 16px;background:#f7f9fc;border:1px solid #e1e7f1;border-radius:7px}
.ecos-ab .contract-workspace .contract-next-step{font-size:13px;line-height:1.9;margin:0;color:#52617b}
.ecos-ab .contract-workspace .panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}
.ecos-ab .contract-workspace .panel-head .btn{font-size:12px;min-height:36px;padding:8px 12px}
.ecos-ab .contract-workspace .data-table .action-row{gap:6px}
@media(max-width:760px){.ecos-ab .contract-workspace .contract-scope-text{padding:12px;font-size:13px}.ecos-ab .contract-workspace .contract-next-step{font-size:12px}}

/* R22 — contract closeout */
.contract-close-checklist{margin:0;padding-inline-start:1.3rem;display:grid;gap:.55rem;line-height:1.8}
.contract-terminal-note{border-inline-start:3px solid var(--primary,#3659c9);line-height:1.9}

/* R23 — service scope register */
.services-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.service-record{min-width:14rem;max-width:42rem;line-height:1.8}
.service-record summary{cursor:pointer;color:#3659c9;font-size:.85rem;margin-top:.4rem}
.service-scope{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:640px){.services-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.service-record{min-width:11rem}}

/* R24 — project team */
.members-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.member-identity{display:grid;gap:.35rem;min-width:12rem}.member-identity small{color:#647084;direction:ltr;text-align:start;overflow-wrap:anywhere}
.member-role-tags{display:flex;flex-wrap:wrap;gap:.4rem;min-width:11rem}
.member-role-guide{background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:1rem;line-height:1.9}.member-role-guide summary{cursor:pointer;font-weight:600}
@media(max-width:640px){.members-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R25 — effort and review */
.time-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-block:1rem}.time-summary>div{display:grid;gap:.35rem;background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:1rem}.time-summary small,.time-summary span{color:#647084}.time-summary strong{font-size:1.15rem}
.time-approved-costs{display:flex;flex-wrap:wrap;gap:1.5rem}.time-reference{display:grid;gap:.35rem}.time-record-details{min-width:13rem;max-width:35rem;line-height:1.8}.time-record-details summary{cursor:pointer;color:#3659c9}.time-description{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:640px){.time-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R26 — coordination, audit and accounting access */
.coordination-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block:1rem}.coordination-summary>div{background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:1rem}
.coordination-detail{border-inline-start:3px solid #3659c9}.coordination-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.coordination-detail td small{display:block;margin-top:.35rem;color:#647084}.audit-date{direction:ltr;display:inline-block;white-space:nowrap}
@media(max-width:640px){.coordination-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R28 — financial operations workspace */
.finance-workspace-status{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;color:#647084}.finance-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.finance-command{border:1px solid #e2e6ec;background:#f8f9fc;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.finance-command p{margin:0;color:#59657a;line-height:1.8;font-size:.88rem}.finance-command .btn{min-height:42px}.finance-command .btn:disabled{opacity:.65;cursor:not-allowed}
.finance-workflow-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-block:1rem}.finance-workflow-counts>div{display:grid;gap:.3rem;background:#fff;border:1px solid #e2e6ec;border-radius:12px;padding:1rem}.finance-workflow-counts strong{font-size:1.5rem;color:#202936}.finance-workflow-counts small{color:#647084}.finance-register-tools{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.finance-register-tools select{max-width:22rem;min-height:42px}.finance-record-details{min-width:10rem;max-width:24rem;line-height:1.8}.finance-record-details summary{cursor:pointer;color:#3659c9;font-weight:600}.finance-record-details>div{margin-top:.5rem;overflow-wrap:anywhere}
@media(max-width:900px){.finance-command-grid{grid-template-columns:1fr}.finance-workflow-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R29 — attachments alongside engineering outputs */
.deliverable-attachments{min-width:15rem;max-width:30rem;line-height:1.8}.deliverable-file-list summary{cursor:pointer;color:#3659c9}.deliverable-file{display:grid;gap:.4rem;padding-block:.7rem;border-top:1px solid #e2e6ec;overflow-wrap:anywhere}.deliverable-file>span:first-child{direction:ltr;text-align:start}.deliverable-attachments>.tag{margin-inline-end:.5rem}.deliverable-attachments p{margin:.4rem 0}

/* R30 — responsive native scrolling and keyboard work areas */
html:has(body.ecos-ab){scroll-behavior:auto;scroll-padding-block:18px}
.ecos-ab .main-wrap,.ecos-ab #content,.ecos-ab .project-content,.ecos-ab .panel{min-width:0}
.ecos-ab #content:focus{outline:none}.ecos-ab #content:focus-visible{box-shadow:inset 0 0 0 2px #3659c950;border-radius:8px}
.ecos-ab :is(.table-wrap,.engineering-board,.engineering-kanban,.ecos-gantt-wrap){max-width:100%;overscroll-behavior-y:auto;scroll-behavior:auto;touch-action:pan-x pan-y;scrollbar-width:auto}
.ecos-ab :is(.table-wrap,.engineering-board,.engineering-kanban,.ecos-gantt-wrap):focus-visible{outline:2px solid #3659c9;outline-offset:3px}
.ecos-ab :is(.project-group-switch,.project-nav-button,.panel){scroll-margin-block:18px}
.ecos-ab .panel-head{flex-wrap:wrap;gap:12px}.ecos-ab .panel-head h2{min-width:0;overflow-wrap:anywhere}
.ecos-ab .modal-card{overscroll-behavior-y:contain;scroll-behavior:auto}
@media(max-width:760px){.ecos-ab .page-head{flex-wrap:wrap;gap:12px}.ecos-ab .page-head h1{font-size:clamp(22px,6vw,28px);overflow-wrap:anywhere}.ecos-ab .panel-head .action-row{flex-wrap:wrap}}

/* R31 — forms, portal access and print-only financial statements */
.workspace-render-surface{min-width:0;max-width:100%}.field-error{color:#a33939}.ecos-print-mode #ecos-print-report{display:none}
@media print{body.ecos-print-mode>*:not(#ecos-print-report){display:none!important}body.ecos-print-mode #ecos-print-report{display:block!important;color:#111;background:#fff;padding:12mm;font-family:'ECOS UI',sans-serif}#ecos-print-report .ecos-grid-toolbar,#ecos-print-report .ecos-grid-pages,#ecos-print-report .ecos-grid-scroll-hint{display:none!important}#ecos-print-report table{width:100%;font-size:11px}#ecos-print-report tr{break-inside:avoid}#ecos-print-report .table-wrap{overflow:visible}#ecos-print-report button{display:none!important}}

/* Pending commands keep their own permission/record-state disabled rules. */
.btn[aria-busy="true"]{opacity:.65;cursor:progress}
/* END ecos-project.css */

/* BEGIN office-operations.css */
/* R67: finance and human resources workspaces. Uses the shared local font and palette. */
.ecos-ab .office-operations .page-head{margin-block-end:16px;align-items:center;gap:16px}
.ecos-ab .office-operations .page-head h1{font-size:28px;line-height:1.5;font-weight:700;letter-spacing:0;margin:0}
.ecos-ab .office-toolbar,.ecos-ab .office-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:20px;flex-wrap:wrap}
.ecos-ab .office-toolbar p,.ecos-ab .office-section-toolbar p{margin:0;color:#647083;font-size:14px}
.ecos-ab .office-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-block-end:24px}
.ecos-ab .office-metric{background:#fff;border:1px solid #e1e5eb;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;min-height:118px;gap:5px}
.ecos-ab .office-metric-label{color:#647083;font-size:13px;font-weight:600}
.ecos-ab .office-metric strong{color:#202936;font-size:30px;line-height:1.35;font-weight:700;font-variant-numeric:tabular-nums}
.ecos-ab .office-metric small{color:#778294;font-size:11px}
.ecos-ab .office-workbench{min-width:0;margin-block-end:22px}
.ecos-ab .office-tabs{display:flex;gap:5px;border-bottom:1px solid #dce1e8;margin-block-end:22px;overflow-x:auto;scrollbar-width:thin;padding:0 0 10px}
.ecos-ab .office-tabs .btn{background:transparent;border:1px solid transparent;border-radius:8px;color:#647083;white-space:nowrap;min-height:44px;box-shadow:none;padding:10px 17px;font-size:14px}
.ecos-ab .office-tabs .btn.active{background:#eaf0ff;border-color:#d6e0fc;color:#304fae;font-weight:700}
.ecos-ab .office-tabs .btn:focus-visible{outline:2px solid #3659c9;outline-offset:2px}
.ecos-ab .office-tab-content{min-width:0;outline:none}
.ecos-ab .office-tab-content>.panel{padding:22px;margin-block-end:20px;box-shadow:none;border-radius:12px}
.ecos-ab .office-tab-content .panel-head h2{font-size:17px;font-weight:700}
.ecos-ab .office-empty{background:#fff;border:1px solid #e1e5eb;border-radius:12px;padding:42px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:230px;justify-content:center}
.ecos-ab .panel .office-empty{border:0;min-height:170px;padding:20px}
.ecos-ab .office-empty-mark{display:grid;place-items:center;width:46px;height:46px;background:#f0f3f8;border-radius:12px;color:#8996a8;font-size:24px}
.ecos-ab .office-empty h3{font-size:17px;color:#2b3647;margin:0}
.ecos-ab .office-empty p{font-size:14px;color:#6a7688;max-width:520px;margin:0;line-height:1.8}
.ecos-ab .office-empty .action-row{justify-content:center;margin-top:6px}
.ecos-ab .office-currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-block-end:24px}
.ecos-ab .office-balance-card{border:1px solid #e1e5eb;border-top:3px solid #7185ac;border-radius:12px;background:#fff;padding:22px;display:flex;flex-direction:column;gap:10px}
.ecos-ab .office-balance-card small{color:#647083;font-size:13px}
.ecos-ab .office-balance-card strong{font-size:25px;color:#202936;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ecos-ab .office-balance-card>span{color:#778294;font-size:12px}
.ecos-ab .office-filters{display:flex;gap:10px;flex-wrap:wrap;margin-block-end:18px;align-items:center}
.ecos-ab .office-filters input,.ecos-ab .office-filters select{min-height:44px;border:1px solid #dce2eb;background:#fff;border-radius:9px;color:#334155;padding:9px 13px;font:inherit;font-size:13px;max-width:100%}
.ecos-ab .office-filters input{min-width:220px;flex:1}
.ecos-ab .office-filters select{min-width:170px}
.ecos-ab .office-person{display:flex;gap:12px;align-items:center;min-width:210px}
.ecos-ab .office-person-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf1f7;color:#536787;font-size:13px;font-weight:700;flex-shrink:0}
.ecos-ab .office-person strong{font-size:14px;font-weight:600;color:#263244}
.ecos-ab .office-person small{font-size:12px;color:#778294;display:block;direction:ltr;text-align:start}
.ecos-ab .office-record{display:flex;flex-direction:column;gap:4px}.ecos-ab .office-record small{color:#778294;font-size:11px}
.ecos-ab .office-currency-values{display:flex;gap:7px;flex-wrap:wrap}.ecos-ab .office-currency-values span{padding:3px 9px;background:#f0f3f8;border-radius:5px;white-space:nowrap}
.ecos-ab .office-footnote,.ecos-ab .office-muted{color:#778294;font-size:12px;line-height:1.8}.ecos-ab .office-footnote{margin:12px 0 18px}
.ecos-ab .office-loading{padding:30px;color:#647083;background:#fff;border:1px solid #e1e5eb;border-radius:12px}
@media(max-width:900px){.ecos-ab .office-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ecos-ab .office-toolbar .action-row{width:100%}}
@media(max-width:600px){.ecos-ab .office-operations .page-head h1{font-size:23px}.ecos-ab .office-metrics{gap:10px}.ecos-ab .office-metric{padding:14px;min-height:100px}.ecos-ab .office-metric strong{font-size:25px}.ecos-ab .office-tabs .btn{padding:9px 12px;font-size:13px}.ecos-ab .office-filters>*{flex:1;min-width:0!important}.ecos-ab .office-filters input{flex-basis:100%}.ecos-ab .office-tab-content>.panel{padding:16px}.ecos-ab .office-empty{padding:28px 18px}}
.ecos-ab .office-journal-detail{width:min(1000px,100%)}.ecos-ab .office-journal-description{font-size:15px;color:#334155;white-space:pre-wrap}.ecos-ab .office-journal-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.ecos-ab .office-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-block-end:18px}.ecos-ab .office-filters label{display:flex;align-items:center;gap:8px;color:#647083;font-size:12px}.ecos-ab .office-filters input[type=date]{min-width:140px;flex:0}
/* R68: compound journal editor with explicit accounts and a live balance. */
.ecos-ab .office-journal-editor{width:min(1120px,100%);max-height:92dvh;overflow:auto}
.ecos-ab .journal-editor-line{display:grid;grid-template-columns:24px minmax(170px,1.3fr) minmax(95px,.65fr) minmax(95px,.65fr) minmax(160px,1.2fr);gap:12px;align-items:end;padding:14px;background:#f7f9fc;border:1px solid #e1e5eb;border-radius:9px}
.ecos-ab .journal-editor-index{color:#8893a5;font-size:12px;align-self:center}.ecos-ab .journal-editor-line label{min-width:0}.ecos-ab .journal-editor-line input,.ecos-ab .journal-editor-line select{width:100%}
.ecos-ab .journal-editor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #dce2eb;border-radius:10px;padding:18px;background:#f4f6f9}
.ecos-ab .journal-editor-summary>div{display:flex;flex-direction:column;gap:8px}.ecos-ab .journal-editor-summary strong{font-size:19px;font-variant-numeric:tabular-nums}.ecos-ab .journal-editor-summary>div>span{font-size:12px;color:#647083}
.ecos-ab .journal-editor-summary p{grid-column:1/-1;font-size:12px;margin:5px 0 0;color:#687589}.ecos-ab .journal-editor-summary.is-balanced{border-color:#bfd5ca;background:#f1f7f4}.ecos-ab .journal-editor-summary.is-balanced p{color:#406b54}
@media(max-width:760px){.ecos-ab .journal-editor-line{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr)}.ecos-ab .journal-editor-account,.ecos-ab .journal-editor-memo{grid-column:2/-1}.ecos-ab .journal-editor-debit{grid-column:2}.ecos-ab .journal-editor-credit{grid-column:3}.ecos-ab .journal-editor-index{grid-row:1/4}.ecos-ab .journal-editor-summary{padding:13px;gap:8px}.ecos-ab .journal-editor-summary strong{font-size:15px}}
/* END office-operations.css */

/* BEGIN ecos-polish-v36.css */
/* ECOS V36 — cohesive, accessible, responsive presentation layer.
   No routes, permissions, data models, or accounting computations are modified. */
:root{--ecos36-ink:#142d42;--ecos36-navy:#102b40;--ecos36-strong:#0b2233;--ecos36-copper:#bd8b54;--ecos36-bg:#f3f6f9;--ecos36-line:#dfe8ef;--ecos36-radius:16px}
html{scroll-behavior:auto;scroll-padding-top:84px}
body.ecos-ab{font-family:Cairo,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--ecos36-bg);color:var(--ecos36-ink);font-size:14px;-webkit-font-smoothing:antialiased}
body.ecos-ab button,body.ecos-ab input,body.ecos-ab select,body.ecos-ab textarea{font-family:inherit}
body.ecos-ab .workspace{min-height:100dvh}
body.ecos-ab .sidebar{width:264px;flex-basis:264px;background:linear-gradient(180deg,#0e273a 0%,#14374d 100%);padding:20px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49657a transparent}
body.ecos-ab .sidebar .brand{position:relative;padding:9px 11px 19px;border-bottom:1px solid #ffffff20;margin-bottom:14px}
body.ecos-ab .sidebar .brand strong{font-size:22px;font-weight:900;letter-spacing:.04em}
body.ecos-ab .sidebar #nav{min-height:0;flex:1}
body.ecos-ab #nav .nav-item{border:1px solid transparent;min-height:44px;transition:background-color .12s,border-color .12s,transform .12s;margin-block:2px;font-weight:650}
body.ecos-ab #nav .nav-item:hover{background:#ffffff13;border-color:#ffffff10;transform:translateX(-2px)}
body.ecos-ab #nav .nav-item.active{background:#ffffff1c;border-color:#ffffff2c;box-shadow:inset -3px 0 #e7b679;color:white}
body.ecos-ab #nav .ecos-nav-group-toggle{width:100%;text-align:start;min-height:35px;cursor:pointer}
body.ecos-ab #nav .ecos-nav-group-toggle:hover{color:#fff}
body.ecos-ab .sidebar-bottom{position:relative;background:#ffffff08;border-radius:12px;padding:14px;margin-top:17px;border:1px solid #ffffff12}
body.ecos-ab .topbar{position:sticky;top:0;z-index:30;min-height:73px;height:auto;background:#fffdfef5;backdrop-filter:blur(12px);padding-inline:clamp(16px,3vw,38px);box-shadow:0 1px 10px #16334b0c}
body.ecos-ab .breadcrumb{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:120px}
body.ecos-ab .breadcrumb #view-name{color:#18394f;font-size:17px;font-weight:850}
body.ecos-ab .main-wrap{width:calc(100% - 264px);min-width:0}
body.ecos-ab .page{width:100%;max-width:1650px;margin-inline:auto;padding:clamp(17px,2.5vw,36px);padding-bottom:88px;min-height:calc(100dvh - 74px)}
body.ecos-ab .workspace-render-surface{min-width:0;animation:ecos36-appear .14s ease-out both}
@keyframes ecos36-appear{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
body.ecos-ab .page.ecos-render-pending:before{content:"";height:2px;display:block;position:fixed;top:73px;right:0;left:0;z-index:35;background:linear-gradient(90deg,#cba271 0%,#3d7a91 48%,#cba271 100%);background-size:200% 100%;animation:ecos36-loading 1.2s linear infinite}
@keyframes ecos36-loading{to{background-position:-200% 0}}
body.ecos-ab .page-head{margin-bottom:21px;align-items:center}
body.ecos-ab .page-head h1{font-size:clamp(23px,2vw,30px);font-weight:900;letter-spacing:-.35px}
body.ecos-ab .page-head p{font-size:13px;max-width:760px}
body.ecos-ab .command-hero{background:linear-gradient(112deg,#143d54 0%,#0b283d 72%);position:relative;overflow:hidden;min-height:164px;padding:clamp(24px,3vw,38px);border-radius:20px;border:1px solid #2a5266;box-shadow:0 15px 35px #12364d17}
body.ecos-ab .command-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:38%;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 32px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
body.ecos-ab .command-hero>*{position:relative;z-index:1}
body.ecos-ab .command-hero h1{font-weight:900;font-size:clamp(23px,2.2vw,34px)}
body.ecos-ab .command-hero p:not(.eyebrow){max-width:660px;font-size:13px;margin-top:12px}
body.ecos-ab .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.ecos-ab .stat-card{border-radius:15px;border:1px solid var(--ecos36-line);border-top:3px solid #c5a077;padding:21px 23px;box-shadow:0 6px 18px #12334a09;transition:transform .15s,box-shadow .15s;min-width:0}
body.ecos-ab .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 23px #12334a12}
body.ecos-ab .stat-card strong{font-size:clamp(25px,2.2vw,34px);font-weight:850}
body.ecos-ab .stat-card small{font-weight:650;margin-top:10px}
body.ecos-ab .panel,body.ecos-ab .exec-section,body.ecos-ab .exec-metric{border-radius:16px;border:1px solid var(--ecos36-line);box-shadow:0 5px 18px #12334a08}
body.ecos-ab .panel{padding:clamp(16px,1.8vw,25px)}
body.ecos-ab .panel-head{border-bottom:1px solid #ebeff3;padding-bottom:13px;margin-bottom:16px}
body.ecos-ab .panel-head h2{font-weight:850;font-size:16px}
body.ecos-ab .data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content}
body.ecos-ab .table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}
body.ecos-ab .data-table th{font-weight:800;background:#f0f5f8;white-space:nowrap;padding:12px 15px}
body.ecos-ab .data-table td{padding:14px 15px;vertical-align:middle}
body.ecos-ab .data-table tbody tr{transition:background-color .1s}
body.ecos-ab .data-table tbody tr:hover{background:#f0f7fa}
body.ecos-ab .btn,body.ecos-ab .tab{transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}
body.ecos-ab .btn.primary{background:#143b52;border-color:#143b52;color:#fff}
body.ecos-ab .btn.primary:hover{background:#0b283d;border-color:#0b283d}
body.ecos-ab .btn:focus-visible,body.ecos-ab input:focus-visible,body.ecos-ab select:focus-visible,body.ecos-ab textarea:focus-visible,body.ecos-ab a:focus-visible{outline:3px solid #dcad73;outline-offset:2px}
body.ecos-ab .form-stack input,body.ecos-ab .form-stack select,body.ecos-ab .form-stack textarea{min-height:45px;border:1px solid #cbdbe4;border-radius:11px;padding-inline:14px;background:#fff}
body.ecos-ab .form-stack label{font-weight:750;color:#385369;gap:9px}
body.ecos-ab .tabs{scrollbar-width:thin;gap:4px}
body.ecos-ab .tab{font-weight:700}
body.ecos-ab .tab.active{color:#173b51;border-bottom-color:#bd8b54}
body.ecos-ab .modal-root{backdrop-filter:blur(5px);padding:16px}
body.ecos-ab .modal-card{border-radius:18px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 90px #0e283a4d}
body.ecos-ab .login-shell{min-height:100dvh;padding:clamp(14px,3vw,40px);background:linear-gradient(135deg,#eef3f6,#f8fafc)}
body.ecos-ab .login-intro{background:linear-gradient(145deg,#0b283d,#1e4961 70%,#13354a);border-radius:22px;overflow:hidden}
body.ecos-ab .login-intro-content h2{font-weight:900;font-size:clamp(31px,3vw,49px);line-height:1.48}
body.ecos-ab .login-intro-content>p{line-height:2;max-width:520px}
body.ecos-ab .login-product{letter-spacing:.06em}
body.ecos-ab .login-access{display:flex;align-items:center;justify-content:center;flex-direction:column}
body.ecos-ab .login-card{width:min(100%,480px);border-radius:22px;border:1px solid #e1e8ed;padding:clamp(24px,3.3vw,47px);box-shadow:0 20px 55px #19374916;background:#fff}
body.ecos-ab .login-card h1{font-size:clamp(23px,2vw,30px);font-weight:900;color:#15384f;margin-top:12px;line-height:1.5}
body.ecos-ab .login-eyebrow{letter-spacing:.03em;font-weight:800;color:#9a724b}
body.ecos-ab .login-note{line-height:1.9;color:#61798a;font-size:13px}
body.ecos-ab .login-card .form-stack{gap:19px;margin-top:25px}
body.ecos-ab .login-card input{height:50px;font-size:14px;border-radius:12px}
body.ecos-ab .login-card .btn.primary{min-height:53px;font-size:14px;margin-top:6px;background:#143b52;border-radius:12px}
body.ecos-ab .login-security-label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f1f7f6;border:1px solid #e0eeea;padding:10px 13px;color:#326b60;border-radius:10px;font-size:12px;font-weight:800}
body.ecos-ab .login-security-label span{color:#33a27e;font-size:10px}
body.ecos-ab .login-security-label small{font-size:11px;color:#6a8980;font-weight:500}
body.ecos-ab .access-note{line-height:1.8;font-size:11px}
body.ecos-ab .ecos-global-search input{min-width:170px}
@media(max-width:1200px){body.ecos-ab .topbar-tools{gap:8px}body.ecos-ab .portal-shortcut{display:none}body.ecos-ab .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.ecos-ab .main-wrap{width:100%}body.ecos-ab .sidebar{width:min(290px,85vw);flex-basis:auto;position:fixed;height:100dvh;right:-310px;top:0;z-index:91;transition:right .16s ease}body.ecos-ab .sidebar.open{right:0}body.ecos-ab .topbar{min-height:63px;padding:10px 15px}body.ecos-ab .page.ecos-render-pending:before{top:63px}body.ecos-ab .page{padding:16px 13px 70px}body.ecos-ab .stats-grid{gap:10px}body.ecos-ab .stat-card{padding:17px}body.ecos-ab .command-hero{min-height:0;padding:24px 20px}body.ecos-ab .panel{padding:15px}body.ecos-ab .login-shell{padding:10px}body.ecos-ab .login-card{padding:25px 21px}body.ecos-ab .page-head{align-items:flex-start}}
@media(max-width:450px){body.ecos-ab .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ecos-ab .stat-card .indicator{margin-bottom:8px}body.ecos-ab .stat-card strong{font-size:25px}body.ecos-ab .breadcrumb .crumb-kicker{display:none}body.ecos-ab .breadcrumb #view-name{font-size:15px}body.ecos-ab .login-card h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){body.ecos-ab *,body.ecos-ab *:before,body.ecos-ab *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* External project portal — scoped shared typography and controls. */
body.ecos-external{font-family:Cairo,"Segoe UI",Tahoma,Arial,sans-serif;background:#f4f7fa;color:#19364b;-webkit-font-smoothing:antialiased}
body.ecos-external .portal-brand{background:linear-gradient(145deg,#0b283d,#1b455b);color:#fff}
body.ecos-external .portal-layout .panel{border-radius:18px;box-shadow:0 12px 36px #15384b11}
body.ecos-external button,body.ecos-external input,body.ecos-external textarea,body.ecos-external select{font-family:inherit}
body.ecos-external input,body.ecos-external textarea,body.ecos-external select{border-radius:10px;min-height:42px}
body.ecos-external button{transition:background-color .12s,border-color .12s}
body.ecos-external :is(button,input,select,textarea,a):focus-visible{outline:3px solid #d6aa76;outline-offset:2px}
@media(prefers-reduced-motion:reduce){body.ecos-external *,body.ecos-external *:before,body.ecos-external *:after{animation:none!important;transition:none!important}}
/* END ecos-polish-v36.css */

/* BEGIN ecos-polish-v37.css */
/* ECOS V37: navigation/layout visual integrity and lower-cost interactions. */
:root{--ecos37-accent:#b58c61;--ecos37-focus:#e0ad70}
body.ecos-ab .sidebar{width:272px;min-width:272px;flex:0 0 272px;height:100dvh;position:sticky;top:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(165deg,#102b3f,#102638 66%,#0b2031);box-shadow:inset -1px 0 #ffffff12}
body.ecos-ab .sidebar .brand{flex-shrink:0;margin:0;padding:22px 19px 17px;border-bottom:1px solid #ffffff18}
body.ecos-ab .sidebar #nav{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 13px 18px;scrollbar-width:thin;scrollbar-color:#567081 transparent;overscroll-behavior:contain}
body.ecos-ab #nav .ecos-nav-section{margin:0 0 8px}
body.ecos-ab #nav .ecos-nav-section[hidden],body.ecos-ab #nav .ecos-nav-group-items[hidden]{display:none!important}
body.ecos-ab #nav .ecos-nav-group-toggle{display:flex;align-items:center;justify-content:space-between;min-height:39px;margin:0 0 3px;padding:8px 11px;text-align:start;width:100%;border-radius:8px;color:#a8c0cf;font-size:11px;font-weight:750;letter-spacing:.01em}
body.ecos-ab #nav .ecos-nav-group-toggle:hover{background:#ffffff0b;color:#fff}
body.ecos-ab #nav .nav-item{min-height:43px;padding:10px 12px;margin:2px 0;border-radius:10px;line-height:1.5;font-size:12.5px;font-weight:600;transition:background-color .12s ease,color .12s ease,border-color .12s ease;transform:none}
body.ecos-ab #nav .nav-item:hover{transform:none;background:#ffffff15;border-color:#ffffff19}
html[dir] body.ecos-ab #nav .nav-item.active{background:#d8e9e9;color:#133d4d;border-color:#d8e9e9;box-shadow:inset 3px 0 #b58c61;font-weight:800}
body.ecos-ab #nav .nav-item.active .nav-dot{color:#23677a}
body.ecos-ab .sidebar-bottom{position:relative;flex:0 0 auto;margin:0;padding:13px 13px max(13px,env(safe-area-inset-bottom));background:#0d2232;border:0;border-top:1px solid #ffffff1c;border-radius:0}
body.ecos-ab .main-wrap{width:auto;min-width:0;flex:1 1 auto}
body.ecos-ab .topbar{min-width:0;gap:14px;backdrop-filter:none;background:#fffffff5;border-bottom:1px solid #dfe8ee}
body.ecos-ab .topbar-tools{min-width:0;flex-wrap:wrap;justify-content:flex-end}
body.ecos-ab .page{min-width:0;overflow-wrap:break-word}
body.ecos-ab .panel,body.ecos-ab .stat-card{min-width:0}
body.ecos-ab .data-table{width:100%;min-width:max-content}
body.ecos-ab .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
body.ecos-ab :is(.btn,.tab,.nav-item,.ecos-nav-group-toggle,button):focus-visible{outline:2px solid var(--ecos37-focus);outline-offset:2px}
body.ecos-ab :is(.panel,.exec-section,.stat-card){box-shadow:0 4px 16px #12334a09}
body.ecos-ab .panel-head{gap:12px;flex-wrap:wrap}
body.ecos-ab .action-row{align-items:center}
body.ecos-ab :is(.details-grid,.stats-grid,.panels,.form-grid)>*{min-width:0}
body.ecos-ab input,body.ecos-ab select,body.ecos-ab textarea{max-width:100%;font:inherit}
body.ecos-ab .empty{border-radius:13px;background:#fafcfd}
@media(min-width:761px) and (max-width:1180px){body.ecos-ab .sidebar{width:240px;min-width:240px;flex-basis:240px}body.ecos-ab .topbar{padding-inline:16px}body.ecos-ab .page{padding-inline:20px}}
@media(max-width:760px){
 body.ecos-ab .sidebar{position:fixed;top:0;bottom:0;right:auto;left:auto;inset-inline-start:calc(-1 * min(290px,85vw) - 8px);inset-inline-end:auto;width:min(290px,85vw);min-width:0;max-width:85vw;flex-basis:auto;height:100dvh;z-index:91;transition:inset-inline-start .18s ease;box-shadow:0 16px 35px #071b2a24}
 body.ecos-ab .sidebar.open{right:auto;left:auto;inset-inline-start:0}
 body.ecos-ab .main-wrap{width:100%}
 body.ecos-ab .topbar{padding:10px 13px;min-height:65px}
 body.ecos-ab .sidebar .brand{padding-inline-end:50px}
 body.ecos-ab .sidebar-close{display:grid}
 body.ecos-ab .topbar-tools{gap:6px}
 body.ecos-ab #nav .nav-item{min-height:45px;font-size:13px}
 body.ecos-ab .panels{grid-template-columns:minmax(0,1fr)}
 body.ecos-ab .details-grid{grid-template-columns:minmax(0,1fr)}
 body.ecos-ab .form-grid{grid-template-columns:minmax(0,1fr)}
 body.ecos-ab .form-grid .wide{grid-column:auto}
}
@media(max-width:490px){body.ecos-ab .topbar .portal-shortcut{display:none}body.ecos-ab .topbar .ecos-global-search{max-width:100%}body.ecos-ab .topbar .ecos-global-search input{min-width:0;max-width:100%}body.ecos-ab .page-head{gap:12px}body.ecos-ab .page-head h1{font-size:22px}body.ecos-ab .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.ecos-ab .sidebar,body.ecos-ab #nav .nav-item{transition:none!important}}
@media print{body.ecos-ab .sidebar,body.ecos-ab .topbar{display:none!important}body.ecos-ab .main-wrap{width:100%!important}body.ecos-ab .page{padding:0!important;max-width:none!important}}
/* External portal shares surfaces but keeps its own layout and permissions intact. */
body.ecos-external .portal-layout{min-width:0}
body.ecos-external :is(input,textarea,select){max-width:100%}
body.ecos-external .panel{min-width:0}
/* END ecos-polish-v37.css */

/* BEGIN ecos-polish-v38.css */
/* ECOS V38 — navigation clarity, responsive workspaces, and low-motion rendering. */
body.ecos-ab #nav .ecos-nav-group-toggle::after{content:"⌄";display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:500;line-height:1;opacity:.72;transition:transform .14s ease}
body.ecos-ab #nav .ecos-nav-group-toggle[aria-expanded="false"]::after{transform:rotate(90deg)}
body.ecos-ab #nav .ecos-nav-group-toggle[aria-expanded="true"]{color:#f3f8fc}
body.ecos-ab #nav .nav-item[aria-current="page"]{position:relative}
body.ecos-ab #nav .nav-item .nav-label{min-width:0;overflow-wrap:anywhere}
body.ecos-ab #nav .nav-portal-link{margin-top:14px;padding-top:15px;border-top:1px solid #ffffff24;border-radius:0}
body.ecos-ab .sidebar .identity{margin-top:0}
body.ecos-ab .sidebar .signout{padding:9px 10px;border-radius:8px;min-height:38px;text-align:start;width:100%;display:block}
body.ecos-ab .sidebar .signout:hover{background:#ffffff15;color:#fff}
body.ecos-ab .topbar .breadcrumb{flex:1 1 175px;min-width:0}
body.ecos-ab .topbar .breadcrumb #view-name{overflow-wrap:anywhere}
body.ecos-ab .topbar .ecos-global-search{min-width:0}
body.ecos-ab .page .panel-head>*{min-width:0}
body.ecos-ab .page .action-row{min-width:0;max-width:100%}
body.ecos-ab .page :is(.table-wrap,.engineering-board,.engineering-kanban,.ecos-gantt-wrap){scrollbar-width:thin;overscroll-behavior-inline:contain}
body.ecos-ab .page :is(.panel,.stat-card,.exec-section){overflow-wrap:break-word}
body.ecos-ab :is(.panel,.stat-card,.login-card) :is(h1,h2,h3){line-height:1.55}
body.ecos-ab :is(.btn,.tab,.row-link,.nav-item){touch-action:manipulation}
body.ecos-ab :is(.btn,.tab){min-height:40px}
body.ecos-ab .page :is(input,select,textarea){min-width:0}
body.ecos-ab .page .empty{line-height:1.85}
body.ecos-ab .sidebar-backdrop:not([hidden]){background:#071c2db8;backdrop-filter:blur(2px)}
@media(max-width:1000px){body.ecos-ab .topbar-tools{flex:1 1 100%;justify-content:flex-start}body.ecos-ab .topbar{flex-wrap:wrap;align-content:center;padding-block:10px}body.ecos-ab .topbar .ecos-global-search{flex:1 1 190px}body.ecos-ab .topbar .ecos-global-search input{width:100%}}
@media(max-width:760px){body.ecos-ab .topbar-tools{flex:1 1 100%;justify-content:stretch}body.ecos-ab .topbar .breadcrumb{flex:1;min-width:0}body.ecos-ab .topbar .ecos-global-search{flex:1 1 100%}body.ecos-ab .topbar-tools .admin-only{max-width:100%;white-space:normal}body.ecos-ab .page .page-head .action-row{width:100%}body.ecos-ab .page .page-head .action-row .btn{flex:1 1 auto}body.ecos-ab .page .panel{max-width:100%}body.ecos-ab .sidebar{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:420px){body.ecos-ab .topbar .breadcrumb #view-name{font-size:14px}body.ecos-ab .page .stat-card{padding:13px}body.ecos-ab .page .stat-card strong{font-size:clamp(20px,6vw,26px)}body.ecos-ab .page .stats-grid{gap:9px}body.ecos-ab .page .panel{padding:13px}}
@media(prefers-reduced-motion:reduce){body.ecos-ab #nav .ecos-nav-group-toggle::after,body.ecos-ab .workspace-render-surface{animation:none!important;transition:none!important}}
@media print{body.ecos-ab .page :is(.panel,.stat-card){box-shadow:none!important;break-inside:avoid}body.ecos-ab .workspace-render-surface{animation:none!important}}
/* END ecos-polish-v38.css */

/* BEGIN ecos-polish-v39.css */
/* ECOS V39 — sourced from V38, responsive layout and performance refinements. */
:root{--ecos-v39-focus:#bb8651;--ecos-v39-line:#dce6ec}
body.ecos-ab .sidebar{overflow:hidden;display:flex;flex-direction:column;height:100dvh;min-height:0}
body.ecos-ab .sidebar .brand{flex:0 0 auto}
body.ecos-ab .sidebar #nav{min-height:0;min-width:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#647f90 transparent}
body.ecos-ab .sidebar .sidebar-bottom{position:relative;flex:0 0 auto;margin-top:10px;min-width:0}
body.ecos-ab .sidebar .ecos-nav-section{min-width:0}
body.ecos-ab .sidebar #nav .ecos-nav-group-toggle{width:100%;min-height:39px;gap:8px}
body.ecos-ab .sidebar #nav .nav-item{width:100%;min-width:0;gap:10px;min-height:43px;padding-inline:10px}
body.ecos-ab .sidebar #nav .nav-item .nav-label{flex:1;line-height:1.6;overflow-wrap:break-word}
body.ecos-ab .sidebar #nav .nav-item:focus-visible,body.ecos-ab .sidebar #nav .ecos-nav-group-toggle:focus-visible{outline:2px solid #e4bf91;outline-offset:-2px}
body.ecos-ab .sidebar #nav .ecos-nav-group-items[hidden],body.ecos-ab .sidebar #nav .ecos-nav-section[hidden]{display:none!important}
body.ecos-ab .topbar{gap:10px;isolation:isolate}
body.ecos-ab .topbar-tools{min-width:0}
body.ecos-ab .page .page-head h1{overflow-wrap:break-word}
body.ecos-ab .page .panel-head{align-items:center;flex-wrap:wrap}
body.ecos-ab .page .panel-head .action-row{max-width:100%}
body.ecos-ab .page .search-strip input{min-width:min(100%,220px)}
body.ecos-ab .page .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
body.ecos-ab .page .data-table th,body.ecos-ab .page .data-table td{font-variant-numeric:tabular-nums}
body.ecos-ab .page .data-table .action-row{flex-wrap:nowrap}
body.ecos-ab .page .data-table .action-row .btn{white-space:nowrap}
body.ecos-ab .page .ecos-data-grid{min-width:0;max-width:100%}
body.ecos-ab .page .office-filters{max-width:100%}
body.ecos-ab .toast{max-width:min(440px,calc(100vw - 30px))}
body.ecos-ab .sidebar-backdrop:not([hidden]){backdrop-filter:none}
body.ecos-ab .topbar{backdrop-filter:none;background:#fff}
@media(max-width:1000px){body.ecos-ab .page .page-head{gap:12px}body.ecos-ab .topbar-tools{min-width:0}}
@media(max-width:760px){
 body.ecos-ab .sidebar{height:100dvh;overflow:hidden;min-width:0;max-width:min(310px,90vw)}
 body.ecos-ab .sidebar #nav{padding-bottom:8px}
 body.ecos-ab .sidebar .brand{margin-bottom:8px}
 body.ecos-ab .sidebar .sidebar-bottom{padding:11px 9px max(10px,env(safe-area-inset-bottom));margin-top:5px}
 body.ecos-ab .topbar{position:relative;top:auto;gap:9px}
 body.ecos-ab .topbar .topbar-tools{flex:1 1 100%;gap:8px}
 body.ecos-ab .page .page-head .action-row{display:flex;gap:7px}
 body.ecos-ab .page .search-strip{gap:8px}
 body.ecos-ab .page .search-strip input{width:100%;flex:1 1 100%}
 body.ecos-ab .page .panel-head{gap:8px}
 body.ecos-ab .page .panel-head .action-row{width:100%;justify-content:flex-start}
 body.ecos-ab .toast{left:15px;right:15px;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(max-width:610px){
 body.ecos-ab .topbar .ecos-global-search{display:block!important;width:100%;flex:1 1 100%;min-width:0}
 body.ecos-ab .topbar .ecos-global-search input{width:100%;min-width:0}
 body.ecos-ab .topbar .ecos-search-results{width:100%;max-width:100%}
 body.ecos-ab .topbar-tools .language-switcher{flex:0 0 auto}
}
@media(max-height:590px) and (max-width:760px){body.ecos-ab .sidebar .brand{padding-block:5px;margin-bottom:3px}body.ecos-ab .sidebar .sidebar-bottom{padding-block:5px}body.ecos-ab #nav .nav-item{min-height:40px}}
@media(prefers-reduced-motion:reduce){body.ecos-ab .sidebar #nav .nav-item,body.ecos-ab .sidebar #nav .ecos-nav-group-toggle{transition:none!important}}
@media print{body.ecos-ab .sidebar,body.ecos-ab .sidebar-backdrop{display:none!important}body.ecos-ab .main-wrap{width:100%!important}body.ecos-ab .page{padding:0!important;max-width:none!important}}
/* Portal: mirror workspace form legibility without changing portal permissions or routes. */
body.ecos-external .portal-layout :is(.panel,.portal-card){max-width:100%;min-width:0}
body.ecos-external .portal-layout :is(input,select,textarea){max-width:100%}
body.ecos-external .portal-layout :is(h1,h2,h3){line-height:1.55;overflow-wrap:break-word}
body.ecos-external .portal-layout :is(.btn,button){touch-action:manipulation}
@media(max-width:760px){body.ecos-external .portal-layout{min-width:0}body.ecos-external .portal-layout .panel{padding:clamp(12px,3.2vw,18px)}}
/* END ecos-polish-v39.css */

/* BEGIN ecos-polish-v40.css */
/* ECOS V40 — high-density engineering operations, visual balance, accessible navigation. */
:root{--ecos-v40-shadow:0 12px 32px #102e4010;--ecos-v40-border:#dfe8ec;--ecos-v40-ink:#17344a;--ecos-v40-surface:#fff}
body.ecos-ab .sidebar .brand{border-bottom:1px solid #ffffff1a;padding-bottom:15px}
body.ecos-ab .sidebar #nav{padding-top:13px;scroll-padding-block:12px}
body.ecos-ab .sidebar #nav .ecos-nav-group-toggle{letter-spacing:0;line-height:1.55;padding-block:8px;border-radius:9px}
body.ecos-ab .sidebar #nav .ecos-nav-group-toggle:hover{background:#ffffff0c}
body.ecos-ab .sidebar #nav .ecos-nav-group-items{padding-block:2px 7px}
body.ecos-ab .sidebar #nav .nav-item{transition:background-color .12s ease,color .12s ease;white-space:normal}
body.ecos-ab .sidebar #nav .nav-item.active{background:#e5f0f41c;color:#fff;border-inline-start:3px solid #b8d1de;font-weight:750}
body.ecos-ab .sidebar #nav .nav-item.active .nav-dot{color:#bbdbec}
body.ecos-ab .sidebar .sidebar-bottom{border-top:1px solid #ffffff1a;padding-top:12px}
body.ecos-ab .sidebar #nav .nav-item:focus-visible,body.ecos-ab .sidebar #nav .ecos-nav-group-toggle:focus-visible{outline:2px solid #9ed4e8;outline-offset:-2px}
body.ecos-ab .topbar{border-bottom:1px solid var(--ecos-v40-border);box-shadow:0 1px 0 #102e4009;padding-block:12px}
body.ecos-ab .topbar #view-name{font-weight:800;letter-spacing:0}
body.ecos-ab .topbar .ecos-global-search input{min-height:42px;background:#f7fafc;border:1px solid #d9e5eb;border-radius:10px}
body.ecos-ab .topbar .ecos-global-search input:focus-visible{outline:2px solid #98bccf;outline-offset:2px;background:#fff}
body.ecos-ab .ecos-search-results{border:1px solid #dce6eb;box-shadow:var(--ecos-v40-shadow);border-radius:12px;overflow:hidden}
body.ecos-ab .ecos-search-hit:focus-visible{outline:2px solid #0b647d;outline-offset:-3px;background:#edf6f8}
body.ecos-ab .page{color:var(--ecos-v40-ink)}
body.ecos-ab .page :is(.panel,.stat-card){border-color:var(--ecos-v40-border)}
body.ecos-ab .page .panel{box-shadow:0 3px 16px #173b4d07}
body.ecos-ab .page .panel-head{padding-bottom:12px;gap:12px}
body.ecos-ab .page .panel-head h2{line-height:1.5}
body.ecos-ab .page :is(input,select,textarea):focus-visible{outline:2px solid #8bb6cc;outline-offset:1px}
body.ecos-ab .page .data-table{font-size:clamp(12px,.88vw,14px)}
body.ecos-ab .page .data-table th{font-weight:750;white-space:nowrap;background:#f3f7f9}
body.ecos-ab .page .data-table td{vertical-align:middle;line-height:1.7}
body.ecos-ab .page .data-table tbody tr:nth-child(even){background:#fafcfd}
body.ecos-ab .page .data-table tbody tr:hover{background:#f1f7f9}
body.ecos-ab .page .table-wrap{overscroll-behavior-x:contain}
body.ecos-ab .page .stats-grid .stat-card{min-height:126px}
body.ecos-ab .page .command-hero h1{line-height:1.45;text-wrap:balance}
body.ecos-ab .page .office-filters,body.ecos-ab .page .search-strip{flex-wrap:wrap}
body.ecos-ab .page :is(.office-empty,.empty){line-height:1.8}
body.ecos-ab .login-card{box-shadow:0 16px 55px #0b2d4310}
body.ecos-ab .login-card input{font-size:15px}
body.ecos-ab .login-card :is(input,button):focus-visible{outline:2px solid #79b2cb;outline-offset:3px}
body.ecos-ab .login-card .access-note{line-height:1.8}
body.ecos-external .portal-layout .panel{max-width:100%;min-width:0}
body.ecos-external .portal-layout :is(button,input,select,textarea):focus-visible{outline:2px solid #76b9ca;outline-offset:2px}
@media(max-width:1000px){body.ecos-ab .page .stats-grid{gap:12px}}
@media(max-width:760px){body.ecos-ab .topbar{padding-block:11px}body.ecos-ab .topbar-tools{gap:9px}body.ecos-ab .sidebar .sidebar-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}body.ecos-ab .page .panel{padding:clamp(14px,3vw,19px)}body.ecos-ab .page .panel-head .action-row{display:flex;flex-wrap:wrap}body.ecos-ab .page .data-table th{white-space:nowrap}body.ecos-ab .page .command-hero h1{font-size:clamp(21px,5.2vw,27px)}}
@media(max-width:610px){
 body.ecos-ab .topbar{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:9px;row-gap:9px;padding:11px 13px}
 body.ecos-ab #menu-toggle{grid-column:1;grid-row:1;justify-self:start}
 body.ecos-ab .topbar .breadcrumb{grid-column:2;grid-row:1;min-width:0}
 body.ecos-ab .topbar .topbar-tools{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%}
 body.ecos-ab .topbar .ecos-global-search{grid-column:1/-1;grid-row:1;width:100%;min-width:0}
 body.ecos-ab .topbar #system-health{grid-column:1;grid-row:2;justify-self:start;min-height:36px;font-size:12px}
 body.ecos-ab .topbar .language-switcher{grid-column:2;grid-row:2;justify-self:end;min-width:0}
 body.ecos-ab .topbar .portal-shortcut{display:none}
}
@media(max-width:420px){body.ecos-ab .page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.ecos-ab .topbar .breadcrumb{width:auto}body.ecos-ab .page .page-head h1{font-size:clamp(21px,6vw,26px)}}
@media(prefers-reduced-motion:reduce){body.ecos-ab #nav .nav-item{transition:none}}
@media print{body.ecos-ab .page .search-strip{display:none!important}body.ecos-ab .page .panel{box-shadow:none!important}}
/* END ecos-polish-v40.css */

/* BEGIN ecos-polish-v41.css */
/* ECOS V41 — dialog workflow, calm dense tables, deliberate interactions. */
body.ecos-ab .modal-root:not(.hidden){overflow:hidden;overscroll-behavior:contain}
body.ecos-ab .modal-root .modal-card{max-height:calc(100dvh - 36px);overflow-y:auto;scrollbar-gutter:stable;max-width:min(740px,100%)}
body.ecos-ab .modal-root .modal-title{position:sticky;top:-28px;z-index:2;background:#fff;padding:12px 0;border-bottom:1px solid #e0e8ed;gap:12px;align-items:center}
body.ecos-ab .modal-root .modal-title h2{min-width:0;overflow-wrap:anywhere;line-height:1.5;margin:0}
body.ecos-ab .modal-root .form-actions{position:sticky;bottom:-28px;background:linear-gradient(180deg,#fffffff5,#fff);border-top:1px solid #e4ecf0;padding:14px 0 3px;z-index:2;flex-wrap:wrap}
body.ecos-ab .modal-root .form-actions .btn{min-height:42px}
body.ecos-ab .modal-root .ecos-data-grid{min-width:0}
body.ecos-ab .modal-root .table-wrap{max-width:100%}
body.ecos-ab .page .ecos-grid-toolbar{gap:12px;align-items:center}
body.ecos-ab .page .ecos-grid-search{min-height:42px}
body.ecos-ab .page .ecos-grid-pages{align-items:center;gap:10px;flex-wrap:wrap}
body.ecos-ab .page .ecos-grid-pages .btn{min-height:38px}
body.ecos-ab .page .ecos-grid-page-label{white-space:nowrap;font-variant-numeric:tabular-nums}
body.ecos-ab .page :is(.row-link,.ecos-grid-sort):focus-visible{outline:2px solid #247f9a;outline-offset:2px;border-radius:4px}
body.ecos-ab .page .data-table td{overflow-wrap:anywhere}
body.ecos-ab .page .ecos-grid-empty{white-space:normal;min-height:80px}
body.ecos-ab .page .office-metric strong{font-variant-numeric:tabular-nums}
@media(max-width:760px){body.ecos-ab .modal-root .modal-card{max-height:calc(100dvh - 12px);padding:18px}body.ecos-ab .modal-root .modal-title{top:-18px}body.ecos-ab .modal-root .form-actions{bottom:-18px}body.ecos-ab .modal-root .form-actions .btn{flex:1 1 110px}body.ecos-ab .page .ecos-grid-toolbar{flex-wrap:wrap}body.ecos-ab .page .ecos-grid-count{max-width:100%}}
@media(prefers-reduced-motion:reduce){body.ecos-ab .modal-root,body.ecos-ab .modal-card{scroll-behavior:auto}}
@media print{body.ecos-ab .modal-root{display:none!important}}
/* END ecos-polish-v41.css */

/* BEGIN ecos-polish-v42.css */
/* ECOS V42: controlled drawing register, technical packages and approvals.
   Source-only visual refinement: no remote fonts, images or runtime assets. */
body.ecos-ab .document-workspace,
body.ecos-ab .project-content{min-width:0}
body.ecos-ab .document-workspace .panel,
body.ecos-ab .project-content .panel{border:1px solid #e0e9ee;border-radius:16px;box-shadow:0 5px 20px rgba(19,52,70,.04)}
body.ecos-ab .drawing-hub-intro{position:relative;overflow:hidden;border-radius:18px;
  border:1px solid #c7dce7;background:linear-gradient(115deg,#eef8fa 0%,#f6fafc 68%,#fff 100%);
  padding:clamp(18px,2.8vw,32px);box-shadow:0 9px 30px rgba(18,67,88,.05)}
body.ecos-ab .drawing-hub-intro:before{content:"";position:absolute;inset-inline-end:-55px;top:-85px;
  width:220px;height:220px;border:1px solid rgba(29,106,133,.12);border-radius:50%;pointer-events:none}
body.ecos-ab .drawing-hub-intro>div{position:relative;min-width:0;max-width:760px}
body.ecos-ab .drawing-hub-intro h2{font-size:clamp(20px,2.4vw,29px);letter-spacing:-.02em;color:#143c52;line-height:1.45}
body.ecos-ab .drawing-hub-intro .muted{line-height:1.95;max-width:680px;color:#4e6875}
body.ecos-ab .drawing-hub-intro>.btn{position:relative;flex:none;min-height:46px}
body.ecos-ab .ecos-drawing-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.ecos-ab .ecos-drawing-metric{min-width:0;min-height:108px;border-radius:14px;
  background:#fff;border:1px solid #e0ebef;box-shadow:0 3px 14px #183d5309;
  padding:18px;display:flex;flex-direction:column;gap:9px;justify-content:space-between}
body.ecos-ab .ecos-drawing-metric-label{font-size:12px;line-height:1.5;color:#527083;font-weight:650}
body.ecos-ab .ecos-drawing-metric strong{font-variant-numeric:tabular-nums;font-size:clamp(22px,2.3vw,31px);line-height:1.15;color:#123a50}
body.ecos-ab .ecos-drawing-guide{border:1px solid #d8e8ee;border-radius:15px;background:#f9fcfd;padding:18px 20px;margin-bottom:20px}
body.ecos-ab .ecos-drawing-guide-label{display:block;color:#17475c;font-size:12px;font-weight:800;margin-bottom:14px}
body.ecos-ab .ecos-drawing-guide-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.ecos-ab .ecos-drawing-guide-step{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#24495c;line-height:1.55}
body.ecos-ab .ecos-drawing-guide-step span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #c4dbe5;border-radius:9px;background:#fff;color:#17647f;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
body.ecos-ab .ecos-drawing-guide-step strong{font-weight:650}
body.ecos-ab .ecos-drawing-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}
body.ecos-ab .ecos-drawing-search,body.ecos-ab .ecos-drawing-state{min-height:44px;border:1px solid #d7e5ec;border-radius:10px;padding:9px 13px;background:#fff;color:#23475a}
body.ecos-ab .ecos-drawing-search{flex:1 1 245px;min-width:0}
body.ecos-ab .ecos-drawing-state{flex:0 1 190px;min-width:150px}
body.ecos-ab .ecos-drawing-result-count{margin-inline-start:auto;font-size:12px;color:#547183;white-space:nowrap}
body.ecos-ab .ecos-drawing-search:focus-visible,body.ecos-ab .ecos-drawing-state:focus-visible{outline:2px solid #287e98;outline-offset:2px}
body.ecos-ab .ecos-drawing-integrity-warning{display:inline-block;color:#a03b27;font-size:12px;line-height:1.5}
body.ecos-ab .engineering-workspace-overview{border-radius:16px;border-color:#dae7ec;box-shadow:0 4px 18px #153d5209}
body.ecos-ab .engineering-workspace-heading{background:linear-gradient(110deg,#f6fafb,#fff)}
body.ecos-ab .engineering-package-counts>div{min-width:0}
body.ecos-ab .engineering-package-counts strong{color:#154259;font-variant-numeric:tabular-nums}
body.ecos-ab .document-workspace .action-row{flex-wrap:wrap}
body.ecos-ab .document-workspace .panel-head h2{overflow-wrap:anywhere}
body.ecos-ab .project-workspace-nav :is(button,[role="button"]):focus-visible{outline:2px solid #368ba1;outline-offset:2px}
@media(max-width:1100px){body.ecos-ab .ecos-drawing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}body.ecos-ab .ecos-drawing-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.ecos-ab .ecos-drawing-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.ecos-ab .ecos-drawing-metric{min-height:92px;padding:14px}body.ecos-ab .ecos-drawing-guide{padding:15px}body.ecos-ab .ecos-drawing-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.ecos-ab .drawing-hub-intro{align-items:stretch;gap:15px}body.ecos-ab .drawing-hub-intro>.btn{width:100%}body.ecos-ab .ecos-drawing-result-count{margin-inline-start:0;width:100%}body.ecos-ab .ecos-drawing-state{flex:1 1 180px}}
@media(max-width:370px){body.ecos-ab .ecos-drawing-guide-steps{grid-template-columns:1fr}body.ecos-ab .ecos-drawing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.ecos-ab .drawing-hub-intro,body.ecos-ab .ecos-drawing-guide-step{scroll-behavior:auto}}
@media print{body.ecos-ab .drawing-hub-intro{background:#fff;box-shadow:none}body.ecos-ab .ecos-drawing-filters,body.ecos-ab .ecos-drawing-guide{display:none}body.ecos-ab .ecos-drawing-metric{box-shadow:none;break-inside:avoid}}
/* END ecos-polish-v42.css */

/* BEGIN ecos-polish-v43.css */
/* V43: independent project activation gate, adaptive / RTL by default */
.project-activation-card{border:1px solid var(--line,#d9e3eb);border-inline-start:4px solid #2879b7;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff 65%);padding:clamp(16px,2vw,24px);margin-block:0 20px;box-shadow:0 10px 25px rgba(24,49,74,.055)}
.project-activation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.project-activation-heading h2{font-size:clamp(1.04rem,2vw,1.24rem);margin:4px 0 7px;color:#162f45}
.project-activation-kicker{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#31749b}
.project-activation-state{font-size:.76rem;font-weight:800;border-radius:100px;padding:7px 13px;background:#fef2e1;color:#8f5313;white-space:nowrap}
.project-activation-state.is-active{background:#e7f5ec;color:#14613c}
.project-activation-state.is-pending{background:#eaf1ff;color:#194e9c}
.project-activation-guidance{color:#415c6d;line-height:1.8;margin:16px 0}
.project-activation-card .action-row{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:640px){.project-activation-card{border-radius:12px;padding:16px}.project-activation-card .action-row{display:grid;grid-template-columns:minmax(0,1fr)}.project-activation-card .action-row>.btn{width:100%;white-space:normal}}
@media (prefers-reduced-motion:reduce){.project-activation-card *{scroll-behavior:auto!important;transition:none!important}}

.project-activation-prestart{border:1px dashed #a1bccd;border-radius:14px;background:#f6fbfd;color:#28465a;padding:16px 20px;margin-bottom:18px}
.project-activation-prestart strong{font-weight:800}.project-activation-prestart p{margin:6px 0 0;line-height:1.75}

/* V46: incremental external-intake register, mobile accessible load-more control. */
.ecos-intake-load-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-block:12px 20px;border:1px solid var(--line,#dce5ed);border-radius:12px;background:var(--surface,#fff)}
.ecos-intake-load-more .muted{font-size:.85rem}
.ecos-intake-load-more .btn{min-width:132px;min-height:40px}
@media(max-width:640px){.ecos-intake-load-more{align-items:stretch;flex-direction:column;text-align:center}.ecos-intake-load-more .btn{width:100%}}
/* END ecos-polish-v43.css */