:root{--navy:#1f4073;--navy-dark:#1a395e;--navy-deep:#1b3760;--blue:#1b6eac;--border:#d5e0ec;--text:#0f2745;--muted:#647b98;--bg:#f1f6fc;--white:#fff;font-family:'Source Sans 3',system-ui,sans-serif;color:var(--text);font-size:16px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);font-family:'Source Sans 3',Arial,sans-serif}button,input,select{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:#174e86}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6bb5eb;outline-offset:2px}.icon{display:inline-block;flex-shrink:0}.brandmark{display:grid;place-items:center;width:48px;height:43px;background:#fff;color:#214477;border-radius:12px;font-size:20px;font-weight:750;letter-spacing:.08em}.brandmark.dark{background:#26528b;color:#fff}.brandname{font-size:23px;font-weight:750;letter-spacing:-.035em;color:#fff}.brandname small{font-size:12px;letter-spacing:.05em;margin-left:2px;color:#cee3ff}.qa-banner{min-height:35px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff2d6;border-bottom:1px solid #dfcb96;color:#6c4a05;font-size:12px;padding:7px 18px;position:relative;z-index:50}.qa-banner span{font-weight:450}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:800;color:#bcd5fa}.eyebrow.navy{color:#315999}.muted-label{font-size:12px;letter-spacing:.04em;font-weight:700;color:#6a7f9c}.btn{border:1px solid #cbd9e8;background:#fff;color:#163758;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;min-height:45px;padding:10px 18px;font-weight:700;font-size:15px;transition:background .15s ease}.btn.primary{color:#fff;background:#244681;border-color:#244681}.btn.primary:hover:not(:disabled){background:#193660}.btn.secondary{background:#f3f6fb}.btn.secondary:hover:not(:disabled){background:#e8f0fb}.btn.plain{border:0;background:transparent}.btn.full{width:100%}.text-link{border:0;background:transparent;color:#284f87;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:4px 12px}.text-link:hover{text-decoration:underline}.alert-box{display:flex;align-items:flex-start;gap:8px;background:#fff0e9;border:1px solid #ffd0ba;padding:10px 14px;border-radius:9px;color:#773820;font-size:14px;margin-top:14px}.alert-box span{flex:1}.alert-box button{border:0;background:transparent;font-size:22px;line-height:1;color:inherit}.chip{font-size:12px;font-weight:700;border-radius:20px;padding:6px 10px}.chip.blue{background:#e3edf9;color:#315f99}.startup{display:grid;place-items:center;align-content:center;min-height:95vh;gap:8px}.startup h1{font-size:26px;margin:15px 0 0}.startup p{color:var(--muted);margin:0}
/* Welcome: approved StockFlow-style split layout */
.welcome{display:grid;grid-template-columns:43.5% 56.5%;min-height:calc(100vh - 35px)}.welcome-left{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 105% 110%,rgba(25,154,198,.66),transparent 55%),linear-gradient(141deg,#334f89 0%,#1e376e 57%,#1b5187 100%);padding:clamp(45px,7.6vh,94px) clamp(30px,5.6vw,90px);display:flex;flex-direction:column;justify-content:center;gap:30px}.welcome-left:after{content:'';position:absolute;border:1px solid rgba(180,227,255,.19);width:430px;height:430px;border-radius:50%;right:-240px;bottom:-200px;box-shadow:0 0 0 95px rgba(138,201,236,.035),0 0 0 185px rgba(138,201,236,.04);pointer-events:none}.wl-top{z-index:1}.large-mark{background:#fff;color:#214477;border-radius:24px;width:86px;height:86px;font-size:29px;font-weight:700;display:grid;place-items:center;margin-bottom:18px}.welcome-left h1{font-size:clamp(32px,3.1vw,54px);line-height:1.12;letter-spacing:-.037em;font-weight:700;max-width:625px;margin:32px 0 22px}.welcome-left p{font-size:clamp(16px,1vw,20px);line-height:1.6;max-width:650px;margin:0}.welcome-features{display:grid;gap:12px;max-width:645px;z-index:1}.welcome-features>div{background:#ffffff12;border:1px solid #ffffff38;border-radius:14px;display:flex;gap:15px;align-items:center;padding:13px 16px}.welcome-features svg{width:40px;height:40px;background:#ffffff20;padding:10px;border-radius:9px}.welcome-features span{display:grid;gap:2px}.welcome-features b{font-size:14px}.welcome-features small{font-size:13px;color:#dbebff;line-height:1.3}.welcome-right{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:34px clamp(20px,5vw,90px);background:radial-gradient(circle at 60% 100%,#e4ebf5,#f0f4fa 70%)}.welcome-card{background:#fff;width:100%;max-width:875px;padding:clamp(25px,3.3vw,53px);border-radius:28px;box-shadow:0 22px 46px #12284923;border:1px solid #e2e8ef}.welcome-card h2{font-size:clamp(28px,2vw,36px);line-height:1.12;letter-spacing:-.025em;margin:17px 0 13px}.welcome-card>p{color:#687e9d;font-size:17px;margin:0 0 25px}.licence-panel{background:#f4f6fa;border:1px solid #d7e0ed;border-radius:17px;overflow:hidden}.plan-head{display:grid;padding:20px;gap:3px}.plan-head strong{font-size:20px;color:#122740}.plan-head small,.plan-foot small{font-size:13px;color:#687e99}.plan-foot{padding:14px 18px;display:flex;gap:14px;align-items:center;border-top:1px solid #d7e0ed}.plan-foot>svg{width:45px;height:45px;padding:12px;border-radius:10px;background:#eaf0fc;color:#355da0}.plan-foot>div{display:grid;gap:2px}.plan-foot strong{font-size:15px}.local-company{display:flex;align-items:center;gap:14px;background:#f8fafe;border:1px solid #d9e4f1;border-radius:15px;padding:17px 18px;margin-top:17px}.local-company>div:nth-child(2){flex:1;display:grid;gap:1px}.local-company strong{font-size:20px}.local-company small{color:#6480a7;font-size:12px;font-weight:700;letter-spacing:.03em}.local-company p{color:#6a829d;font-size:12px;margin:2px 0 0}.company-symbol{width:48px;height:48px;border-radius:12px;background:#e9efff;color:#25568a;display:grid;place-items:center;flex-shrink:0;font-weight:800}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.welcome-card>.text-link{margin:15px auto 0;display:flex}.welcome-foot{font-size:12px;color:#8a9db4;margin-top:14px;text-align:center}
/* Company manager */
.management-wrap{padding:45px 20px;min-height:calc(100vh - 35px);display:grid;place-items:center}.management-card{width:min(1120px,100%);background:#fff;border-radius:25px;border:1px solid #d8e3ef;padding:42px;box-shadow:0 2px 5px #243f6510}.management-card>.brandmark{width:87px;height:55px;margin-bottom:5px}.management-card>.eyebrow{margin-bottom:27px}.management-card h1{font-size:36px;margin:0 0 2px}.management-card>p{font-size:17px;color:#667d99;line-height:1.5;margin:0 0 26px}.listed-company{display:flex;align-items:center;background:#f2f6ff;border:1px solid #d2dff1;padding:19px 21px;gap:22px;border-radius:15px}.listed-company>div{flex:1;display:grid;gap:3px}.listed-company strong{font-size:18px}.listed-company small{color:#6682a5}.license-capacity{border:1px solid #d3dfed;padding:25px 22px;border-radius:15px;margin-top:18px;background:#f7f9fd}.license-capacity p{margin:11px 0 0;color:#6682a3}.licensed-action{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:22px;border-radius:15px;border:1px solid #d4e0ee;margin-top:18px;background:#fafcff}.licensed-action p{font-size:14px;line-height:1.6;color:#58799e}.license-side{border:1px solid #d4e0ee;background:white;padding:21px;border-radius:12px;line-height:1.5}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.button-row.right{justify-content:flex-end}
/* Auth */
.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 35px);padding:30px;background:linear-gradient(140deg,#eef5fc,#f6f9fc)}.auth-card{background:white;border:1px solid #d6e2ef;border-radius:22px;box-shadow:0 22px 35px #183f6a17;max-width:625px;width:100%;overflow:hidden}.auth-header{height:88px;display:flex;align-items:center;gap:11px;padding:20px 30px;border-bottom:1px solid #e2eaf1}.auth-header .brandmark{background:#21558c;color:white}.auth-header .brandname{color:#142944}.auth-header .brandname small{color:#40628a}.access-chip{margin-left:auto;border:1px solid #d8e9de;background:#f0faf5;color:#22764e;padding:7px 11px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.auth-body{padding:33px 32px 30px}.auth-body h1{font-size:30px;margin:13px 0 5px;line-height:1.12}.auth-body>p{font-size:16px;color:#6a8098;margin-bottom:28px}.vertical-form{display:grid;gap:18px}.vertical-form label,.form-grid label{display:grid;gap:7px;font-weight:700;font-size:15px}.vertical-form input,.form-grid input,.form-grid select,.probe-form input{border:1px solid #cbd9e6;background:#f8fbff;color:#142a42;border-radius:10px;padding:11px 12px;width:100%;min-height:47px}.vertical-form .btn{margin-top:2px}.trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.trust-badges span{border:1px solid #e0e8f0;background:#fafcff;padding:10px 11px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:12px;color:#667e9b}.auth-footer{background:#f8fafc;border-top:1px solid #e2eaf1;text-align:center;padding:13px}
/* App shell */
.shell{min-height:calc(100vh - 35px)}.topbar{background:#fff;height:76px;border-bottom:1px solid #d5e2ef;display:flex;align-items:center;padding:0 27px;gap:16px;position:sticky;top:0;z-index:20}.menu-btn{border:1px solid #d4e2f0!important;border-radius:14px!important;width:50px;height:48px!important}.icon-button{display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#2b557e;height:39px;min-width:39px;padding:7px}.icon-button:hover{background:#e7eff9}.breadcrumb{display:flex;gap:12px;align-items:center}.breadcrumb>svg{color:#7e95ae}.breadcrumb>div{display:grid}.breadcrumb small{font-size:12px;font-weight:700;letter-spacing:.06em;color:#8091a8}.breadcrumb strong{font-size:18px;line-height:1.1}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.company-pill,.turn-pill{display:flex;align-items:center;gap:8px;border:1px solid #d8e3ef;background:#f7f9fc;padding:9px 13px;border-radius:11px;font-size:12px;font-weight:700;color:#4d6987}.turn-pill{border-radius:25px;background:#eaf9f1;border-color:#cde7dd;color:#237654}.status-dot{width:10px;height:10px;border-radius:50%;background:#4dc98a;box-shadow:0 0 0 4px #4dc98a20;display:inline-block;flex-shrink:0}.user-chip,.initials{display:grid;place-items:center;min-width:37px;height:37px;border-radius:10px;color:#26598b;background:#e6effb;font-size:12px;font-weight:750}.user-label{white-space:nowrap;font-size:13px;font-weight:700}.shell-content{max-width:1920px;margin:0 auto;padding:22px 32px}.headline{background:white;border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px;box-shadow:0 2px 8px #254f7210}.headline h1{font-size:32px;margin:2px 0 4px;line-height:1.1;letter-spacing:-.025em}.headline p{font-size:14px;color:#637f9d;margin:0}.quick-actions{display:flex;gap:9px;flex-wrap:wrap}.quick-actions .btn{min-height:46px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi{background:white;border:1px solid var(--border);border-radius:12px;min-height:128px;display:flex;align-items:center;gap:15px;padding:18px;box-shadow:0 2px 8px #254f7210}.kpi-icon{width:57px;height:57px;display:grid;place-items:center;color:white;border-radius:12px;flex-shrink:0}.kpi-icon.teal{background:linear-gradient(140deg,#15b9a6,#0d9085)}.kpi-icon.blue{background:linear-gradient(140deg,#4089fb,#1658c5)}.kpi-icon.purple{background:linear-gradient(140deg,#9758ff,#6729d8)}.kpi-icon.orange{background:linear-gradient(140deg,#ffaa20,#eb7d04)}.kpi>div:nth-child(2){display:grid;min-width:0}.kpi span{font-weight:800;color:#7186a1;font-size:12px;letter-spacing:.025em}.kpi strong{font-size:29px;line-height:1.2}.kpi small{color:#7a91ac;font-size:12px}.data-panels{display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,1fr);gap:17px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #254f7210}.panel header{padding:19px 21px;background:#f8fbff;border-bottom:1px solid #e0e9f1;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{font-size:18px;margin:0 0 3px}.panel header p{font-size:13px;margin:0;color:#7690a9}.label-muted{border:1px solid #d4e4ef;border-radius:8px;color:#4d7191;padding:7px 9px;font-size:12px}.empty-chart{height:292px;display:grid;place-items:center;padding:20px}.empty-dash{display:grid;place-items:center;text-align:center;gap:12px;color:#7790a8}.empty-dash strong{color:#496887;font-size:17px}.empty-dash span{font-size:13px;max-width:380px}.empty-side{display:grid;place-content:center;place-items:center;text-align:center;gap:8px;padding:24px;color:#728bab;min-height:285px}.empty-side b{color:#496887}.empty-side p{font-size:13px;margin:0;max-width:250px}.empty-side.compact{min-height:110px}.table-panel{margin-top:18px}.simple-table{display:grid}.simple-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:13px 20px;border-bottom:1px solid #e7edf4}.simple-table>div:last-child{border-bottom:0}.simple-table .table-head{background:#f7faff;color:#607c9a}.center-empty{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px;gap:12px;color:#8198b0}.center-empty h2{color:#1b395d;margin:0}.center-empty p{max-width:550px;line-height:1.6;margin:0 0 12px}.page-footer{font-size:12px;color:#8d9fb3;text-align:center;padding:21px 10px}.panel.pad{padding:23px}.panel.pad h2{margin:0 0 14px}.between{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.form-divider{border-top:1px solid #e0e8ef;margin:23px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.microcopy{font-size:14px;line-height:1.5;color:#69829b}.diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diag-grid>div{border:1px solid #d7e2ef;background:#f8fafd;padding:14px;border-radius:10px;display:grid;gap:5px;min-width:0}.diag-grid small{color:#7188a0;font-weight:700}.diag-grid strong{overflow-wrap:anywhere}.probe-form{display:flex;gap:10px}.probe-form input{flex:1}
/* Sidebar */
.sidebar-scrim{inset:35px 0 0;position:fixed;background:#091f38a3;z-index:89;opacity:0;visibility:hidden;transition:opacity .2s}.sidebar-scrim.open{opacity:1;visibility:visible}.sidebar{width:356px;max-width:90vw;position:fixed;z-index:90;top:35px;left:0;bottom:0;background:#1c3b60;color:#e4effb;transform:translateX(-103%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:6px 0 12px #142c4c28}.sidebar.open{transform:translateX(0)}.side-brand{display:flex;gap:12px;align-items:center;padding:20px 19px 18px}.side-brand .brandmark{width:61px;height:42px;font-size:18px}.side-brand .brandname{font-size:25px}.close-side{margin-left:auto;color:#e9f4ff;border:1px solid #ffffff38}.side-company{background:#2a4b73;margin:0 14px 16px;padding:15px;border-radius:13px;display:flex;gap:12px;align-items:center;border:1px solid #ffffff16}.side-company div{display:grid;gap:3px}.side-company small{color:#b8cae1}.side-company b{font-size:14px;color:#fff}.side-scroll{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#6d89a5 #23456c;padding:0 14px 12px}.side-group{display:grid;gap:4px;margin:3px 0 17px}.side-group-label{color:#96b3d0;font-size:12px;letter-spacing:.09em;font-weight:800;padding:8px 10px}.nav-option{border:0;border-radius:7px;background:transparent;color:#e5f1ff;width:100%;min-height:45px;display:flex;align-items:center;gap:13px;padding:10px 14px;text-align:left;font-size:15px;font-weight:650}.nav-option:hover{background:#ffffff15}.nav-option.selected{background:#355e87;box-shadow:inset 3px 0 0 #adcbf6}.nav-option span{flex:1}.nav-option small{font-size:10px;color:#a6bad0}.side-user{border-top:1px solid #ffffff27;padding:15px;display:flex;align-items:center;gap:12px;background:#1a3655}.side-user .initials{background:#3b628b;color:#fff}.side-user div{display:grid;gap:3px;flex:1}.side-user small{color:#b5c9e1;font-size:12px}.side-user .icon-button{border:1px solid #ffffff18;color:#fff}
@media(max-width:1250px){.topbar .company-pill{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-panels{grid-template-columns:1fr}.welcome-left{padding:40px 40px}.welcome-right{padding:30px}.welcome-card{padding:30px}.welcome-left h1{font-size:35px}.management-card{padding:32px}}
@media(max-width:850px){.welcome{grid-template-columns:1fr}.welcome-left{min-height:auto;padding:26px 24px;gap:15px}.welcome-left h1{font-size:34px;margin:18px 0}.welcome-left .large-mark{width:52px;height:52px;border-radius:13px;font-size:19px}.welcome-features{grid-template-columns:1fr 1fr}.welcome-features>div:nth-child(3){display:none}.welcome-features>div{padding:8px}.welcome-features small{display:none}.welcome-right{padding:18px;min-height:550px}.welcome-card{padding:24px;border-radius:19px}.management-wrap{padding:20px}.licensed-action{grid-template-columns:1fr}.topbar-right .user-label,.topbar .turn-pill{display:none}.shell-content{padding:14px}.headline{align-items:flex-start;flex-direction:column}.diag-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.qa-banner{font-size:11px;flex-wrap:wrap;gap:3px}.welcome-features{display:none}.welcome-left h1{font-size:30px}.welcome-left p{font-size:15px}.welcome-card h2{font-size:27px}.action-grid{grid-template-columns:1fr}.local-company{padding:13px}.local-company strong{font-size:16px}.management-card{padding:20px}.management-card h1{font-size:29px}.management-card>p{font-size:14px}.listed-company{padding:12px}.licensed-action{padding:13px}.auth-wrap{padding:13px}.auth-header{padding:12px}.auth-header .brandname{font-size:18px}.access-chip{font-size:10px}.auth-body{padding:20px}.trust-badges{grid-template-columns:1fr}.topbar{padding:0 10px;gap:7px}.topbar-right{gap:5px}.topbar-right .user-chip{display:none}.breadcrumb strong{font-size:15px}.kpi-grid{gap:8px}.kpi{min-height:99px;gap:7px;padding:10px}.kpi-icon{width:41px;height:41px}.kpi-icon svg{width:20px;height:20px}.kpi span{font-size:10px}.kpi strong{font-size:26px}.kpi small{font-size:11px}.form-grid{grid-template-columns:1fr}.diag-grid{grid-template-columns:1fr}.probe-form{flex-direction:column}.simple-table>div{font-size:12px}}
/* F3 Catalogues / asset profile. Dedicated namespace; does not alter Foundation. */
.f3-panel{margin-bottom:16px}.f3-panel h2{font-size:19px;margin:0 0 8px}.f3-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.f3-between h3{font-size:18px;margin:0}.f3-between h2{margin:0}.f3-muted{color:#6e859d;font-size:13px}.f3-smallhint{font-size:12px;color:#7b91a8;margin:12px 0}.f3-note{border:1px solid #d4e4f2;border-radius:9px;background:#f4f9fd;color:#55718c;padding:11px 14px;font-size:13px;display:flex;align-items:center;gap:8px;line-height:1.4;margin:12px 0}.f3-photo-note{display:flex;align-items:center;gap:11px;color:#647c95;border:1px dashed #c0d1e3;background:#fbfdff;padding:13px;border-radius:10px;margin-top:14px;font-size:13px}.f3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.f3-field{display:grid;gap:7px;color:#415d78;font-size:13px;font-weight:700;min-width:0}.f3-field>span{display:block}.f3-field input,.f3-field select,.f3-field textarea,.f3-filter input,.f3-filter select{display:block;min-width:0;width:100%;background:#fff;border:1px solid #cbd9e6;border-radius:8px;padding:10px 11px;color:#183650;font-size:14px;min-height:44px;font-weight:500}.f3-field textarea{resize:vertical}.f3-field input:focus,.f3-field select:focus,.f3-field textarea:focus{outline:2px solid #a4c9f2;outline-offset:1px}.f3-field input[readonly]{background:#f0f5f9;color:#647c93}.f3-wide{grid-column:1/-1}.f3-formcard{border:1px solid #c9dbee;background:#f8fbff;padding:18px;border-radius:12px;margin:16px 0 20px}.f3-formfooter{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.f3-subheader{font-size:15px;color:#204264;font-weight:800;padding:6px 0 10px;border-bottom:1px solid #dde7f0;margin-bottom:15px}.f3-subheader:not(:first-child){margin-top:16px}.f3-table-wrap{overflow:auto;border:1px solid #dfe8f2;border-radius:11px}.f3-table{border-collapse:collapse;width:100%;font-size:13px;min-width:620px}.f3-table thead{background:#f4f8fd}.f3-table th{text-align:left;color:#647d98;font-size:12px;white-space:nowrap;padding:13px 12px;font-weight:800}.f3-table td{border-top:1px solid #e6eef5;padding:12px;color:#304c6a;vertical-align:middle}.f3-table td b{font-weight:800;color:#1a3b60}.f3-table td small{display:block;color:#748ba2;margin-top:3px}.f3-table tbody tr:hover{background:#f8fbff}.f3-right{text-align:right;white-space:nowrap}.btn.small{font-size:12px!important;min-height:33px!important;padding:7px 11px!important}.f3-status{font-size:11px;border-radius:18px;display:inline-block;padding:5px 10px;font-weight:750;white-space:nowrap;background:#e9f8ee;color:#217048}.f3-status.off{color:#a14b37;background:#fff0e9}.f3-status.warn{color:#86650e;background:#fff4d9}.f3-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:36px 18px;color:#8096ae;font-size:13px}.f3-empty strong{font-size:14px;color:#466883}.f3-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.f3-filter label{font-size:13px;font-weight:700;color:#5f7891;display:grid;gap:5px;flex:1;min-width:140px}.f3-filter label:first-child{flex:2}.f3-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.f3-statgrid>section{display:grid;gap:8px;background:#fff;border-radius:12px;padding:17px;border:1px solid #dce7f1}.f3-statgrid small{color:#778da3;letter-spacing:.03em;font-size:11px;font-weight:800}.f3-statgrid strong{font-size:24px;color:#19385c}.f3-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.f3-info-grid>div{min-width:0;border:1px solid #e4ebf4;border-radius:9px;padding:12px;background:#f9fbff;display:grid;gap:5px}.f3-info-grid small{font-weight:700;color:#8094a6}.f3-info-grid strong{font-size:13px;overflow-wrap:anywhere}.f3-meter-cards{display:flex;gap:11px;flex-wrap:wrap;margin:12px 0 17px}.f3-meter-cards>div{flex:1;min-width:180px;padding:15px;border:1px solid #d7e6f1;border-radius:10px;display:grid;gap:4px}.f3-meter-cards small{font-weight:700;color:#68829b}.f3-meter-cards strong{font-size:24px;color:#143b5e}.f3-meter-cards span{color:#7890a6;font-size:12px}
@media(max-width:750px){.f3-info-grid{grid-template-columns:repeat(2,1fr)}.f3-statgrid{grid-template-columns:repeat(2,1fr)}.f3-statgrid strong{font-size:22px}}
@media(max-width:540px){.f3-grid{grid-template-columns:1fr}.f3-wide{grid-column:1}.f3-info-grid{grid-template-columns:1fr}.f3-filter{display:grid;grid-template-columns:1fr}.f3-formcard{padding:13px}.f3-statgrid{gap:8px}.f3-statgrid>section{padding:12px}.f3-statgrid strong{font-size:19px}}
.f3-history-details{margin-top:16px;border:1px solid #e2ecf4;border-radius:9px;padding:12px}.f3-history-details summary{cursor:pointer;color:#275883;font-size:13px;font-weight:800}.f3-history-details .f3-table-wrap{margin-top:13px}
/* Manteniq F4 — preventive programming surface; inherits StockFlow/OFI tokens. */
.f4-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.f4-summary>div{border:1px solid #d9e5f1;background:#fff;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:5px}.f4-summary span{font-size:11px;text-transform:uppercase;color:#73849a;font-weight:800;letter-spacing:.04em}.f4-summary strong{font-size:25px;color:#193b63}.f4-state{display:inline-flex;align-items:center;font-weight:750;font-size:11px;white-space:nowrap;border-radius:50px;padding:5px 9px;background:#eaf2fc;color:#21548a}.f4-state-OVERDUE{background:#fff0e8;color:#a73e18}.f4-state-DUE{background:#fff4d2;color:#8c6200}.f4-state-UPCOMING{background:#fdf3d5;color:#966100}.f4-state-OK{background:#e5f5ee;color:#186946}.f4-state-PAUSED,.f4-state-NO_READING,.f4-state-ENDED{background:#e9edf2;color:#516177}.f4-state-ORDER_OPEN{background:#e6f1ff;color:#2258a1}.f4-state-CANCELLED_ORDER{background:#f9e5e5;color:#9a3e45}.f4-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.f4-tasks{margin:19px 0 5px;padding:16px;border:1px solid #d8e3f1;border-radius:12px;background:#f7faff}.f4-tasks ol{margin-bottom:0}.f4-tasks li{margin:7px 0}.f4-tasks li small{color:#74879a}.f4-form .f3-grid{margin-top:12px}.f4-home-list{display:grid;gap:9px;padding:16px}.f4-home-list>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;font-size:13px}.f4-home-list>div span{color:#b45e17;font-weight:700;font-size:12px}.f4-home-list .btn{justify-self:start}
@media(max-width:800px){.f4-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.f4-summary{grid-template-columns:1fr 1fr;gap:8px}.f4-summary>div{padding:10px}.f4-home-list>div{grid-template-columns:1fr auto}.f4-home-list>div small{display:none}}

/* Manteniq F5 — order execution and incident reporting, StockFlow/OFI visual language. */
.f5-form{display:grid;gap:12px}
.f5-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}
.f5-task-section{margin-bottom:16px}
.f5-task-list{display:grid;gap:7px;margin:14px 0}
.f5-task-form{display:grid;grid-template-columns:minmax(190px,2fr) minmax(150px,.7fr) minmax(180px,1fr) auto;gap:10px;align-items:center;border:1px solid #dfe8f2;background:#f9fbfe;padding:10px 12px;border-radius:10px}
.f5-task-title{display:grid;gap:2px}.f5-task-title b{font-size:13px}.f5-task-title small{font-size:11px;color:#748ba2}
.f5-task-form select,.f5-task-form input,.f5-inline-form input,.f5-inline-form select,.f5-search input,.f5-cancel textarea{border:1px solid #cbd9e6;border-radius:9px;background:#fff;min-height:40px;padding:8px 10px;color:#1a3658;max-width:100%;width:100%}
.f5-chip{display:inline-flex;gap:6px;align-items:center;border-radius:8px;border:1px solid #d4e3f2;color:#255782;background:#eff5fc;padding:5px 9px;font-size:12px;font-weight:700;max-width:100%;}
.f5-inline-form{display:flex;gap:9px;flex-wrap:wrap;align-items:center;border-top:1px solid #e7edf4;padding:13px 0;margin-top:13px}
.f5-inline-form>input,.f5-inline-form>select{flex:1 1 200px;max-width:380px}
.f5-inline-form>label{display:flex;align-items:center;gap:6px;font-size:12px;color:#4f6f8e}
.f5-inline-form>label input{width:auto;min-height:auto}
.f5-history{display:grid;gap:7px;margin:12px 0}
.f5-history>div{border-left:3px solid #7fa4c7;background:#f5f8fc;display:grid;gap:2px;padding:8px 12px;border-radius:3px 9px 9px 3px}
.f5-history b{font-size:13px}.f5-history small,.f5-history span{font-size:12px;color:#66809c}
.f5-times{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;font-size:12px;color:#527395;padding:12px 0}
.f5-assigned{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.f5-list-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0}.f5-list-meta span{color:#718ba5;font-size:12px}
.f5-search{display:flex;gap:10px;align-items:end;margin-bottom:15px;flex-wrap:wrap}.f5-search label{flex:1 1 230px;display:grid;gap:4px;color:#4e6c8e;font-weight:700;font-size:12px}.f5-search input{min-width:140px}
.f5-cancel{background:#fff5ed;border:1px solid #f0d1ad;border-radius:10px;padding:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.f5-cancel textarea{flex:1 1 300px;min-height:52px}.f5-cancel b{color:#8c4d24}
@media(max-width:1140px){.f5-detail-grid{grid-template-columns:1fr}.f5-task-form{grid-template-columns:minmax(120px,1fr) 155px}.f5-task-form input{grid-column:1/-1}.f5-task-form .btn{grid-column:2}}
@media(max-width:600px){.f5-task-form{grid-template-columns:1fr}.f5-task-form .btn,.f5-task-form input{grid-column:1}.f5-times{grid-template-columns:1fr}.f5-cancel{display:grid}.f5-search .btn{flex:1}.f5-inline-form>select,.f5-inline-form>input{max-width:none}}

/* F6: costs, technical reports and offline evidence */
.f6-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:11px;margin-bottom:17px}.f6-stats>div{border:1px solid #dae5f0;border-radius:11px;background:#fff;padding:14px;display:grid;gap:6px;min-width:0}.f6-stats small{color:#7288a3;font-size:11px;font-weight:800;text-transform:uppercase}.f6-stats strong{font-size:20px;color:#173b63;overflow-wrap:anywhere}.f6-stats .f6-highlight{background:#ebf4ff;border-color:#bed5ed}.f6-family{padding:14px 0;border-bottom:1px solid #e1eaf3}.f6-family:last-child{border:0}.f6-family h3{margin:0}.f6-capture-grid,.f6-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.f6-form{border:1px solid #dae6f3;border-radius:11px;padding:16px;background:#f9fbff;display:grid;gap:12px;align-content:start}.f6-form b{font-size:15px;color:#17395f}.f6-form .f3-field,.f6-evidence-form .f3-field{display:grid;gap:5px;font-size:12px;font-weight:750;color:#5a7188}.f6-form :is(input,select,textarea),.f6-evidence-form :is(input,select),#f6ReportForm :is(input,select,textarea){width:100%;border:1px solid #cadae8;background:#fff;border-radius:8px;min-height:38px;padding:8px 10px;color:#17395d;font:inherit;font-weight:400}.f6-form textarea,#f6ReportForm textarea{min-height:82px;resize:vertical}.f6-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f6-form button{justify-self:start}.f6-evidence-form{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin:16px 0}.f6-evidence-form label{flex:1;min-width:160px}.f6-alert{border:1px solid #e2c98a;background:#fff8e6;color:#735517;padding:12px;border-radius:9px;font-size:12px}.f6-closebar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin:18px 0}.f6-family .f3-table td{padding:9px 8px}.f6-capture h2{margin-bottom:5px}
@media(max-width:800px){.f6-capture-grid,.f6-two{grid-template-columns:1fr}}@media(max-width:540px){.f6-dual{grid-template-columns:1fr}.f6-evidence-form{display:grid}.f6-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.f6-stats strong{font-size:17px}}

/* F7 — StockFlow-style operational dashboard and read-only report center. */
.f7-cost-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}
.f7-cost-strip>div{background:#fff;border:1px solid #d5e0ec;border-radius:12px;padding:18px 20px;display:grid;gap:5px;box-shadow:0 2px 8px #254f7210}
.f7-cost-strip small,.f7-stats small{font-size:11px;color:#68829f;font-weight:800;letter-spacing:.035em}
.f7-cost-strip strong{color:#1a3e6d;font-size:25px;line-height:1.2;overflow-wrap:anywhere}
.f7-cost-strip span{color:#7891ab;font-size:12px}
.f7-graph{height:255px;padding:25px 25px 5px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end}
.f7-barcol{display:grid;gap:10px;height:100%;grid-template-rows:minmax(0,1fr) auto;min-width:0;text-align:center}
.f7-barcol>span{font-size:11px;font-weight:700;color:#647f9d}
.f7-barstack{display:flex;flex-direction:column-reverse;justify-content:flex-start;min-height:0;height:100%;width:min(100%,58px);margin:auto;background:linear-gradient(#ffffff 25%,#f6f9fc);border-bottom:1px solid #dce6ef;border-radius:7px 7px 0 0;overflow:hidden}
.f7-bar{min-height:0;transition:height .18s ease}.f7-bar-pm{background:#20aa9c}.f7-bar-cm{background:#407bd8}
.f7-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:8px 15px 18px;color:#607d9b;font-size:12px}
.f7-legend span{display:flex;gap:7px;align-items:center}.f7-dot{width:10px;height:10px;display:inline-block;border-radius:3px}.f7-dot-pm{background:#20aa9c}.f7-dot-cm{background:#407bd8}
.f7-upcoming{padding:8px 16px}.f7-upcoming>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e6edf5;padding:13px 2px}.f7-upcoming>div:last-child{border-bottom:none}.f7-upcoming>div>div{display:grid;gap:3px}.f7-upcoming b{color:#1a3b60;font-size:14px}.f7-upcoming small{color:#7189a5;font-size:12px}
.f7-state{border-radius:999px;background:#eaf3ff;padding:6px 10px;color:#265b96;font-weight:800;font-size:11px;white-space:nowrap}.f7-state.warning{background:#fff0cf;color:#946600}.f7-state.danger{background:#ffeced;color:#ae3443}
.f7-lower{margin-top:17px}.f7-table-wrap{overflow-x:auto;max-width:100%}.f7-table{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}
.f7-table th{text-align:left;padding:12px 13px;white-space:nowrap;background:#f1f6fc;border-bottom:1px solid #d7e4f0;color:#587595;font-weight:800}
.f7-table td{padding:11px 13px;border-bottom:1px solid #e6edf5;vertical-align:top;color:#28445f;max-width:350px;overflow-wrap:anywhere}
.f7-table tr:last-child td{border-bottom:0}.f7-table tr:hover td{background:#f8fbff}.f7-table small{display:block;color:#8299b0;margin-top:3px}.f7-table td.f7-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.f7-ranking{padding:8px 16px}.f7-ranking>div{display:flex;align-items:center;gap:12px;padding:12px 3px;border-bottom:1px solid #edf1f6}
.f7-ranking>div:last-child{border:0}.f7-ranking>div>span{display:grid;place-items:center;background:#eaf2fc;color:#285c97;border-radius:7px;width:30px;height:30px;font-size:12px;font-weight:800}
.f7-ranking>div>div{display:grid;gap:2px;flex:1;min-width:0}.f7-ranking b{font-size:13px}.f7-ranking small{color:#8495a7}.f7-ranking strong{color:#183d68;font-size:13px;white-space:nowrap}
.f7-empty{color:#70869e;text-align:center;padding:35px 15px;font-size:13px}.f7-footnote{font-size:12px;color:#6c849d;margin:17px 3px;line-height:1.6}
.f7-filter-panel{padding:0!important}.f7-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:19px;background:#f8fbff;border-bottom:1px solid #dce7f2}
.f7-field{display:grid;gap:6px;flex:1 1 120px;min-width:120px}.f7-field:first-child{flex:2 1 250px}.f7-field span{font-size:12px;color:#5f7795;font-weight:750}
.f7-field :is(select,input){min-height:44px;width:100%;padding:9px 11px;background:#fff;border:1px solid #cadae8;border-radius:9px;color:#1c3d62;font:inherit;font-size:14px}
.f7-filters button{min-height:44px}.f7-report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 20px 14px;flex-wrap:wrap}.f7-report-heading h2{font-size:20px;color:#15395f;margin:0 0 4px}.f7-report-heading p{color:#6a84a0;margin:0;font-size:13px;line-height:1.5}
.f7-actions{display:flex;flex-wrap:wrap;gap:9px}.f7-actions button{font-size:13px;min-height:40px}.f7-stats{display:flex;gap:10px;flex-wrap:wrap;padding:0 20px 16px}
.f7-stats>div{display:grid;gap:4px;min-width:160px;padding:12px 15px;background:#edf5fd;border-radius:9px}.f7-stats b{font-size:17px;color:#1c4778}.f7-filter-panel .f7-footnote{margin:15px 20px}
@media(max-width:1020px){.f7-cost-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.f7-cost-strip>div:last-child{grid-column:1/-1}.f7-graph{height:220px}}
@media(max-width:580px){.f7-cost-strip{grid-template-columns:1fr}.f7-cost-strip>div:last-child{grid-column:auto}.f7-graph{height:180px;gap:4px;padding:12px 13px 3px}.f7-cost-strip strong{font-size:22px}.f7-filters{display:grid;grid-template-columns:1fr 1fr}.f7-field:first-child{grid-column:1/-1}.f7-filters button{grid-column:1/-1}.f7-report-heading{padding:16px}.f7-report-heading h2{font-size:18px}.f7-stats{padding:0 15px 12px}.f7-stats>div{flex:1;min-width:140px}}

/* F7 CSP-compliant SVG chart; no inline style attributes. */
.f7-graph .f7-barstack{display:block;width:min(100%,58px);height:100%;min-height:0;margin:auto;background:#f8fbfd;border-bottom:1px solid #dce6ef;border-radius:7px 7px 0 0;overflow:hidden}
.f7-graph .f7-barstack .f7-bar-pm{fill:#20aa9c}
.f7-graph .f7-barstack .f7-bar-cm{fill:#407bd8}

/* F8 · encrypted backup and non-destructive restoration */
.f8-restore-box{margin-top:20px;border:1px solid #d5e2ef;background:#f7faff;border-radius:12px;padding:20px;text-align:left}
.f8-restore-box h2{font-size:19px;margin:0 0 7px;color:#193858}.f8-restore-box p{font-size:13px;line-height:1.5;color:#607991}
.f8-file-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.f8-file-form>label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#294566}
.f8-file-form input[type=password],.f8-file-form input[type=file]{min-height:44px;max-width:100%;border:1px solid #c6d7e8;background:#fff;border-radius:9px;padding:9px 10px;color:#1c3755}
.f8-file-form button,.f8-check{grid-column:1/-1}.f8-check{display:flex!important;align-items:center;gap:9px;font-weight:500!important}.f8-check input{width:18px;height:18px}
@media(max-width:700px){.f8-file-form{grid-template-columns:1fr}}