:root{
  --bg:#f5f8fc;--surface:#fff;--surface-2:#f8fbff;--surface-3:#eef4fb;
  --ink:#0d1f3d;--muted:#6f7f96;--line:#dce6f2;--line-2:#c9d7e8;
  --nav:#06162d;--nav-2:#0b2345;--blue:#0d6efd;--blue-2:#24b4f0;
  --cyan:#23c7d9;--green:#2bad73;--amber:#f4a226;--red:#dc5a69;--violet:#7657f6;
  --shadow:0 14px 42px rgba(30,63,105,.075);--shadow-lg:0 24px 70px rgba(9,30,66,.18);
  --r:16px;--r-sm:11px;--side:228px;--top:66px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif;
}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}
[data-theme="dark"]{--bg:#07111f;--surface:#0d1a2c;--surface-2:#102139;--surface-3:#132945;--ink:#eaf2ff;--muted:#8ea4c1;--line:#1e3756;--line-2:#315176;--nav:#04101f;--nav-2:#0b2441;--shadow:0 14px 42px rgba(0,0,0,.25);--shadow-lg:0 24px 70px rgba(0,0,0,.45)}
.app-shell{min-height:100vh;padding-right:var(--side)}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--side);z-index:60;background:linear-gradient(180deg,var(--nav),#092341);color:#d8e8fb;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05)}
.brand{height:104px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.logo{width:48px;height:48px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 8px 20px rgba(18,160,255,.25))}.logo svg{width:100%;height:100%}.brand-copy strong{display:block;color:#fff;font-size:24px;line-height:1}.brand-copy small{display:block;color:#9db3ce;font-size:11px;margin-top:7px;letter-spacing:.3px}
.side-nav{padding:15px 10px;display:grid;gap:4px;overflow:auto}.nav-btn{border:0;background:transparent;color:#b7c7da;border-radius:11px;min-height:45px;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:right;position:relative}.nav-btn svg{width:21px;height:21px;stroke-width:1.8}.nav-btn:hover{background:rgba(255,255,255,.06);color:#fff}.nav-btn.active{color:#fff;background:linear-gradient(90deg,#0d5bd3,#087df2);box-shadow:0 9px 24px rgba(0,103,255,.25)}.nav-badge{margin-right:auto;background:#eef3ff;color:#334765;border-radius:999px;font-size:10px;padding:3px 7px}.nav-btn.active .nav-badge{background:rgba(255,255,255,.2);color:#fff}.nav-sep{height:1px;background:rgba(255,255,255,.08);margin:8px 10px}.side-bottom{margin-top:auto;padding:12px 10px 18px;border-top:1px solid rgba(255,255,255,.06)}
.theme-row,.collapse-row{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#b7c7da;font-size:13px}.theme-row button{margin-right:auto}.switch{width:39px;height:22px;border:0;border-radius:999px;background:#51657c;padding:3px}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--blue)}.switch.on i{transform:translateX(-17px)}
.topbar{position:sticky;top:0;z-index:50;height:var(--top);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px}
.mobile-menu{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.user-chip{display:flex;align-items:center;gap:9px;min-width:190px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#173f76,#4bb5f7);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:inset 0 0 0 2px #fff}.avatar.sm{width:28px;height:28px;font-size:10px}.user-chip strong{font-size:13px}.user-chip small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.top-icons{display:flex;gap:6px}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.icon-btn svg{width:19px;height:19px}.counter{position:absolute;top:-5px;left:-4px;background:var(--blue);color:white;border-radius:999px;font-size:9px;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid var(--surface)}
.search-trigger{margin-inline:auto;width:min(590px,48vw);height:42px;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--muted);text-align:right}.search-trigger span{flex:1}.kbd{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:2px 7px;font-size:10px;color:var(--muted)}
.content{max-width:1600px;margin:0 auto;padding:20px 24px 34px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 18px}.page-head h1{margin:0;font-size:31px;letter-spacing:-.6px}.page-head p{margin:7px 0 0;color:var(--muted);line-height:1.7;font-size:13px}.crumbs{font-size:11px;color:var(--muted);margin-bottom:7px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{height:39px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 14px;font-weight:650;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn svg{width:16px;height:16px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(13,110,253,.18)}.btn.soft{background:#edf5ff;color:var(--blue);border-color:#d8e9ff}.btn.danger{color:var(--red)}.btn.ghost{background:transparent}.btn.sm{height:32px;font-size:11px;padding:0 10px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-head h2,.panel-head h3{margin:0;font-size:16px}.panel-head small{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 11px}.section-title h2{font-size:18px;margin:0}.section-title a{color:var(--blue);font-size:11px}
.hero{min-height:355px;display:grid;grid-template-columns:1.05fr 1.3fr;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.hero-copy{padding:34px 34px 30px;position:relative;z-index:3}.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:6px;background:#e8f2ff;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.hero-copy h1{font-size:41px;line-height:1.25;margin:16px 0 12px}.hero-copy p{color:var(--muted);font-size:14px;line-height:1.9;max-width:570px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.hero-point{display:flex;gap:9px;align-items:flex-start}.hero-point b{display:block;font-size:12px}.hero-point small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.hero-visual{position:relative;overflow:hidden;min-height:355px;background:radial-gradient(circle at 50% 52%,rgba(17,114,255,.13),transparent 52%)}.network-svg{position:absolute;inset:0;width:100%;height:100%}.core-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:linear-gradient(145deg,#061830,#0a3768);display:grid;place-items:center;color:#fff;text-align:center;box-shadow:0 20px 55px rgba(11,91,178,.35);z-index:3}.core-node strong{font-size:20px}.core-node small{display:block;font-size:9px;color:#9ecfff}.orbit-node{position:absolute;transform:translate(-50%,-50%);min-width:108px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 9px 25px rgba(26,66,112,.08);font-size:12px;font-weight:700}.orbit-node i{width:36px;height:36px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;color:var(--blue);font-style:normal}.orbit-node:hover{border-color:#8dbafa;transform:translate(-50%,-50%) scale(1.03)}
.grid{display:grid;gap:13px}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{padding:18px;min-height:205px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.18s}.product-card:hover{transform:translateY(-2px);border-color:#b9d5fb}.product-top{display:flex;justify-content:space-between;gap:8px}.product-icon{width:44px;height:44px;border-radius:12px;background:var(--surface-3);display:grid;place-items:center;font-size:21px}.status{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:5px 8px;border-radius:999px;background:var(--surface-3);white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.healthy,.status.active,.status.published,.status.approved,.status.done{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface))}.status.attention,.status.review,.status.in_progress,.status.pending{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,var(--surface))}.status.critical,.status.blocked,.status.failed{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface))}.product-card h3{font-size:17px;margin:13px 0 5px}.product-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.75;flex:1}.card-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;color:var(--muted);font-size:10px}.link{color:var(--blue);font-weight:700;font-size:11px}
.metric-card{padding:15px 16px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.metric-card small{color:var(--muted)}.metric-card strong{font-size:29px;letter-spacing:-1px}.metric-card .trend{font-size:10px;color:var(--green)}.metric-icon{position:absolute;left:13px;top:13px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--surface-3);color:var(--blue)}
.three-zone{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px}.activity-list,.simple-list{display:grid}.activity-row,.simple-row{display:flex;gap:10px;padding:12px 15px;border-top:1px solid var(--line);align-items:flex-start}.activity-row:first-child,.simple-row:first-child{border-top:0}.activity-row .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--blue);flex:none}.activity-row p,.simple-row p{margin:0;font-size:12px;line-height:1.55}.activity-row small,.simple-row small{color:var(--muted);font-size:10px}.simple-row{justify-content:space-between;align-items:center}.simple-row .main{padding:0;flex:1}.simple-row b{font-size:12px}.timeline{padding:6px 16px 16px}.timeline-row{display:grid;grid-template-columns:75px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.timeline-row:last-child{border-bottom:0}.timeline-row time{color:var(--muted);font-size:10px}.timeline-row b{font-size:12px}.timeline-row p{font-size:10px;color:var(--muted);margin:4px 0 0}
.toolbar{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin-bottom:12px;flex-wrap:wrap}.toolbar .spacer{flex:1}.field-inline{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:0 10px;color:var(--ink)}.field-inline.search{min-width:280px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);padding:0 15px;overflow:auto}.tab{border:0;background:transparent;color:var(--muted);height:48px;padding:0 14px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:10px;color:var(--muted);background:var(--surface-2);padding:10px 12px;text-align:right;white-space:nowrap}.table td{padding:12px;border-top:1px solid var(--line);font-size:11px;vertical-align:middle}.table tr:hover td{background:color-mix(in srgb,var(--blue) 2.8%,var(--surface))}.entity-cell{display:flex;gap:9px;align-items:center}.entity-icon{width:31px;height:31px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--blue)}.entity-cell b{display:block;font-size:11px}.entity-cell small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.more{border:0;background:transparent;color:var(--muted);font-weight:800}.pagination{display:flex;align-items:center;gap:6px;padding:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.pagination button{width:30px;height:30px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.pagination button.active{background:#edf4ff;border-color:#a5c7f5;color:var(--blue)}
.docs-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);gap:13px}.side-stack{display:grid;gap:13px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-box{padding:17px}.stat-box b{display:block;font-size:25px;margin:8px 0}.stat-box small{color:var(--muted)}
.map-shell{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(circle at center,rgba(14,113,255,.07),transparent 55%),var(--surface)}.map-canvas{position:absolute;inset:0}.map-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-center{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:145px;height:145px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:linear-gradient(145deg,#06172e,#0c427a);display:grid;place-items:center;color:white;text-align:center;z-index:3;box-shadow:0 24px 55px rgba(11,88,171,.28)}.map-center strong{font-size:22px}.map-product{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:4;min-width:130px}.map-product .hex{margin:auto;width:70px;height:70px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:24px;box-shadow:0 10px 28px rgba(24,68,120,.1)}.map-product b{display:block;margin-top:6px;font-size:13px}.map-child{position:absolute;transform:translate(-50%,-50%);min-width:115px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 10px;font-size:10px;text-align:center;z-index:3;box-shadow:0 6px 18px rgba(24,68,120,.06)}.map-product:hover .hex,.map-child:hover{border-color:#82b3f7;box-shadow:0 0 0 3px rgba(13,110,253,.08)}.map-inspector{position:absolute;right:14px;top:14px;width:270px;z-index:8;padding:16px;box-shadow:var(--shadow-lg)}.map-inspector h2{margin:8px 0 5px}.map-inspector p{color:var(--muted);font-size:11px;line-height:1.7}.mini-def{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:13px 0}.mini-def div{background:var(--surface);padding:9px}.mini-def small{display:block;color:var(--muted);font-size:9px}.mini-def b{font-size:11px}.map-legend{position:absolute;left:14px;right:310px;bottom:14px;z-index:8;display:flex;align-items:center;gap:18px;padding:12px 16px;font-size:10px;box-shadow:none}.map-legend .metric{display:flex;gap:6px;align-items:center}.map-legend b{font-size:16px}.map-toolbar{display:flex;gap:7px;margin-bottom:12px}.map-toolbar .field-inline.search{flex:1}.map-filter{display:flex;gap:5px;flex-wrap:wrap}.map-filter .btn.active{background:#edf5ff;color:var(--blue);border-color:#a9caf5}
.product-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;padding:21px;align-items:center}.product-logo{width:88px;height:88px;border-radius:20px;background:var(--surface-2);display:grid;place-items:center;font-size:43px;border:1px solid var(--line)}.product-hero h1{margin:0 0 6px;font-size:30px}.product-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;max-width:670px}.product-meta{display:flex;gap:16px;margin-top:13px;flex-wrap:wrap}.product-meta span{font-size:10px;color:var(--muted)}.product-meta b{color:var(--ink)}.product-content{display:grid;grid-template-columns:minmax(0,1.55fr) 340px;gap:13px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px}.module-card{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:11px}.module-card b{font-size:11px}.module-card small{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:9px}.architecture{padding:20px;display:flex;align-items:center;justify-content:center;gap:13px;overflow:auto}.arch-box{min-width:135px;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:14px;text-align:center}.arch-arrow{color:var(--muted);font-size:20px}.progress{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.roadmap{padding:13px}.road-row{display:grid;grid-template-columns:80px 1fr 75px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.road-row:last-child{border-bottom:0}.priority{padding:4px 7px;border-radius:7px;background:#fff0f1;color:var(--red);font-size:9px}.priority.medium{background:#fff7e9;color:var(--amber)}.priority.low{background:#eaf9f1;color:var(--green)}
.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.chart{height:250px;padding:18px;position:relative}.bars{height:170px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid var(--line);padding-top:20px}.bar{flex:1;background:linear-gradient(180deg,var(--blue-2),var(--blue));border-radius:7px 7px 0 0;min-height:12px;position:relative}.bar small{position:absolute;bottom:-20px;right:50%;transform:translateX(50%);color:var(--muted);font-size:9px}.donut{width:160px;height:160px;border-radius:50%;margin:20px auto;background:conic-gradient(var(--blue) 0 58%,var(--green) 58% 81%,var(--amber) 81% 93%,var(--red) 93% 100%);display:grid;place-items:center}.donut:after{content:"";width:95px;height:95px;background:var(--surface);border-radius:50%}.legend-list{display:flex;justify-content:center;gap:14px;font-size:10px;color:var(--muted)}.legend-list i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:4px;background:var(--blue)}
.settings-grid{display:grid;grid-template-columns:240px 1fr;gap:13px}.settings-nav{padding:8px}.settings-nav button{width:100%;height:40px;border:0;background:transparent;border-radius:9px;text-align:right;color:var(--muted);padding:0 12px}.settings-nav button.active{background:#edf5ff;color:var(--blue);font-weight:700}.settings-form{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:10px}.textarea{min-height:90px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.overlay{position:fixed;inset:0;background:rgba(3,14,31,.56);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg)}.modal.sm{width:min(430px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:18px}.modal-actions{padding:0 18px 18px;display:flex;gap:8px}.close{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}
.command{width:min(760px,100%);align-self:start;margin-top:7vh}.command input{width:100%;height:54px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 18px;color:var(--ink);font-size:16px;outline:0}.search-results{max-height:60vh;overflow:auto;padding:8px}.result{display:flex;gap:10px;align-items:center;padding:11px;border-radius:10px}.result:hover{background:var(--surface-2)}.result i{width:35px;height:35px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;font-style:normal}.result b{font-size:12px}.result small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}
.toast-wrap{position:fixed;left:18px;bottom:18px;z-index:130;display:grid;gap:8px}.toast{min-width:270px;background:var(--nav);color:white;border-radius:11px;padding:12px 14px;box-shadow:var(--shadow-lg);font-size:11px}.toast.good{border-right:4px solid var(--green)}.toast.bad{border-right:4px solid var(--red)}
@media(max-width:1250px){.grid.cols-6{grid-template-columns:repeat(3,1fr)}.three-zone{grid-template-columns:1fr 1fr}.three-zone>:last-child{grid-column:1/-1}.product-content{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.map-legend{right:14px}.map-inspector{position:relative;right:auto;top:auto;width:auto;margin:12px}.map-shell{padding-top:285px}.map-canvas{top:285px}.product-hero{grid-template-columns:auto 1fr}.product-hero .actions{grid-column:1/-1}}
@media(max-width:930px){:root{--side:78px}.brand{padding:0 15px}.brand-copy,.nav-btn span,.theme-row span,.collapse-row span{display:none}.nav-btn{justify-content:center;padding:0}.side-bottom{padding-inline:8px}.hero{grid-template-columns:1fr}.hero-visual{min-height:315px}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{min-width:130px}.report-grid{grid-template-columns:1fr}}
@media(max-width:680px){:root{--side:0;--top:60px}.app-shell{padding-right:0}.sidebar{width:min(290px,88vw);transform:translateX(102%);transition:.2s}.app-shell.menu-open .sidebar{transform:none}.brand-copy,.nav-btn span,.theme-row span,.collapse-row span{display:block}.nav-btn{justify-content:flex-start;padding:0 13px}.mobile-menu{display:grid;place-items:center}.user-chip{min-width:0}.user-chip div:not(.avatar){display:none}.search-trigger{width:auto;flex:1}.search-trigger span,.kbd{display:none}.topbar{padding:0 10px}.content{padding:14px 10px 30px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:26px}.hero-copy{padding:24px 20px}.hero-copy h1{font-size:31px}.hero-points{grid-template-columns:1fr}.grid.cols-6,.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.three-zone{grid-template-columns:1fr}.three-zone>:last-child{grid-column:auto}.stats-row{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch}.toolbar .field-inline,.field-inline.search{width:100%;min-width:0}.map-shell{min-height:760px;padding-top:330px}.map-canvas{top:330px}.map-legend{display:none}.map-product{min-width:95px}.map-product .hex{width:58px;height:58px}.map-child{display:none}.product-hero{grid-template-columns:1fr;text-align:center}.product-logo{margin:auto}.product-meta,.product-hero .actions{justify-content:center}.module-grid{grid-template-columns:1fr}.architecture{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.docs-layout{display:block}.side-stack{margin-top:12px}.report-grid{display:block}.report-grid>.panel{margin-bottom:12px}}

.foundation-banner{margin:0 0 16px;padding:14px 17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(13,110,253,.08),rgba(24,189,241,.08));color:var(--ink);line-height:1.8}
.foundation-kpis .metric-card strong{font-size:1.45rem;line-height:1.35}
.finance-lower,.company-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:16px;margin-top:16px}
.finance-controls{margin-top:16px}
.lock-panel{text-align:center;padding:60px 24px}
.lock-panel .lock-icon{font-size:2.2rem;margin-bottom:10px}
.lock-panel p{max-width:620px;margin:0 auto 20px;color:var(--muted);line-height:1.9}
.checklist{display:grid;gap:10px}
.checklist>div,.check-row{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);line-height:1.65}
.checklist>div:last-child,.check-row:last-child{border-bottom:0}
.checklist>div>span{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background:rgba(25,135,84,.12);color:var(--green);font-weight:800;flex:0 0 auto}
.checklist>div:last-child>span{background:rgba(245,158,11,.14);color:var(--amber)}
.check-row .status{flex:0 0 auto;margin-top:2px}
.check-row>div{display:grid;gap:2px}
.check-row small{color:var(--muted)}
.company-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.company-meta>div{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:5px}
.company-meta small,.ownership-card small{color:var(--muted)}
.ownership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ownership-card{padding:16px;border-radius:14px;background:var(--surface-2);display:grid;gap:5px}
.ownership-card strong{font-size:1.6rem;color:var(--blue)}
@media(max-width:900px){.finance-lower,.company-layout{grid-template-columns:1fr}.company-meta{grid-template-columns:1fr}.ownership-grid{grid-template-columns:1fr}}

.finance-system-proof{border-color:rgba(13,110,253,.24);background:linear-gradient(135deg,rgba(13,110,253,.05),var(--surface))}
.finance-system-proof .panel-head{align-items:flex-start}
.finance-system-proof .panel-head small{display:block;color:var(--muted);margin-top:5px;direction:ltr;text-align:right;word-break:break-word}
.system-proof-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0}
.system-proof-grid>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.system-proof-grid small,.foundation-section-card small{display:block;color:var(--muted);line-height:1.7}
.system-proof-grid strong{display:block;margin-top:4px;font-size:1rem}
.system-proof-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}
.system-proof-columns h3{margin:0 0 10px}
.system-capability-list{display:grid;gap:8px}
.system-capability{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.system-blockers{margin:0;padding:0 20px;line-height:2;color:var(--muted)}
.foundation-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:18px}
.foundation-section-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.foundation-section-card:last-child{grid-column:1 / -1}
.section-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.section-card-head h3{margin:4px 0 0}
.foundation-section-card p{color:var(--muted);line-height:1.8;margin:12px 0}
.foundation-section-card>b{display:block;font-size:.82rem;margin-bottom:3px}
.section-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.section-tags span{padding:4px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.75rem}
@media(max-width:900px){.system-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-proof-columns,.foundation-section-grid{grid-template-columns:1fr}.foundation-section-card:last-child{grid-column:auto}}


.control-plane-proof{border-color:rgba(13,110,253,.22);background:linear-gradient(135deg,rgba(13,110,253,.06),var(--surface))}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:right;word-break:break-word}
.muted-line{margin:0;color:var(--muted);line-height:1.8}
.repair-path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:17px}
.repair-step{position:relative;min-height:86px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;justify-content:space-between;gap:9px}
.repair-step span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(13,110,253,.12);color:var(--blue);font-size:10px;font-weight:800}
.repair-step b{font-size:11px;line-height:1.5}
.arf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.arf-core{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);min-height:180px}
.arf-core-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.arf-core small,.factory-asset small{color:var(--muted);line-height:1.7}
.arf-core h3,.factory-asset h3{margin:4px 0 0;font-size:15px}
.arf-core p{margin:14px 0;color:var(--muted);font-size:11px;line-height:1.75;min-height:42px}
.arf-core>small{display:block;border-top:1px solid var(--line);padding-top:10px}
.control-plane-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:13px}
.factory-golden{margin-bottom:16px}
.golden-path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.golden-path li{display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:11px;line-height:1.5}
.golden-path li span{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:8px;background:var(--nav);color:white;font-size:10px}
.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.factory-asset{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);min-height:176px}
.factory-asset p{margin:14px 0;color:var(--muted);font-size:11px}
.factory-asset>small{display:block;border-top:1px solid var(--line);padding-top:10px}
.bridge-panel{margin-bottom:16px}
.bridge-panel p{color:var(--muted);line-height:1.8;max-width:860px}
.policy-workflow{margin-bottom:16px}
.workflow-chips{display:flex;gap:8px;flex-wrap:wrap}
.workflow-step{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:11px}
.workflow-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(13,110,253,.12);color:var(--blue);font-size:10px}
.policy-controls{margin-top:16px}
.reporting-panel{margin-bottom:16px;border-color:rgba(118,87,246,.24);background:linear-gradient(135deg,rgba(118,87,246,.06),var(--surface))}
.reporting-panel .panel-head{align-items:flex-start}
.reporting-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.reporting-meta>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.reporting-meta small{display:block;color:var(--muted);font-size:10px}
.reporting-meta b{display:block;margin-top:5px;font-size:12px}
.reporting-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.reporting-grid h3{margin:0 0 8px;font-size:13px}
.locked-reporting p{color:var(--muted);line-height:1.8;margin:0}
@media(max-width:1100px){.repair-path,.golden-path{grid-template-columns:repeat(3,minmax(0,1fr))}.arf-grid,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.control-plane-lower,.reporting-grid{grid-template-columns:1fr}.reporting-meta{grid-template-columns:1fr}}
@media(max-width:680px){.repair-path,.golden-path,.arf-grid,.asset-grid{grid-template-columns:1fr}.arf-core,.factory-asset{min-height:0}.workflow-chips{display:grid;grid-template-columns:1fr}}

/* NAWAH_IDENTITY_V2 */
:root{
  --bg:#f2f6f7;--surface:#ffffff;--surface-2:#f7fafb;--surface-3:#eaf2f3;
  --ink:#102c3b;--muted:#6d8189;--line:#d8e5e7;--line-2:#bfd4d8;
  --nav:#061b27;--nav-2:#0b3543;--blue:#147b9b;--blue-2:#25b8b8;
  --cyan:#5cdec2;--green:#219873;--amber:#c48b45;--red:#c85661;--violet:#705ed5;
  --shadow:0 18px 52px rgba(8,46,59,.08);--shadow-lg:0 28px 80px rgba(4,28,39,.22);
  --r:18px;--r-sm:12px;--nawah-gold:#d2a15c;--nawah-teal:#35d1ba;--nawah-deep:#092638;
}
[data-theme="dark"]{
  --bg:#07151d;--surface:#0b2029;--surface-2:#0e2934;--surface-3:#123541;
  --ink:#e9f7f7;--muted:#8faab0;--line:#1e3d47;--line-2:#315965;
  --nav:#04131c;--nav-2:#0a2b37;--blue:#42bfd0;--blue-2:#52dfc3;
  --cyan:#6ee5c8;--green:#4dd29e;--amber:#e2ae68;--red:#f08089;--violet:#9a8cf2;
  --shadow:0 18px 52px rgba(0,0,0,.22);--shadow-lg:0 28px 80px rgba(0,0,0,.48);
  --nawah-gold:#e3b56e;--nawah-teal:#55e1c5;--nawah-deep:#071d2a;
}
html{scroll-behavior:smooth;scrollbar-color:var(--line-2) transparent}
body{background:radial-gradient(circle at 82% -8%,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 28%),var(--bg)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 55%,transparent);outline-offset:3px}
.sidebar{background:linear-gradient(155deg,var(--nav) 0%,var(--nav-2) 62%,#071a26 100%);border-left:1px solid rgba(92,222,194,.13);box-shadow:-12px 0 42px rgba(2,18,28,.12);isolation:isolate}
.sidebar:before{content:"";position:absolute;inset:auto -70px 9% auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--nawah-teal) 18%,transparent),transparent 68%);filter:blur(4px);z-index:-1;pointer-events:none}
.brand{height:112px;padding:0 21px;border-bottom-color:rgba(92,222,194,.14)}
.logo{width:54px;height:54px;padding:7px;border-radius:17px;background:linear-gradient(145deg,rgba(92,222,194,.16),rgba(20,123,155,.34));border:1px solid rgba(110,229,200,.36);filter:drop-shadow(0 10px 20px rgba(12,203,178,.22))}
.logo svg{display:block}
.brand-copy strong{font-size:23px;letter-spacing:-.7px}
.brand-copy small{color:#a8c4c9;font-size:10px;letter-spacing:.5px;text-transform:uppercase}
.brand-copy:after{content:"CORE / CONTROL";display:block;color:rgba(169,221,215,.58);font-size:8px;letter-spacing:1.4px;margin-top:6px}
.side-nav{padding:17px 11px;gap:5px}
.nav-btn{min-height:47px;border:1px solid transparent;color:#b7ced1;border-radius:13px;gap:12px;padding:0 13px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.nav-btn:hover{background:rgba(92,222,194,.08);border-color:rgba(92,222,194,.12);color:#fff;transform:translateX(-2px)}
.nav-btn.active{background:linear-gradient(135deg,#12657e 0%,#159b9b 100%);border-color:rgba(137,255,225,.22);box-shadow:0 12px 30px rgba(9,178,165,.22)}
.nav-btn.active:after{content:"";position:absolute;right:-11px;width:3px;height:24px;border-radius:4px;background:var(--nawah-teal);box-shadow:0 0 15px var(--nawah-teal)}
.nav-btn svg{stroke-width:1.75}
.nav-badge{background:#e5f6f3;color:#165463}
.nav-btn.active .nav-badge{background:rgba(255,255,255,.18);color:#fff}
.nav-sep{background:rgba(132,205,201,.15);margin:10px 11px}
.side-bottom{border-top-color:rgba(132,205,201,.14)}
.topbar{background:color-mix(in srgb,var(--surface) 87%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 9px 30px rgba(8,45,58,.04)}
.avatar{background:linear-gradient(135deg,#105c72,#36c6b5);box-shadow:inset 0 0 0 2px var(--surface),0 7px 17px rgba(14,145,142,.18)}
.icon-btn,.search-trigger,.mobile-menu{border-radius:12px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.icon-btn:hover,.search-trigger:hover,.mobile-menu:hover{border-color:color-mix(in srgb,var(--cyan) 42%,var(--line));box-shadow:0 7px 20px rgba(10,116,123,.08);transform:translateY(-1px)}
.search-trigger{background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.content{max-width:1680px;padding:25px 28px 44px}
.page-head{margin:7px 0 21px}
.page-head h1{font-size:34px;font-weight:850;letter-spacing:-1px}
.page-head p{max-width:790px;line-height:1.85}
.crumbs{color:var(--blue);font-weight:750;letter-spacing:.1px}
.actions{align-items:center}
.btn{height:41px;border-radius:12px;padding:0 15px;border-color:var(--line-2);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:0 10px 22px rgba(7,86,99,.1)}
.btn.primary{background:linear-gradient(135deg,#147b9b,#20b6ae);border-color:transparent;box-shadow:0 10px 24px rgba(13,142,143,.2)}
.btn.soft{background:color-mix(in srgb,var(--cyan) 12%,var(--surface));color:var(--blue);border-color:color-mix(in srgb,var(--cyan) 24%,var(--line))}
.panel{border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .2s ease,border-color .2s ease}
.panel:hover{border-color:color-mix(in srgb,var(--blue) 19%,var(--line))}
.panel-head{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-2) 75%,transparent),transparent);padding:16px 19px}
.panel-head h2,.panel-head h3{font-weight:780}
.section-title{margin:27px 2px 12px}
.section-title h2{font-size:19px;font-weight:820}
.hero{border:0;background:linear-gradient(135deg,#071d2b 0%,#0d4353 60%,#0a2d3e 100%);box-shadow:0 24px 70px rgba(5,45,57,.22);color:#f3ffff}
.hero:before{content:"";position:absolute;inset:-40% auto auto 35%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--nawah-teal) 18%,transparent),transparent 67%);pointer-events:none}
.hero-copy .eyebrow{background:rgba(92,222,194,.13);border:1px solid rgba(110,229,200,.3);color:#a8f1dd;padding:7px 11px}
.hero-copy h1{font-weight:850;letter-spacing:-1.2px}
.hero-copy p{color:rgba(232,250,250,.76)}
.hero-point b{color:#f3ffff}
.hero-point small{color:rgba(202,231,231,.68)}
.hero .btn.primary{background:#f2fffc;color:#0a5261;border-color:#f2fffc;box-shadow:0 12px 27px rgba(0,0,0,.18)}
.hero-visual{background:radial-gradient(circle at 50% 52%,rgba(92,222,194,.2),transparent 52%)}
.core-node,.map-center{background:linear-gradient(145deg,#061621,#0b5c70);box-shadow:0 20px 55px rgba(0,0,0,.3)}
.orbit-node{border-color:rgba(92,222,194,.28);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.grid{gap:15px}
.metric-card{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--nawah-teal),var(--blue)) 1}
.metric-card strong{font-weight:850;color:var(--nawah-deep)}
[data-theme="dark"] .metric-card strong{color:var(--ink)}
.metric-card .trend{color:var(--green)}
.product-card{min-height:218px}
.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(9,86,100,.12)}
.product-icon,.entity-icon,.metric-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 15%,var(--surface-3)),var(--surface-3));color:var(--blue)}
.status{border:1px solid transparent;font-weight:720}
.status:before{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.status.healthy,.status.active,.status.published,.status.approved,.status.done{border-color:color-mix(in srgb,var(--green) 23%,var(--line))}
.status.attention,.status.review,.status.in_progress,.status.pending,.status.planned,.status.implemented_unverified,.status.built_candidate,.status.candidate_no_go{color:var(--amber);background:color-mix(in srgb,var(--amber) 11%,var(--surface));border-color:color-mix(in srgb,var(--amber) 24%,var(--line))}
.status.critical,.status.blocked,.status.failed{border-color:color-mix(in srgb,var(--red) 23%,var(--line))}
.table th{background:linear-gradient(90deg,var(--surface-3),var(--surface-2));font-weight:780}
.table td{padding:13px}
.table tr:hover td{background:color-mix(in srgb,var(--cyan) 4%,var(--surface))}
.map-shell{background:radial-gradient(circle at center,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 55%),var(--surface)}
.lock-panel{border-style:dashed;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--cyan) 5%,var(--surface))}
.foundation-banner{border-color:color-mix(in srgb,var(--cyan) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 10%,transparent),color-mix(in srgb,var(--blue) 7%,transparent))}
.foundation-section-card,.arf-core,.factory-asset{box-shadow:var(--shadow);background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.foundation-section-card:hover,.arf-core:hover,.factory-asset:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(8,74,88,.12)}
.repair-step,.golden-path li,.workflow-step{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--line-2)}
.repair-step span,.workflow-step b{background:color-mix(in srgb,var(--cyan) 18%,var(--surface-3));color:var(--blue)}
.reporting-panel{box-shadow:0 20px 48px rgba(92,80,176,.08)}
.toast{border-radius:13px}
@media(max-width:930px){.content{padding-inline:20px}.page-head h1{font-size:30px}}
@media(max-width:680px){.content{padding:16px 12px 34px}.page-head h1{font-size:27px}.hero-copy h1{font-size:32px}.metric-card{border-top-width:2px}.brand-copy:after{display:none}.hero{border-radius:16px}.panel{border-radius:15px}}

/* NAWAH_IDENTITY_V2_REVIEW_PASS */
:root{
  --nawah-focus:#f4c66a;
  --nawah-cyan-soft:color-mix(in srgb,var(--nawah-teal) 14%,var(--surface));
  --nawah-card-line:color-mix(in srgb,var(--blue) 13%,var(--line));
}
::selection{background:color-mix(in srgb,var(--nawah-teal) 38%,var(--surface));color:var(--nawah-deep)}
:focus-visible{outline:3px solid var(--nawah-focus);outline-offset:3px}
.btn,.nav-btn,.icon-btn,.mobile-menu,.search-trigger,.field-inline,.input,.select,.textarea{min-height:44px}
.btn:active,.nav-btn:active,.icon-btn:active{transform:translateY(0) scale(.98)}
.metric-card{position:relative;overflow:hidden;border-top:0}
.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--nawah-teal),var(--blue));opacity:.95}
.metric-card .metric-icon{margin-bottom:12px}
.email-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:24px;overflow:hidden;padding:30px;color:#ecfffb;background:linear-gradient(132deg,#061925 4%,#0b5264 58%,#123f58 100%);box-shadow:0 24px 65px rgba(7,69,82,.2)}
.email-hero:after{content:"";position:absolute;width:360px;height:360px;left:-90px;bottom:-190px;border:1px solid rgba(157,244,221,.2);border-radius:50%;box-shadow:0 0 0 32px rgba(157,244,221,.04),0 0 0 64px rgba(157,244,221,.025);pointer-events:none}
.email-hero-copy{position:relative;z-index:1;max-width:720px}
.email-hero-copy .eyebrow{display:inline-flex;margin-bottom:15px;padding:7px 11px;border:1px solid rgba(154,241,221,.28);border-radius:999px;color:#a8f1dd;background:rgba(120,232,203,.1);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.email-hero-copy h2{max-width:620px;margin:0 0 10px;font-size:clamp(26px,3.5vw,42px);line-height:1.16;letter-spacing:-1px;color:#f2fffc}
.email-hero-copy p{max-width:590px;margin:0;color:rgba(231,251,247,.76);line-height:1.85}
.email-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.email-actions .btn.primary{background:#f2fffc;color:#0a5261;border-color:#f2fffc}
.email-orbit{position:relative;display:grid;place-items:center;min-height:210px;border:1px solid rgba(152,242,220,.2);border-radius:24px;background:radial-gradient(circle,rgba(92,222,194,.22),transparent 54%);isolation:isolate}
.email-orbit:before,.email-orbit:after{content:"";position:absolute;border:1px solid rgba(152,242,220,.22);border-radius:50%;inset:18%;transform:rotate(22deg)}
.email-orbit:after{inset:29%;border-color:rgba(210,161,92,.35);transform:rotate(-31deg)}
.email-orbit-core{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(242,255,252,.5);border-radius:22px;color:#062332;background:linear-gradient(145deg,#f2fffc,#9df4dd);font-size:30px;box-shadow:0 14px 35px rgba(0,0,0,.24);z-index:1}
.email-orbit span{position:absolute;padding:5px 9px;border:1px solid rgba(168,241,221,.24);border-radius:999px;color:#c6f4e8;background:rgba(5,29,40,.62);font-size:11px;z-index:1}
.email-orbit span:nth-of-type(1){top:18px;right:18px}
.email-orbit span:nth-of-type(2){bottom:24px;right:32px}
.email-orbit span:nth-of-type(3){bottom:18px;left:18px}
.email-metrics{margin-top:15px}
.email-integration{margin-top:15px}
.email-integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px}
.email-integration-grid>div{display:grid;gap:6px;padding:12px;border:1px solid var(--nawah-card-line);border-radius:13px;background:var(--nawah-cyan-soft)}
.email-integration-grid small{color:var(--muted);font-size:11px}
.email-integration-grid b{font-size:13px;line-height:1.7}
.email-integration .section-tags{padding:0 20px 20px}
.email-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}
.email-list{padding:0 20px 16px}
.email-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}
.email-row:last-child{border-bottom:0}
.email-row-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:var(--blue);background:color-mix(in srgb,var(--nawah-teal) 17%,var(--surface-3));font-weight:850}
.email-row .main{min-width:0}
.email-row .main b,.email-row .main small{display:block}
.email-row .main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-row .main small{margin-top:4px;color:var(--muted);line-height:1.7}
.status.oauth_required{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--surface));border-color:color-mix(in srgb,var(--amber) 28%,var(--line))}
.status.ready_template{color:var(--blue);background:color-mix(in srgb,var(--nawah-teal) 12%,var(--surface));border-color:color-mix(in srgb,var(--nawah-teal) 28%,var(--line))}
.status.connected,.status.sent{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));border-color:color-mix(in srgb,var(--green) 25%,var(--line))}
.status.failed{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface));border-color:color-mix(in srgb,var(--red) 25%,var(--line))}
.page-head .actions{align-items:flex-start}
[data-theme="dark"] .email-integration-grid>div{background:color-mix(in srgb,var(--nawah-teal) 9%,var(--surface))}
[data-theme="dark"] .metric-card strong{color:var(--ink)}
@media(max-width:930px){
  .email-hero{grid-template-columns:1fr}
  .email-orbit{min-height:160px}
  .email-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .email-hero{padding:22px 18px;border-radius:16px}
  .email-hero-copy h2{font-size:28px}
  .email-actions .btn{flex:1}
  .email-columns{grid-template-columns:1fr}
  .email-integration-grid{grid-template-columns:1fr;padding-inline:15px}
  .email-integration .section-tags{padding-inline:15px}
  .email-list{padding-inline:15px}
  .email-row{grid-template-columns:26px minmax(0,1fr);align-items:start}
  .email-row>.status{grid-column:2;justify-self:start}
  .email-orbit span:nth-of-type(1){right:10px}
  .email-orbit span:nth-of-type(3){left:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .panel:hover,.btn:hover,.product-card:hover,.foundation-section-card:hover,.arf-core:hover,.factory-asset:hover{transform:none}
}