:root{--bg:#f3f6f8;--surface:#fff;--surface2:#f8fafb;--text:#17232b;--muted:#71808a;--line:#e3e9ed;--nav:#102a2b;--nav2:#163637;--primary:#08795f;--primary2:#0e9b79;--accent:#d8a53a;--danger:#c84848;--warning:#be7c18;--success:#08795f;--shadow:0 16px 42px rgba(18,45,49,.08);--r:18px;--r2:12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--primary);background:radial-gradient(circle at 20% 20%,#e5f4ef,transparent 35%),var(--bg)}.loader{width:28px;height:28px;border:3px solid #d7e7e2;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app{min-height:100vh;display:grid;grid-template-columns:278px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,var(--nav),#0c2224 100%);color:#eaf5f2;display:flex;flex-direction:column;box-shadow:10px 0 40px rgba(10,31,32,.1);z-index:20}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.08)}.brand b{display:block;font-size:17px;letter-spacing:-.3px}.brand small{display:block;color:#8eaaa6;font-size:9px;letter-spacing:2px;font-weight:800;margin-top:2px}.brandmark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#16a27f,#096653);display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.18)}.brandmark.xl{width:62px;height:62px;border-radius:19px;font-size:21px}.nav-search{margin:14px 14px 8px;height:38px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px}.nav-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:12px}.nav-search input::placeholder{color:#77928e}.nav-scroll{overflow:auto;padding:0 10px 18px}.nav-scroll::-webkit-scrollbar{width:5px}.nav-scroll::-webkit-scrollbar-thumb{background:#294547;border-radius:6px}.nav-group{font-size:9px;letter-spacing:1.6px;color:#6e8d89;font-weight:800;text-transform:uppercase;padding:18px 10px 7px}.nav-item{border:0;width:100%;height:38px;padding:0 9px;border-radius:9px;background:transparent;color:#b6cac7;display:flex;align-items:center;gap:10px;text-align:left;font-size:11.5px;position:relative;margin:1px 0;transition:.15s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(18,161,125,.25),rgba(18,161,125,.09));color:#fff}.nav-item.active>i{position:absolute;right:-10px;width:3px;height:22px;background:#25b991;border-radius:3px 0 0 3px}.nav-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04)}.nav-item.active .nav-icon{background:#0d725d}.sidebar-foot{margin-top:auto;padding:13px 15px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:9px}.sidebar-foot b{font-size:11px;display:block}.sidebar-foot span{font-size:9px;color:#83a19d}.sidebar-foot button{width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#aac1be}.avatar{width:36px;height:36px;border-radius:11px;background:#daf1eb;color:#0a735c;display:grid;place-items:center;font-weight:800;font-size:11px}.avatar.sm{width:32px;height:32px}.main{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-title span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.1px;font-weight:700}.top-title b{font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.top-action,.date-chip{height:35px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 11px;font-size:10px;color:#53636d}.top-action:hover{border-color:#b8d7ce;color:var(--primary);background:#f7fbfa}.content{padding:28px;max-width:1760px;margin:auto}.mobile-nav{display:none}
.workspace-head,.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}.workspace-head h1,.page-title h1{margin:3px 0 5px;font-size:26px;letter-spacing:-.8px}.workspace-head p,.page-title p{margin:0;color:var(--muted);font-size:12px;max-width:720px;line-height:1.55}.crumb,.eyebrow{color:var(--primary);font-size:9px;letter-spacing:1.5px;font-weight:900}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:#40515a;border-radius:10px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:11px;transition:.15s}.btn:hover{border-color:#b6ccc6;box-shadow:0 4px 14px rgba(18,45,49,.06);transform:translateY(-1px)}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.success{border-color:#0a8066;background:#e9f7f2;color:#08735c}.btn.danger{border-color:#e9bcbc;background:#fff5f5;color:var(--danger)}.btn.warning{border-color:#edd1a3;background:#fff8eb;color:#9f6715}.btn.accent{border-color:#b58523;background:linear-gradient(135deg,#dcae49,#c99327);color:#fff}.btn.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.btn.ghost{background:transparent}.btn.sm{min-height:30px;border-radius:8px;padding:0 9px;font-size:9.5px}.xl-btn{height:44px;width:100%;font-size:12px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#596973;display:grid;place-items:center}.icon-btn.danger{color:var(--danger)}
.hero-strip{background:linear-gradient(118deg,#0d3736,#0b5f50 62%,#17745f);border-radius:24px;padding:32px;color:#fff;display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative;margin-bottom:18px;box-shadow:0 22px 52px rgba(16,54,53,.15)}.hero-strip:after{content:"";width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;right:-100px;top:-240px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.hero-strip .eyebrow{color:#8bd8c4}.hero-strip h1{font-size:29px;letter-spacing:-1px;margin:7px 0}.hero-strip p{font-size:12px;color:#b6d1cd;margin:0;max-width:560px}.hero-actions{display:flex;gap:8px;position:relative;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:15px;text-align:left;box-shadow:0 5px 18px rgba(18,45,49,.025);color:inherit}.stat:hover{border-color:#b9d6cf;box-shadow:var(--shadow);transform:translateY(-2px)}.stat-top{display:flex;justify-content:space-between;color:#91a0a8}.stat-icon{width:34px;height:34px;border-radius:10px;background:#edf8f5;color:var(--primary);display:grid;place-items:center}.stat .num{font-size:24px;font-weight:800;letter-spacing:-.8px;margin-top:13px}.stat .label{font-size:10px;color:var(--muted);margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dashboard-grid{grid-template-columns:1.2fr .8fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 4px 17px rgba(18,45,49,.025)}.panel-head{min-height:57px;padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head small{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:1.2px;margin-bottom:2px}.panel-head h3{margin:0;font-size:13px}.panel-body{padding:16px}.pulse-chart{height:220px;padding:24px 20px 10px;display:flex;gap:9px;align-items:end}.pulse-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.pulse-chart span{display:block;width:100%;max-width:24px;background:linear-gradient(#28a887,#0c705b);border-radius:6px 6px 2px 2px}.pulse-chart small{font-size:8px;color:#9aa6ad}.activity-list{padding:7px 13px}.activity-list>button,.activity-list>div{width:100%;border:0;background:transparent;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px 3px;border-bottom:1px solid #eef2f4;color:inherit}.activity-list i{width:7px;height:7px;border-radius:50%;background:#13a37f;box-shadow:0 0 0 4px #e6f6f1}.activity-list b{font-size:10.5px;display:block}.activity-list span{display:block;font-size:8.5px;color:var(--muted);margin-top:3px}.activity-list.compact>div{grid-template-columns:8px 1fr auto}
.ops-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.ops-kpis>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:baseline}.ops-kpis span{font-size:9px;color:var(--muted);font-weight:700}.ops-kpis b{font-size:20px;letter-spacing:-.5px}.ops-kpis small{grid-column:1/3;color:#9aa6ad;font-size:8.5px;margin-top:4px}.ops-kpis .attention{border-color:#efcf9f;background:#fffaf1}.ops-kpis .attention b{color:#a7650b}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.searchbox{height:38px;min-width:330px;max-width:520px;flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px}.searchbox input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.segmented{display:inline-flex;background:#e9eef1;border-radius:10px;padding:3px;gap:2px}.segmented button{height:30px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#687780;font-size:9.5px;font-weight:700;display:flex;align-items:center;gap:5px}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(28,53,55,.08)}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.ops-main{min-width:0}.ops-side{min-width:0}.side-sticky{position:sticky;top:91px;display:grid;gap:12px}.worklist{display:grid;gap:10px}.work-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;transition:.15s}.work-card:hover,.work-card.selected{border-color:#a9cfc6;box-shadow:0 10px 28px rgba(16,63,58,.07)}.work-card.selected{box-shadow:inset 3px 0 0 var(--primary),0 10px 28px rgba(16,63,58,.07)}.work-card-head{display:flex;justify-content:space-between;gap:15px}.work-card h3{font-size:13px;margin:3px 0}.record-id{font-size:8px;color:#8a989f;font-weight:800}.updated{font-size:8.5px;color:#94a0a7}.overdue-flag{color:#a8620b;background:#fff0d7;padding:2px 5px;border-radius:5px;margin-left:4px}.work-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:#f9fbfc;border-radius:10px;padding:10px 12px;margin:12px 0}.work-fields span{display:block;font-size:7.5px;color:#88969e;text-transform:uppercase;font-weight:800;letter-spacing:.4px}.work-fields b{display:block;font-size:9.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.no-action{font-size:9px;color:#9aa6ad}.detail-panel .quick-actions{padding:10px}.quick-action{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;color:#42535c}.quick-action:hover{border-color:#9bc8bd;color:var(--primary)}.quick-action.danger{color:var(--danger)}.quick-action.warning{color:var(--warning)}.quick-action.success{color:var(--success)}.timeline{padding:12px 14px}.timeline-item{display:grid;grid-template-columns:13px 1fr;gap:9px;position:relative;padding-bottom:15px}.timeline-item:after{content:"";position:absolute;width:1px;background:#dfe8e5;left:5px;top:13px;bottom:0}.timeline-item:last-child:after{display:none}.timeline-item>i{width:11px;height:11px;background:#fff;border:3px solid #18a07d;border-radius:50%;z-index:1}.timeline-item b{font-size:10px}.timeline-item p{font-size:8.5px;margin:2px 0;color:#5f7078}.timeline-item span{font-size:8px;color:#9aa5ab}.timeline details{margin-top:7px;background:#f7faf9;padding:6px 8px;border-radius:7px}.timeline summary{font-size:8px;color:var(--primary);font-weight:800;cursor:pointer}.payload-row{display:flex;justify-content:space-between;gap:10px;font-size:8px;margin-top:4px}.linked{padding:0 14px 13px}.linked h4{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#7b8990}.linked button{width:100%;border:0;background:#f5faf8;color:#3c5c54;border-radius:8px;padding:8px;display:flex;gap:7px;align-items:center;font-size:8.5px;margin:4px 0;text-align:left}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px}.kanban-col{background:#eaf0f1;border-radius:13px;padding:9px;min-height:240px}.kanban-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kanban-head b{font-size:11px;color:#697981}.kanban-card{background:#fff;border:1px solid #dfe7e9;border-radius:10px;padding:10px;margin-bottom:7px;box-shadow:0 3px 8px rgba(10,40,43,.03)}.kanban-card h4{font-size:10px;margin:0 0 5px}.kanban-card>span{font-size:7.5px;color:#94a0a6}.kanban-card em{display:inline-block;font-style:normal;font-size:7px;background:#fff0d7;color:#a9650e;padding:2px 5px;border-radius:5px;margin-left:5px}.mini-actions{display:flex;gap:4px;margin-top:8px}.mini-actions button{border:0;background:#edf7f4;color:var(--primary);border-radius:6px;padding:5px 6px;font-size:7.5px;font-weight:800}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:#edf1f3;color:#63727a;font-size:7.5px;font-weight:900;letter-spacing:.3px;white-space:nowrap}.badge.approved,.badge.completed,.badge.closed,.badge.released,.badge.effective,.badge.paid,.badge.settled,.badge.won,.badge.active,.badge.live,.badge.available,.badge.hired,.badge.posted{background:#e5f6f0;color:#08745c}.badge.rejected,.badge.failed,.badge.cancelled,.badge.critical,.badge.lost{background:#fdeaea;color:#b63b3b}.badge.pending,.badge.submitted,.badge.review,.badge.in_progress,.badge.processing,.badge.queued,.badge.testing,.badge.investigating,.badge.manager_review,.badge.hod_review,.badge.qa_review,.badge.calibration{background:#eaf1fb;color:#38669d}.badge.warning,.badge.on_hold,.badge.quarantine,.badge.revision,.badge.query_response{background:#fff2dc;color:#a46813}
.modal-bg{position:fixed;inset:0;background:rgba(8,25,28,.54);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:22px}.modal{width:min(640px,96vw);max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(2,22,24,.28);overflow:hidden}.modal.wide{width:min(990px,96vw)}.modal-head{height:66px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between}.modal-head small{font-size:7.5px;color:var(--muted);letter-spacing:1px;display:block}.modal-head b{font-size:14px;display:block;margin-top:2px}.modal-body{padding:18px;overflow:auto;max-height:calc(90vh - 66px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:8.5px;color:#5d6b73;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4e8;border-radius:9px;background:#fbfcfd;color:#263840;padding:9px 10px;outline:0;font-size:11px}.field input,.field select{height:38px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#69b39f;box-shadow:0 0 0 3px #e9f5f1;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.line-editor{border:1px solid var(--line);border-radius:11px;padding:8px}.line-table input{min-width:110px}.action-summary{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;background:#f5f9f8;border:1px solid #e1ebe8;border-radius:12px;padding:12px;margin-bottom:14px}.action-summary>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.action-summary span{font-size:8.5px;color:var(--muted)}.confirm-card{display:flex;gap:12px;align-items:center;background:#f6faf9;border:1px solid #e0ebe8;border-radius:12px;padding:14px;color:#38584f}.confirm-card>svg{color:var(--primary)}.confirm-card b{font-size:11px}.confirm-card p{font-size:9px;line-height:1.5;color:#75837f;margin:3px 0 0}.inline-error{background:#fff0f0;border:1px solid #f2cccc;color:#ae3434;border-radius:9px;padding:9px 11px;font-size:9.5px;margin-top:10px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;width:min(390px,calc(100vw - 44px));background:#fff;border:1px solid #d8e5e1;border-left:4px solid var(--success);box-shadow:0 18px 48px rgba(12,45,43,.18);border-radius:13px;padding:12px;display:grid;grid-template-columns:25px 1fr 20px;gap:9px;align-items:start}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast>svg{color:var(--success)}.toast.danger>svg{color:var(--danger)}.toast.warning>svg{color:var(--warning)}.toast b{font-size:10px;display:block}.toast span{font-size:8.5px;color:var(--muted);display:block;margin-top:2px;line-height:1.4}.toast button{border:0;background:transparent;color:#8b989f}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:9.5px}.table th{text-align:left;font-size:7.5px;color:#7d8a91;text-transform:uppercase;letter-spacing:.45px;background:#fafcfc;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid #edf1f3;white-space:nowrap}.table tr:hover td{background:#fbfdfc}.permissions td,.permissions th{text-align:center}.permissions td:nth-child(1),.permissions td:nth-child(2),.permissions th:nth-child(1),.permissions th:nth-child(2){text-align:left}.switch{display:inline-flex!important;align-items:center!important;text-transform:none!important}.switch input{display:none}.switch span{width:30px;height:17px;border-radius:10px;background:#d3dce0;display:block;position:relative;transition:.15s}.switch span:after{content:"";position:absolute;width:13px;height:13px;background:white;border-radius:50%;left:2px;top:2px;box-shadow:0 1px 3px #879;transition:.15s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{left:15px}.approval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.approval-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.approval-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.approval-icon{width:38px;height:38px;border-radius:11px;background:#eaf7f3;color:var(--primary);display:grid;place-items:center}.approval-top small{font-size:7.5px;color:var(--muted);letter-spacing:.6px}.approval-top h3{font-size:12px;margin:2px 0}.approval-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f8fafb;border-radius:9px;padding:10px;margin:12px 0}.approval-meta span{font-size:8px;color:#76858c}.approval-meta b{display:block;color:#3e5059;margin-bottom:2px}.approval-actions{display:flex;gap:6px}.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.workflow-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start}.workflow-icon{width:38px;height:38px;border-radius:11px;background:#eaf7f3;color:var(--primary);display:grid;place-items:center}.workflow-card small{font-size:7px;color:#829097}.workflow-card h3{font-size:11px;margin:3px 0 9px}.workflow-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.workflow-row span{font-size:7.5px;background:#f0f4f5;border-radius:6px;padding:4px 6px}.people-list{padding:8px}.people-list button{width:100%;border:0;background:transparent;padding:8px;border-radius:9px;display:grid;grid-template-columns:32px 1fr 18px;gap:8px;align-items:center;text-align:left;color:inherit}.people-list button:hover,.people-list button.active{background:#f0f7f5}.people-list b{display:block;font-size:9.5px}.people-list span{font-size:8px;color:var(--muted)}.notification-list{display:grid;gap:8px}.notification-list>button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;text-align:left;color:inherit}.notification-list>button.read{opacity:.68}.notice-icon{width:38px;height:38px;border-radius:10px;background:#edf7f4;color:var(--primary);display:grid;place-items:center}.notice-icon.warning{background:#fff2dc;color:var(--warning)}.notice-icon.critical{background:#fdeaea;color:var(--danger)}.notification-list b{font-size:10.5px}.notification-list p{font-size:9px;color:#63727a;margin:3px 0}.notification-list span{font-size:8px;color:#95a1a7}.copilot-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.copilot-main{background:linear-gradient(145deg,#0f3334,#0b6857);border-radius:20px;padding:25px;color:#fff}.copilot-orb{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#8de2ca}.copilot-main h2{font-size:19px;letter-spacing:-.4px}.copilot-main textarea{width:100%;min-height:120px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.14);color:#fff;border-radius:12px;padding:12px;outline:0;resize:vertical}.answer{margin-top:15px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:13px;font-size:10px;line-height:1.6;color:#d8eae6}.answer-head{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#fff}.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.cap-grid div{display:flex;align-items:center;gap:7px;background:#f7faf9;border-radius:8px;padding:9px;font-size:8.5px}.cap-grid svg{color:var(--primary)}.empty{color:#98a4aa;text-align:center;padding:25px;font-size:9px}.empty.mini{padding:12px}.empty.big{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.empty.big b{font-size:11px;color:#65747c}.empty.big span{font-size:8.5px}.login{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr}.login-art{background:linear-gradient(145deg,#102f31,#0c5e51);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-280px;top:-200px;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.02)}.login-art .eyebrow{color:#8bd8c4;margin-top:22px}.login-art h1{font-size:43px;letter-spacing:-1.7px;line-height:1.04;max-width:680px;margin:12px 0 18px}.login-art>p{font-size:13px;line-height:1.65;color:#b8d3ce;max-width:610px}.login-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px;max-width:560px}.login-grid div{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:7px;font-size:9px}.login-grid svg{color:#75d2ba}.login-box-wrap{display:grid;place-items:center;padding:35px}.login-box{width:min(390px,100%)}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.login-logo b{display:block;font-size:15px}.login-logo span{display:block;font-size:8px;color:var(--muted);letter-spacing:1.4px}.login-box h2{font-size:27px;letter-spacing:-.8px;margin-bottom:5px}.login-box>p{font-size:11px;color:var(--muted);margin-bottom:24px}.login-box .field{margin:12px 0}.access-note{display:block;text-align:center;color:#99a4aa;font-size:8px;margin-top:12px}
@media(max-width:1250px){.app{grid-template-columns:235px minmax(0,1fr)}.stats{grid-template-columns:repeat(4,1fr)}.ops-layout{grid-template-columns:minmax(0,1fr) 285px}.work-fields{grid-template-columns:repeat(3,1fr)}.kanban{grid-template-columns:repeat(4,240px)}}@media(max-width:950px){.app{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 16px}.content{padding:16px 14px 80px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:61px;background:#fff;border-top:1px solid var(--line);z-index:50;justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#65757d;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:8px}.ops-layout,.grid-2,.dashboard-grid,.copilot-shell{grid-template-columns:1fr}.ops-side{order:-1}.side-sticky{position:static}.stats,.ops-kpis{grid-template-columns:repeat(2,1fr)}.approval-grid,.workflow-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}.hero-strip{align-items:flex-start;flex-direction:column;gap:20px}.top-action span,.date-chip{display:none}}@media(max-width:620px){.workspace-head,.page-title{align-items:flex-start;flex-direction:column}.workspace-head .toolbar{width:100%}.searchbox{min-width:0}.workspace-toolbar{gap:8px}.work-fields{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats,.ops-kpis{grid-template-columns:1fr 1fr}.hero-strip{padding:22px}.hero-strip h1{font-size:23px}.hero-actions{width:100%;flex-wrap:wrap}.login-box-wrap{padding:22px}.approval-meta{grid-template-columns:1fr}.approval-actions{flex-wrap:wrap}.cap-grid{grid-template-columns:1fr}}
.hidden{display:none!important}.dist-body{margin:0;background:#eef3f4;min-height:100vh}.dist-shell{min-height:100vh;display:grid;grid-template-columns:360px 1fr}.dist-side{background:linear-gradient(150deg,#102f31,#0b6555);color:#fff;display:flex;flex-direction:column}.dist-side .brand{border-color:rgba(255,255,255,.08)}.dist-copy{padding:70px 36px}.dist-copy>span,.dist-head>div>span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#79cdb7}.dist-copy h1{font-size:30px;line-height:1.08;letter-spacing:-1px}.dist-copy p{font-size:10px;line-height:1.7;color:#b7d0cc}.dist-main{padding:42px;max-width:1250px;width:100%;margin:auto}.dist-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}#authBox{max-width:520px;margin:6vh auto}.dist-form h2{font-size:20px;margin:22px 0 4px}.dist-form>p{font-size:9px;color:var(--muted);margin:0 0 18px}.dist-form label{display:flex;flex-direction:column;gap:5px;font-size:8px;text-transform:uppercase;letter-spacing:.4px;color:#66757d;font-weight:800;margin:10px 0}.dist-form input,.dist-form textarea{border:1px solid #dae4e7;background:#fbfcfd;border-radius:9px;padding:10px;font-size:11px;outline:0}.dist-form input:focus,.dist-form textarea:focus{border-color:#65b09d;box-shadow:0 0 0 3px #eaf5f2}.dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.dist-grid .full{grid-column:1/-1}.dist-msg{font-size:9px;margin-top:11px;border-radius:8px;padding:0}.dist-msg.ok,.dist-msg.bad{padding:9px}.dist-msg.ok{background:#e8f7f2;color:#08745c}.dist-msg.bad{background:#fff0f0;color:#b33f3f}.dist-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.dist-head h1{font-size:26px;margin:3px 0}.dist-head p{font-size:10px;color:var(--muted);margin:0}.dist-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.dist-card h2{font-size:14px;margin:0 0 12px}.dist-line-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.dist-line{display:grid;grid-template-columns:1fr 90px 90px 30px;gap:5px;margin:5px 0}.dist-line button{border:0;background:#fff0f0;color:#b33f3f;border-radius:7px}.dist-orders article{display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px solid #edf1f3}.dist-orders b{font-size:10px;display:block}.dist-orders span{font-size:8px;color:var(--muted)}.dist-orders em{font-style:normal;font-size:8px;font-weight:800;text-transform:capitalize;background:#eaf7f3;color:#08745c;padding:5px 7px;border-radius:999px}@media(max-width:900px){.dist-shell{grid-template-columns:1fr}.dist-side{display:none}.dist-main{padding:18px}.dist-two{grid-template-columns:1fr}}@media(max-width:560px){.dist-grid{grid-template-columns:1fr}.dist-line{grid-template-columns:1fr 65px 65px 30px}}

/* Professional application workspace standard */
.process-view,.control-view{display:flex;flex-direction:column;gap:18px}.process-head,.control-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line,#dfe7e3);border-radius:20px;background:linear-gradient(135deg,rgba(16,94,67,.08),rgba(255,255,255,.96))}.process-head small,.control-hero small{letter-spacing:.12em;font-size:10px;font-weight:800;color:#5d746b}.process-head h3,.control-hero h2{margin:5px 0 0}.process-head>span{font-size:12px;font-weight:700;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #dfe7e3}.process-lane{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.process-step{position:relative;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:17px;border:1px solid #e2e9e6;background:#fff;border-radius:16px;min-height:116px;box-shadow:0 8px 24px rgba(25,57,45,.04)}.process-index{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#edf7f2;color:#0f6749;font-weight:900}.process-step small{display:block;color:#718079;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.process-step b{display:block;margin:4px 0 7px}.process-step span{font-size:12px;color:#6b7672}.process-step em{grid-column:2;font-size:11px;font-style:normal;font-weight:800;color:#0f6749}.control-hero p{max-width:760px;margin:8px 0 0;color:#61706a;line-height:1.55}.control-score{min-width:135px;padding:16px;border-radius:16px;background:#0d6547;color:#fff;text-align:center}.control-score b{display:block;font-size:30px}.control-score span{font-size:11px;opacity:.82}.control-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.component-list>div{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;padding:12px;border:1px solid #e5ebe8;border-radius:13px;background:#fbfdfc}.component-list span{font-size:10px;font-weight:900;color:#799087}.component-list b{font-size:12px}.component-list i{color:#0b7651}.related-grid{display:flex;flex-direction:column;gap:8px}.related-grid button{width:100%;display:grid;grid-template-columns:25px 1fr 18px;gap:9px;align-items:center;text-align:left;border:1px solid #e4eae7;background:#fff;padding:11px 12px;border-radius:12px;cursor:pointer}.related-grid button:hover{border-color:#a8cbbd;background:#f6fbf8}.related-grid button span{display:flex;flex-direction:column}.related-grid button b{font-size:12px}.related-grid button small{font-size:10px;color:#77827e;margin-top:2px}.control-note{display:flex;gap:8px;align-items:center;margin-top:14px;padding:11px 12px;border-radius:12px;background:#f0f7f4;color:#466157;font-size:11px}.segmented{flex-wrap:wrap}@media(max-width:980px){.control-grid{grid-template-columns:1fr}.component-list{grid-template-columns:1fr}.control-hero{flex-direction:column}.control-score{width:100%}}

/* Real-work module tabs: validation, analytics, tools and executable builders */
.real-view{display:flex;flex-direction:column;gap:16px}.real-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f0f8f5,#fff)}.real-hero small{font-size:9px;letter-spacing:1.4px;font-weight:900;color:var(--primary)}.real-hero h2{margin:5px 0 6px;font-size:21px}.real-hero p{margin:0;color:var(--muted);font-size:10px;line-height:1.6;max-width:760px}.real-score{min-width:130px;background:var(--primary);color:#fff;border-radius:14px;padding:13px;text-align:center}.real-score b{font-size:24px;display:block}.real-score span{font-size:8px;opacity:.8}.validation-list{display:flex;flex-direction:column;gap:8px}.validation-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--line);background:#fff;border-radius:13px}.validation-row.bad{border-left:3px solid var(--danger)}.validation-row.good{border-left:3px solid var(--success)}.validation-row>div:first-child b{display:block;font-size:11px}.validation-row>div:first-child span,.validation-result span{font-size:8px;color:var(--muted)}.validation-result{display:flex;align-items:center;gap:8px}.row-tools,.tool-buttons{display:flex;gap:7px;flex-wrap:wrap}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full-span{grid-column:1/-1}.metric-bars{padding:14px;display:flex;flex-direction:column;gap:9px}.metric-bars>div{display:grid;grid-template-columns:120px 1fr 38px;gap:10px;align-items:center;font-size:9px}.metric-bars>div>div{height:7px;border-radius:99px;background:#edf2f0;overflow:hidden}.metric-bars i{height:100%;display:block;border-radius:99px;background:var(--primary)}.quality-cards,.numeric-grid{padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quality-cards>div,.numeric-grid>div{background:#f8fbfa;border:1px solid #e6ece9;border-radius:12px;padding:13px}.quality-cards b,.numeric-grid b{font-size:18px;display:block}.quality-cards span,.numeric-grid span,.numeric-grid small{font-size:8px;color:var(--muted);display:block}.studio-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:14px}.studio-select{width:calc(100% - 28px);margin:14px;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.definition-table{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}.definition-table>div{border:1px solid #e7ecea;border-radius:10px;padding:9px;background:#fafcfb}.definition-table span{display:block;font-size:7px;text-transform:uppercase;color:var(--muted);font-weight:800}.definition-table b{display:block;font-size:10px;margin-top:3px}.schema-list{display:flex;flex-direction:column;gap:6px;padding:0 14px 14px}.schema-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:9px;background:#f7faf9}.schema-list b{font-size:9px}.schema-list span{font-size:8px;color:var(--muted)}.test-form{padding:14px}.test-form .field{margin-bottom:10px}.test-result{margin-top:12px;padding:11px;border-radius:10px;display:flex;flex-direction:column;gap:3px}.test-result b{font-size:10px}.test-result span{font-size:8px}.test-result.pass{background:#e9f7f1;color:#08795f}.test-result.fail{background:#fff0f0;color:#b23f3f}.tool-buttons{padding:0 14px 14px}@media(max-width:980px){.analytics-grid,.studio-grid{grid-template-columns:1fr}.quality-cards,.numeric-grid{grid-template-columns:1fr 1fr}.validation-row{grid-template-columns:1fr}.real-hero{flex-direction:column}.real-score{width:100%}}@media(max-width:600px){.quality-cards,.numeric-grid,.definition-table{grid-template-columns:1fr}}
.field-hint{display:block;margin-top:5px;font-size:11px;color:var(--muted,#718096)}
.line-table select{min-width:120px;width:100%}

/* GPS capture */
.gps-field{grid-column:span 2}.gps-row{display:flex;gap:8px;align-items:center}.gps-row input{flex:1}.gps-row .btn{white-space:nowrap}.gps-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;margin-top:6px}.gps-meta small{color:var(--muted,#6b7280)}.gps-meta a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;text-decoration:none}.gps-field .field-hint{display:block;margin-top:4px}@media(max-width:760px){.gps-field{grid-column:span 1}.gps-row{align-items:stretch;flex-direction:column}.gps-row .btn{justify-content:center}}
/* PharmaNexus X2 modular navigation + visual workflow studio */
.nav-section{margin:2px 0}.nav-group-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;cursor:pointer;padding-right:14px}.nav-children{animation:navOpen .16s ease-out}@keyframes navOpen{from{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:none}}
.wf-studio{min-width:0}.wf-meta{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end;background:var(--card,#fff);border:1px solid var(--border,#e8edf3);border-radius:16px;padding:16px;margin-bottom:16px}.wf-switch{display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:700}.wf-layout{display:grid;grid-template-columns:220px minmax(420px,1fr) 300px;gap:16px;align-items:start}.wf-palette,.wf-properties,.wf-canvas{background:var(--card,#fff);border:1px solid var(--border,#e6ebf1);border-radius:18px;box-shadow:0 8px 24px rgba(17,24,39,.04)}.wf-palette,.wf-properties{padding:16px;position:sticky;top:76px}.wf-palette h3,.wf-properties h3{margin:0 0 5px}.wf-palette>p{font-size:12px;color:var(--muted,#728096);margin:0 0 12px}.wf-palette-node{display:flex;align-items:center;gap:9px;border:1px solid #e4eaf2;border-radius:11px;padding:10px 11px;margin:7px 0;background:#fbfcfe;cursor:grab;font-weight:650;font-size:13px}.wf-palette-node:hover{border-color:#aebdd2;background:#f5f8fc;transform:translateX(2px)}.wf-canvas{padding:18px;min-height:650px;background-image:radial-gradient(#dbe3ee 1px,transparent 1px);background-size:18px 18px}.wf-canvas-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wf-canvas-title span{font-size:12px;color:var(--muted,#728096)}.wf-node{max-width:520px;margin:0 auto;display:grid;grid-template-columns:46px 1fr 28px;gap:12px;align-items:center;padding:13px 14px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.06);cursor:pointer}.wf-node.selected{outline:3px solid rgba(59,130,246,.16);border-color:#60a5fa}.wf-node small{display:block;color:#7b8798;font-size:10px;font-weight:800;letter-spacing:.06em}.wf-node b{display:block;margin-top:2px}.wf-node span{display:block;color:#667085;font-size:12px;margin-top:2px}.wf-node>button{border:0;background:transparent;color:#98a2b3;cursor:pointer}.wf-node-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#315fbd}.wf-node-icon.approval{background:#ecfdf3;color:#16855a}.wf-node-icon.condition{background:#fff7ed;color:#c55a11}.wf-node-icon.end{background:#fef2f2;color:#bb3434}.wf-node-icon.wait{background:#f5f3ff;color:#6d4bc3}.wf-connector{height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7e8ba0}.wf-connector span{height:18px;border-left:2px solid #bac6d4}.wf-drop{max-width:520px;margin:6px auto;height:20px;border:1px dashed transparent;border-radius:8px;text-align:center;font-size:10px;line-height:18px;color:transparent}.wf-drop:hover,.wf-drop.end{border-color:#b9c7d8;color:#8290a3;background:rgba(255,255,255,.72)}.wf-drop.end{height:38px;line-height:36px;margin-top:12px}.wf-properties .field{margin-bottom:13px}.wf-hint{font-size:12px;line-height:1.5;color:#667085;background:#f7f9fc;border-radius:10px;padding:10px;display:flex;gap:7px}.wf-prop-form textarea{resize:vertical}@media(max-width:1180px){.wf-layout{grid-template-columns:190px 1fr}.wf-properties{grid-column:1/-1;position:static}.wf-meta{grid-template-columns:1fr 1fr}}@media(max-width:760px){.wf-layout{grid-template-columns:1fr}.wf-palette,.wf-properties{position:static}.wf-meta{grid-template-columns:1fr}.wf-canvas{min-height:480px}}

/* === PharmaNexus X3 Enterprise Clinical Theme === */
:root{
  --bg:#f5f7fb;--surface:#ffffff;--surface2:#f8fafc;--text:#132238;--muted:#6f7d90;--line:#dfe6ee;
  --nav:#0b1630;--nav2:#111f3e;--primary:#0f6f78;--primary2:#12a3a6;--accent:#d6a84f;
  --danger:#c74652;--warning:#b9791a;--success:#16866d;--shadow:0 18px 46px rgba(22,34,56,.10);--r:18px;--r2:12px;
}
html,body,#root{background:linear-gradient(180deg,#f7f9fc 0,#f3f6fa 100%);color:var(--text)}
.sidebar{background:linear-gradient(180deg,#08142c 0%,#0c1b37 56%,#0b1730 100%);box-shadow:16px 0 42px rgba(7,18,43,.14)}
.brand{height:82px;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent);border-bottom-color:rgba(255,255,255,.07)}
.brandmark{background:linear-gradient(145deg,#12a8a4,#0d6676);border-radius:13px;box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.22)}
.brand b{font-size:18px;letter-spacing:-.45px}.brand small{color:#8fa7bf}
.nav-search{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);height:40px}.nav-group{color:#7d94ad}.nav-item{color:#b9c7d7;height:40px;border-radius:10px}.nav-item:hover{background:rgba(22,163,166,.10);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(21,157,161,.27),rgba(18,123,137,.09));box-shadow:inset 0 0 0 1px rgba(89,211,210,.11)}.nav-item.active .nav-icon{background:linear-gradient(145deg,#178893,#10656f)}
.topbar{height:82px;background:rgba(255,255,255,.94);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 22px rgba(25,36,55,.04)}
.content{padding:30px}.workspace-head h1,.page-title h1{font-size:28px;color:#11213a}.crumb,.eyebrow{color:#0d7480}.btn{border-radius:11px;min-height:38px}.btn.primary{background:linear-gradient(135deg,#0f7480,#10969a);border-color:#0f7480;box-shadow:0 7px 18px rgba(15,116,128,.16)}.btn.primary:hover{box-shadow:0 10px 24px rgba(15,116,128,.23)}
.panel,.stat,.feature-card,.dist-card,.wf-palette,.wf-properties,.wf-canvas{border-color:#e1e7ef;box-shadow:0 8px 28px rgba(26,42,68,.055)}
.panel-head{background:linear-gradient(180deg,#fff,#fbfcfe)}
.hero-strip{background:radial-gradient(circle at 85% 15%,rgba(45,213,207,.16),transparent 24%),linear-gradient(120deg,#0b1730,#0b3852 55%,#0d6773);box-shadow:0 26px 58px rgba(11,34,59,.20)}
.hero-strip .eyebrow{color:#78e0da}.hero-strip p{color:#c3d2df}.stats{gap:14px}.stat{border-radius:17px}.stat-icon{background:#eaf7f7;color:#0f7880}.stat .num{color:#12233c}.ops-kpis>div{border-color:#e2e8ef;box-shadow:0 5px 18px rgba(28,44,70,.035)}
.searchbox,.date-chip,.top-action,.icon-btn{border-color:#dde5ee}.segmented{background:#edf1f6}.segmented button.active{background:#fff;color:#0f7480;box-shadow:0 3px 10px rgba(35,48,70,.08)}
.table-wrap table thead th{background:#f7f9fc;color:#5a6b80;border-bottom-color:#dfe6ee}.table-wrap table tbody tr:hover{background:#f7fbfc}.badge,.status-badge{border-radius:999px;font-weight:800}
.wf-meta{border-color:#dfe7ef;box-shadow:0 8px 24px rgba(27,41,66,.045)}.wf-canvas{background-color:#f9fbfd;background-image:radial-gradient(#cbd8e6 1px,transparent 1px);background-size:20px 20px}.wf-palette-node{background:#fbfdff;border-color:#dde6ef}.wf-palette-node:hover{border-color:#6dc5c6;background:#f0fbfb}.wf-node{border-color:#dce5ee;box-shadow:0 8px 22px rgba(22,37,62,.08)}.wf-node.selected{outline:3px solid rgba(15,148,153,.14);border-color:#28a7aa}.wf-node-icon{background:#edf4ff;color:#315fb6}.wf-node-icon.approval{background:#e9f8f3;color:#118069}.wf-node-icon.condition{background:#fff7e8;color:#a76c16}.wf-node-icon.wait{background:#f3efff;color:#694bb1}.wf-node-icon.end{background:#fff0f2;color:#b83d4a}
.real-hero,.control-hero{background:linear-gradient(135deg,#f2f9fa,#fff 55%,#f8fafc)}.real-score,.control-score{background:linear-gradient(135deg,#0c6e78,#119b9d)}
input,select,textarea{border-color:#dbe4ed!important;border-radius:10px!important;background:#fff!important;color:#1b2c43}input:focus,select:focus,textarea:focus{border-color:#46aeb0!important;box-shadow:0 0 0 3px rgba(18,163,166,.11)!important;outline:0}
@media(max-width:760px){.content{padding:18px}.topbar{height:70px}.brand{height:70px}}

/* Organization & Organogram */
.org-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.org-kpis>div{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.org-kpis svg{width:24px;height:24px;color:var(--accent)}.org-kpis span{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.org-kpis b{font-size:24px;line-height:1;color:var(--text);margin-bottom:5px}.org-tabs{margin-bottom:16px}.org-panel{overflow:hidden}.org-panel .panel-head select{max-width:250px}.org-legend{display:flex;gap:20px;padding:10px 18px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.org-legend span{display:flex;align-items:center;gap:8px}.org-legend i{display:block;width:28px;border-top:2px solid var(--accent)}.org-legend .dotted-line{border-top-style:dashed}.org-canvas{overflow:auto;padding:32px;min-height:420px;background-image:radial-gradient(circle at 1px 1px,rgba(100,116,139,.16) 1px,transparent 0);background-size:20px 20px}.org-branch{display:flex;flex-direction:column;align-items:center;position:relative;min-width:230px}.org-card{width:220px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center;position:relative;box-shadow:var(--shadow-sm);z-index:2}.org-card .avatar{flex:0 0 auto}.org-person{min-width:0;display:flex;flex-direction:column}.org-person b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-person span{font-size:11px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-person small{font-size:10px;color:var(--muted);margin-top:2px}.org-count{position:absolute;top:-9px;right:-8px;background:var(--accent);color:white;border-radius:999px;font-size:10px;font-weight:800;min-width:21px;height:21px;display:grid;place-items:center;border:2px solid var(--surface)}.org-children{display:flex;align-items:flex-start;justify-content:center;gap:22px;margin-top:38px;position:relative;padding-top:18px}.org-children:before{content:"";position:absolute;top:-20px;left:50%;height:38px;border-left:2px solid rgba(45,212,191,.45)}.org-children>.org-branch:before{content:"";position:absolute;top:-18px;left:50%;height:18px;border-left:2px solid rgba(45,212,191,.45)}.org-children>.org-branch:not(:only-child):after{content:"";position:absolute;top:-18px;left:-11px;right:-11px;border-top:2px solid rgba(45,212,191,.45)}.dept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dept-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.dept-top{display:flex;justify-content:space-between;align-items:center}.dept-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(45,212,191,.1);color:var(--accent)}.dept-card h3{margin:14px 0 2px}.dept-card>span{font-size:11px;color:var(--muted)}.dept-card p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.dept-metrics{display:flex;gap:10px;margin:14px 0}.dept-metrics>div{flex:1;background:var(--surface-2);border-radius:10px;padding:9px;display:flex;flex-direction:column}.dept-metrics b{font-size:18px}.dept-metrics span{font-size:10px;color:var(--muted)}.dept-foot{border-top:1px solid var(--border);padding-top:12px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.dept-foot>span{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.dept-foot>span b{font-size:10px;text-transform:uppercase;color:var(--text);margin-bottom:2px}.reporting-list{display:flex;flex-direction:column}.reporting-list>div{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.reporting-list>div>div:not(.avatar){display:flex;flex-direction:column}.reporting-list b{font-size:12px}.reporting-list span{font-size:10px;color:var(--muted)}.good-text{color:#16a34a;font-weight:700;font-size:12px}.warn-text{color:#d97706;font-weight:700;font-size:12px}@media(max-width:1100px){.org-kpis{grid-template-columns:repeat(3,1fr)}.dept-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.org-kpis{grid-template-columns:repeat(2,1fr)}.dept-grid{grid-template-columns:1fr}.org-canvas{padding:20px 10px}.org-children{gap:12px}.org-card{width:190px}.org-legend{flex-direction:column;gap:7px}.reporting-list>div{grid-template-columns:auto 1fr}.reporting-list>div>svg{display:none}}