:root{--app-zoom:1.12; --customer-content-max:1180px; --cst-tile-max:320px; --cst-grid-gap:16px; --cst-panel-pad:20px; --kon:#012445; --ai:#27496d; --hanada:#4a73a8; --asagi:#88b0cf; --washi:#eef2ef; --card:#ffffff; --line:#e2e8e6; --sumi:#11222c; --muted:#3f4d55; --shu:#b1472c; --shu-bg:#f6e4dd; --yamabuki:#c2933a; --yamabuki-bg:#f6ecd5; --matcha:#5f7d50; --matcha-bg:#e6ecdd; --cg-wmc:#012445; --cg-temperature:#012445; --cg-humidity:#012445; --cg-rainfall:#7fa8c9; --cg-earthquake:#b1472c; --cg-post-seismic:#8091a3; --cg-axis:#3f4d55; --cg-grid:#e2e8e6; --cg-tooltip-bg:#012445; --cg-marker:#012445; --cg-normal-bg:#e6ecdd; --cg-watch-bg:#f6ecd5; --cg-high-bg:#f6e4dd; --cg-mould-low-bg:var(--cg-normal-bg); --cg-mould-moderate-bg:var(--cg-watch-bg); --cg-mould-high-bg:var(--cg-high-bg); --cg-mould-very-high-bg:#e6b3a3; --radius:10px; --serif:'Shippori Mincho',serif; --sans:'Zen Kaku Gothic New',sans-serif; --app-heading:var(--sans); --app-font:var(--sans); --app-page-title-size:23px; --app-page-title-weight:600; --app-subtitle-size:14px; --app-entity-title-size:18px; --app-section-heading-size:18px; --app-card-heading-size:15px; --app-value-size:26px; --app-body-size:14px; --app-secondary-size:13px; --app-label-size:12px; --app-meta-size:12px; --app-button-size:14px; --app-badge-size:11px; --app-table-heading-size:12px; --app-table-cell-size:13px; --app-line:1.5; --app-line-tight:1.3; --app-content-max:1120px; --app-page-pad:24px; --app-section-gap:20px; --app-card-pad:18px; --app-sidebar-w:230px; --app-header-h:60px; --app-button-h:38px; --app-input-h:40px; --app-card-bg:var(--card); --app-card-radius:var(--radius); --app-border-subtle:var(--line); --app-shadow:0 1px 2px rgba(1,36,69,.05); --app-focus:0 0 0 3px rgba(39,73,109,.35); --status-stable:var(--matcha); --status-stable-bg:var(--matcha-bg); --status-monitoring:var(--ai); --status-monitoring-bg:#e7eef6; --status-caution:var(--yamabuki); --status-caution-bg:var(--yamabuki-bg); --status-action:var(--shu); --status-action-bg:var(--shu-bg); --status-urgent:var(--shu); --brand-primary:var(--kon); --brand-accent:var(--hanada); --brand-nav:var(--ai); } *{box-sizing:border-box;margin:0;padding:0} html,body{height:100%} body{font-family:var(--sans);background:var(--washi);color:var(--sumi);-webkit-font-smoothing:antialiased;line-height:1.5} button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit} .hidden{display:none!important} :root{--mk-navy:#142338;--mk-ink:#142338;--mk-hero:#f5f6f3;--mk-band:#e9edf0;--mk-line:#d9dfe3;--mk-muted:#546173;--mk-ground:#f5f6f3;--mk-card:#fff;--mk-accent:#355cf0;--mk-accent-hover:#2346cb;--mk-radius:8px;--mk-radius-sm:6px;--mk-focus:#355cf0;--mk-indigo:#4846a7;--mk-cyan:#8bdded;--mk-space-section:100px;--mk-space-gutter:7%;--mk-font:'Geist','Zen Kaku Gothic New',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Arial,sans-serif;--mk-deep:linear-gradient(160deg,#14213d 0%,#27496d 60%,#3a5e86 100%)} :root{--mk-logo-h:62px;--mk-logo-pad:6px;--mk-masthead-space:22px} #home{height:100vh;background:#fff;color:var(--mk-ink);overflow-y:auto;display:block} .mk-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--mk-line)} .mk-navbar{max-width:1140px;margin:0 auto;padding:22px 40px;display:flex;align-items:center;gap:18px; min-height:calc(var(--mk-logo-h) + (var(--mk-logo-pad) * 2) + (var(--mk-masthead-space) * 2))} .mk-logo{height:var(--mk-logo-h);width:auto;display:block;cursor:pointer;padding:var(--mk-logo-pad) 13px;box-sizing:content-box} .mk-loghold{display:contents} .mk-loghold a{display:block;line-height:0;color:inherit;text-decoration:none} .mk-navin{display:contents} .mk-links{display:flex;gap:24px;margin-left:16px;margin-right:auto} .mk-links a{font-size:16.5px;color:var(--mk-ink);font-weight:500;cursor:pointer;text-decoration:none} .mk-links a:hover{color:var(--mk-navy)} .mk-langs{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--mk-muted)} .mk-langs a{font-weight:500;color:inherit;text-decoration:none} .mk-langs a.on{color:var(--mk-navy);font-weight:700} .mk-login{background:var(--mk-navy);color:#fff;font-size:16px;font-weight:600;padding:12px 22px;border-radius:7px;text-decoration:none} .mk-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;padding:9px;margin-left:auto;background:none;border:0;cursor:pointer} .mk-burger span{display:block;height:2px;width:26px;background:var(--mk-navy);border-radius:2px;transition:transform .2s,opacity .2s} .mk-login:hover{background:#022f5c} .mk-wrap{max-width:1140px;margin:0 auto;padding:0 40px} .mk-hero{position:relative;display:flex;align-items:center;min-height:min(680px,84vh);padding:96px 0;overflow:hidden;background:var(--mk-navy)} .mk-hero-bg{position:absolute;inset:0;z-index:0} .mk-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block} .mk-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(97deg,rgba(2,17,34,.94) 0%,rgba(2,17,34,.82) 30%,rgba(2,17,34,.5) 58%,rgba(2,17,34,.12) 100%),linear-gradient(0deg,rgba(2,17,34,.55) 0%,rgba(2,17,34,0) 42%)} .mk-hero-inner{position:relative;z-index:2;width:100%} .mk-herotext{max-width:620px} .mk-hero p.mk-hero-brand{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1.3; color:#fff;max-width:640px;margin:0 0 14px;letter-spacing:.01em} .mk-hero h1{font-family:var(--serif);font-weight:700;font-size:56px;line-height:1.1;color:#fff;max-width:640px;letter-spacing:.01em;text-shadow:0 2px 24px rgba(0,10,25,.35)} .mk-hero p{font-size:20px;line-height:1.65;color:rgba(255,255,255,.92);max-width:540px;margin:22px 0 30px} .mk-hero-cap{position:absolute;right:24px;bottom:18px;z-index:2;font-size:13px;color:rgba(255,255,255,.85);letter-spacing:.03em;padding:5px 13px;background:rgba(2,17,34,.36);border-radius:6px;backdrop-filter:blur(2px)} .mk-hero .mk-btn{background:#fff;color:var(--mk-navy)} .mk-hero .mk-btn:hover{background:rgba(255,255,255,.88)} .mk-hero .mk-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)} .mk-hero .mk-btn.ghost:hover{background:rgba(255,255,255,.12)} .mk-bandimg{margin:32px 0 28px;border-radius:14px;overflow:hidden;aspect-ratio:21/9;box-shadow:0 22px 54px -26px rgba(1,36,69,.4);border:1px solid rgba(1,36,69,.06)} .mk-bandimg img{width:100%;height:100%;object-fit:cover;display:block} .mk-cta-row{display:flex;gap:14px;flex-wrap:wrap} .mk-btn{background:var(--mk-navy);color:#fff;font-weight:600;font-size:16px;padding:13px 25px;border-radius:7px;text-decoration:none;display:inline-block} .mk-btn:disabled,.mk-btn[disabled]{opacity:.45;cursor:not-allowed} .sup-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:var(--muted)} .mk-btn:hover{background:#022f5c} .mk-btn.ghost{background:transparent;color:var(--mk-navy);border:1px solid var(--mk-navy)} .mk-btn.ghost:hover{background:rgba(1,36,69,.06)} .mk-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mk-muted)} .mk-section{padding:62px 0} #mk-insight-engine{scroll-margin-top:88px} #mk-insight-engine h2:focus{outline:none} .mk-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .mk-h2{font-family:var(--serif);font-weight:700;font-size:37px;line-height:1.24;color:var(--mk-navy);margin:10px 0 16px} .mk-body{font-size:18px;line-height:1.68;color:var(--mk-ink)} .mk-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:16px;font-weight:600;color:var(--mk-navy);cursor:pointer} .mk-link:hover{gap:11px} .mk-cta-quiet{margin-top:14px;justify-content:center} .mk-cta-quiet .mk-link{margin-top:0;text-decoration:none} .mk-cta-quiet .mk-link:hover{text-decoration:underline;text-underline-offset:3px} .mk-cta-quiet .mk-link:focus-visible{outline:2px solid var(--mk-navy);outline-offset:2px;border-radius:3px} .mk-figure{aspect-ratio:4/3;border-radius:12px;background:linear-gradient(135deg,#dde7ec,#cad7de);display:flex;align-items:center;justify-content:center;overflow:hidden} .mk-figure svg{width:42%;opacity:.42} .mk-figure img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block} .mk-cardfig{background-size:cover;background-position:center} .mk-photo-band{background-size:cover;background-position:center 38%} .mk-photo-band{display:block;width:100%;height:auto} .mk-photo-band svg{width:120px;opacity:.4} .mk-center{text-align:center;max-width:640px;margin:0 auto} .mk-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px} .mk-cardfig{aspect-ratio:3/2;border-radius:10px;background:linear-gradient(135deg,#e0e8ec,#d1dde3);margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:#8fa4ad;font-size:24px} .mk-card h4{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--mk-navy);margin-bottom:6px;text-align:center} .mk-card p{font-size:16px;line-height:1.55;color:var(--mk-ink);text-align:center} .mk-band{background:var(--mk-band)} .mk-list{list-style:none;margin:16px 0 0} .mk-list li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;color:var(--mk-ink);padding:9px 0;border-top:1px solid var(--mk-line)} .mk-list li:before{content:"◇";color:var(--mk-navy);font-size:11px;margin-top:4px} .mk-cta{background:var(--mk-band);border-radius:16px;padding:46px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin:62px 0} .mk-cta .mk-figure{aspect-ratio:16/9} .mk-footer{background:#fff;border-top:1px solid var(--mk-line);padding:46px 0 26px} .mk-foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:32px} .mk-foot-col h5{font-size:14.5px;font-weight:700;color:var(--mk-navy);margin-bottom:11px} .mk-foot-col a,.mk-foot-col p{display:block;font-size:15.5px;color:var(--mk-muted);margin-bottom:7px} .mk-foot-col a{cursor:pointer;text-decoration:none} .mk-foot-col a:hover{color:var(--mk-navy);text-decoration:underline;text-underline-offset:3px} .mk-foot-col a:focus-visible{outline:2px solid var(--mk-navy);outline-offset:2px;border-radius:3px;color:var(--mk-navy)} .mk-foot-col a[href^="mailto:"]{text-decoration:underline;text-underline-offset:3px} .mk-foot-logo{height:62px;width:auto;background:#fff;padding:6px 13px;border-radius:9px;box-sizing:content-box;display:inline-block} .mk-foot-logohold{text-align:center;margin-bottom:30px} .mk-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:30px;padding-top:18px;border-top:1px solid var(--mk-line);font-size:14.5px;color:var(--mk-muted)} .mk-foot-bottom .mk-legal{display:flex;gap:18px;flex-wrap:wrap} @media(min-width:1320px){ .mk-loghold{display:flex;position:absolute;left:0;top:0;height:100%;width:calc((100% - 1140px)/2 + 40px);align-items:center;justify-content:center} .mk-links{margin-left:0} .mk-navbar{max-width:none;margin:0; padding-left:calc((100% - 1140px)/2 + 40px); padding-right:clamp(80px, 5.4vw, 150px)} } @media(max-width:1319px){ .mk-navbar{flex-wrap:wrap;gap:0} .mk-loghold a,.mk-logo{order:1} .mk-langs{order:2;margin-left:auto;display:flex} .mk-burger{display:flex;order:3;margin-left:14px} .mk-links{display:none;order:4} .mk-login{display:none;order:5} .mk-nav.open .mk-links{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-basis:100%;margin:10px 0 0;padding:8px 0 4px;border-top:1px solid var(--mk-line)} .mk-nav.open .mk-links a{width:100%;padding:12px 2px;font-size:17px} .mk-nav.open .mk-login{display:inline-flex;align-self:flex-start;flex-basis:auto;margin:12px 0 6px;padding:11px 22px} .mk-nav.open .mk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)} .mk-nav.open .mk-burger span:nth-child(2){opacity:0} .mk-nav.open .mk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} } @media(max-width:860px){ .mk-navbar{padding:17px 20px} .mk-wrap{padding:0 20px} .mk-split,.mk-cta{grid-template-columns:1fr} .mk-cards{grid-template-columns:1fr 1fr} .mk-foot-grid{grid-template-columns:1fr 1fr} .mk-hero{min-height:540px;padding:76px 0} .mk-hero h1{font-size:38px;max-width:none} .mk-hero p{max-width:none} .mk-herotext{max-width:none} .mk-hero-scrim{background:linear-gradient(0deg,rgba(2,17,34,.9) 0%,rgba(2,17,34,.62) 52%,rgba(2,17,34,.5) 100%)} .mk-hero-cap{right:16px;bottom:12px;font-size:12.5px} } .mk-lead{font-size:19.5px;font-weight:600;color:var(--mk-navy);margin:4px 0 14px} .mk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px} .mk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px} .mk-cs-split{align-items:start;margin-top:34px} .mk-cs-facts{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px} .mk-cs-fact{flex:1 1 140px;min-width:120px;background:#faf8f3;border:1px solid #eae2d5;border-radius:8px;padding:12px 14px} .mk-cs-fv{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--mk-navy)} .mk-cs-fv--alert{color:var(--shu)} .mk-cs-fv--safe{color:var(--matcha)} .mk-cs-fl{font-size:12.5px;color:var(--mk-muted);margin-top:3px;line-height:1.4} .mk-leg-cs-sub{width:16px;height:3px;background:var(--cg-wmc)} .mk-leg-cs-kit{width:16px;height:2px;background:repeating-linear-gradient(90deg,#9aa6b5 0 4px,transparent 4px 7px)} .idm-head{display:flex;justify-content:space-between;align-items:center;gap:12px} .idm-asof{color:var(--muted);font-size:.85rem;margin-left:10px} .idm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px} .idm-tb{background:var(--card);border:1px solid var(--line);border-radius:var(--radius); padding:7px 13px;font:inherit;color:var(--muted);cursor:pointer} .idm-tb.on{background:var(--sumi);border-color:var(--sumi);color:#fff} .idm-tb:focus-visible{outline:2px solid var(--sumi);outline-offset:2px} .idm-lede{max-width:72ch;color:var(--muted)} .idm-note{max-width:72ch;color:var(--muted);font-size:.9rem} .idm-ok{color:var(--matcha)} .idm-warn{max-width:72ch;color:var(--shu);background:var(--shu-bg);border-radius:var(--radius); padding:9px 12px} .idm-empty{color:var(--muted)} .idm-unmet,.idm-lim,.idm-win{max-width:72ch;color:var(--muted)} .idm-win li{margin-bottom:7px} .idm-win span{font-size:.88rem} .idm-tab{border-collapse:collapse;margin:10px 0;font-size:.93rem} .idm-tab td,.idm-tab th{border-bottom:1px solid var(--line);padding:6px 14px 6px 0;text-align:left; vertical-align:top} .idm-tab th{color:var(--muted);font-weight:600} .idm-tab tr.idm-tot td{font-weight:700;border-top:2px solid var(--line)} .idm-tab em{color:var(--muted);font-style:normal} .idm-wide{width:100%} .idm-tab.idm-wide{display:block;overflow-x:auto} .idm-pick{margin:10px 0} .idm-pick label{margin-right:8px;color:var(--muted)} .idm-pick select{font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:6px; background:var(--card);color:var(--sumi)} .idm-chartwrap{overflow-x:auto;margin:12px 0} .idm-chart{width:100%;min-width:560px;height:auto} .idm-ax{font-size:10px;fill:var(--cg-axis)} .idm-legend{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:16px; font-size:.88rem} .idm-legend em{color:var(--muted);font-style:normal;margin-left:5px} .idm-k{display:inline-block;width:20px;height:0;border-top-width:3px;margin-right:6px; vertical-align:middle} .idm-k-m{border-top:3px solid var(--cg-wmc)} .idm-k-l{border-top:3px dashed var(--yamabuki)} .idm-k-r{border-top:3px dotted var(--muted)} .idm-quants{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0} .idm-q{flex:1 1 190px;background:var(--washi);border-radius:var(--radius);padding:11px 13px} .idm-q-l{color:var(--muted);font-size:.83rem} .idm-q-v{font-size:1.5rem;font-weight:700;line-height:1.25} .idm-q-s{color:var(--muted);font-size:.82rem} .idm-rec{max-width:72ch} .idm-sci{border-top:1px solid var(--line);padding-top:12px;margin-top:14px} .idm-sci p{max-width:72ch} .idm-cite{color:var(--muted);font-size:.9rem} @media(max-width:560px){ .idm-head{flex-direction:column;align-items:flex-start} .idm-asof{margin-left:0} .idm-q{flex:1 1 100%} } .mk-leg-cs-zn{width:13px;height:13px;background:var(--cg-normal-bg);border:1px solid #d6e0d2} .mk-leg-cs-zw{width:13px;height:13px;background:var(--cg-watch-bg);border:1px solid #ecdcb4} .mk-leg-cs-zh{width:13px;height:13px;background:var(--cg-high-bg);border:1px solid #ecccc2} .mk-cs-cap{text-align:center;margin-top:10px} #mk-case-study{scroll-margin-top:88px} #mk-case-study h2:focus{outline:none} .mk-bcard{background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:24px 26px} .mk-bcard h4{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--mk-navy);margin-bottom:8px} .mk-bcard p{font-size:17px;line-height:1.62;color:var(--mk-ink)} .mk-plangrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;align-items:stretch} .mk-plan{position:relative;background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:26px 22px 24px;display:flex;flex-direction:column} .mk-plan.best{border-color:var(--mk-navy);box-shadow:0 10px 30px rgba(1,36,69,.10)} .mk-plan-flag{position:absolute;top:-11px;left:22px;background:var(--mk-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 11px;border-radius:999px} .mk-plan h4{font-family:var(--serif);font-weight:700;font-size:23px;color:var(--mk-navy);margin-bottom:6px} .mk-plan-tag{font-size:16.5px;font-weight:500;line-height:1.55;color:var(--mk-ink);margin-bottom:8px;min-height:72px} .mk-plan-feats{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0 0 14px;padding:16px 0 0;border-top:1px solid var(--mk-line)} .mk-plan-feats li{display:flex;gap:10px;font-size:16px;font-weight:600;line-height:1.45;color:var(--mk-ink)} .mk-plan-feats li.no{color:#6c757d;font-weight:500} .mk-plan-mark{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;margin-top:1px} .mk-plan-feats li.yes .mk-plan-mark{background:#e3efe6;color:#2f7a44} .mk-plan-feats li.no .mk-plan-mark{background:#eef1f3;color:#b3bcc2} .mk-plan-note{font-size:14.5px;font-weight:500;line-height:1.55;color:var(--mk-ink);background:#f6f8f7;border:1px solid var(--mk-line);border-radius:8px;padding:11px 13px;margin-top:auto} .mk-plan-foot{margin-top:26px;text-align:center;font-size:17px;font-weight:500;color:var(--mk-ink)} @media(max-width:1080px){ .mk-plangrid{grid-template-columns:1fr 1fr} .mk-plan-tag{min-height:0} } .mk-featgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px} .mk-feat{background:#fff;border:1px solid var(--mk-line);border-radius:12px;overflow:hidden} .mk-feat .pic{aspect-ratio:16/9;overflow:hidden} .mk-feat .pic img{width:100%;height:100%;object-fit:cover;display:block} .mk-feat .tx{padding:22px 24px} .mk-feat h4{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--mk-navy);margin-bottom:8px} .mk-feat p{font-size:17px;line-height:1.6;color:var(--mk-ink)} .mk-typegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px} .mk-type{background:#fff;border:1px solid var(--mk-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column} .mk-type .pic{aspect-ratio:3/2;overflow:hidden} .mk-type .pic img{width:100%;height:100%;object-fit:cover;display:block} .mk-type h4{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--mk-navy);margin:16px 20px 6px} .mk-type p{font-size:17px;line-height:1.58;color:var(--mk-ink);margin:0 20px 20px} .mk-steps{margin:36px auto 0;display:flex;flex-direction:column;gap:14px;max-width:880px} .mk-step{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--mk-line);border-radius:10px;padding:20px 24px} .mk-step .n{flex:none;width:38px;height:38px;border-radius:50%;background:var(--mk-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:var(--serif)} .mk-step h4{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--mk-navy);margin-bottom:4px} .mk-step p{font-size:17px;line-height:1.6;color:var(--mk-ink)} .mk-tector{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} .mk-cases{background:#faf8f4;border:1px solid var(--mk-line);border-radius:12px;padding:6px 30px} .mk-case{padding:24px 0;border-top:1px solid var(--mk-line)} .mk-case:first-child{border-top:none} .mk-case h4{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--mk-navy)} .mk-case .loc{font-size:15px;color:var(--mk-muted);margin:3px 0 9px} .mk-case p{font-size:16.5px;line-height:1.58;color:var(--mk-ink)} .mk-cap{font-size:15px;color:var(--mk-muted);margin-top:10px;line-height:1.5} .mk-cta2{background:var(--mk-deep);border-radius:16px;padding:54px;text-align:center;margin:8px 0} #mk-contact.mk-section{padding-top:0} .mk-cta2 .mk-h2{margin-top:0;color:#fff} .mk-cta2 .mk-eyebrow{color:rgba(255,255,255,.72)} .mk-cta2 .mk-body{color:rgba(255,255,255,.86)} .mk-cta2 .mk-cap{color:rgba(255,255,255,.82)} .mk-cta2 .mk-btn{background:#fff;color:var(--mk-navy)} .mk-cta2 .mk-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)} .mk-cta2 .mk-btn.ghost:hover{background:rgba(255,255,255,.1)} .mk-cta2 .mk-cta-row{justify-content:center;margin-top:22px} .mk-demo{margin-top:8px} .mk-chartcard{background:#fff;border:1px solid var(--mk-line);border-radius:16px;padding:20px 20px 16px;margin:6px 0 0;box-shadow:0 1px 3px rgba(20,33,61,.04)} .mk-charthead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px} .mk-chartsensor{font-weight:600;color:var(--mk-navy);font-size:15px} .mk-chartmetric{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted)} .mk-chart{width:100%;height:auto;display:block} .mk-chart text{font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif} .mk-chart .ax{font-size:13px;fill:var(--mk-muted)} .mk-chart .qk{font-size:13px;fill:#b1442c;font-weight:600} .mk-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:12px;font-size:13px;color:var(--mk-muted)} .mk-leg{display:inline-flex;align-items:center;gap:6px} .mk-leg i{display:inline-block;border-radius:2px} .mk-leg-moist{width:16px;height:3px;background:#14213d} .mk-leg-normal{width:13px;height:13px;background:#eaf0e6;border:1px solid #d6e0d2} .mk-leg-watch{width:13px;height:13px;background:#faf3e1;border:1px solid #ecdcb4} .mk-leg-high{width:13px;height:13px;background:#f6e9e5;border:1px solid #ecccc2} .mk-leg-rain{width:13px;height:13px;background:#a9c3d6} .mk-leg-quake{width:16px;height:3px;background:#b1442c} .mk-links a.on{color:var(--mk-navy);font-weight:700} .mk-maillink{color:var(--mk-navy);font-weight:600;text-decoration:none;cursor:pointer;border-bottom:1px solid rgba(1,36,69,.3)} .mk-maillink:hover{border-bottom-color:var(--mk-navy)} .mk-sumgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px} .mk-sumcard{background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:26px 28px;cursor:pointer;display:flex;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s} .mk-sumcard{text-decoration:none;color:inherit} .mk-sumcard:hover{border-color:var(--mk-navy);box-shadow:0 8px 24px rgba(1,36,69,.09);transform:translateY(-2px)} .mk-sumcard h4{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--mk-navy);margin-bottom:10px} .mk-sumcard p{font-size:16.5px;line-height:1.6;color:var(--mk-ink);flex:1} .mk-sumcard .mk-link{margin-top:16px} .mk-pagehead{background:var(--mk-hero);padding:50px 0 44px;border-bottom:1px solid var(--mk-line)} .mk-back{font-size:15px;color:var(--mk-muted);cursor:pointer;display:inline-block;margin-bottom:14px;text-decoration:none} .mk-back:hover{color:var(--mk-navy)} .mk-pagetitle{font-family:var(--serif);font-weight:700;font-size:44px;line-height:1.14;color:var(--mk-navy);max-width:840px;letter-spacing:.01em} .mk-pagelead{font-size:19px;line-height:1.6;color:var(--mk-ink);max-width:640px;margin-top:14px} .mk-contactwrap{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start} .mk-contactside{background:#faf8f4;border:1px solid var(--mk-line);border-radius:12px;padding:26px 28px} .mk-contactside h5{font-size:15px;font-weight:700;color:var(--mk-navy);margin-bottom:10px} .mk-contactside p{font-size:16.5px;color:var(--mk-ink);margin-bottom:6px} .mk-field{margin-bottom:18px} .mk-field label{display:block;font-size:15px;font-weight:600;color:var(--mk-navy);margin-bottom:7px} .mk-field input,.mk-field select,.mk-field textarea{width:100%;font:inherit;font-size:16px;color:var(--mk-ink);background:#fff;border:1px solid var(--mk-line);border-radius:8px;padding:12px 14px;box-sizing:border-box} .mk-field input:focus,.mk-field select:focus,.mk-field textarea:focus{outline:none;border-color:var(--mk-navy);box-shadow:0 0 0 3px rgba(1,36,69,.08)} .mk-field textarea{resize:vertical;line-height:1.55} .mk-formstatus{font-size:14.5px;margin:4px 0 14px} .mk-formstatus.err{color:#b3261e} .mk-formdone{background:var(--mk-band);border:1px solid var(--mk-line);border-left:3px solid var(--mk-navy);border-radius:8px;padding:22px 24px;font-size:16.5px;line-height:1.6;color:var(--mk-navy)} .pill.ia-live{background:#e6f4ea;color:#12603a} .pill.ia-draft{background:#eef1f4;color:#454f59} .pill.ia-none{background:transparent;color:#5a646e;border:1px dashed var(--line)} .ia-scroll{overflow-x:auto} .ia-panel{margin-bottom:16px} .ia-sec{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sumi);margin:0 0 12px} .ia-hint{font-size:12.5px;line-height:1.5;color:#5a646e;margin:6px 0 0} .ia-lbl{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:#5a646e;margin:10px 0 4px} .ia-tabs{display:flex;gap:6px;margin:0 0 6px} .ia-tab{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 16px;font-size:13.5px;font-weight:600;color:var(--sumi);cursor:pointer} .ia-tab.on{background:var(--sumi);color:#fff;border-color:var(--sumi)} .ia-tab:focus-visible{outline:2px solid var(--sumi);outline-offset:2px} .ia-state{font-size:13.5px;margin:12px 0;padding:9px 13px;border-radius:7px;background:#eef1f4;color:#454f59} .ia-state--live{background:#e6f4ea;color:#12603a} .ia-publink{color:inherit;text-decoration:underline;text-underline-offset:2px} .ia-msg{font-size:13.5px;margin:10px 0;padding:9px 13px;border-radius:7px;background:#eef1f4;color:#39434d} .ia-msg--err{background:#fdecea;color:#8c1d18} .ia-problems{margin:10px 0;padding:10px 14px 10px 30px;border-radius:7px;background:#fdecea;color:#8c1d18;font-size:13.5px} .ia-problems li{margin:3px 0} .ia-slugrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .ia-slugrow .f-input{min-width:220px} .ia-block{border:1px solid var(--line);border-radius:8px;padding:10px 12px 12px;margin:0 0 10px;background:#fff} .ia-bctl{display:flex;align-items:center;gap:6px;margin:0 0 8px} .ia-btype{flex:1;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5a646e} .ia-toolbar{display:flex;gap:5px;margin:0 0 7px;flex-wrap:wrap} .ia-rich{min-height:2.6em;border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:15px;line-height:1.65;background:#fff} .ia-rich:focus{outline:2px solid var(--sumi);outline-offset:0} .ia-rich--h2{font-size:21px;font-weight:700;line-height:1.35} .ia-rich--h3{font-size:17px;font-weight:700;line-height:1.4} .ia-rich--q{border-left:3px solid var(--sumi);font-style:italic} .ia-rich a{color:var(--sumi);text-decoration:underline} .ia-ta{font-family:inherit;font-size:15px;line-height:1.6;resize:vertical} .ia-add{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)} .ia-add .ia-lbl{margin:0 4px 0 0} .ia-imgrow{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap} .ia-imgfields{flex:1;min-width:min(220px,100%)} .ia-shared{margin:12px 0 14px;padding:8px 12px;border-left:3px solid #012445;background:#f4f7fa; font-size:13px;line-height:1.5;color:#4a545e;border-radius:0 6px 6px 0} .ia-bodypanel{padding-bottom:18px} .ia-tb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px;margin:0 0 12px; border:1px solid var(--line);border-radius:8px;background:#f7f9fb;position:sticky;top:0;z-index:3} .ia-tb-g{display:flex;flex-wrap:wrap;align-items:center;gap:4px} .ia-tb-g + .ia-tb-g{border-left:1px solid var(--line);padding-left:10px} .ia-tb-lbl{font-size:12px;color:#5a646e;margin-right:4px} .ia-tb-sel{font:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#11222c} .ia-tb-b{font:inherit;font-size:13px;line-height:1.2;padding:6px 10px;border:1px solid var(--line); border-radius:6px;background:#fff;color:#11222c;cursor:pointer} .ia-tb-b:hover{background:#eef2f6} .ia-tb-b.ql-active{background:#012445;border-color:#012445;color:#fff} .ia-tb-b:focus-visible,.ia-tb-sel:focus-visible{outline:2px solid #012445;outline-offset:2px} #ia-toolbar.ql-toolbar{padding:0;border:0;background:none;display:flex;flex-wrap:wrap;gap:4px} .ql-snow.ql-toolbar#ia-toolbar button,.ql-snow .ql-toolbar#ia-toolbar button{ width:auto;height:auto;padding:6px 10px;float:none; border:1px solid var(--line);border-radius:6px;background:#fff;color:#11222c} .ql-snow.ql-toolbar#ia-toolbar button:hover{background:#eef2f6;color:#11222c} .ql-snow.ql-toolbar#ia-toolbar button.ql-active{background:#012445;border-color:#012445;color:#fff} .ia-canvas-wrap{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden} .ia-canvas-wrap .ql-container.ql-snow{border:0;font:inherit} #ia-canvas .ql-editor{min-height:60vh;padding:28px min(40px,6vw); max-width:calc(34 * 17.5px);margin:0 auto; font-size:17.5px;line-height:1.75;color:#11222c} #ia-canvas .ql-editor > * + *{margin-top:1.05em} #ia-canvas .ql-editor h2{font-size:1.32em;line-height:1.35;font-weight:700;color:#012445;margin-top:1.7em} #ia-canvas .ql-editor h3{font-size:1.12em;line-height:1.4;font-weight:700;color:#012445;margin-top:1.5em} #ia-canvas .ql-editor blockquote{border-left:3px solid #c9d2da;padding-left:16px;margin-left:0;color:#4a545e} #ia-canvas .ql-editor a{color:#012445;text-decoration:underline;overflow-wrap:anywhere} #ia-canvas .ql-editor img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px;cursor:pointer} #ia-canvas .ql-editor.ql-blank::before{color:#8a939c;font-style:normal;left:min(40px,6vw);right:min(40px,6vw)} .ia-modal--sm{max-width:min(520px,92vw)} @media(max-width:560px){ #ia-canvas .ql-editor{padding:18px 14px;min-height:50vh} .ia-tb{position:static} } .ia-btnrow{display:flex;gap:6px;flex-wrap:wrap} .ia-thumb{width:150px;height:100px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block} .ia-thumb--empty{display:flex;align-items:center;justify-content:center;background:#f4f6f8;border-style:dashed;font-size:12px;color:#5a646e;text-align:center;padding:6px;box-sizing:border-box} .ia-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px} .ia-libitem{padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;cursor:pointer} .ia-libitem:hover{border-color:var(--sumi)} .ia-libitem:focus-visible{outline:2px solid var(--sumi);outline-offset:2px} .ia-libitem img{display:block;width:100%;height:88px;object-fit:cover} .ia-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} .ia-modal{max-width:640px} .ia-serp{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#fafbfc} .ia-serp-t{font-size:16px;color:#1a0dab;margin:6px 0 2px;line-height:1.35} .ia-serp-u{font-size:12.5px;color:#0c6630;margin:0 0 4px} .ia-serp-d{font-size:13px;color:#48525c;margin:0;line-height:1.55} .ia-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 10px} @media(max-width:560px){ .ia-thumb{width:100%;height:150px} .ia-actions .btn{flex:1} } .ia-list-wrap{margin:0 auto 8px} .ia-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:34px 30px;margin:0 0 8px} .ia-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:#fff; border:1px solid var(--mk-line);border-radius:10px;padding:24px 24px 22px; transition:border-color .15s,box-shadow .15s} .ia-card:hover{border-color:var(--mk-navy);box-shadow:0 6px 22px rgba(1,36,69,.09)} .ia-card-h{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.32;color:var(--mk-navy); margin:0 0 16px;min-height:2.64em} .ia-card-link{color:inherit;text-decoration:none} .ia-card-link:hover{text-decoration:underline;text-underline-offset:3px} .ia-card-link::after{content:'';position:absolute;inset:0;border-radius:10px} .ia-card-link:focus-visible{outline:none} .ia-card-link:focus-visible::after{outline:3px solid var(--mk-navy);outline-offset:3px} .ia-card-frame{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:var(--mk-band);margin:0 0 16px} .ia-card-img{width:100%;height:100%;object-fit:cover;display:block} .ia-card-p{font-size:15.5px;line-height:1.62;color:var(--mk-muted);margin:0} .ia-card-more{margin:18px 0 0;padding-top:2px;font-size:14.5px;font-weight:600;color:var(--mk-navy);letter-spacing:.01em} .ia-card>.ia-card-more{margin-top:auto} .ia-card-arrow{margin-left:7px;transition:transform .15s;display:inline-block} .ia-card:hover .ia-card-arrow{transform:translateX(3px)} .ia-card--text .ia-card-h{margin-bottom:14px} .ia-card--text .ia-card-p{font-size:16.5px;line-height:1.66;color:var(--mk-ink)} @media(prefers-reduced-motion:reduce){ .ia-card,.ia-card-arrow{transition:none} .ia-card:hover .ia-card-arrow{transform:none} } .ia-article{--ia-measure:calc(34 * 17.5px);padding:54px 0 12px} .ia-head{max-width:var(--ia-measure);margin:0 auto 30px} .ia-kicker{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mk-muted);margin:0 0 10px} .ia-title{font-family:var(--serif);font-weight:700;font-size:42px;line-height:1.2;color:var(--mk-navy);margin:0 0 14px;overflow-wrap:break-word} .ia-deck{font-size:19px;line-height:1.62;color:var(--mk-muted);margin:0} .ia-hero{margin:0 0 34px} .ia-hero img{width:auto;max-width:100%;height:auto;max-height:min(72vh,640px);margin:0 auto;display:block;border-radius:10px} .ia-body{max-width:var(--ia-measure);margin:0 auto;font-size:17.5px;line-height:1.75;color:var(--mk-ink)} .ia-p{margin:0 0 1.35em} .ia-h2{font-family:var(--serif);font-weight:700;font-size:29px;line-height:1.3;color:var(--mk-navy);margin:2em 0 .6em} .ia-h3{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.35;color:var(--mk-navy);margin:1.7em 0 .5em} .ia-list{margin:0 0 1.35em;padding-left:1.4em} .ia-list li{margin:0 0 .5em} .ia-quote{margin:1.7em 0;padding:2px 0 2px 20px;border-left:3px solid var(--mk-navy);font-size:19px;line-height:1.62;color:var(--mk-navy)} .ia-fig{margin:1.9em 0} .ia-fig img{display:block;width:100%;height:auto;border-radius:8px;margin:0 auto} .ia-cap{font-size:14.5px;line-height:1.55;color:var(--mk-muted);margin:10px 2px 0} .ia-link{color:var(--mk-navy);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px} .ia-link:hover{text-decoration-thickness:2px} .ia-meta{max-width:var(--ia-measure);margin:38px auto 0;padding-top:20px;border-top:1px solid var(--mk-line);font-size:14.5px;color:var(--mk-muted)} .ia-back{display:inline-block;margin:26px 0 0;font-size:15.5px;font-weight:600;color:var(--mk-navy);text-decoration:none} .ia-back:hover{text-decoration:underline} .ia-body{overflow-wrap:break-word} .ia-body a{overflow-wrap:anywhere} .ia-deck,.ia-card-h,.ia-card-p,.ia-cap{overflow-wrap:break-word} @media(max-width:900px){ .ia-article{padding:38px 0 10px} .ia-title{font-size:33px} .ia-deck{font-size:17.5px} .ia-body{font-size:17px} .ia-h2{font-size:25px} .ia-h3{font-size:20px} } @media(max-width:560px){ .ia-article{padding:30px 0 8px} .ia-title{font-size:27px} .ia-cards{grid-template-columns:1fr;gap:22px} } @media(max-width:560px){ .mk-loghold{display:flex;flex:0 0 100%;order:1;justify-content:center;margin:0} .mk-logo{margin:0} .mk-langs{order:2;margin:12px 0 0 auto} .mk-burger{order:3;margin:12px 0 0 14px} .mk-nav.open .mk-links{order:4} .mk-nav.open .mk-login{order:5} } .mk-mt8{margin-top:8px} .mk-mt10{margin-top:10px} .mk-mt14{margin-top:14px} .mk-mt28{margin-top:28px} .mk-mt34{margin-top:34px} .mk-mt42{margin-top:42px} .mk-mt76{margin-top:76px} .mk-measure{max-width:640px;margin:0 auto} .mk-measure-wide{max-width:760px;margin:0 auto} .mk-measure-wide-t26{max-width:760px;margin:26px auto 0} .mk-cap-mid{text-align:center;margin-top:14px} .mk-cap-wide{text-align:center;max-width:680px;margin:14px auto 0} .mk-ratio-16x9{aspect-ratio:16/9} .mk-svg-fluid{width:100%;height:auto;display:block} @media(max-width:860px){ .mk-featgrid,.mk-typegrid,.mk-grid2,.mk-grid3,.mk-tector,.mk-sumgrid,.mk-contactwrap,.mk-plangrid{ grid-template-columns:minmax(0,1fr)} .mk-featgrid>*,.mk-typegrid>*,.mk-grid2>*,.mk-grid3>*,.mk-tector>*,.mk-sumgrid>*, .mk-contactwrap>*,.mk-plangrid>*{min-width:0} .mk-pagetitle{font-size:32px} } @media(max-width:560px){ .mk-contactside,.mk-contactside p,.mk-maillink{overflow-wrap:anywhere} .mk-sumcard{padding:22px 20px} .mk-contactside{padding:22px 20px} } #home img,#home svg,#home video{max-width:100%} #app{background:#eef2f4} #app .sidebar{background:var(--kon)} #app .card{background:#fff;border-color:#e7ecee} #app .topbar{background:#fff;border-color:#e7ecee} .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px} .home-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--hanada);font-weight:500} .home-btn:hover{color:var(--kon)} .signout-top{display:inline-flex;align-items:center;justify-content:center;gap:6px} .topbar .btn-sm.signout-top{min-height:46px;min-width:88px;font-size:14px;padding:4px 10px} #login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px; background:var(--mk-deep)} .login-card{background:var(--card);border-radius:16px;max-width:440px;width:100%;padding:44px 40px; box-shadow:0 24px 60px rgba(10,20,40,.4)} .brand{font-family:var(--serif);font-weight:700;font-size:30px;color:var(--kon);letter-spacing:.04em} .brand .en{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.22em;color:var(--hanada);text-transform:uppercase;display:block;margin-top:4px} .brand-logo-login{height:104px;width:auto;display:block;margin:0 auto 10px} .login-sub{color:var(--sumi);font-size:16px;font-weight:500;margin:18px 0 28px;line-height:1.6} .role-label{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kon);margin-bottom:10px} .role-go{width:100%;margin-top:16px;background:var(--ai);color:#fff;border-radius:var(--radius);padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:filter .12s} .role-go:hover{filter:brightness(1.07)} .login-input{display:block;width:100%;box-sizing:border-box;margin-bottom:12px} .login-err{color:#b42d16;font-size:13.5px;min-height:18px;margin:2px 2px 4px} .demo-accounts{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap} .demo-chip{border:1px solid var(--line);border-radius:14px;padding:5px 11px;font-size:12px;color:var(--sumi);background:#fff;cursor:pointer;transition:border-color .12s} .demo-chip:hover{border-color:var(--hanada)} .auth-note{font-size:14.5px;color:var(--sumi);line-height:1.55;margin:0 2px 14px} .auth-links{margin-top:14px;font-size:13px;color:var(--muted);text-align:center} .link-btn{color:var(--brand-accent);font-weight:500;cursor:pointer;font-size:13px;background:none;border:none;padding:0} .link-btn:hover{text-decoration:underline} .login-box{max-width:440px;width:100%} #login > .login-box .role-label{color:#eaf2fb} #login > .login-box .auth-note,#login > .login-box .login-sub{color:rgba(255,255,255,.86)} #login > .login-box .login-err{color:#ffc2b3} #login > .login-box .link-btn{color:#c3dbf3} #login > .login-box .link-btn:hover{color:#fff} #login.auth-challenge .login-sub{display:none} .auth-stack{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px} .auth-stack .link-btn{display:block;padding:4px 2px} .backup-h{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)} .f-area{min-height:84px;resize:vertical;line-height:1.5;font-family:var(--sans)} .rep-block{margin-bottom:12px} .rep-lbl{font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--hanada);margin-bottom:3px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .tapi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start} .tapi-form .fld{display:flex;flex-direction:column;gap:4px;margin:10px 0} .tapi-form input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;max-width:100%} .tapi-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} .tapi-pill{display:inline-flex;align-items:center;gap:6px} .tapi-pillwrap{margin:6px 0 12px} .tapi-checked{font-size:12px;color:var(--muted);margin-top:4px} .tapi-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line);font-size:14px} .tapi-inline{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#faf9f6} .tapi-env{margin-top:12px} @media(max-width:720px){ .tapi-grid{grid-template-columns:1fr} .tapi-status{order:-1} } .photo-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px} .photo-tile{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit} .photo-cap{font-size:12px;color:var(--muted);max-width:104px;line-height:1.3} .photo-thumb{width:104px;height:78px;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:pointer;transition:filter .12s} .photo-thumb:hover{filter:brightness(1.05)} .ph-wrap{position:relative;display:inline-block} .ph-del{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:#931d0b;color:#fff;border:2px solid #fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .photo-add{display:inline-block;border:1px dashed var(--line);border-radius:8px;padding:9px 14px;font-size:13px;color:var(--hanada);cursor:pointer;background:var(--washi)} .photo-add:hover{border-color:var(--hanada)} .lightbox{position:fixed;inset:0;background:rgba(10,14,26,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:120;cursor:zoom-out;padding:24px} .lightbox img{max-width:90vw;max-height:82vh;border-radius:10px;box-shadow:0 12px 48px rgba(0,0,0,.5)} .lightbox-cap{color:#cdd8ef;font-size:13px;margin-top:12px} .cust-photo-view{cursor:default} .cust-photo-view img{cursor:default} .lightbox-x{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0; background:rgba(20,24,36,.72);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2; display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4)} .lightbox-x:hover{background:rgba(20,24,36,.92)} .lightbox-x:focus-visible{outline:3px solid #fff;outline-offset:2px} #print-root{position:fixed;left:-10000px;top:0;width:794px;background:#fff} .preport{font-family:var(--sans);color:#001a30;max-width:760px;margin:0 auto;padding:28px;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact} .phead{border-bottom:2px solid #012445;padding-bottom:12px;margin-bottom:16px;display:flex;align-items:center;gap:14px} .plogo{height:42px;width:auto;display:block;flex-shrink:0} .plogo-text{font-family:var(--serif);font-weight:700;font-size:19px;color:#012445;flex-shrink:0} .pbrand{font-family:var(--serif);font-size:22px;font-weight:700;color:#012445} .ptitle{font-size:16px;font-weight:600;color:#000} .pref{margin-left:auto;color:#000;font-size:13px;text-align:right} .pref-addr{display:block;font-size:11px;color:#000;font-weight:400;margin-top:3px;max-width:300px} .pmeta{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:13px} .pmeta td{padding:6px 8px;border-bottom:1px solid #e5e7eb;vertical-align:top} .pmeta .pl{font-weight:600;width:180px;color:#000} .ps{margin-bottom:14px} .psh{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#012445;margin-bottom:4px} .psb{font-size:13.5px;line-height:1.6;white-space:pre-wrap} .pph{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px} .pph img{width:172px;height:128px;object-fit:cover;border:1px solid #ccc;border-radius:6px} .psign{margin-top:18px;padding-top:10px;border-top:1px solid #e5e7eb;font-size:13px;color:#000} .pfoot{margin-top:14px;font-size:11px;color:#000} .pstats{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px} .pstat{border:1px solid #e5e7eb;border-radius:8px;padding:10px 10px;min-width:0;flex:1 1 96px} .pstat .pn{font-family:var(--serif);font-size:22px;font-weight:700;color:#012445;white-space:nowrap} .pstat .plb{font-size:11px;color:#000;margin-top:2px} .pstat-status{flex:1 1 100%;display:flex;flex-direction:column;padding:10px 16px} .pstat-statline{display:flex;align-items:center;gap:7px;min-height:33px} .pdot{width:13px;height:13px;border-radius:50%;flex:none} .pstat-word{font-family:var(--serif);font-size:15px;font-weight:700} .pstat-status.green{background:#eaf4ea;border-color:#cfe6cf} .pstat-status.green .pdot{background:#5a9d5a}.pstat-status.green .pstat-word{color:#2f6b34} .pstat-status.amber{background:#fbf3dd;border-color:#ecdba6} .pstat-status.amber .pdot{background:#d99a2b}.pstat-status.amber .pstat-word{color:#7d5c1d} .pstat-status.red{background:#fbe9e6;border-color:#f0c4ba} .pstat-status.red .pdot{background:#c0392b}.pstat-status.red .pstat-word{color:#a8331f} .pcaution{margin-top:10px;font-size:12.5px;line-height:1.5;color:#7a5b18;background:#fbf3dd;border:1px solid #ecdba6;border-radius:6px;padding:8px 11px} .pcaution-red{color:#a8331f;background:#fbe9e6;border-color:#f0c4ba} .asg-row{display:flex;gap:10px;align-items:center} .asg-row .f-input{flex:1} .sched-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px} .sched-f{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)} .sched-f .f-input{width:100%} @media(max-width:560px){ .sched-grid{grid-template-columns:1fr} } .sched-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .sk-sec{margin:14px 0 0} .sk-sec-h{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--kon); text-transform:uppercase;letter-spacing:.03em} .sk-sec-note{margin:0 0 8px;font-size:12.5px;color:var(--muted);line-height:1.45;max-width:62ch} .sk-avail{display:flex;flex-wrap:wrap;gap:10px 22px} .sk-day-h{font-size:13px;font-weight:600;color:var(--sumi)} .sk-day-t{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums} .sk-sugg{display:flex;flex-direction:column;gap:2px} .sk-sugg-row{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid var(--line); border-radius:8px;background:#fff;font-size:13.5px;cursor:pointer} .sk-sugg-row:hover{border-color:var(--hanada)} .sk-sugg-row input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--kon)} .sk-sugg-row span{overflow-wrap:anywhere} .sk-actions{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start} .sk-primary{display:flex;gap:10px;flex-wrap:wrap} .sk-secondary{display:flex;gap:8px;flex-wrap:wrap} @media(max-width:560px){ .sk-avail{flex-direction:column;gap:8px} .sk-actions{align-items:stretch} .sk-primary .btn{width:100%;justify-content:center} .sk-secondary{width:100%} .sk-secondary .btn{flex:1 1 46%;justify-content:center} } .bk-card{margin-bottom:12px} .bldg-head + .card{margin-top:12px} .bk-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .bk-desc{margin:6px 0 0;font-size:14px;color:var(--sumi);line-height:1.55} .bk-extra{margin-top:10px;background:var(--washi);border:1px solid var(--line);border-radius:10px;padding:11px 13px} .tal-wrap{margin:10px 0 2px} .isr-wrap{margin:12px 0;padding:10px 12px;background:#f6f5f1;border:1px solid #e0dcd3;border-radius:8px} .isr-h{font-weight:700;font-size:13px} .isr-note{font-size:12px;margin:2px 0 8px} .isr-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .isr-row label{font-size:12px;display:flex;align-items:center;gap:5px} .isr-row input[type=date]{padding:4px 6px;border:1px solid #d5d0c6;border-radius:6px;font:inherit;font-size:12px} .tl-summary{margin-bottom:14px} .tl-detail{margin-bottom:14px} .tl-warn{margin:8px 0} .tl-sec{margin:16px 0 8px;font-size:13.5px;color:var(--kon)} .tl-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 18px;background:#f6f5f1;border:1px solid #e0dcd3;border-radius:8px;padding:10px 12px} .tl-frow{display:flex;justify-content:space-between;gap:10px;font-size:12.5px} .tl-fk{color:var(--muted)} .tl-fv{font-weight:600;text-align:right;word-break:break-all} .tl-fv .pill{word-break:normal;overflow-wrap:normal} .tl-evrow{display:block;padding:5px 0;font-size:13px;border-bottom:1px solid #f0ede7} .tl-form{display:grid;gap:10px;max-width:640px} .tl-form label{display:block;font-size:13px} .tl-form select,.tl-form textarea{display:block;width:100%;margin-top:4px;padding:6px 8px;border:1px solid #d5d0c6;border-radius:6px;font:inherit} .tl-target{border:1px solid #e0dcd3;border-radius:8px;padding:8px 12px} .tl-target label{display:inline-block;margin-right:16px} .tl-actions{display:flex;gap:10px;flex-wrap:wrap} .tl-hrow{font-size:12.5px;padding:4px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .mld-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .mld-actions .btn:disabled{opacity:.45;cursor:not-allowed} .mld-blockers{margin:4px 0 0 18px;font-size:13px;color:#8a2f1a} .co-b-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px} .co-b-head h3{margin:0} .co-b-addr{font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4} .bldg-addr-line{font-size:12.5px;color:var(--muted);line-height:1.45;margin:2px 0 1px;max-width:60ch} .bid-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .bid-head h3{margin:0} .bid-addr{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)} .bid-addr-h{margin:0 0 6px;font-size:13px;color:var(--kon)} .bid-addr-row{display:flex;gap:10px;align-items:baseline;margin:3px 0;flex-wrap:wrap} .bid-addr-lang{flex:0 0 5.5em;font-size:12px;color:var(--muted)} .bid-addr-val{flex:1 1 14em;font-size:13.5px;color:var(--sumi);line-height:1.5;min-width:0} .bid-heritage-note{margin:6px 0 0;font-size:12px;line-height:1.5} .bi-sec-h{margin:14px 0 4px;font-size:13px;color:var(--kon)} .bi-note{font-size:12.5px;line-height:1.5;margin:2px 0 6px} .bco-addr-ro{font-size:13.5px;color:var(--sumi);line-height:1.5;padding:6px 0;word-break:break-word} .tmap-warn{color:var(--shu);font-weight:500} .bec-list{display:flex;flex-direction:column;gap:8px;margin:2px 0 8px} .bec-row{padding:7px 0;border-bottom:1px solid var(--line)} .bec-row:last-child{border-bottom:0} .bec-name{font-size:13.5px;font-weight:600;color:var(--sumi)} .bec-manage{margin-left:8px;font-size:12.5px;font-weight:400} .bec-meta{font-size:12.5px;color:var(--muted);line-height:1.5} @media(max-width:560px){ .bid-head .btn{width:100%} .bid-addr-lang{flex-basis:100%} } .sk-fit{font-size:11.5px;padding:1px 7px;border-radius:9px;margin-left:auto;white-space:nowrap} .sk-fit--in{background:var(--matcha-bg,#e8f0e4);color:#3d5636} .sk-fit--out{background:#f2efe6;color:#6b5c33} .sk-sugg-row{display:flex;align-items:center;gap:8px} @media(max-width:560px){ .sk-fit{margin-left:0} .sk-sugg-row{flex-wrap:wrap} } @media(max-width:560px){ .co-b-head .btn{width:100%} } .mld-danger{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .mld-del-btn{color:var(--shu)} .mld-del-warn{margin:12px 0 4px;font-size:13px;color:var(--muted);line-height:1.55} .mld-del-go{background:var(--shu);color:#fff;border:1px solid var(--shu)} .mld-del-go[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none} .mlt-refusal{margin:6px 0 0;padding:10px 12px;border-left:3px solid #b8860b;background:#fdf6e3;font-size:14px;max-width:82ch} .pill.ai-badge{background:#eef2f7;color:#33506b;border:1px solid #c8d4e0;font-weight:500} .nav-group{margin-top:2px} .nav-grp-h{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;background:var(--kon); border:none;cursor:pointer;padding:7px 10px;font:inherit;font-size:12px;letter-spacing:.04em; text-transform:uppercase;color:#dfe6f0;text-align:left;border-radius:6px} .nav-grp-h:hover{background:rgba(255,255,255,.07)} .nav button.nav-grp-h{padding:7px 10px} .nav-grp-caret{font-size:10px;width:10px;flex:0 0 auto} .route-err p{margin:0 0 14px} .nav-grp-body{display:block} .nav-grp-body[hidden]{display:none} .nav-grp-body > button{padding-left:26px} .extd-form{display:grid;gap:10px;margin-top:12px;max-width:640px} .extd-form label{display:grid;gap:4px;font-size:13.5px} .extd-form input[type=text],.extd-form input[type=email],.extd-form input[type=date],.extd-form select{padding:7px 9px;border:1px solid #c9c4bb;border-radius:6px;font:inherit;background:#fff;max-width:100%} .extd-form .extd-check{display:flex;gap:8px;align-items:flex-start} .extd-row{padding:10px 0;border-bottom:1px solid #eee7dc} .sbi-test-result{margin:6px 0 0;padding:6px 10px;border-radius:6px;font-size:12.5px;line-height:1.4} .sbi-test--testing{background:#f3f1ec;color:var(--muted)} .sbi-test--ok{background:#e7efe9;color:#1f6b3a} .sbi-test--fail{background:#fbe9e5;color:var(--shu)} .extd-row:last-child{border-bottom:none} .extd-h2{font-size:17px;margin:22px 0 8px} .extd-notice{margin:6px 0;padding:9px 12px;border-left:3px solid #8a97a5;background:#f2f4f6;font-size:13.5px;max-width:82ch} .extd-notice-pseudo{border-left-color:#b8860b;background:#fdf6e3} .extd-notice-anon{border-left-color:#4a7c59;background:#eff5f0} .ai-reasons{margin:0 0 8px 18px;padding:0} .ai-reasons li{margin:2px 0} .mono{font-family:ui-monospace,Menlo,monospace;font-size:11.5px} .tal{border:1px solid var(--line);border-left:3px solid #7fa8c9;border-radius:6px;padding:8px 10px;margin-bottom:6px;background:#fbfdff} .tal-h{font-size:12px;font-weight:600;color:var(--kon);display:flex;gap:8px;align-items:center} .tal-state{font-size:11px;font-weight:600;color:#5f8bb0} .tal-when{font-size:11px;font-weight:400;color:var(--muted);margin-left:auto} .tal-desc{font-size:12.5px;color:var(--sumi);margin-top:4px} .tal-ref{font-size:12px;color:#5f8bb0;margin-top:3px} .tal-note{font-size:11.5px;color:var(--muted);line-height:1.5} .bk-flag{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--sumi);margin:4px 0;font-weight:400;text-transform:none;letter-spacing:0} .form-field label.bk-flag{font-size:13.5px;color:var(--sumi);font-weight:400;text-transform:none;letter-spacing:0;margin-bottom:0} .bk-flag input{width:16px;height:16px;accent-color:var(--ai)} .bk-urgent{margin-top:8px} .bk-win{margin-bottom:8px} .bk-opt{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;margin-bottom:8px} .bk-opt-go{font-size:12px;font-weight:600;color:var(--ai);white-space:nowrap} .bk-opt-lg{min-height:56px;padding:11px 14px;border-radius:10px} .bk-opt-when{display:flex;flex-direction:column;gap:1px;text-align:left} .bk-opt-day{font-size:13.5px;font-weight:600;color:var(--kon)} .bk-opt-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums} @media(max-width:560px){ .bk-opt-lg{min-height:62px} .bk-opt-day{font-size:14px} } @media(max-width:560px){ .bk-win{grid-template-columns:1fr !important} .bk-opt{flex-wrap:wrap} } .cal-toggle{display:flex;gap:8px;margin-bottom:14px} .cal-head{display:flex;align-items:center;gap:10px;margin-bottom:10px} .cal-month{font-family:var(--app-heading);font-weight:600;font-size:17px;color:var(--kon);min-width:130px;text-align:center} .cal-nav{border:1px solid var(--line);background:#fff;border-radius:8px;width:32px;height:32px;font-size:16px;cursor:pointer;color:var(--kon)} .cal-nav:hover{background:var(--washi)} .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px} .cal-dow{font-size:11.5px;font-weight:700;color:var(--muted);text-align:center;padding:4px 0;letter-spacing:.03em} .cal-cell{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:88px;padding:5px 6px;overflow:hidden} .cal-cell.cal-out{background:transparent;border-style:dashed;opacity:.45} .cal-cell.cal-today{border-color:var(--ai);box-shadow:inset 0 0 0 1px var(--ai)} .cal-date{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:3px} .cal-today .cal-date{color:var(--ai)} .cal-chip{display:block;width:100%;text-align:left;border:0;cursor:pointer;font-size:11px;font-weight:600;line-height:1.35;border-radius:6px;padding:2px 6px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--sans)} .cal-chip.c-open{background:var(--shu-bg);color:#8a2f1a} .cal-chip.c-watch{background:var(--yamabuki-bg);color:#7d5c1d} .cal-chip.c-done{background:var(--matcha-bg);color:#3e5631} .cal-chip.c-idle{background:#e7ebee;color:#5d6b71;text-decoration:line-through} .cal-chip.tc-0,.cal-swatch.tc-0{background:#dbe7f3;color:#2c4a6e} .cal-chip.tc-1,.cal-swatch.tc-1{background:#e3eddc;color:#3e5631} .cal-chip.tc-2,.cal-swatch.tc-2{background:#f3e2d9;color:#8a4a2f} .cal-chip.tc-3,.cal-swatch.tc-3{background:#ece0f0;color:#5d3a6e} .cal-chip.tc-4,.cal-swatch.tc-4{background:#f0e8d4;color:#7a5f1f} .cal-chip.tc-5,.cal-swatch.tc-5{background:#d9eef0;color:#1f6a72} .cal-chip.tc-6,.cal-swatch.tc-6{background:#f0dde4;color:#8a2f52} .cal-chip.tc-7,.cal-swatch.tc-7{background:#e2e6ea;color:#45525c} .cal-chip.tc-none,.cal-swatch.tc-none{background:#fff;border:1px dashed var(--line);color:var(--muted)} .cal-warn{color:#b3261e;margin-right:2px} .cal-legend{display:flex;gap:14px;flex-wrap:wrap;margin:10px 2px 0;font-size:12.5px;color:var(--sumi)} .cal-leg{display:flex;align-items:center;gap:6px} .cal-swatch{width:12px;height:12px;border-radius:4px;display:inline-block} @media(max-width:700px){ .cal-cell{min-height:64px;padding:3px 4px} .cal-chip{font-size:10px;padding:2px 4px} .cal-month{min-width:104px;font-size:15px} } .sys-occurred{background:var(--washi);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;color:var(--sumi);line-height:1.55} .plan-badge{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ai);background:#e7eef6;padding:2px 9px;border-radius:999px;vertical-align:middle;margin-left:6px;letter-spacing:.01em;white-space:nowrap} .ov-balerts-h{margin:18px 0 8px} .balert-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .balert-head h3{margin:0} .balert-chips{display:flex;gap:6px;flex-wrap:wrap} .balert-chip{margin-left:0} .balert-ok{background:#e7f3ea;color:#2f7d46} .balert-watch{background:#fdf3e0;color:#9a6a17} .balert-alert{background:#fbe8e8;color:#b23b3b} .balert-sec{margin-top:10px} .balert-lbl{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px} .balert-src{font-size:12px;font-weight:600;color:var(--ai);margin-top:4px} .balert-locs{margin:4px 0 0;padding-left:18px} .balert-locs li{margin:2px 0} .balert-staff-form label{display:block;font-size:12.5px;font-weight:600;margin:8px 0 3px} .balert-staff-form input,.balert-staff-form select,.balert-staff-form textarea{width:100%;max-width:520px} .balert-gap{color:#b23b3b;font-size:12.5px} .plan-sel{padding:5px 8px;font-size:12.5px;min-width:148px;width:auto;max-width:240px} .qbox{background:#f4f7f9;border:1px solid var(--line);border-radius:8px;padding:9px 13px} .qrow{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:14px;color:var(--sumi)} .qrow-total{border-top:1px solid var(--line);margin-top:4px;padding-top:7px;font-size:15.5px} .qrow-total b{color:var(--kon)} .pr-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap} .pr-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);flex:1;min-width:150px} .pr-final{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:3px} .pr-final b{font-size:18px;color:var(--kon)} .hdr-pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-left:9px;vertical-align:middle;line-height:1.5} .hp-alert{background:#fce8e6;color:#b0322b;border:1px solid #f3c0bb} .hp-pending{background:#fdf0d8;color:#7d5c1d;border:1px solid #f0d9a8} .hp-open{background:#e7eef6;color:#27496d;border:1px solid #cdddec} .hp-answered{background:#e3f1e8;color:#1f6b3a;border:1px solid #c2e0cc} .hp-priority{background:var(--kon);color:#fff;border:1px solid var(--kon)} @keyframes kpulse{0%,100%{box-shadow:0 0 0 0 rgba(1,36,69,.34)}50%{box-shadow:0 0 0 4px rgba(1,36,69,0)}} .flash{animation:kpulse 1.15s ease-in-out infinite} .bldg-closed{margin-top:12px;border-top:1px solid var(--line);padding-top:6px} .xall-bar{display:flex;justify-content:flex-end;margin:0 0 10px} .xall-btn{background:none;border:1px solid var(--line);color:var(--ai);font-size:12.5px;font-weight:600;padding:5px 13px;border-radius:7px;cursor:pointer;transition:border-color .12s,background .12s} .xall-btn:hover{background:#fff;border-color:var(--ai)} .staff-mem-row{padding:11px 0;border-top:1px solid var(--line)} .mem-hist{padding:2px 0 12px} .staff-mem-row:first-child{border-top:none;padding-top:2px} .staff-mem-id{display:flex;flex-direction:column;gap:1px} .staff-mem-meta{font-size:13px;color:var(--muted);margin:5px 0 7px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .staff-mem-acts{display:flex;gap:16px;flex-wrap:wrap} .pinsp{border:1px solid #e5e7eb;border-radius:8px;padding:14px;margin-bottom:12px} .pinsp-h{font-weight:700;font-size:13px;color:#012445;margin-bottom:8px;border-bottom:1px solid #eef0f3;padding-bottom:6px} .pchart{margin:6px 0 14px} .pchart-h{font-size:12px;font-weight:600;color:#012445;margin-bottom:3px} .phead, .pstats, .pchart, .palert, .pinsp{break-inside:avoid;page-break-inside:avoid} .psh{break-after:avoid;page-break-after:avoid} .pph figure{margin:0;width:172px} .pph figcaption{font-size:9.5px;color:#000;margin-top:3px;text-align:center} .palert{border:1px solid #e5e7eb;border-radius:8px;padding:13px 14px;margin-bottom:11px} .palert-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;font-size:13.5px;color:#012445} .palert-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;white-space:nowrap} .palert-status.closed{background:#e7f0e4;color:#3f6b34} .palert-status.open{background:#f6e2dc;color:#a8442a} .palert-sub{font-size:11.5px;color:#000;margin:3px 0 9px} .palert-outcome{margin-top:10px;padding-top:9px;border-top:1px solid #eef0f3;font-size:12.5px;color:#000} .palert-acts{margin-top:10px;padding-top:9px;border-top:1px solid #eef0f3} .pacts{margin:5px 0 0;padding:0;list-style:none} .pacts li{font-size:12px;color:#000;line-height:1.65;padding-left:13px;position:relative} .pacts li:before{content:"";position:absolute;left:1px;top:7px;width:5px;height:5px;border-radius:50%;background:#b1472c} .pact-d{color:#000;font-variant-numeric:tabular-nums;margin-right:8px} .pmoist{margin-top:9px;font-size:12px;color:#000;display:flex;flex-wrap:wrap;gap:9px;align-items:center} .pm-up{color:#a8442a;font-weight:600} .pm-down{color:#3f6b34;font-weight:600} .pm-flat{color:#000;font-weight:600} .pm-seas{color:#012445} .pleg{display:flex;flex-wrap:wrap;gap:13px;margin:0 0 10px;font-size:10.5px;color:#000} .pleg span{display:flex;align-items:center;gap:5px} .pleg i{display:inline-block;flex:none} .pl-line{width:16px;height:2.5px;background:#012445} .pl-rain{width:11px;height:11px;background:#7fa8c9;opacity:.7;border-radius:1px} .pl-quake{width:16px;height:2px;background:#b1442c} .pl-bandhigh{width:11px;height:11px;background:var(--shu-bg);border:1px solid #cf9a87} .pl-bandwatch{width:11px;height:11px;background:var(--yamabuki-bg);border:1px solid #d8bd7e} .pl-pw{width:11px;height:11px;background:rgba(1,36,69,.13);border:1px solid rgba(1,36,69,.5)} .pl-bandok{width:11px;height:11px;background:var(--matcha-bg);border:1px solid #cdd9c4} @media print{ @page{margin:14mm} body{background:#fff} body > *{display:none !important} #print-root{position:static !important;left:0 !important;width:auto !important;display:block !important} .ps,.pph img,.psign{break-inside:avoid} .diag-overlay,.diag-notice,.diag-toggle,.lg-diag,.diag-export{display:none !important} } .diag-toggle{display:flex;align-items:center;gap:8px;margin:8px 2px 0;font-size:13px;color:var(--muted)} .diag-toggle input{width:16px;height:16px;accent-color:var(--ai)} .diag-notice{margin:8px 2px 0;padding:8px 10px;border:1px dashed var(--line);border-radius:8px; background:#f7f8fa;color:#4a5560;font-size:12.5px;line-height:1.5} .diag-notice strong{color:#3b444d} .diag-mark{fill:none;stroke:#6b4a6f;stroke-width:1.6;stroke-dasharray:2.4 1.8} .diag-tick{stroke:#6b4a6f;stroke-width:1;stroke-dasharray:2 2;opacity:.7} .lg-diag{width:11px;height:11px;border:1.6px dashed #6b4a6f;transform:rotate(45deg);display:inline-block} .diag-table-wrap{overflow-x:auto;padding:8px 10px} .diag-export{margin:0 0 8px} .diag-table{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap} .diag-table th,.diag-table td{text-align:left;padding:4px 10px 4px 0;border-bottom:1px solid var(--line)} .diag-table th{font-weight:600;color:#3b444d} .ecm-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:6px 16px;font-size:13.5px} .ecm-row{display:contents} .ecm-lab{color:var(--muted)} .ecm-v{overflow-wrap:anywhere} .ecm-sub{margin:18px 0 6px;font-size:14px} .ecm-refusals{grid-column:1 / -1;margin:6px 0 0 18px;font-size:13px;color:var(--muted)} @media(max-width:560px){ .ecm-grid{grid-template-columns:minmax(0,1fr)} .ecm-lab{margin-top:8px} } .bph-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap} .bph-main{width:220px;height:150px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#f2f5f7;flex:0 0 auto} .bph-side{flex:1 1 220px;min-width:0} .bph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px; color:var(--muted);font-size:12.5px;text-align:center;padding:8px} .bph-empty-glyph{font-size:26px;opacity:.5} .bph-fail{width:220px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:10px; border:1px dashed var(--line);color:var(--muted);font-size:12.5px;text-align:center;padding:8px} .bph-meta{font-size:12.5px;margin:0 0 8px} .bph-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px} .bph-up{cursor:pointer} .bph-hist{margin-top:12px;font-size:13px} .bph-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px} .bph-thumbfig{margin:0;text-align:center;font-size:11.5px} .bph-thumb{width:96px;height:66px;object-fit:cover;border-radius:7px;border:1px solid var(--line)} .bldg-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line);flex:0 0 auto} .bldg-detail-btn{margin-left:auto} .bac-card{border-left:3px solid var(--kon)} .bac-lock{font-size:14px} .bac-audit{font-size:12.5px;margin:8px 0 0} .bac-secret-host:empty{display:none} .bac-revealed{margin-top:12px;padding:14px;border-radius:10px;background:#f6f8fa;border:1px solid var(--line)} .bac-revealed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .bac-revealed-t{font-weight:600} .bac-timeout{font-size:12px;margin:10px 0 0} .modal-wide{max-width:760px} @media(max-width:560px){ .bph-main,.bph-fail{width:100%;height:170px} .bldg-detail-btn{margin-left:0} } .tech-arrival{display:flex;gap:14px;align-items:flex-start;margin-top:10px;flex-wrap:wrap} .tech-photo{width:180px;height:126px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#f2f5f7;flex:0 0 auto} .tech-arrival-side{flex:1 1 200px;min-width:0} @media(max-width:560px){ .tech-photo{width:100%;height:180px} } .stp-grid{display:flex;gap:14px;flex-wrap:wrap} .stp-fig{margin:0;width:170px} .stp-img{width:170px;height:118px;object-fit:cover;border-radius:8px;border:1px solid var(--line)} .stp-fig figcaption{display:flex;flex-direction:column;gap:3px;margin-top:6px;font-size:12px} .stp-src{color:var(--muted)} .stp-when{font-size:11.5px} @media(max-width:560px){ .stp-fig,.stp-img{width:100%} .stp-img{height:180px} } .map-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap} .mapf-row{display:flex;gap:8px;flex-wrap:wrap} .mapf{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:inherit; font-size:13.5px;cursor:pointer;color:var(--kon)} .mapf.on{background:var(--kon);color:#fff;border-color:var(--kon)} .mapf:focus-visible{outline:2px solid var(--asagi);outline-offset:2px} .mapf-n{opacity:.7;margin-left:4px} .mapf-org{display:flex;align-items:center;gap:8px;font-size:13.5px} .map-wx{margin-left:auto;padding-left:16px;border-left:1px solid var(--line)} .map-nobase{font-size:12.5px;margin:10px 0} .map-card{position:relative;padding:0;overflow:hidden} .map-canvas{position:relative;height:min(58vh,520px);min-height:320px; background:linear-gradient(160deg,#eef3f6 0%,#e3ebf0 55%,#dde7ee 100%)} .map-plot{position:absolute;inset:0} .map-canvas--google .map-plot{display:none} .kmk{position:absolute;transform:translate(-50%,-100%);width:70px;height:78px;padding:0;border:0; background:none;cursor:pointer;line-height:0} .kmk-img{display:block;width:66px;height:66px;margin:0 auto;border-radius:50%;object-fit:cover; background:#e9e6df;box-shadow:0 1px 4px rgba(0,0,0,.35)} .kmk-none{display:flex;align-items:center;justify-content:center;font-size:19px;color:#8a8578;line-height:1} .kmk-normal .kmk-img{border:5px solid #009936} .kmk-watch .kmk-img{border:5px solid #b8860b} .kmk-alert .kmk-img{border:5px solid #ff2115} .kmk-tip{display:block;width:0;height:0;margin:-1px auto 0;border-left:5px solid transparent; border-right:5px solid transparent;border-top:8px solid #009936} .kmk-watch .kmk-tip{border-top-color:#b8860b} .kmk-alert .kmk-tip{border-top-color:#ff2115} .kmk-photo{position:relative;display:block;width:66px;height:66px;margin:0 auto} .kmk-pulse{position:absolute;inset:-12.5px;border-radius:50%;border:4px solid #ff2115; opacity:.95;pointer-events:none;animation:kmkPulse 1.9s ease-out infinite} @keyframes kmkPulse{ 0% {transform:scale(1); opacity:.95} 70% {transform:scale(1.45); opacity:0} 100% {transform:scale(1.45); opacity:0} } @media (prefers-reduced-motion: reduce){ .kmk-pulse{animation:none;transform:none;opacity:.95} } .kmk:focus-visible{outline:3px solid var(--hanada);outline-offset:3px;border-radius:50%} .map-canvas--google{background:#e9e6df} .map-pin{position:absolute;transform:translate(-50%,-100%)} .mkr{position:relative;display:block;background:none;border:0;padding:0;cursor:pointer;line-height:0} .mkr:focus-visible{outline:2px solid var(--kon);outline-offset:3px;border-radius:50%} .mkr-body{display:block;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#fff; border:3px solid var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.22)} .mkr-photo{width:100%;height:100%;object-fit:cover;display:block} .mkr-photo-none{display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted); background:#f1f4f6;line-height:1} .mkr-tip{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:0;height:0; border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--muted)} .mkr-normal .mkr-body{border-color:#7d8b96} .mkr-normal .mkr-tip{border-top-color:#7d8b96} .mkr-watch .mkr-body{border-color:#c9930d} .mkr-watch .mkr-tip{border-top-color:#c9930d} .mkr-alert .mkr-body{border-color:#b3261e} .mkr-alert .mkr-tip{border-top-color:#b3261e} .mkr-sel .mkr-body{box-shadow:0 0 0 4px rgba(31,58,95,.28),0 2px 8px rgba(0,0,0,.22)} .mkr-ring{position:absolute;left:50%;top:23px;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%; border:3px solid #b3261e;animation:mkrpulse 1.8s ease-out infinite;pointer-events:none} @keyframes mkrpulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.1);opacity:0}} @media(prefers-reduced-motion:reduce){ .mkr-ring{animation:none;transform:scale(1.28);opacity:1;border-width:4px;border-color:#8c1d18} .mkr-alert .mkr-body{border-width:4px;border-color:#8c1d18} } .map-popup{position:absolute;z-index:5;left:16px;bottom:16px;max-width:min(380px,calc(100% - 32px));background:#fff; border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.16);display:flex;flex-wrap:wrap;gap:10px; padding:10px;align-items:flex-start} .map-popup-x{position:absolute;top:6px;right:8px} .mapc-photo-btn{padding:0;border:0;background:none;line-height:0;flex:0 0 auto;cursor:pointer;border-radius:8px} .mapc-photo-btn:focus-visible{outline:2px solid var(--hanada);outline-offset:2px} .mapc-photo{width:110px;height:78px;object-fit:cover;border-radius:8px;border:1px solid var(--line);flex:0 0 auto;display:block} .mapc-body{min-width:0;flex:1 1 160px} .mapc-body h3{font-size:15px} .mapc-body p{font-size:12.5px} .mapc-sensors{overflow-wrap:anywhere} .map-table{width:100%;border-collapse:collapse;font-size:13.5px} .map-table th,.map-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top} .map-table th{color:var(--muted);font-weight:600} .linkish{background:none;border:0;padding:0;font:inherit;color:var(--kon);text-decoration:underline;cursor:pointer} .map-unmapped{margin-top:14px} .map-unmapped-list{margin:8px 0 0 18px;font-size:13.5px} @media(max-width:820px){ .map-canvas{height:44vh;min-height:260px} .map-popup{left:8px;right:8px;bottom:8px;max-width:none;flex-direction:column} .mapc-photo{width:100%;height:120px} .mapc-body{flex:0 0 auto} .map-table{display:block;overflow-x:auto} } .mon-pill{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap; border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;letter-spacing:.01em} .mon-pill--ok{background:var(--matcha-bg);color:#3e5631} .mon-pill--watch{background:var(--yamabuki-bg);color:#856218} .mon-pill--alert{background:var(--shu-bg);color:#8a2f1a} @media(max-width:560px){ } .mon-detail{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin:2px 0 10px} .mon-detail-item{display:flex;align-items:center;gap:8px;font-size:13px} .mon-detail-lab{color:var(--muted)} #app{display:grid;grid-template-columns:230px 1fr;min-height:100vh} .sidebar{background:var(--kon);color:#dfe6f0;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto} .sidebar .brand{color:#fff;font-size:22px} .sidebar .brand .en{color:var(--asagi)} .sidebar .brand-logo{height:68px;width:auto;display:block;margin:0 auto;filter:brightness(0) invert(1)} .sidebar .brand-box{display:flex;align-items:center;justify-content:center;min-height:90px;padding:8px 0 10px} .nav{margin-top:34px;display:flex;flex-direction:column;gap:4px} .nav button{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:8px;color:#c2cde0;font-size:14px;line-height:1.35;width:100%;text-align:left;transition:background .12s} .nav button:hover{background:rgba(255,255,255,.07)} .nav button.active{background:var(--brand-nav);color:#fff;font-weight:500} .sidebar .brand-logo.partner-logo{filter:none;background:#fff;border-radius:10px;padding:8px 12px;height:auto;max-height:52px;max-width:158px;width:auto;object-fit:contain;box-sizing:content-box} .powered-by{font-size:10.5px;color:var(--asagi);letter-spacing:.04em;margin-bottom:8px} .brand-name-top{font-weight:600;color:var(--kon);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px} .auth-brand{text-align:center;margin-bottom:18px} .auth-brand-logo{max-height:52px;max-width:200px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto 10px;background:#fff;border-radius:10px;padding:8px 14px;box-sizing:content-box} .auth-brand-name{font-weight:600;color:#fff;font-size:15px} .auth-brand-org{font-size:12.5px;color:rgba(255,255,255,.78);margin-top:2px} .auth-brand-powered{font-size:10.5px;color:rgba(255,255,255,.6);letter-spacing:.04em;margin-top:7px} .tf-box{max-width:430px} .tf-qr{background:#fff;border-radius:12px;padding:10px;display:flex;justify-content:center;margin:10px auto;max-width:250px} .tf-qr svg{width:220px;height:220px;display:block} .tf-manual{font-family:ui-monospace,Menlo,monospace;font-size:14px;letter-spacing:.06em;background:rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:9px 12px;margin:4px 0 12px;text-align:center;user-select:all;word-break:break-all} .tf-codes{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:var(--washi);border:1px solid var(--line);border-radius:10px;padding:14px;margin:10px 0} .tf-rc{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--kon);letter-spacing:.03em;user-select:all} .tf-warn{background:var(--yamabuki-bg);color:var(--sumi)!important;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:10px 12px} .tf-ack{display:flex;align-items:flex-start;gap:9px;color:var(--sumi);font-size:13.5px;margin:12px 0;cursor:pointer;text-align:left} .tf-ack input{margin-top:3px;width:16px;height:16px} @media(max-width:480px){ .tf-codes{grid-template-columns:1fr} .tf-qr svg{width:180px;height:180px} } .nav .ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.92;flex-shrink:0} .nav .ico svg{width:18px;height:18px;display:block} .nav button .lbl{flex:1 1 auto;min-width:0} .nav .badge{margin-left:auto;flex-shrink:0;align-self:flex-start;margin-top:1px;background:var(--shu);color:#fff;font-size:11px;font-weight:700;line-height:1.55;border-radius:20px;padding:1px 7px;min-width:20px;text-align:center} .side-foot{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--asagi)} .side-foot button{color:#c2cde0;font-size:12px;margin-top:8px;text-decoration:underline;text-underline-offset:2px} .main{display:flex;flex-direction:column;min-width:0} .topbar{display:flex;align-items:center;gap:16px;padding:16px 30px;border-bottom:1px solid var(--line);background:var(--card)} .prop-select{position:relative} .prop-select select{appearance:none;font-family:var(--app-heading);font-weight:600;font-size:17px;color:var(--kon);background:transparent;border:none;padding-right:22px;cursor:pointer} .prop-select::after{content:"▾";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--hanada);pointer-events:none;font-size:13px} .topbar .spacer{flex:1} .lang-toggle{display:flex;border:1px solid var(--line);border-radius:20px;overflow:hidden} .lang-toggle button{padding:5px 13px;font-size:12px;font-weight:500;color:var(--muted)} .lang-toggle button.on{background:var(--ai);color:#fff} .demo-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.02em;background:var(--yamabuki-bg); color:#7d5c1d;border:1px solid #e3cf9a;border-radius:20px;padding:2px 9px;margin-left:8px;white-space:nowrap; vertical-align:middle;text-transform:none} .demo-rec-banner{background:var(--yamabuki-bg);border:1px solid #e3cf9a;color:#7a5a1c;border-radius:6px; padding:8px 11px;font-size:12.5px;line-height:1.5;margin-bottom:10px} .scenario-card{border-left:4px solid #b9a06a;background:repeating-linear-gradient(135deg,#fdfbf6,#fdfbf6 9px,#f7f2e6 9px,#f7f2e6 18px)} .scenario-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px} .scenario-tag{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7a5a1c; background:#fff;border:1px dashed #b9a06a;border-radius:20px;padding:3px 10px;white-space:nowrap} .scenario-none{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:#43505e} .scenario-steps{list-style:none;margin:0;padding:0;counter-reset:sc} .scenario-steps li{display:flex;gap:10px;padding:8px 0;border-top:1px dashed #e0d6be} .sc-n{flex:none;width:20px;height:20px;border-radius:50%;background:#7d5c1d;color:#fff;font-size:11px;font-weight:700; display:inline-flex;align-items:center;justify-content:center;margin-top:2px} .sc-b{display:flex;flex-direction:column;gap:2px} .sc-b b{font-size:13.5px} .sc-b span{font-size:12.5px;line-height:1.55;color:#43505e} .tip-wrap{position:relative;display:inline-block;margin-left:5px;vertical-align:middle} .tip-btn{width:16px;height:16px;line-height:14px;padding:0;border-radius:50%;border:1px solid #9db4c8; background:#fff;color:#3a5e80;font-size:11px;font-weight:700;font-family:var(--ui);cursor:pointer; font-style:italic;text-align:center} .tip-btn:hover{background:#eef3f8;border-color:#3a5e80} .tip-btn:focus-visible{outline:2px solid var(--ai);outline-offset:2px} .tip-pop{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 8px);z-index:60; width:270px;background:#22303f;color:#fff;border-radius:8px;padding:10px 12px;font-size:12.5px; line-height:1.5;font-weight:400;font-style:normal;text-align:left;text-transform:none;letter-spacing:0; opacity:0;visibility:hidden;transition:opacity .12s;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.22)} .tip-pop strong{display:block;margin-bottom:4px;font-size:12.5px} .tip-pop::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%); border:6px solid transparent;border-top-color:#22303f} .tip-wrap:hover .tip-pop, .tip-wrap:focus-within .tip-pop, .tip-pop.pinned{opacity:1;visibility:visible} @media(max-width:560px){ .tip-pop{width:210px} } .an-link{background:none;border:none;padding:0;margin-top:10px;color:var(--ai);font-family:var(--ui); font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer} .an-link:focus-visible{outline:2px solid var(--ai);outline-offset:2px} .sup-closed-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .sev-amend-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .dt-modal{max-width:720px;width:100%} .dt-body{display:flex;gap:22px;align-items:center;padding:26px 26px 8px} .dt-art{flex:none;width:180px;display:flex;justify-content:center;align-items:flex-end} .dt-art img{width:100%;height:auto;max-height:230px;object-fit:contain} .dt-txt{min-width:0} .dt-step{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .dt-modal h2{margin:0 0 8px;font-family:var(--app-heading);font-size:21px;color:var(--kon)} .dt-modal h2:focus{outline:none} .dt-modal h2:focus-visible{outline:2px solid var(--ai);outline-offset:3px;border-radius:4px} .dt-lead{margin:0;font-size:15px;line-height:1.65;color:var(--sumi);max-width:62ch} .dt-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap; padding:14px 26px 22px;border-top:1px solid var(--line);margin-top:16px} .dt-dots{display:flex;gap:6px;flex-wrap:wrap} .dt-dot{width:7px;height:7px;border-radius:50%;background:var(--line)} .dt-dot.on{background:var(--kon)} .dt-acts{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto} .dt-acts .btn[disabled]{opacity:.45;cursor:default} .dt-imgnote{margin:14px 2px 0;font-size:12.5px;line-height:1.5;color:var(--muted);max-width:72ch} @media(max-width:640px){ .dt-body{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 18px 6px} .dt-art{width:100%;justify-content:flex-start} .dt-art img{max-height:170px;width:auto} .dt-foot{padding:12px 18px 18px} .dt-acts{width:100%} } .modal-wide{max-width:640px} .an-intro{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--muted)} .an-steps{margin:0;padding-left:0;list-style:none} .an-steps li{border-top:1px solid var(--line)} .an-steps summary{cursor:pointer;padding:11px 0;font-weight:600;font-size:14.5px;list-style:none;display:flex;align-items:center;gap:10px} .an-steps summary::-webkit-details-marker{display:none} .an-steps summary:focus-visible{outline:2px solid var(--ai);outline-offset:2px} .an-n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--ai);color:#fff;font-size:12px; display:inline-flex;align-items:center;justify-content:center;font-weight:700} .an-steps p{margin:0 0 12px 32px;font-size:13.5px;line-height:1.65;color:#43505e} .an-caps{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)} .an-caps-h{font-weight:700;font-size:14.5px;margin-bottom:4px} .an-caps-note{font-size:12.5px;margin:0 0 10px;line-height:1.5} .cap-list{margin:0;padding:0;list-style:none} .cap-list li{padding:8px 0;border-top:1px dashed var(--line)} .cap-row-h{display:block;font-weight:600;font-size:13.5px} .cap-row-d{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px} .an-disclaimer{margin:14px 0 0;font-size:12px;line-height:1.55;color:var(--muted); background:#f7f8f9;border-left:3px solid #c9d2da;padding:9px 11px;border-radius:0 4px 4px 0} .demo-analysis{border:1px solid var(--line);border-radius:10px;padding:14px;margin:14px 0;background:#fbfcfd} .why-box{margin-top:10px} .why-box summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ai);list-style:none} .why-box summary::-webkit-details-marker{display:none} .why-box summary::before{content:'▸ ';font-size:11px} .why-box[open] summary::before{content:'▾ '} .why-box summary:focus-visible{outline:2px solid var(--ai);outline-offset:2px} .why-body{padding:10px 0 0 12px} .why-status{font-size:13px;margin-bottom:8px} .why-list{margin:0;padding-left:18px} .why-list li{font-size:13px;line-height:1.6;margin-bottom:5px} .why-none,.why-conf{font-size:12.5px;color:var(--muted);line-height:1.55;margin:8px 0 0} .why-lim{margin-top:10px} .why-lim-h{font-size:12.5px;font-weight:600;margin-bottom:4px} .da-lang{display:flex;justify-content:flex-end;gap:2px;margin-bottom:14px} .demo-adm-note{background:#eef3f8;border:1px solid #c4d6e6;padding:14px 16px;margin-bottom:16px} .demo-adm-note b{font-size:14px;color:#2b4a6b} .demo-adm-note p{margin:4px 0 0;font-size:13px;line-height:1.55;color:#43505e} .demo-filters{display:flex;flex-wrap:wrap;gap:6px} .demo-filter{background:#fff;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-family:var(--ui); font-size:12.5px;color:var(--muted);cursor:pointer} .demo-filter:hover{border-color:var(--ai);color:var(--kon)} .demo-filter.on{background:var(--kon);border-color:var(--kon);color:#fff} .demo-filter.on .ov-sens-n{color:#cbd6e2} .demo-adm-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)} .demo-adm-row:last-child{border-bottom:none} .dar-main{min-width:0;flex:1} .dar-name{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .dar-sub{font-size:13px;color:var(--muted);margin-top:3px} .dar-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin-top:6px} .dar-notes{font-size:12.5px;color:#43505e;margin-top:6px;background:#f7f8f9;border-radius:5px;padding:6px 9px} .dar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:340px} .dar-actions .link-btn{font-size:12.5px;white-space:nowrap} .dar-actions .link-btn.danger{color:#a2333a} .dar-done{font-size:12.5px;font-style:italic} .demo-type-pill{font-size:11px;font-weight:600;border-radius:20px;padding:2px 9px;white-space:nowrap} .dt-full{background:#eef6f1;color:#2f6b46;border:1px solid #bcd7c6} .dt-mon{background:#eef3f8;color:#2b4a6b;border:1px solid #c4d6e6} .invite-link{background:#f7f8f9;border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin:10px 0; word-break:break-all;font-size:12px} .invite-link code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace} .demo-convert-warn{background:var(--yamabuki-bg);border:1px solid #e3cf9a;color:#7a5a1c;border-radius:6px; padding:10px 12px;font-size:12.5px;line-height:1.55;margin:14px 0 10px} .dcv-confirm{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;cursor:pointer} .btn-danger{background:#a2333a;color:#fff;border-color:#a2333a} .btn-danger:hover{background:#8b2b31} @media(max-width:560px){ .demo-adm-row{flex-direction:column} .dar-actions{max-width:none;justify-content:flex-start} } .demo-badge{background:#eef3f8;color:#2b4a6b;border:1px solid #c4d6e6;text-transform:none;letter-spacing:.02em;font-weight:600} .demo-welcome-type{display:inline-block;font-size:12.5px;font-weight:600;color:#2f6b46;background:#eef6f1;border:1px solid #bcd7c6;border-radius:20px;padding:3px 12px;margin-bottom:14px} .demo-welcome-list{margin:0;padding-left:20px} .demo-welcome-list li{margin-bottom:10px;line-height:1.55;font-size:14px} .demo-restricted{text-align:center;padding:44px 28px;max-width:560px;margin:0 auto} .demo-restricted-mark{font-size:34px;color:#9bb3c9;margin-bottom:10px} .demo-restricted h2{margin:0 0 10px;font-size:20px} .demo-restricted p{margin:0 0 10px;line-height:1.6;font-size:14.5px} .demo-restricted .btn{margin-top:12px} .cap-badge{display:inline-block;font-size:11.5px;font-weight:600;border-radius:20px;padding:2px 9px;margin-left:8px;white-space:nowrap;vertical-align:middle} .cap-operational{background:#eef6f1;color:#2f6b46;border:1px solid #bcd7c6} .cap-pilot{background:var(--yamabuki-bg);color:#7d5c1d;border:1px solid #e3cf9a} .cap-planned{background:#f1f2f4;color:#5b6470;border:1px solid #d6dae0} .demo-pill{font-size:11px;letter-spacing:.08em;background:var(--yamabuki-bg);color:#7d5c1d;border:1px solid #e3cf9a;border-radius:20px;padding:3px 10px;text-transform:uppercase} .role-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sumi)} .role-badge .chip{width:30px;height:30px;border-radius:50%;background:var(--ai);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--app-heading);font-weight:600;font-size:14px} .content{padding:28px 30px;overflow-y:auto} .page-head{margin-bottom:22px} .bld-head{display:flex;align-items:flex-start;gap:16px;justify-content:space-between} .bld-head-txt{min-width:0;flex:1 1 auto} .bld-addr{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45;max-width:60ch} .bld-maplinks{margin:6px 0 0;font-size:12.5px} .bld-maplinks a{color:var(--kon)} .bld-photo-btn{padding:0;border:0;background:none;line-height:0;flex:0 0 auto;cursor:pointer;border-radius:10px} .bld-photo-btn:focus-visible{outline:2px solid var(--hanada);outline-offset:2px} .bld-photo{width:104px;height:74px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block} @media(max-width:640px){ .bld-head{flex-direction:column-reverse;align-items:stretch;gap:10px} .bld-photo{width:100%;height:132px} } .page-head h1{font-family:var(--app-heading);font-weight:600;font-size:23px;color:var(--kon)} .page-head p{color:var(--muted);font-size:15.5px;margin-top:4px} .emr-hist-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} .emr-hist-controls #emr-range{min-width:0} .pdfp-back{position:fixed;inset:0;background:rgba(11,29,53,.72);z-index:1400;display:flex; align-items:flex-start;justify-content:center;padding:24px 16px;overflow:auto} .pdfp-panel{background:var(--paper,#fff);border-radius:12px;max-width:900px;width:100%; box-shadow:0 12px 40px rgba(0,0,0,.3);display:flex;flex-direction:column} .pdfp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px; padding:14px 18px;border-bottom:1px solid var(--line)} .pdfp-title{font-family:var(--app-heading);font-weight:600;font-size:17px;color:var(--kon);margin:0} .pdfp-x{flex:none} .pdfp-pages:focus-visible{outline:2px solid var(--ai);outline-offset:-2px} .pdfp-pages{padding:16px;display:flex;flex-direction:column;gap:16px;align-items:center; max-height:calc(100vh - 190px);overflow:auto;background:#eceef1} .pdfp-page{width:100%;height:auto;display:block;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.18)} .pdfp-note{margin:0;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px} @media(max-width:560px){ .pdfp-back{padding:0} .pdfp-panel{border-radius:0;min-height:100vh} .pdfp-pages{max-height:none;padding:10px} } .dvw{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap} .dvw-lbl{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;text-transform:uppercase} .dvw-opt{font-family:var(--sans);font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px; border:1px solid var(--line);background:#fff;color:var(--kon);cursor:pointer;line-height:1.2} .dvw-opt--on{background:var(--kon);color:#fff;border-color:var(--kon)} .dvw-opt:focus-visible{outline:2px solid var(--ai);outline-offset:2px} @media(max-width:560px){ .dvw{width:100%;gap:6px} .dvw-lbl{flex:1 1 100%} .dvw-opt{flex:1 1 0;min-height:36px} } .dsv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 18px} .dsv-stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px} .dsv-stat-v{font-family:var(--app-heading);font-weight:600;font-size:24px;color:var(--kon);line-height:1.1} .dsv-stat-l{font-size:12.5px;color:var(--muted);margin-top:3px} .dsv-h{font-family:var(--app-heading);font-weight:600;font-size:17px;color:var(--kon);margin:22px 0 10px} .dsv-note{margin-bottom:18px} .emr-pdf-btn{flex:none} @media(max-width:560px){ .emr-hist-controls{justify-content:flex-start} .emr-pdf-btn{width:100%} } .rec-sen{display:block} .rec-ref{display:block;font-size:11.5px;color:var(--muted);overflow-wrap:anywhere} .rev-head .rev-refresh{min-height:44px;min-width:88px} .map-shell{position:relative} .map-popup .mapc-body{display:flex;flex-direction:column;gap:6px} .map-popup .mapc-body h3{display:block;margin:0} .map-popup .mapc-body p{margin:0} .map-popup .mapc-org{margin:0} .map-popup .mapc-addr{margin:0;font-size:12px;overflow-wrap:anywhere} .map-popup .mapc-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0} .mapc-counts{font-size:12px} .map-popup .mapc-sensors{font-size:12.5px;margin:0} .mapc-sensors-h{color:var(--muted);font-size:11.5px;margin-bottom:1px} .mapc-acts{flex-basis:100%;display:flex;gap:8px;margin-top:4px;flex-wrap:wrap} .mapc-acts .btn{flex:1 1 auto;min-height:36px} @media(max-width:560px){ .mapc-acts .btn{flex:1 1 100%;min-height:44px} } .ss-actor-login{overflow-wrap:anywhere} .ss-actor-em{font-size:12px;color:var(--muted);overflow-wrap:anywhere} .so-refresh,.card-top .btn-sm.so-refresh{min-height:46px;min-width:88px;font-size:14px} .rain-ctl{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 20px)} .rain-btn{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);min-height:34px} .rain-btn.rain-on{background:var(--kon);color:#fff;border-color:var(--kon)} .rain-state{margin-left:6px;opacity:.75;font-size:12px} .rain-warn{background:#fff;border-radius:6px;padding:4px 8px;font-size:12px;color:#6b4c15; box-shadow:0 1px 4px rgba(0,0,0,.25)} .rain-legend{position:absolute;left:10px;bottom:26px;z-index:3;background:rgba(255,255,255,.94); border-radius:8px;padding:8px 10px;box-shadow:0 1px 5px rgba(0,0,0,.3); font-size:11.5px;max-width:220px} .rain-legend[hidden]{display:none} .rain-legend-h{font-weight:600;color:var(--kon);margin-bottom:4px} .rain-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px} .rain-steps li{display:flex;align-items:center;gap:6px} .rain-steps--ramp{flex-direction:row;align-items:center;gap:0} .rain-steps--ramp li{gap:0} .rain-steps--ramp .rain-sw{width:16px;height:9px;border-radius:0;border-left:0;border-right:0} .rain-steps--ramp li:nth-child(2) .rain-sw{border-radius:2px 0 0 2px;border-left:1px solid rgba(0,0,0,.15)} .rain-steps--ramp li:nth-last-child(2) .rain-sw{border-radius:0 2px 2px 0;border-right:1px solid rgba(0,0,0,.15)} .rain-ramp-end{color:var(--muted);font-size:10.5px;white-space:nowrap} .rain-steps--ramp .rain-ramp-end:first-child{margin-right:5px} .rain-steps--ramp .rain-ramp-end:last-child{margin-left:5px} .rain-sw{width:14px;height:10px;border-radius:2px;flex:0 0 auto;border:1px solid rgba(0,0,0,.15)} .rain-src{margin-top:5px;color:var(--muted)} .rain-src a{color:var(--muted)} .rain-note{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.35} @media(max-width:560px){ .rain-legend{max-width:150px;font-size:10.5px;bottom:22px} .rain-note{display:none} .rain-note--always{display:block} .rain-btn{min-height:44px} } .bac-methods{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:6px 0 4px} @media(max-width:560px){ .bac-methods{grid-template-columns:1fr} } .bac-method{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff; display:flex;flex-direction:column} .bac-method .bph-actions{margin-top:auto;padding-top:8px} .bac-method-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .bac-method-t{font-weight:600;color:var(--kon)} .bac-method-s{font-size:12.5px;color:var(--muted);margin:4px 0 8px} .bac-method .bph-actions{gap:6px} .bac-stored{background:#f6f5f1;border-radius:8px;padding:6px 8px} .bac-replace{margin-top:6px} @media(max-width:560px){ .bac-method .bph-actions .btn{flex:1 1 auto;min-height:44px} } .scmp-adv{margin:6px 0 2px} .scmp-adv>summary{cursor:pointer;font-size:13px;color:var(--muted);padding:4px 0} .bco-warn{margin:8px 0 2px;padding:8px 10px;border-radius:8px;font-size:12.5px; background:#fdf3e3;border:1px solid #e0c489;color:#6b4c15} .card-top--lg h2{font-size:22.4px} .card-top--lg .sub{font-size:14px} @media(max-width:560px){ .card-top--lg h2{font-size:20.5px} .card-top--lg .sub{font-size:13.4px} } .mapc-photo.bph-empty{padding:8px 8px 18px} .mapc-photo.bph-empty .bph-empty-glyph{font-size:20px} .rev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap} .rev-head .rev-refresh{flex:0 0 auto;white-space:nowrap} @media(max-width:560px){ .rev-head .rev-refresh{width:100%;white-space:normal} } .ov-building{display:flex;flex-direction:column;gap:18px;margin-bottom:28px} .ov-building > *:not(style){margin-top:0;margin-bottom:0} .ov-building > *:empty:not(img){display:none} .ov-building > .ov-bsub{margin-top:-12px} .ov-building > .ov2-back{align-self:flex-start} .ov-empty{display:flex;align-items:center;justify-content:center;min-height:104px} .ov-empty .demo-note{margin:0;text-align:center} .bldg-block{margin-bottom:14px} .bldg-block .bldg-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap} .bldg-block .bldg-name{font-family:var(--app-heading);font-weight:600;font-size:16px;color:var(--kon); display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0} .bldg-nm{min-width:0} .bldg-rename{font-family:var(--sans);font-size:12px;font-weight:500;vertical-align:middle;white-space:nowrap} .bn-lab{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:5px} .bldg-block .bldg-sub{font-size:13.5px;color:var(--muted);margin:2px 0 14px} .bldg-plan-row{margin-top:9px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap} .cap-ctl{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .cap-input{padding:5px 8px;font-size:12.5px;width:110px} .bldg-click{cursor:pointer} .cust-collapse{margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:12px} .cust-collapse:last-child{border-bottom:none} .cust-collapse-h{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;cursor:pointer;padding:8px 0;text-align:left} .cust-collapse-h .cust-ch{color:var(--ai);font-size:13px;width:13px;flex:none} .cust-collapse-name{font-family:var(--app-heading);font-weight:600;font-size:18px;color:var(--kon)} .cust-collapse-n{font-size:13px;color:var(--muted)} .cust-collapse-row{display:flex;align-items:center;gap:12px} .cust-collapse-row .cust-collapse-h{flex:1 1 auto;min-width:0} .cust-collapse-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px} .cc-add-bldg{white-space:nowrap;font-size:13px;padding:6px 12px} @media(max-width:560px){ .cust-collapse-row{flex-wrap:wrap;gap:6px} .cust-collapse-actions{width:100%;padding-left:23px} } .cust-collapse-body{margin-top:6px} .ov-bhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px} .ov-bhead h2{font-family:var(--app-heading);font-weight:600;font-size:19px;color:var(--kon);margin:0} .ov-bsub{color:var(--muted);font-size:13px;margin:3px 0 12px} .ov-lead{font-weight:500;font-size:13.5px;color:var(--muted);margin-left:8px} .ov-sens-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;cursor:pointer;font-family:var(--app-heading);font-size:15px;font-weight:600;color:var(--kon);padding:0;width:100%;text-align:left} .sr-year{margin:10px 0 0} .sr-year:first-child{margin-top:6px} .sr-year-h{font-size:14px;padding:4px 0} .sr-year .ov-sens-body{padding-left:2px} .ov-sens-ch{font-size:11px;color:var(--muted);width:12px;display:inline-block} .ov-sens-n{font-family:var(--sans);font-weight:400;font-size:13px;color:var(--muted)} .ov-sens-body{margin-top:14px} .sr-open{padding:0;overflow:hidden} .sr-open + .sr-open{margin-top:10px} .sr-row{display:flex;align-items:center;gap:14px;padding:13px 16px;cursor:pointer} .sr-row:hover{background:var(--washi)} .sr-ch{font-size:11px;color:var(--ai);width:12px;flex:none} .sr-row-main{flex:1;min-width:0} .sr-row-title{font-family:var(--app-heading);font-weight:600;font-size:15px;color:var(--kon)} .sr-row-sub{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sr-age{font-size:12px;color:var(--muted);white-space:nowrap;flex:none} .sr-age.over{background:var(--yamabuki-bg);color:#7d5c1d;font-weight:700;padding:3px 10px;border-radius:20px} .sr-open.over{border-color:#e3c485} .sr-row-act{flex:none;display:flex;gap:8px} .sr-open-body{border-top:1px solid var(--line);padding:8px 16px 16px} @media(max-width:560px){.sr-row{flex-wrap:wrap;gap:8px 12px}.sr-row-sub{white-space:normal}.sr-row-act{width:100%}.sr-row-act .btn{flex:1}} .report-month-body{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)} .report-row:last-child{border-bottom:0} .report-row-title{font-family:var(--app-heading);font-size:16px;color:var(--kon);font-weight:600} .report-row-meta{font-size:13px;color:var(--muted);margin-top:2px} .report-meta{font-size:13px;color:var(--muted)} .alert-none{padding:14px 16px;color:#3e5631;font-size:14px;font-weight:600; display:flex;align-items:center;gap:9px} .alert-none-dot{width:10px;height:10px;border-radius:50%;background:#3e5631;flex:0 0 auto} .ov-dismissed-note{margin:2px 0 10px;color:var(--muted);font-size:13px;max-width:72ch} .closed-grp + .closed-grp{margin-top:8px} .closed-grp-h{font-family:var(--app-heading);font-size:13px;font-weight:600;color:var(--kon);padding:2px 16px 2px} .status-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius);margin-bottom:22px} .status-banner.clear{background:var(--matcha-bg);border:1px solid #cdd9bf} .status-banner.watch{background:var(--yamabuki-bg);border:1px solid #e3cf9a} .status-banner.alert{background:linear-gradient(180deg,rgba(210,34,26,.86),rgba(168,18,14,.93));border:1px solid rgba(126,10,8,.85);animation:bannerPulse 2s ease-in-out infinite} @keyframes bannerPulse{ 0%,100%{box-shadow:0 0 0 1px rgba(214,26,20,.45), 0 0 14px 2px rgba(214,26,20,.42)} 50%{box-shadow:0 0 0 4px rgba(214,26,20,.30), 0 0 26px 6px rgba(214,26,20,.60)} } @media (prefers-reduced-motion:reduce){ .status-banner.alert{animation:none} } .status-banner .big{font-family:var(--app-heading);font-size:18px;font-weight:600} .status-banner.clear .big{color:#3e5631} .status-banner.watch .big{color:#7d5c1d} .status-banner.alert .big{color:#fff} .status-banner .sm{font-size:14px;color:var(--muted);margin-top:2px} .status-banner.alert .sm{color:rgba(255,255,255,.82)} .status-banner.clickable{cursor:pointer;transition:filter .12s} .status-banner.clickable:hover{filter:brightness(.985)} .banner-cta{margin-left:auto;font-size:13px;font-weight:600;white-space:nowrap} .status-banner.clear .banner-cta{color:#3e5631} .status-banner.watch .banner-cta{color:#7d5c1d} .status-banner.alert .banner-cta{color:#ffd7cb} .postwatch-banner{display:flex;gap:12px;align-items:flex-start;background:#eef1f6;border:1px solid #cdd6e6;border-left:4px solid var(--kon);border-radius:var(--radius);padding:13px 18px;margin-bottom:18px} .pw-basis{margin-top:4px;font-size:12px;color:var(--ink-3,#5b6470);line-height:1.45} .ops-bldg{font-size:12.5px;font-weight:600;color:var(--ai,#2f4b6e);margin:0 0 2px;letter-spacing:.01em} .pw-rows{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin-top:2px} .pw-row{display:contents} .pw-rl{color:var(--muted);white-space:nowrap} .pw-prov{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:600;color:#7a4d1d;background:#fdf1de;border-radius:999px;padding:1px 8px;white-space:normal} .pw-rv{color:var(--ink-3,#5b6470);overflow-wrap:anywhere} @media(max-width:560px){ .pw-rows{grid-template-columns:minmax(0,1fr);gap:0} .pw-rl{margin-top:5px} } .ie-summary{background:#f7f9fb} .ie-sum-row{display:flex;gap:34px;flex-wrap:wrap;margin-bottom:10px} .ie-sum-n{font-family:var(--app-heading);font-size:30px;font-weight:600;color:var(--kon);line-height:1.1} .ie-sum-l{font-size:12.5px;color:#5b6472;max-width:24ch;margin-top:2px} .ie-sum-note{font-size:12.5px;color:#5b6472;margin:0;max-width:72ch} .ie-card{margin-bottom:16px} .ie-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px} .ie-head h3{margin:0} .ie-type{font-size:12px;color:#6b7480;margin-top:2px} .ie-detail{margin:9px 0 0;font-size:13.5px;max-width:78ch} .ie-note{margin:6px 0 0;font-size:12.5px;color:#5b6472;max-width:78ch} .ie-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#6b7480} .ie-nover{color:#8a6d1f} .ie-outs{display:flex;gap:20px;flex-wrap:wrap;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)} .ie-out{display:flex;flex-direction:column} .ie-out-k{font-size:11.5px;color:#6b7480;text-transform:capitalize} .ie-out-v{font-family:var(--app-heading);font-size:16px;color:var(--kon)} .ie-params{margin-top:12px} .ie-params summary{cursor:pointer;color:var(--kon);font-size:12.5px} .ie-ptable{width:100%;border-collapse:collapse;margin-top:9px;font-size:12.5px;display:block;overflow-x:auto} .ie-ptable th{text-align:left;font-weight:600;color:#5b6472;border-bottom:1px solid var(--line);padding:5px 9px 5px 0} .ie-ptable td{padding:6px 9px 6px 0;border-bottom:1px solid #eef1f4;vertical-align:top} .ie-pname{font-family:var(--mono,monospace);color:#3b4553;white-space:nowrap} .ie-pval{font-family:var(--app-heading);color:var(--kon);white-space:nowrap} .ie-unit{color:#7b8593;font-size:11px} .ie-prov{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#eceff1;color:#4a5560;white-space:nowrap} .ie-prov--prov{background:var(--yamabuki-bg);color:#856218} .ie-pnote{color:#4a5560;max-width:60ch} .ie-cite{margin-top:3px;font-size:11.5px;color:#6b7480;font-style:italic} @media(max-width:700px){.ie-sum-row{gap:20px}.ie-head{flex-direction:column}} .postwatch-banner--prov{background:#f4f5f7;border-color:#d9dde4;border-left-color:#8a93a3} .postwatch-banner--prov .pw-ic,.postwatch-banner--prov .pw-title{color:#5b6472} .postwatch-banner .pw-ic{color:var(--kon);flex:0 0 auto;margin-top:1px} .postwatch-banner .pw-title{font-family:var(--app-heading);font-weight:600;color:var(--kon);font-size:15px} .postwatch-banner .pw-sub{font-size:13px;color:var(--muted);margin-top:2px} .postwatch-banner .pw-ends{font-size:12px;color:var(--muted);opacity:.85;margin-top:3px} .seis-ev{background:#f7f9fc;border:1px solid #e2e8f2;border-radius:var(--radius);padding:12px 14px;margin-top:12px} .seis-ev h4{margin:0 0 8px} .seis-ev-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink);margin-bottom:8px} .seis-ev .ev-flag{background:#fbeecf;color:#7a5b12;border-radius:4px;padding:0 6px;font-size:11px} .seis-ev-t{margin:8px 0} .seis-ev-t .ev-th{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:3px} .seis-ev-t table{width:100%;border-collapse:collapse;font-size:12px} .seis-ev-t th,.seis-ev-t td{text-align:left;padding:3px 6px;border-bottom:1px solid #eef1f6} .seis-ev-states{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;margin-top:8px;color:var(--ink)} .seis-ev-states .ev-none{color:var(--muted)} .seis-attr{font-size:11px;color:var(--muted);margin-top:8px} .sup-ctrl{margin-top:10px} .sup-btn{background:#f6e4e0;color:#7a2f21;border:1px solid #e6c3bb} .sup-state{background:#f4eef7;border:1px solid #e0d3ea;border-radius:var(--radius);padding:8px 10px;font-size:12.5px;margin-top:10px;line-height:1.6} .sup-l{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:4px} .sup-conf{font-size:13px;color:var(--ink);line-height:1.6} .sup-note{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit} .modal-sm{max-width:520px} .alert-row.clickable{cursor:pointer;transition:background .12s} .alert-row.clickable:hover{background:var(--washi)} .adetail{display:flex;flex-direction:column;gap:15px;margin-top:2px} .adetail .sec h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px;font-weight:600} .adetail .sec p{font-size:15px;line-height:1.65;color:var(--sumi)} .adetail .drow{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);align-items:center} .adetail .drow b{color:var(--sumi);font-weight:500} .btn-view{background:var(--ai);color:#fff} .btn-soft{background:#fff;color:var(--sumi);border:1px solid var(--line)} .btn-soft:hover{border-color:var(--hanada)} .resp-box{background:var(--washi);border:1px solid var(--line);border-radius:12px;padding:16px} .resp-box>h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;font-weight:600} .resp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .resp-choice{margin:2px 0 9px} .checks{margin-top:13px;border-top:1px solid var(--line);padding-top:13px} .checks-h{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;margin-bottom:9px} .chk-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:5px 0;color:var(--sumi)} .chk-pending{color:var(--muted)} .signin-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--sumi)} .signin-table td{padding:5px 0;vertical-align:top;text-align:left;border:0} .signin-table td.si-date,.signin-table td.si-ip{width:1%;white-space:nowrap;padding-right:20px} .signin-table .si-ip,.signin-table .si-loc{color:var(--muted)} .chk-high{color:#b42d16;font-weight:600} .chk-ok{color:var(--matcha);font-weight:600} .demo-note{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.55} .hist{display:flex;flex-direction:column;margin-top:4px} .hist-item{display:flex;gap:11px;padding:7px 0} .hist-dot{width:8px;height:8px;border-radius:50%;background:var(--ai);margin-top:5px;flex-shrink:0} .hist-t{font-size:11px;color:var(--muted)} .hist-x{font-size:13.5px;color:var(--sumi);line-height:1.45} .resp-tag{font-size:11px;color:var(--hanada);margin-top:6px;font-weight:600} .page-sub{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin:20px 0 9px} .page-sub:first-child{margin-top:4px} .user-ava{width:38px;height:38px;border-radius:50%;background:var(--ai);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-family:var(--app-heading)} .form-field{margin-bottom:14px} .form-field label{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ai);font-weight:700;margin-bottom:6px} .f-input{width:100%;font-family:var(--sans);font-size:14px;color:var(--sumi);background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;box-sizing:border-box} .f-input:focus{outline:none;border-color:var(--ai)} .fl{display:block;margin:0 0 10px;font-size:12.5px;color:var(--muted)} .fl>input,.fl>select,.fl>textarea{display:block;width:100%;box-sizing:border-box;font-family:var(--sans);font-size:14px;color:var(--sumi);background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-top:5px} .fl>textarea{resize:vertical;min-height:64px} .kv{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:4px 14px;margin:0} .kv>dt{font-size:12.5px;color:var(--muted)} .kv>dd{margin:0;font-size:14px;color:var(--sumi)} @media(max-width:560px){ .kv{grid-template-columns:1fr;gap:0 0} .kv>dd{margin:0 0 8px} } .inp{display:block;width:100%;box-sizing:border-box;font-family:var(--sans);font-size:14px;color:var(--sumi);background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-top:5px} textarea.inp{min-height:96px;resize:vertical;line-height:1.5} .inp:focus{outline:none;border-color:var(--ai);box-shadow:0 0 0 3px rgba(1,36,69,.07)} .inp-inline{display:inline-block;width:auto;margin-top:0} .adetail label{font-size:13px;color:var(--sumi)} .login-meta{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap} .you-tag{font-size:10px;background:var(--ai);color:#fff;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;letter-spacing:.03em} .status-dot{width:13px;height:13px;border-radius:50%} .clear .status-dot{background:var(--matcha)}.watch .status-dot{background:var(--yamabuki)}.alert .status-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.22)} .grid{display:grid;gap:18px} .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px} .card h3{font-family:var(--app-heading);font-size:15px;font-weight:600;color:var(--kon);margin-bottom:14px;display:flex;align-items:center;gap:8px} .card h3 .hint{margin-left:auto;font-family:var(--sans);font-weight:400;font-size:12.5px;color:var(--muted)} .chart-wrap{position:relative} .chart-svgwrap{position:relative} .sensor-picker{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap} .sensor-picker label{font-size:13px;color:var(--muted);font-weight:500} .sensor-picker select{font-family:var(--sans);font-size:14px;color:var(--sumi);background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 13px;min-width:240px;cursor:pointer} .sensor-picker select:focus{outline:none;border-color:var(--ai)} .scmp-details{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--card)} .ec-status-pills{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center} .scmp-count{font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--washi);color:var(--muted);margin-left:8px;white-space:nowrap} .scmp-auto-wrap{margin-top:14px;border-top:1px solid var(--line);padding-top:10px} .scmp-auto-sum{cursor:pointer;font-size:12.5px;color:var(--muted);padding:2px 0;list-style:revert} .scmp-summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--kon);font-size:14px;list-style:revert} .scmp-sub-inline{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px} .scmp-body{padding:0 16px 14px} .scmp-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 12px;max-width:72ch} .sxp-manage{margin:12px 0 0} .scmp-sec{margin-top:14px} .scmp-h{font-size:13px;font-weight:700;color:var(--sumi);margin:0 0 4px} .scmp-sub{font-size:12px;color:var(--muted);margin:0 0 8px} .scmp-target{border-top:1px solid var(--line);padding-top:8px;margin-top:8px} .scmp-thead{font-size:12.5px;font-weight:600;color:var(--sumi);margin-bottom:4px} .scmp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px} .scmp-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12.5px} .scmp-name{font-weight:600;color:var(--sumi)} .scmp-reason{color:var(--muted)} .scmp-chip{font-size:11px;padding:1px 7px;border-radius:6px;background:var(--washi);color:var(--muted)} .scmp-chip.ok{color:#3f6b4a} .scmp-chip.na{color:var(--muted)} .scmp-excl{display:block;width:100%;color:var(--muted);font-size:12px} .scmp-rowacts{display:inline-flex;gap:6px;margin-left:auto} .scmp-form{border-top:1px solid var(--line);padding-top:10px;margin-top:10px} .scmp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:8px} .scmp-fld{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;color:var(--muted)} .scmp-fld.wide{margin-bottom:8px} .scmp-fld select,.scmp-fld input{width:100%;min-width:0;padding:7px 9px;font-size:13px;color:var(--sumi); background:#fff;border:1px solid var(--line);border-radius:8px} .scmp-hint{font-size:11.5px;color:var(--muted);margin:0 0 4px} .scmp-err{font-size:12.5px;color:#a33;margin:0 0 8px} .ec-auto-val{font-weight:600;color:var(--sumi)} .cst-nearby{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;color:var(--muted);line-height:1.3} .cst-nearby-ic{flex:none;opacity:.75} .scmp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .scmp-actions .btn[disabled]{opacity:.45;cursor:default;pointer-events:none} @media(max-width:560px){ .scmp-item{gap:4px} .scmp-body{padding:0 12px 12px} .scmp-rowacts{margin-left:0;width:100%} .scmp-row{grid-template-columns:1fr} } .metric-toggle{display:inline-flex;gap:4px;background:var(--washi);border:1px solid var(--line);border-radius:22px;padding:3px;margin-bottom:14px} .metric-toggle button{padding:6px 15px;font-size:13px;font-weight:500;color:var(--muted);border-radius:18px;transition:all .12s} .metric-toggle button.on{background:var(--ai);color:#fff} @media(max-width:440px){ .metric-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;gap:3px;margin-bottom:10px} .metric-toggle button{width:100%;min-width:0;padding:6px 4px;font-size:12.5px} } .pref-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--line)} .pref-row:first-of-type{border-top:0} .pref-lab{font-weight:600;font-size:14px;color:var(--sumi)} .pref-sub{font-size:13.5px;color:var(--muted);margin-top:3px;max-width:540px;line-height:1.5} .pref-input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13px;min-width:170px;color:var(--sumi)} .sup-item{border-top:1px solid var(--line);padding:14px 0} .sup-item:first-of-type{border-top:0} .sup-top{display:flex;justify-content:space-between;align-items:center;gap:12px} .sup-subj{font-weight:600;font-size:14px;color:var(--sumi)} .sup-meta{font-size:12px;color:var(--muted);margin-top:3px} .sup-body{font-size:13.5px;color:var(--sumi);margin-top:8px;line-height:1.55} .sup-reply{background:var(--washi);border-radius:10px;padding:11px 13px;margin-top:10px} .sup-reply-h{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px} .sup-reply p{font-size:13.5px;color:var(--sumi);line-height:1.55} .bill-head{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-bottom:9px;border-bottom:1px solid var(--line)} .bill-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--sumi)} .bill-row:last-of-type{border-bottom:0} .bill-head.bill-acct, .bill-row.bill-acct{grid-template-columns:1.6fr 1fr 110px 120px} .bill-acct .bill-amt{text-align:right;font-variant-numeric:tabular-nums} .inv-chip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;background:var(--washi);border:1px solid var(--line);border-radius:8px;font-size:13px} .inv-chip .inv-name{color:var(--sumi);word-break:break-all} .inv-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;font-size:13.5px} .inv-lbl{color:var(--muted)} .inv-link{color:var(--ai);text-decoration:underline;word-break:break-all} .hist-card .hist-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap} .hist-card .hist-name{font-family:var(--app-heading);font-size:15px} .hist-card .hist-meta{font-size:12.5px;color:var(--muted);margin:4px 0 2px} .hist-card .hist-cost{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:13.5px} .inv-line{display:grid;grid-template-columns:1.3fr 1.5fr 1fr 150px;gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line);font-size:13.5px;border-left:3px solid transparent;border-radius:6px} .inv-line:last-of-type{border-bottom:0} .inv-line.inv-head{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0 12px 9px;border-bottom:1px solid var(--line);border-left:3px solid transparent} .inv-line.out{background:var(--yamabuki-bg);border-left-color:var(--yamabuki)} .inv-line.od{background:var(--shu-bg);border-left-color:var(--shu)} .inv-line .il-amt{text-align:right;font-variant-numeric:tabular-nums} .inv-line .il-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-start;font-size:12px} .inv-line .il-due{color:var(--muted)} .batt-row,.batt-hrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)} .batt-row:last-child,.batt-hrow:last-child{border-bottom:0} .batt-hmeta{text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end} .mem-head{display:grid;grid-template-columns:1.85fr 1.2fr 110px 1.3fr 150px;gap:12px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-bottom:9px;border-bottom:1px solid var(--line)} .mem-row{display:grid;grid-template-columns:1.85fr 1.2fr 110px 1.3fr 150px;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--sumi)} .mem-pills{display:flex;flex-direction:column;gap:5px;align-items:flex-start} .mem-row:last-of-type{border-bottom:0} .mem-head .mem-h-pill{padding-left:9px} .mem-person{display:flex;flex-direction:column;min-width:0} .mem-bldg-list{display:flex;flex-direction:column;gap:9px;padding:2px 0} .form-field .mem-chk, .adetail .mem-chk{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;color:var(--sumi);text-transform:none;font-weight:400;letter-spacing:0;margin:0} .mem-chk input{width:16px;height:16px;accent-color:var(--kon);cursor:pointer;flex:none} .mem-name{font-weight:600} .mem-mail{font-size:12px;color:var(--muted);overflow-wrap:anywhere} .mem-actions{display:flex;gap:12px;justify-content:flex-end;white-space:nowrap} .mem-remove{color:#8a2f1a} .mem-note{font-size:13px;color:var(--muted);background:var(--washi);padding:10px 12px;border-radius:8px;margin:-2px 0 14px} @media(max-width:720px){ .mem-head{display:none} .mem-row{grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px 0} .mem-person{grid-column:1 / -1} .mem-actions{grid-column:1 / -1;justify-content:flex-start;margin-top:4px} } .suspend-wrap{display:flex;align-items:center;justify-content:center;min-height:72vh;padding:20px} .suspend-card{background:var(--card);border:1px solid var(--line);border-radius:18px;max-width:444px;width:100%;padding:38px 34px;text-align:center;box-shadow:0 10px 40px rgba(1,36,69,.08)} .suspend-icon{width:54px;height:54px;border-radius:50%;background:var(--yamabuki-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#7d5c1d} .suspend-icon svg{width:25px;height:25px} .suspend-card h1{font-family:var(--app-heading);font-size:22px;color:var(--kon);margin:0 0 10px} .suspend-lead{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px} .suspend-amount{display:flex;justify-content:space-between;align-items:center;background:var(--washi);border-radius:12px;padding:14px 18px;margin-bottom:18px} .sa-label{font-size:13px;color:var(--muted)} .sa-val{font-family:var(--app-heading);font-size:22px;font-weight:600;color:var(--kon)} .suspend-pay{width:100%;justify-content:center;padding:13px;font-size:15px} .suspend-note{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.55} .suspend-contact{font-size:12px;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} .sup-reply-form{margin-top:10px} .sup-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)} .sup-acts .link-btn{font-size:12.5px;font-weight:600;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--washi);color:var(--ai)} .sup-acts .link-btn:hover{border-color:var(--ai);background:#fff} .sup-acts .link-btn.mem-remove{color:#8a2f1a;border-color:#e6c9c0;background:#fbf1ee} .sup-acts .link-btn.mem-remove:hover{border-color:#c0392b} .sup-attach-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px} .sup-attach-btn{cursor:pointer;font-size:13px} .sup-attach-list{display:flex;flex-wrap:wrap;gap:6px} .sup-attach-chip{font-size:12px;background:var(--washi);border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--sumi)} .sup-attach-err{font-size:12px;color:#8a2f1a} .sup-reply-meta{font-size:11.5px;color:var(--muted);margin-top:7px} .sup-bubble{border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-top:10px;background:#fff} .sup-bubble.sb-staff{background:var(--washi);border-color:#dce7f1} .sup-bubble p{font-size:13.5px;color:var(--sumi);margin:0;line-height:1.55;white-space:pre-wrap} .sup-lang{display:inline-block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:20px;font-weight:700;white-space:nowrap;background:#eef3ee;color:#1f6b3a;border:1px solid #cfe4d4;margin-left:8px;vertical-align:middle} .sup-canned{margin-bottom:8px} .sup-canned select{max-width:340px} .sup-expect{font-size:12.5px;color:var(--muted);margin:10px 0 0;line-height:1.5} .hz-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--line)} .hz-row:first-child{border-top:0} .hz-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:none} .hz-ok{background:var(--matcha)} .hz-warn{background:var(--yamabuki)} .hz-down{background:#b42d16} .hz-main{flex:1} .hz-name{font-weight:600;font-size:14px;color:var(--sumi)} .hz-detail{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.5} .hz-side{text-align:right;flex:none;min-width:130px} .hz-time{font-size:11px;color:var(--muted);margin-top:5px} .ctip{position:absolute;top:6px;pointer-events:none;opacity:0;transition:opacity .08s;background:#fff;color:var(--sumi);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:12px;line-height:1.5;box-shadow:0 6px 20px rgba(20,33,61,.16);white-space:nowrap;z-index:5} .ctip .ct-date{color:var(--muted);font-size:11px;margin-bottom:4px} .ctip .ct-row{display:flex;align-items:center;gap:7px} .ctip .ct-row b{font-weight:500} .ctip .ct-dot{width:9px;height:3px;border-radius:2px;flex-shrink:0} .legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;color:var(--muted);padding-left:5.5556%} .legend span{display:flex;align-items:center;gap:6px} .cg-note{padding-left:5.5556%;margin-top:10px} .cg-note b{display:block;font-size:13px;color:var(--sumi)} .cg-note p{margin:2px 0 0;font-size:12.5px;color:var(--muted);max-width:72ch} .cg-quake-note--active b{color:var(--kon)} .lg-swatch{width:14px;height:3px;border-radius:2px} .lg-rain{background:var(--asagi)}.lg-quake{background:var(--shu)}.lg-thr{background:var(--muted)} .lg-fill{width:14px;height:11px;border-radius:2px;background:linear-gradient(var(--hanada),var(--asagi))} .lg-line{width:16px;height:3px;border-radius:2px;background:#14213d} .lg-out{width:16px;height:3px;border-radius:2px;background:#9aa6b5} .lg-zone{width:13px;height:13px;border-radius:3px;display:inline-block;flex-shrink:0} .z-green{background:var(--matcha-bg);border:1px solid #cdd9bf} .z-yellow{background:var(--yamabuki-bg);border:1px solid #e3cf9a} .z-red{background:var(--shu-bg);border:1px solid #e6c3b6} .z-watch{background:repeating-linear-gradient(45deg, rgba(1,36,69,.28) 0 3px, rgba(1,36,69,.08) 3px 6px);border:1px solid var(--line)} .tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:20px;font-weight:700;white-space:nowrap} .tag.ok{background:var(--matcha-bg);color:#3e5631} .tag.learning{background:#eef2f7;color:#4a5b6e} .tag.watch{background:var(--yamabuki-bg);color:#7d5c1d} .tag.alert{background:var(--shu-bg);color:#8a2f1a} .tag.enq{background:#eceff4;color:var(--kon)} .tag.offline{background:#f3e3e0;color:#8a2f1a} .queue-sec{margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)} .queue-sec-l{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .queue-sec.enq{border-bottom-color:#cbd6e6} .queue-sec.enq .queue-sec-l{color:var(--kon)} .queue-sec-note{font-size:12.5px;color:var(--muted);margin-top:3px} .ins-grid{display:grid;grid-template-columns:1fr;gap:16px} .ins-stats{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0} .ins-stat{flex:1;min-width:120px;background:var(--washi);border:1px solid var(--line);border-radius:10px;padding:11px 14px} .ins-stat .v{font-size:24px;font-weight:700;color:var(--kon);font-variant-numeric:tabular-nums;line-height:1.1} .ins-stat .k{font-size:12px;color:var(--muted);margin-top:3px} .ins-row{display:flex;align-items:center;gap:12px;margin:9px 0} .ins-row .lbl{width:138px;font-size:13px;color:var(--sumi);flex:0 0 auto} .ins-row .barwrap{flex:1} .ins-bar{height:10px;border-radius:6px;background:#eef1f4;overflow:hidden} .ins-bar > i{display:block;height:100%;background:var(--kon)} .ins-row .fig{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto} .ins-note{font-size:12.5px;color:var(--muted);margin-top:8px} .ins-table{width:100%;border-collapse:collapse;font-size:13.5px} .ins-table th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;padding:6px 8px;border-bottom:1px solid var(--line)} .ins-table td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top} .ins-chip{display:inline-block;font-size:11px;padding:2px 9px;border-radius:20px;font-weight:600} .ins-chip.ok{background:var(--matcha-bg);color:#3e5631} .ins-chip.warn{background:var(--yamabuki-bg);color:#7d5c1d} .ins-exports{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .sensor-no{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:21px;padding:0 6px;background:var(--kon);color:#fff;border-radius:6px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;margin-right:6px;flex:none;vertical-align:middle} .modal-head h2 .sensor-no{vertical-align:2px} .photo-modal{max-width:560px;padding:0;overflow:hidden} .photo-modal-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)} .photo-modal-t{font-family:var(--app-heading);font-weight:600;color:var(--kon)} .photo-modal-s{font-size:12px;color:var(--muted);margin-top:2px} .photo-modal-img{width:100%;display:block;background:#d9ccb6} .photo-modal-note{padding:11px 16px;font-size:12px;color:var(--muted);background:var(--washi)} .tag-link{cursor:pointer} .tag-link:hover{filter:brightness(.94)} .alert-row{display:flex;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)} .alert-row:last-child{border-bottom:none} .alert-bar{width:4px;border-radius:3px;flex-shrink:0} .alert-bar.alert{background:var(--shu)}.alert-bar.watch{background:var(--yamabuki)}.alert-bar.ok{background:var(--matcha)} .alert-main{flex:1;min-width:0} .alert-title{font-weight:500;font-size:14px;color:var(--kon)} .alert-sub{font-size:13.5px;color:var(--muted);margin-top:2px} .alert-where{font-size:12.5px;color:var(--muted);margin-top:4px} .ov-summary p{font-size:14.5px;line-height:1.6;color:var(--sumi);margin:0} .ov-watch h3{margin:0 0 8px} .watch-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)} .watch-row:last-of-type{border-bottom:none} .watch-title{font-weight:600;color:var(--kon);font-size:14px} .watch-where{font-size:12.5px;color:var(--muted);margin-top:2px} .watch-status{font-size:12.5px;color:#5f8bb0;margin-top:4px} .watch-sub{font-size:13px;color:var(--sumi);line-height:1.5;margin:3px 0} .watch-time{font-size:12px;color:var(--muted);white-space:nowrap} .mrev-ev{font-size:12.5px;color:var(--sumi);margin-top:5px} .mrev-msg{font-size:13px;color:var(--sumi);background:rgba(0,0,0,.03);border-radius:6px;padding:6px 9px;margin-top:6px;line-height:1.5} .mrev-dq{font-size:12.5px;color:#8a6a1e;background:#fbf3e2;border-radius:6px;padding:6px 9px;margin-top:6px;line-height:1.45} .mrev-cmp{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap} .mrev-col{flex:1;min-width:200px;border:1px solid var(--line);border-radius:8px;padding:8px 10px} .mrev-col.mrev-new{border-color:#e0b3a6;background:var(--shu-bg)} .mrev-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:3px} .mrev-col p{font-size:13px;color:var(--sumi);line-height:1.5;margin:0} .ev-states{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px} .ev-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:4px} .ev-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:2px 0} .ev-k{color:var(--muted);white-space:nowrap} .ev-v{text-align:right;color:var(--sumi)} .ov-insights h3{margin:0 0 8px} .ins-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)} .ins-row:last-child{border-bottom:none} .ins-title{font-weight:600;color:var(--kon);font-size:14px} .ins-body{font-size:13px;color:var(--sumi);margin-top:3px;line-height:1.55} .rr-card{border-left:3px solid #b26a00} .rr-row .ins-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .rr-tag{background:#fff3e0;color:#8a5200} .rr-loc{display:block;font-size:12px;color:var(--muted);margin-top:2px} .rr-formal{font-size:12.5px;color:var(--kon);font-weight:600;margin-top:6px} .pill.sev-yellow{background:#fff3e0;color:#8a5200} .pill.sev-red{background:#fbeaea;color:#a02020} .ad-sev-note{font-size:12.5px;color:var(--sumi);margin:2px 0 0} .sev-choose{display:flex;flex-direction:column;gap:4px;font-size:12.5px;margin-right:auto;text-align:left} .sev-choose-lbl{font-weight:600;color:var(--kon)} .sev-choose label{display:flex;align-items:center;gap:5px;cursor:pointer} .sev-sug{color:var(--muted)} .sev-amend p{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .sev-nosug{color:var(--muted)} .sev-legacy{font-size:12px;margin:2px 0} .review-actions button[disabled]{opacity:.45;cursor:not-allowed} .sev-actions{align-items:flex-start;gap:16px;flex-wrap:wrap} .sev-help{color:var(--sumi);font-size:12px;max-width:38ch;line-height:1.45;display:block} .sev-choose{max-width:40ch} .sev-decide{display:flex;flex-direction:column;gap:4px;min-width:200px;max-width:250px} .sev-decide .btn{width:100%;white-space:normal} .sev-select-prompt{color:#8a5200;font-size:12px;font-weight:600} .sev-act-note{color:var(--muted);font-size:11.5px;line-height:1.4;margin-bottom:6px} .sev-nopub{margin-top:2px} .ov-sysstatus h3{margin:0 0 6px} .ov-sysstatus p{margin:0;font-size:14px;color:var(--sumi)} .ov-sysstatus.bad{border-left:3px solid var(--shu)} .ov-sysstatus.warn{border-left:3px solid #c99a2e} .ov-sysstatus.ok{border-left:3px solid #7fa88a} .ov-sysstatus .ss-state{font-weight:600} .ov-sysstatus.ok .ss-state{color:#1f7a44} .ov-sysstatus.warn .ss-state{color:#8a5a00} .ov-sysstatus.bad .ss-state{color:#a3241a} .ov-sysstatus p.ss-note{color:var(--muted);font-weight:400} .ss-note{font-size:12px;color:var(--muted);margin-top:6px} .ov2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:2px 0 22px} .ov2-head-main h1{font-family:var(--sans);font-weight:660;font-size:25px;color:var(--kon);letter-spacing:.005em;margin:0} .ov2-org{font-size:14px;font-weight:600;color:var(--ai);margin-top:3px;letter-spacing:.01em} .ov2-sub{font-size:13.5px;color:var(--muted);margin-top:3px} .ov2-head-side{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end} .ov2-switch-lbl{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)} .ov2-switch-sel{font-family:inherit;font-size:13px;color:var(--kon);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:5px 9px} .ov2-refresh{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px} .ov2-live-dot{width:7px;height:7px;border-radius:50%;background:#3f8f5b;box-shadow:0 0 0 0 rgba(63,143,91,.5);animation:ov2-live 3.4s ease-in-out infinite} @keyframes ov2-live{0%,100%{box-shadow:0 0 0 0 rgba(63,143,91,.5)}50%{box-shadow:0 0 0 4px rgba(63,143,91,0)}} .ov2-summary{display:flex;align-items:stretch;gap:4px;background:linear-gradient(180deg,#fff 0%,#fbfcfb 100%);border:1px solid var(--line);border-radius:14px;padding:14px 8px;margin-bottom:26px;box-shadow:0 1px 2px rgba(1,36,69,.04)} .ov2-stat{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;text-align:center} .ov2-stat-n{font-size:26px;font-weight:700;line-height:1;color:var(--kon);font-variant-numeric:tabular-nums} .ov2-stat-l{font-size:11.5px;color:var(--muted);letter-spacing:.02em} .ov2-stat.quiet .ov2-stat-n{color:var(--ai)} .ov2-stat.quiet{opacity:.9} .ov2-stat-ok{color:#3f8f5b!important;font-size:22px} .ov2-stat.alert .ov2-stat-n{color:var(--shu)} .ov2-stat.watch .ov2-stat-n{color:#a9791f} .ov2-stat.warn .ov2-stat-n{color:#a9791f} .ov2-div{width:1px;align-self:stretch;margin:4px 0;background:var(--line)} .ov2-sec{margin-bottom:26px} .ov2-sec-h{font-family:var(--app-heading);font-weight:600;font-size:18px;color:var(--kon);margin:0 0 13px;display:flex;align-items:center;gap:9px} .ov2-sec-ic{display:inline-flex} .ov2-sec-ic-alert{color:var(--shu)} .ov2-sec-note{font-size:12px;color:var(--muted);margin-top:9px} .ov2-action-list{display:flex;flex-direction:column;gap:10px} .ov2-action-row{display:flex;align-items:stretch;gap:14px;background:var(--card);border:1px solid #eddcd6;border-left:3px solid var(--shu);border-radius:12px;padding:15px 17px;box-shadow:0 1px 3px rgba(177,71,44,.06)} .ov2-action-lead{display:flex;align-items:center} .ov2-adot{width:12px;height:12px;border-radius:50%;flex:none;color:var(--shu);background:currentColor;box-shadow:0 0 0 4px rgba(177,71,44,.14)} .ov2-adot.watch{color:#c2933a;box-shadow:0 0 0 4px rgba(194,147,58,.16)} .ov2-action-body{flex:1;min-width:0} .ov2-action-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:3px} .ov2-sev-lbl{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:5px} .ov2-sev-lbl.alert{color:#fff;background:var(--shu)} .ov2-sev-lbl.watch{color:#5c4611;background:#e6cf95} .ov2-action-bldg{font-weight:600;color:var(--kon);font-size:14.5px} .ov2-action-kind{font-size:11.5px;color:var(--muted);background:var(--washi);border-radius:999px;padding:2px 9px} .ov2-action-title{font-weight:600;color:var(--sumi);font-size:14.5px;line-height:1.4} .ov2-action-sub{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.5} .ov2-action-meta{font-size:11.5px;color:var(--muted);margin-top:6px} .ov2-action-cta{display:flex;align-items:center} .ov2-watch-list{display:flex;flex-direction:column;gap:9px} .ov2-watch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--card);border:1px solid var(--line);border-left:3px solid #c2933a;border-radius:12px;padding:13px 16px} .ov2-watch-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:3px} .ov2-watch-type{font-size:11px;font-weight:600;color:#8a6a1a;background:var(--yamabuki-bg);border-radius:999px;padding:2px 10px} .ov2-watch-bldg{font-weight:600;color:var(--kon);font-size:14px} .ov2-watch-when{font-size:12px;color:var(--muted)} .ov2-watch-find{font-size:13px;color:var(--sumi);margin-top:2px;line-height:1.5} .ov2-watch-status{font-size:12.5px;color:var(--matcha);margin-top:3px} .ov2-act-list{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden} .ov2-act-row{display:flex;align-items:center;gap:11px;padding:11px 16px;font-size:13px;border-top:1px solid var(--line)} .ov2-act-row:first-child{border-top:none} .ov2-act-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--hanada)} .ov2-act-dot.alert{background:var(--shu)} .ov2-act-dot.watch{background:#c2933a} .ov2-act-dot.ok{background:#3f8f5b} .ov2-act-title{color:var(--sumi);font-weight:500} .ov2-act-bldg{color:var(--muted);margin-left:auto;font-size:12.5px} .ov2-act-time{color:var(--muted);font-size:12px;white-space:nowrap;min-width:74px;text-align:right} .ov2-sysstatus .ov2-sys-ok{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--matcha);background:var(--matcha-bg);border:1px solid #d3e0cd;border-radius:12px;padding:12px 16px} .ov2-sys-dot{width:8px;height:8px;border-radius:50%;background:#5f9e73;flex:none} .ov2-sys-list{display:flex;flex-direction:column;gap:8px} .ov2-sys-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-left:3px solid #c99a2e;border-radius:11px;padding:11px 15px} .ov2-sys-row.bad{border-left-color:var(--shu)} .ov2-sys-info{display:flex;flex-direction:column;gap:2px} .ov2-sys-bldg{font-weight:600;color:var(--kon);font-size:13.5px} .ov2-sys-issue{font-size:12.5px;color:var(--sumi)} .ov2-sys-last{font-size:11.5px;color:var(--muted)} .ov2-noalert{display:flex;align-items:center;gap:12px;background:#f4f7f5;border:1px solid #dce6de;border-radius:12px;padding:13px 17px;margin-bottom:26px} .ov2-noalert-dot{width:9px;height:9px;border-radius:50%;background:#7fa88a;flex:none} .ov2-noalert-main{font-size:14px;font-weight:600;color:#3a5744} .ov2-noalert-sub{font-size:12.5px;color:#5a7362;margin-top:2px} .ov2-empty .ov2-empty-in{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:34px 26px;text-align:center} .ov2-empty h2{font-family:var(--app-heading);font-weight:600;font-size:19px;color:var(--kon);margin:0 0 8px} .ov2-empty p{font-size:13.5px;color:var(--muted);max-width:440px;margin:0 auto} .ov2-back{margin-bottom:12px;font-size:13px;color:var(--ai);font-weight:500} .ov2-btn{font-family:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:8px 14px;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease;cursor:pointer} .ov2-btn-primary{color:#fff;background:var(--brand-primary);box-shadow:0 1px 2px rgba(1,36,69,.2)} .ov2-btn-primary:hover{filter:brightness(1.18)} .ov2-btn-ghost{color:var(--kon);background:transparent;border:1px solid var(--line)} .ov2-btn-ghost:hover{background:var(--washi);border-color:var(--asagi)} @keyframes ov2-alert-pulse{0%,100%{opacity:.82;box-shadow:0 0 0 0 rgba(177,71,44,.45)}50%{opacity:1;box-shadow:0 0 0 7px rgba(177,71,44,0)}} .ov2-pulse{animation:ov2-alert-pulse 3.2s ease-in-out infinite} @media (prefers-reduced-motion: reduce){ .ov2-pulse{animation:none;box-shadow:0 0 0 4px rgba(177,71,44,.22)} .ov2-live-dot{animation:none} } .ovx-summary{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line); border-left:5px solid var(--line);border-radius:14px;padding:20px 22px;margin:0 0 20px} .ovx-summary-icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center} .ovx-summary-h{font-family:var(--sans);font-weight:650;font-size:20px;line-height:1.25;color:var(--sumi);margin:2px 0 6px} .ovx-summary-b{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:62ch} .ovx-summary .kyobot--pf{position:static;right:auto;bottom:auto;transform:none;height:96px;width:auto; flex:0 0 auto;align-self:center;margin-left:4px;pointer-events:none;user-select:none} @media(max-width:560px){ .ovx-summary .kyobot--pf{margin-left:0} } .ovx-sec{margin:0 0 22px} .ovx-stack{display:flex;flex-direction:column;gap:16px;width:100%} .ovx-stack > *{width:100%;min-width:0} .ovb-sec-h{font-family:var(--app-heading);font-weight:600;font-size:18px;color:var(--kon);margin:0 0 13px} .ovb-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;align-items:start; gap:10px 20px;width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer; padding:16px 18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line); border-radius:14px;transition:box-shadow .18s ease} .ovb-row:hover{box-shadow:0 2px 10px rgba(1,36,69,.08)} .ovb-row:focus-visible{outline:none;box-shadow:var(--app-focus)} .ovb-ident,.ovb-state{display:flex;flex-direction:column;gap:4px;min-width:0} .ovb-name{font-family:var(--app-heading);font-weight:640;font-size:17px;line-height:1.3;color:var(--sumi);overflow-wrap:anywhere} .ovb-sub{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere} .ovb-sensors{font-size:13px;color:var(--ai);font-variant-numeric:tabular-nums} .ovb-state .ovx-chip{align-self:flex-start} .ovb-expl{font-size:13px;line-height:1.5;color:var(--muted)} .ovb-areas{font-size:13px;font-weight:600;color:var(--sumi);overflow-wrap:anywhere} .ovb-checked{font-size:11.5px;color:var(--muted)} .ovb-cta{display:flex;align-items:center;gap:3px;justify-self:end;white-space:nowrap; font-size:13px;font-weight:600;color:var(--brand-primary,var(--kon))} .ovx-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600; padding:4px 11px;border-radius:999px;white-space:nowrap;border:1px solid transparent} .ovx-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto} .wx-slot{display:inline-flex;align-items:center;min-height:22px} .wx-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600; color:var(--ai);white-space:nowrap} .wx-ic{display:inline-flex;align-items:center;color:var(--ai);flex:0 0 auto} .wx-txt{display:inline-flex;align-items:center;gap:7px} .wx-sep{opacity:.55;font-weight:400} .wx-t{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-variant-numeric:tabular-nums} .wx-chip--none{color:var(--muted);font-weight:500} .wx-b{font-weight:500;color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:22ch} .wx-chip{max-width:100%;min-width:0} .ovx-sum-wx{margin-left:auto;padding-left:14px;flex:0 0 auto} .ovx-empty .ovx-empty-in{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:40px 26px;text-align:center} .ovx-empty h2{font-family:var(--sans);font-weight:640;font-size:19px;color:var(--sumi);margin:0 0 8px} .ovx-empty p{font-size:13.5px;color:var(--muted);max-width:460px;margin:0 auto;line-height:1.55} .ovx-summary.oa-stable,.ovb-row.oa-stable{border-left-color:var(--matcha)} .ovx-summary.oa-stable{border-left-color:var(--matcha)} .oa-stable .ovx-summary-icon{background:var(--matcha-bg);color:#3f5636} .ovx-chip.oa-stable{background:var(--matcha-bg);color:#38502f} .ovx-summary.oa-monitor{border-left-color:var(--hanada)} .oa-monitor .ovx-summary-icon{background:#e7eef6;color:var(--ai)} .ovb-row.oa-monitor{border-left-color:var(--hanada)} .ovx-chip.oa-monitor{background:#e7eef6;color:#1f3d5c} .ovx-summary.oa-inspect{border-left-color:var(--yamabuki)} .oa-inspect .ovx-summary-icon{background:var(--yamabuki-bg);color:#7a5510} .ovb-row.oa-inspect{border-left-color:var(--yamabuki)} .ovx-chip.oa-inspect{background:var(--yamabuki-bg);color:#6f4d0f} .ovx-summary.oa-check{border-left-color:var(--yamabuki)} .oa-check .ovx-summary-icon{background:var(--yamabuki-bg);color:#7a5510} .ovb-row.oa-check{border-left-color:var(--yamabuki)} .ovx-chip.oa-check{background:var(--yamabuki-bg);color:#6f4d0f} .ovx-summary.oa-action{border-left-color:var(--shu)} .oa-action .ovx-summary-icon{background:var(--shu-bg);color:var(--shu)} .ovb-row.oa-action{border-left-color:var(--shu)} .ovx-chip.oa-action{background:var(--shu-bg);color:#8a2f1a} .ovx-summary.oa-urgent{border-left-color:var(--shu)} .oa-urgent .ovx-summary-icon{background:var(--shu);color:#fff} .ovb-row.oa-urgent{border-left-color:var(--shu)} .ovx-chip.oa-urgent{background:var(--shu);color:#fff} @media(max-width:820px){ .ovb-row{grid-template-columns:1fr;gap:10px} .ovb-cta{justify-self:start} } @media(max-width:560px){ .ovx-summary{flex-direction:row;padding:16px;flex-wrap:wrap} .ovb-row{padding:14px 15px} .ovx-sum-wx{margin-left:0;padding-left:0;width:100%;margin-top:10px} } @media(max-width:900px){ .ov2-summary{flex-wrap:wrap;gap:2px} .ov2-stat{flex-basis:calc(50% - 1px);padding:10px} .ov2-div{display:none} } @media(max-width:560px){ .ov2-head{flex-direction:column;gap:12px} .ov2-head-side{justify-content:flex-start} .ov2-action-row{flex-wrap:wrap} .ov2-action-cta{width:100%} .ov2-action-cta .ov2-btn{width:100%} .ov2-head-main h1{font-size:23px} .ov2-act-bldg{display:none} } .mi-pending{font-size:11px;font-weight:600;color:#9a7b1f;background:#faf3dd;border-radius:999px;padding:2px 8px;margin-left:8px} .mi-approve{white-space:nowrap;flex-shrink:0} .ep-panel{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:14px 0} .ep-panel h4{margin:12px 0 6px} .ep-panel h4:first-child{margin-top:0} .ep-grid{display:grid;grid-template-columns:minmax(11rem,auto) 1fr;gap:6px 14px;margin:0 0 6px} .ep-row{display:contents} .ep-grid dt{font-weight:600;color:var(--muted)} .ep-grid dd{margin:0} .ep-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px} .ep-sub{color:var(--muted);font-size:12.5px} .ep-note{color:var(--muted);font-size:12.5px;margin:6px 0 0} .ep-hist{margin:4px 0 0;padding-left:1.1rem} .ep-persist{border-left:3px solid var(--amber,#b26a00);background:rgba(178,106,0,.07);padding:8px 12px;margin:10px 0;border-radius:0 8px 8px 0} .ep-persist p{margin:4px 0} .pill.ep-up-open{background:#8a2b1f;color:#fff} .pill.ep-up-resolved{background:#2f5d3a;color:#fff} .pill.ep-up-unknown,.pill.ep-fresh-unknown{background:#5a5a5a;color:#fff} .pill.ep-fresh-ok{background:#2f5d3a;color:#fff} .pill.ep-fresh-stale{background:#8a5a00;color:#fff} .pill.ep-genuine{background:#012445;color:#fff} .pill.ep-demo{background:#5c3d8a;color:#fff} .pill.ep-uncontrolled{background:#3f4a56;color:#fff} @media(max-width:560px){ .ep-grid{grid-template-columns:1fr;gap:2px 0} .ep-grid dt{margin-top:8px} } .ins-axes{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin:6px 0} .ins-axes b{color:var(--kon);font-weight:600} .rev-src{margin-top:5px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere} .hist-actor-em{font-size:12px;color:var(--muted);overflow-wrap:anywhere} .cause{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:5px 11px;border-radius:8px;font-size:13.5px;background:var(--washi);border:1px solid var(--line)} .cause b{color:var(--kon);font-weight:600} .conf{font-size:11.5px;color:var(--muted)} .alert-time{font-size:11px;color:var(--muted);white-space:nowrap;text-align:right} .pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;display:inline-block} .pill.open{background:var(--shu-bg);color:#8a2f1a} .pill.watching{background:var(--yamabuki-bg);color:#856218} .pill.resolved{background:var(--matcha-bg);color:#3e5631} .pill.idle{background:#e7ebee;color:#5d6b71} .pill.info{background:#e2ecf6;color:#27496d} .pill.pending{background:var(--yamabuki-bg);color:#856218} .pill.pill--ic{display:inline-flex;align-items:center;gap:4px} .pill .pill-ic{flex:0 0 auto} .mbr-intro{max-width:72ch;margin:0 0 24px} .mbr-lang-sec{margin-bottom:26px} .mbr-lang-h{margin:0 0 10px} @media(max-width:560px){ .mbr-intro{margin-bottom:18px} .mbr-lang-sec{margin-bottom:20px} } .mvr-card{margin:0 0 22px} .mvr-card h2{margin:0 0 6px} .mvr-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:14px 0 8px} .mvr-f{display:grid;gap:5px;min-width:0;flex:1 1 180px} .mvr-f>span{font-size:12.5px;font-weight:600;color:var(--muted)} .mvr-f select,.mvr-f input{width:100%;max-width:100%;box-sizing:border-box;padding:9px 10px; border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:var(--card);color:inherit} .mvr-f select:focus,.mvr-f input:focus{outline:none;border-color:var(--ai);box-shadow:0 0 0 3px rgba(1,36,69,.07)} .mvr-go{flex:0 0 auto;white-space:nowrap} .mvr-go[disabled]{opacity:.6;cursor:default} .mvr-hint{font-size:12.5px;margin:0} .mvr-msg{margin:10px 0 0;font-size:13.5px} .mvr-err{color:var(--danger,#a3343a)} .mvr-dl{font-weight:600;color:var(--ai);text-decoration:underline} @media(max-width:560px){ .mvr-f{flex:1 1 100%} .mvr-go{width:100%} } .mbr-filter{display:grid;gap:9px;justify-items:start;margin:0 0 26px} .mbr-filter-lbl{font-weight:600;font-size:13.5px} .mbr-filter-seg{display:flex;width:min(100%,620px);margin:0} .mbr-filter-seg button{flex:1;text-align:center} .mbr-filter-hint{font-size:12px;margin:2px 0 0;max-width:72ch} @media(max-width:560px){ .mbr-filter-seg{width:100%} } @media(max-width:360px){ .mbr-filter-seg button{padding:6px 8px;font-size:12px;white-space:nowrap} } .mbr-year{background:#fff;border:1px solid var(--line,#e0dcd3);border-radius:10px;margin-bottom:14px} .mbr-year>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;list-style:none} .mbr-year>summary::-webkit-details-marker{display:none} .mbr-year-y{font-size:16px;font-weight:700;color:var(--kon);font-family:var(--app-heading)} .mbr-year-n{color:var(--muted);font-size:12.5px} .mbr-year>summary::after{content:'';flex:none;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-left:auto;margin-top:-4px;transition:transform .12s} .mbr-year[open]>summary::after{transform:rotate(225deg);margin-top:4px} .mbr-year-body{padding:4px 14px 14px} .mbr-year-body .mbr-card{border:1px solid #edeae3;box-shadow:none} .mbr-year-body .mbr-lang-h{margin:10px 2px 8px} @media(max-width:560px){ .mbr-year>summary{padding:11px 12px;gap:9px} .mbr-year-body{padding:2px 10px 10px} } .mbr-card{margin-bottom:14px} .mbr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap} .mbr-head h3{margin:0 0 4px} .mbr-summary{max-width:72ch;margin:10px 0 0} .mbr-actions{margin-top:12px} .mbr-history{margin-top:12px;border-top:1px solid #e7ebee;padding-top:10px} .mbr-history summary{cursor:pointer;font-weight:600} .rpt-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .rpt-filters .f-input{width:auto;min-width:150px;flex:0 1 auto} .rpt-filters input[type="search"]{flex:1 1 180px} .rpt-tbl{min-width:680px} .rpt-gen-row{display:flex;gap:12px;flex-wrap:wrap} .rpt-gen-row .rng-field{flex:1 1 160px} .rpt-gen-confirm{margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff8ee} .hist-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end} .hist-filters .f-input{width:auto;min-width:150px;flex:0 1 auto} .hist-date{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)} .hist-tbl{min-width:760px} .team-tbl{min-width:760px} .team-tbl td .btn{margin:2px 4px 2px 0} .ad-dismissed-note{display:block; border:1px solid var(--line);border-left:3px solid #b98a2f;border-radius:8px;padding:10px 12px;margin:8px 0;background:#fffaf0} .ep-attn ul{margin-top:4px} .mbr-hrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px} .tbl{width:100%;border-collapse:collapse;font-size:13px} .tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left} .tbl th{font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .tbl tbody tr:last-child td{border-bottom:none} .tbl .pill,.tbl time,.tbl code,.tbl .tbl-atomic{white-space:nowrap} @media(max-width:560px){ .tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%} } .dir-bar{display:flex;gap:10px;align-items:center;margin:0 0 6px;flex-wrap:wrap} .dir-q{flex:1;min-width:200px;max-width:340px} .dir-inactive .page-sub{color:#5d6a70} .review{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff;margin-bottom:14px} .review.clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s} .review.clickable:hover{border-color:var(--ai);box-shadow:0 2px 10px rgba(20,33,61,.06)} .review .rhint{font-size:13px;color:var(--ai);font-weight:500;margin-top:8px} .review .rh{display:flex;gap:12px;align-items:flex-start} .review .rh .alert-bar{height:auto;align-self:stretch} .review-actions{display:flex;gap:10px;margin-top:15px} .btn{padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;transition:all .12s} a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none} .btn-primary{background:var(--brand-primary,var(--kon));color:#fff} .btn-primary:hover{filter:brightness(1.15)} :focus-visible{outline:2px solid var(--ai);outline-offset:2px;border-radius:4px} @media(prefers-reduced-motion:reduce){ *{transition:none!important;animation:none!important;scroll-behavior:auto!important} } .btn-approve{background:var(--ai);color:#fff}.btn-approve:hover{background:var(--kon)} .btn-outline{background:transparent;color:var(--ai);border:1px solid var(--ai);padding:8px 15px} .btn-outline:hover{background:var(--ai);color:#fff} .btn-dismiss{background:#fff;color:var(--muted);border:1px solid var(--line)}.btn-dismiss:hover{border-color:var(--shu);color:var(--shu)} .insp{border:1px solid var(--ai);background:var(--washi);border-radius:12px;padding:16px 18px} .insp-field{margin-top:12px} .insp-field>label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500} .insp-opts{display:flex;gap:16px;flex-wrap:wrap} .insp-opts label,.insp-check{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--sumi);cursor:pointer} .insp-check{margin-top:14px} .insp select.f-input,.insp textarea.f-input{width:100%;max-width:360px;display:block} .insp-saved{font-size:12px;color:var(--muted);margin-top:12px} .empty{text-align:center;padding:40px 20px;color:var(--muted)} .empty .big{font-family:var(--app-heading);font-size:17.5px;color:var(--kon);margin-bottom:6px} .stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:6px} .stat{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff} .stat .n{font-family:var(--app-heading);font-size:26px;font-weight:600;color:var(--kon)} .stat .l{font-size:13px;color:var(--muted);margin-top:2px} table{width:100%;border-collapse:collapse} th,td{text-align:left;padding:12px 10px;font-size:13.5px;border-bottom:1px solid var(--line)} th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500} td .pname{font-weight:500;color:var(--kon)} td .psub{font-size:12px;color:var(--muted)} .modal-bg{position:fixed;inset:0;background:rgba(20,33,61,.5);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50} .modal{background:var(--card);border-radius:14px;max-width:680px;width:100%; max-height:calc(88vh / var(--app-zoom,1));overflow-y:auto;overscroll-behavior:contain;padding:28px} .report-modal{max-width:880px;padding:0;overflow:hidden;display:flex;flex-direction:column} .report-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--card);flex:none} .report-bar strong{font-family:var(--app-heading);font-size:16px;color:var(--kon)} .report-view{overflow-y:auto;background:#eef0f3;padding:16px} .modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px} .modal-head h2{font-family:var(--app-heading);font-size:20px;color:var(--kon)} .modal-head .x{font-size:22px;color:var(--muted);line-height:1} body.cust-view #content > *{max-width:var(--customer-content-max);margin-left:auto;margin-right:auto} .sd-detail-page{max-width:var(--customer-content-max);margin:0 auto} .sd-plain,.emr-summary,.emr-callout,.ac-reason,.ac-guide,.ap-lead{max-width:72ch} .sd-trend30{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--muted); margin:14px 0 0;padding:9px 12px;background:var(--wash,#f7f6f2);border-radius:8px;line-height:1.5} .sd-trend30 .sd-trend-t{min-width:0;line-height:1.5;max-width:72ch} .cb-page{max-width:var(--customer-content-max);margin:0 auto} .cb-ident-nm{font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .cb-photo-btn{display:block;margin:12px 0 0;padding:0;border:0;background:none;cursor:zoom-in;max-width:100%} .ov-bphoto-btn{display:block;margin:6px 0 10px;padding:0;border:0;background:none;cursor:zoom-in;max-width:100%} .ov-bphoto-btn .bld-photo{max-width:min(100%,320px);max-height:132px;width:auto;height:auto; border-radius:8px;object-fit:contain;display:block;box-shadow:0 1px 4px rgba(0,0,0,.18)} .ov-bphoto-btn:focus-visible{outline:2px solid var(--ai);outline-offset:3px;border-radius:8px} @media(max-width:560px){ .ov-bphoto-btn .bld-photo{max-height:104px} } .cb-photo-btn .bld-photo{max-width:100%;max-height:260px;width:auto;height:auto;border-radius:8px; object-fit:contain;display:block;box-shadow:0 1px 4px rgba(0,0,0,.18)} .cb-photo-btn:focus-visible{outline:2px solid var(--ai);outline-offset:3px;border-radius:8px} .cb-area{margin:4px 0 0;color:var(--muted);font-size:14px} .cb-addr{margin:8px 0 0;font-size:14px;line-height:1.6;max-width:60ch;overflow-wrap:anywhere} .cb-addr-lang{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:10px;font-size:11px; background:var(--wash,#f7f6f2);color:var(--muted);vertical-align:middle} .cb-links p{max-width:72ch} .cb-entry{margin:6px 0 0;font-size:14px} .cb-entry a{color:var(--kon);text-decoration:none} .cb-entry a:hover{text-decoration:underline} .cb-entry a:focus-visible{outline:2px solid var(--kon);outline-offset:2px;border-radius:4px} .sd-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--kon);text-decoration:none;padding:6px 2px;margin-bottom:10px;border-radius:6px} .sd-back:hover{text-decoration:underline} .sd-back:focus-visible{outline:2px solid var(--kon);outline-offset:2px} .sd-page-card{background:transparent;border:0;padding:0;box-shadow:none} .sd-card{background:var(--card,#fff);border:1px solid var(--line,#e6e2d9);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.04)} .sd-sec{margin:0 0 22px} .sd-sec-h{margin:0 0 8px} .ec-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px} .ec-unit + .ec-unit{border-top:1px solid var(--line,#e3ded3);padding-top:14px} .ec-unit-h{margin:0;font-size:15px;font-weight:700;color:var(--kon)} .ec-unit-facts{margin-top:6px} .ec-status{margin:0;color:var(--muted,#6b6459)} .ec-pill-row{margin:0 0 6px} .ec-unlinked-h{color:var(--ink,#2b2b2b);font-weight:600} .ec-riskpill{max-width:100%;white-space:normal;line-height:1.55;border-radius:12px} .ec-note{margin:8px 0 0;font-size:13px;color:var(--muted,#6b6459);max-width:72ch} .sd-pdf-row{margin-top:12px;display:flex;justify-content:flex-start} .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .sd-notfound{background:var(--card,#fff);border:1px solid var(--line,#e6e2d9);border-radius:12px;padding:28px 24px;text-align:left} .sd-notfound h2{font-family:var(--app-heading);font-size:20px;color:var(--kon);margin:0 0 8px} .sd-notfound p{color:var(--muted);margin:0 0 16px;max-width:60ch} @media(max-width:560px){ .sd-page-card{padding:16px 14px 20px} } .modal-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:10px 0 18px} .modal-meta b{color:var(--sumi);font-weight:500} .modal.legal{max-width:780px} .legal-doc .legal-meta{font-size:12.5px;color:var(--muted);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)} .legal-doc h4{font-family:var(--app-heading);font-size:15.5px;font-weight:700;color:var(--kon);margin:20px 0 7px} .legal-doc p{font-size:14px;line-height:1.62;color:var(--sumi);margin:0 0 10px} .legal-doc ul{margin:0 0 12px;padding-left:20px} .legal-doc li{font-size:14px;line-height:1.55;color:var(--sumi);margin-bottom:5px} .legal-doc .legal-note{font-size:12.5px;color:var(--muted);margin-top:18px;padding-top:12px;border-top:1px solid var(--line)} .mk-legal a{cursor:pointer;color:var(--mk-muted);transition:color .12s} .mk-legal a:hover{color:var(--mk-navy)} .dash-burger{display:none} @media(max-width:820px){ #app{grid-template-columns:1fr;grid-template-rows:auto 1fr} .sidebar{flex-direction:row;align-items:center;padding:10px 16px;gap:12px;flex-wrap:wrap;height:auto;position:static} .sidebar .brand-logo{display:none} .dash-burger{display:inline-flex;align-items:center;gap:9px;background:none;border:1px solid rgba(255,255,255,.4); color:#fff;border-radius:8px;padding:9px 15px;font-size:15px;font-family:inherit;cursor:pointer} .dash-burger:focus-visible{outline:2px solid var(--asagi);outline-offset:2px} .side-foot{margin-top:0;margin-left:auto;padding-top:0;border-top:none;display:flex;align-items:center;gap:10px;flex-shrink:0} .side-foot #region-note,.side-foot .powered-by{display:none} .side-foot button{margin-top:0} .nav{display:none;flex-basis:100%;flex-direction:column;margin-top:8px;gap:2px;max-height:min(70vh,560px);overflow-y:auto} .sidebar.nav-open .nav{display:flex} .nav button{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere} .content{padding:20px 16px} .topbar{padding:12px 16px;flex-wrap:wrap} .topbar .signout-top{display:none} } @media(max-width:560px){ .mould-summary{flex-direction:column} .modal-bg{padding:10px;align-items:flex-start} .modal{padding:18px 16px;max-height:calc(94vh / var(--app-zoom,1));border-radius:12px} .photo-modal{max-width:100%} .preport{padding:16px} .phead{flex-wrap:wrap;gap:8px} .phead .ptitle{flex:1 1 100%;order:2} .phead .pref{flex:1 1 100%;margin-left:0;text-align:left;order:3} .pref-addr{max-width:none} .insp select.f-input,.insp textarea.f-input{max-width:100%} .insp .btn{width:100%;text-align:center;margin-top:8px} .insp-opts{gap:10px 16px} .resp-actions{flex-direction:column} .resp-actions .btn{width:100%;text-align:center} .pr-field{flex:1 1 100%} .pr-final{width:100%;justify-content:space-between} .sr-queue .bldg-head{flex-wrap:wrap} .hz-side{min-width:0;text-align:left} } .page-head-act{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} .snos-bar{display:flex;align-items:center;gap:12px;padding:0 10px;margin:2px 0 10px} .snos-head-no{width:64px;flex:none;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em} .snos-head-s{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em} .snos-seq{margin-left:auto;padding:7px 12px;font-size:12px} .snos-list{display:flex;flex-direction:column;gap:8px} .snos-row{display:flex;align-items:center;gap:14px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff} .snos-no{width:64px;flex:none;text-align:center;padding:9px 6px;font-weight:600;font-variant-numeric:tabular-nums} .snos-no.snos-bad{border-color:var(--shu);background:var(--shu-bg);color:var(--shu)} .snos-id{flex:1;min-width:0} .snos-nm{font-size:14px;font-weight:500;color:var(--sumi)} .snos-desc{width:100%;font-size:14px;padding:8px 10px} .ext-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;background:#dbe7f4;color:#37628f;font-size:10.5px;font-weight:600;letter-spacing:.02em;vertical-align:middle;cursor:default} .trend{margin-left:8px;font-weight:700;font-size:15px;vertical-align:middle} .trend.rising{color:var(--shu)} .trend.falling{color:#1f7a44} .trend.steady{color:var(--muted)} .sig{display:inline-flex;align-items:flex-end;margin-left:2px;vertical-align:middle} .mould{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;margin-top:6px;color:var(--muted)} .mould-dot{width:8px;height:8px;border-radius:50%;flex:none} .mould.ok .mould-dot{background:#3a7a52} .mould.watch .mould-dot{background:#c2933a} .mould.warn .mould-dot{background:#cf7a3a} .mould.alert .mould-dot{background:var(--shu)} .mould.alert{color:var(--shu);font-weight:600} .mould.warn{color:#a5601e;font-weight:600} .mould-txt.ok{color:#2c6041} .mould-txt.watch{color:#7d5c1d} .mould-txt.warn{color:#98561b} .mould-txt.alert{color:var(--shu);font-weight:600} .cst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cst-tile-min),var(--cst-tile-max)));justify-content:start;align-items:stretch;gap:var(--cst-grid-gap);--cst-tile-min:250px;--cst-tile-height:472px;--cst-no-size:40px;--cst-no-font:20px;--cst-loc-font:16.5px;--cst-conn-font:15px;--cst-ident-gap:4px;--cst-online-text:#18833c;--cst-online-dot:#34a853;--cst-ok-bg:rgba(24,131,60,.14);--cst-ok-border:rgba(24,131,60,.34);--cst-ok-text:#146b32;--cst-check-area-bg:rgba(245,184,0,.20);--cst-check-area-border:rgba(214,151,0,.48);--cst-check-area-text:#6f4a00;--cst-watch-zone-bg:rgba(133,99,16,.13);--cst-watch-zone-border:rgba(133,99,16,.40);--cst-watch-zone-text:#6d5109;--cst-wmc-arc-green:rgba(95,125,80,.70);--cst-wmc-arc-amber:rgba(194,147,58,.66);--cst-wmc-arc-red:rgba(177,71,44,.74)} .cst-grid-wrap{container-type:inline-size} @container (min-width:516px){ .cst-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @container (min-width:782px){ .cst-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } .cst-grid-card{width:100%} .cst-tile{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:var(--cst-tile-height);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;text-align:left;box-shadow:var(--app-shadow);transition:box-shadow .15s,border-color .15s;min-width:0;position:relative} .cst-tile:hover{box-shadow:0 2px 10px rgba(1,36,69,.09);border-color:#cfdad6} .cst-tile:focus-visible{outline:none;box-shadow:var(--app-focus)} .cst-tile--alert::after,.cst-tile--check-area::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none} .cst-tile--check-area::after{animation:cstTileCheckGlow 3.5s ease-in-out infinite} .cst-tile--alert::after{animation:cstTileAlertGlow 2.4s ease-in-out infinite} @keyframes cstTileCheckGlow{0%,100%{box-shadow:0 0 0 1px rgba(245,184,0,.18),0 0 10px rgba(245,184,0,.16)} 50%{box-shadow:0 0 0 1px rgba(245,184,0,.34),0 0 22px rgba(245,184,0,.34)}} @keyframes cstTileAlertGlow{0%,42%{box-shadow:0 0 0 1px rgba(177,71,44,.52),0 0 25px rgba(177,71,44,.52)} 58%,100%{box-shadow:0 0 0 1px rgba(177,71,44,.30),0 0 13px rgba(177,71,44,.25)}} @media(prefers-reduced-motion:reduce){ .cst-tile--check-area::after{animation:none;box-shadow:0 0 0 1px rgba(245,184,0,.26),0 0 16px rgba(245,184,0,.26)} } .cst-tile--selected{border-color:var(--kon);box-shadow:inset 0 0 0 1px var(--kon)} .plib-grid{display:flex;flex-wrap:wrap;gap:12px} .plib-fig{margin:0;width:132px;max-width:100%} .plib-fig--tile{outline:2px solid var(--kon);outline-offset:2px;border-radius:6px} .plib-img{width:132px;height:99px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:zoom-in;display:block} .plib-cap{display:flex;flex-direction:column;gap:2px;margin-top:5px;font-size:11px;color:var(--muted)} .plib-tile{color:var(--kon);font-weight:600} .plib-vis{font-size:11.5px;color:var(--muted);font-weight:600} .plib-vis--on{color:#146b32} .plib-src{color:var(--muted)} .plib-date{color:var(--muted)} .plib-set{margin-top:6px;width:100%} .plib-group-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px} .plib-group-h .plib-h3{margin-bottom:0} .plib-h3{font-size:14px;font-weight:600;margin:0 0 8px} .plib-h3--sep{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)} .plib-last{font-size:12px;color:var(--muted);margin:0 0 8px} .plib-note{display:block;font-size:12px;color:var(--muted);margin:0 0 8px} .plib-note--warn{color:var(--shu)} @media(max-width:560px){ .plib-fig{width:calc(50% - 6px)} .plib-img{width:100%;height:88px} } .ov-sum-row{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline} .ov-sum-cell{display:flex;flex-direction:column;gap:2px;min-width:0} .ov-sum-cell--act{background:none;border:none;padding:0;text-align:left;cursor:pointer;font:inherit} .ov-sum-cell--act .ov-sum-v{color:var(--kon);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b9c6d4} .ov-sum-cell--act:hover .ov-sum-v{text-decoration-color:var(--kon)} .ov-sum-k{font-size:11.5px;color:var(--muted);letter-spacing:.02em} .ov-sum-v{font-size:19px;font-weight:600;color:var(--sumi);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .ov-sum-v--time{font-size:14px;font-weight:500} @media(max-width:560px){ .ov-sum-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;align-items:start} .ov-sum-v{font-size:17px} .ov-sum-v--time{font-size:13px} } .cst-status-detail{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;margin-bottom:9px} .mon-delay{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:10px 13px;border-radius:8px; background:rgba(245,184,0,.16);border:1px solid rgba(214,151,0,.42)} .mon-delay-h{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6f4a00} .mon-delay-b{font-size:13px;color:var(--sumi)} .sd-si-on{color:#1f6b3a;font-weight:600} .sd-si-off{color:var(--shu);font-weight:600} .sd-pending{font-size:13px;color:#6f4a00;background:rgba(245,184,0,.16);border:1px solid rgba(214,151,0,.42); border-radius:var(--radius);padding:10px 12px;margin-bottom:10px} .sd-ops{display:flex;flex-direction:column;gap:0} .cst-thumb-img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex:none;background:#ece7dc;border:1px solid var(--line)} .ec-relation{margin:8px 0 0;font-size:13px;max-width:72ch} .ov-affected h3{margin:0 0 8px} .aff-list{display:flex;flex-direction:column;gap:8px} .aff-row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline; padding:10px 12px;border:1px solid var(--line);border-left-width:4px;border-radius:8px; text-decoration:none;color:inherit;background:#fff} .aff-row:hover{box-shadow:0 2px 10px rgba(1,36,69,.08)} .aff-row:focus-visible{outline:none;box-shadow:var(--app-focus)} .aff-row.aff-alert{border-left-color:var(--red)} .aff-row.aff-check{border-left-color:#c08a2e} .aff-row.aff-watch{border-left-color:var(--kon)} .aff-row.aff-unavail{border-left-color:var(--line)} .aff-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0} .aff-name{font-weight:600} .aff-status{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em} .aff-row.aff-alert .aff-status{color:var(--red)} .aff-row.aff-check .aff-status{color:#8a6516} .aff-facts{grid-column:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:12.5px;color:var(--muted)} .aff-trend > div{justify-content:flex-start;width:auto;margin-inline:0;font-size:12.5px} .aff-val{font-weight:600;color:var(--ink)} .aff-seen{grid-column:1;font-size:11.5px;color:var(--muted)} .aff-cta{grid-column:2;grid-row:1;display:flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--kon);white-space:nowrap} @media(max-width:560px){ .aff-row{grid-template-columns:1fr} .aff-cta{grid-column:1;grid-row:auto;margin-top:4px} } .ov-summary h3{margin:0 0 8px} .ov-summary-foot{margin:8px 0 0;font-size:12px;color:var(--muted)} .env-ctl-explain{margin:0 0 10px;font-size:13px;color:var(--muted);max-width:72ch} .env-ctl-row + .env-ctl-row{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .env-ctl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .env-ctl-facts{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:10px 0 0;align-items:center} .env-ctl-facts dt{font-size:12.5px;color:var(--muted)} .env-ctl-facts dd{margin:0;font-size:13.5px} .env-ctl-sub{margin:12px 0 4px;font-size:12.5px;color:var(--muted);font-weight:600} .env-ctl-none{margin:0;font-size:13.5px} .env-ctl-ivs,.env-ctl-changes{margin:0;padding:0;list-style:none} .env-ctl-ivs li,.env-ctl-changes li{font-size:12.5px;padding:3px 0;border-bottom:1px solid var(--line)} .env-ctl-ivs li:last-child,.env-ctl-changes li:last-child{border-bottom:none} .env-ctl-iv{display:flex;flex-wrap:wrap;gap:2px 12px} .env-ctl-iv-when{min-width:11ch;color:var(--muted)} .env-ctl-iv-out{font-weight:600} @media(max-width:560px){ .env-ctl-facts{grid-template-columns:1fr;gap:0 0;align-items:start} .env-ctl-facts dt{margin-top:10px} .env-ctl-facts dt:first-of-type{margin-top:0} .env-ctl-facts dd{margin:3px 0 0} } .sr-row-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px} .sr-row-title .sr-ref{font-variant-numeric:tabular-nums;white-space:nowrap} .sr-row-title .sr-head-sub{font-size:.86em;font-weight:500;color:var(--muted);min-width:0} .sr-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 2px} .sr-head .sr-ref{font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap} .sr-head .sr-head-sub{font-size:.82em;font-weight:500;color:var(--muted);min-width:0} .ad-dismissed-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0} .ss-focus{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px; padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:#fff} .ss-focus-t{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600} .ss-focus-w{font-size:13.5px;font-weight:600;overflow-wrap:anywhere;flex:1 1 200px} .ecr-page>*+*{margin-top:18px} .ecr-page>h2{margin:26px 0 0;font-size:17px} .ecr-page>h2+*{margin-top:10px} .ecr-outcome{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .ecr-outcome-t{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted); font-weight:600;margin-bottom:8px} .ecr-outcome-b{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch} .ecr-outcome-b .btn{flex:0 1 auto} @media(max-width:560px){ .ecr-outcome-b{flex-direction:column} .ecr-outcome-b .btn{width:100%} } .ss-list{display:flex;flex-direction:column;gap:10px} .ss-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between; padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff} .ss-row--red,.ss-row--alert{border-left:3px solid var(--shu,#8a2f1a)} .ss-row--yellow{border-left:3px solid #a97b12} .ss-main{min-width:0;flex:1 1 auto} .ss-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:14px} .ss-head b,.ss-bldg{overflow-wrap:anywhere} .ss-idsep{color:var(--muted);opacity:.6} .ss-cust{font-size:13px;color:var(--muted);overflow-wrap:anywhere} .ss-read{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere} .ss-sub,.ss-scope{font-size:12px;color:var(--muted)} .ss-scope{border:1px solid var(--line);border-radius:4px;padding:1px 6px} .ss-meta{font-size:12.5px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere} .ss-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:6px 0 0;font-size:12.5px} .ss-fact{display:contents} .ss-facts dt{color:var(--muted);white-space:nowrap} .ss-facts dd{margin:0;overflow-wrap:anywhere} .ss-acts{display:flex;flex-direction:column;gap:6px;flex:0 0 auto} @media(max-width:760px){ .ss-row{flex-direction:column;gap:10px} .ss-facts{gap:4px 14px} .ss-acts{flex-direction:row;flex-wrap:wrap;width:100%} .ss-acts .btn{flex:1 1 auto} .map-wx{margin-left:0;padding-left:0;border-left:0;width:100%} } .ti-derived{margin-top:4px;padding:7px 10px;border:1px solid var(--line);border-radius:6px; background:var(--washi,#f4f6f4);font-weight:600;overflow-wrap:anywhere} .mr-tech{color:var(--muted);font-size:0.92em} .pill.neutral{background:#eceff1;color:#4a5560;border-color:#dbe0e4} .ov-btop{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:0} .ov-btop-text{min-width:0;flex:1 1 auto} .ov-btop-util{display:flex;align-items:center;justify-content:space-between;gap:12px} .ov-util-wx{display:flex;align-items:center;margin-left:auto;min-width:0} .ov-btop-util{padding-right:208px} @media(max-width:1200px){ .ov-btop-util{padding-right:176px} } @media(max-width:900px){ .ov-btop-util{padding-right:124px} } @media(max-width:560px){ .ov-btop-util{padding-right:0} } .kyobot{position:absolute;right:48px;bottom:-10px;height:170px;width:auto;pointer-events:none;user-select:none;z-index:1} @media(max-width:1200px){ .kyobot{right:32px;height:150px} } @media(max-width:900px){ .kyobot{right:16px;height:112px} } @media(max-width:560px){ .kyobot{position:static;right:auto;bottom:auto;transform:none;height:104px;flex:0 0 auto;align-self:flex-end;margin-right:-4px} .ov-btop-util{margin-bottom:10px} .ov-btop-util .ov2-back{margin-bottom:0} .ov-bhead h2 .plan-badge{display:block;width:max-content;max-width:100%;margin:6px 0 0} } .ref-inline{font-size:.78em;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap} .ref-lookup{margin:0 0 14px} .ref-lookup-lbl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:0 0 6px} .ref-lookup-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .ref-lookup-row .f-input{flex:1 1 220px;max-width:320px;font-variant-numeric:tabular-nums} .ref-lookup-out{margin-top:10px;font-size:13.5px;min-height:1.2em} .ref-lookup-out.miss{color:var(--muted)} .ref-hit-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px} .ref-hit-kind{color:var(--muted);font-size:.88em} .ref-hit-where{color:var(--muted);margin:2px 0 8px} .sr-found{animation:srFound 2.4s ease-out 1} @keyframes srFound{ 0%{box-shadow:0 0 0 3px rgba(31,78,121,.35)} 100%{box-shadow:0 0 0 0 rgba(31,78,121,0)} } @media (prefers-reduced-motion:reduce){ .sr-found{animation:none;box-shadow:0 0 0 2px rgba(31,78,121,.35)} } @media(max-width:560px){ .sr-head{gap:2px 8px} .sr-head .sr-head-sub{flex:1 1 100%} } .cst-thumb-none{width:52px;height:52px;border-radius:8px;flex:none;background:#f2efe8;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;text-align:center;padding:2px;box-sizing:border-box} .cst-thumb-none span{font-size:9px;line-height:1.15;color:#6f6350} .cst-hdr3{display:grid;grid-template-columns:var(--cst-no-size) minmax(0,1fr) auto;column-gap:12px;align-items:start;min-height:67.5px} .cst-no{display:inline-flex;align-items:center;justify-content:center;width:var(--cst-no-size);height:var(--cst-no-size);border-radius:11px;background:var(--kon);color:#fff;font-size:var(--cst-no-font);font-weight:600;line-height:1;flex:none} .cst-ident{min-width:0;min-height:var(--cst-no-size);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:start;gap:var(--cst-ident-gap)} .cst-loc-big{font-size:var(--cst-loc-font);font-weight:680;color:var(--sumi);line-height:1.2;margin:0; overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cst-ident .cst-conn{font-size:var(--cst-conn-font);line-height:1;margin:0} .cst-evt-row{min-height:56px;display:flex;align-items:flex-start} .cst-eb{width:100%;min-width:0;display:flex;flex-direction:column} .cst-eb-primary{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;height:32px;padding:0 12px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cst-eb-primary.alert{background:var(--shu);color:#fff;border:2px solid var(--shu);box-shadow:0 0 6px 0 rgba(177,71,44,.4);animation:cstAlertInvert 2.4s ease-in-out infinite} .cst-eb-primary.check{background:var(--cst-check-area-bg);color:var(--cst-check-area-text);border:1px solid var(--cst-check-area-border);cursor:pointer} .cst-eb-primary.ok{background:var(--cst-ok-bg);color:var(--cst-ok-text);border:1px solid var(--cst-ok-border)} .cst-eb-primary.watch{background:var(--cst-watch-zone-bg);color:var(--cst-watch-zone-text);border:1px solid var(--cst-watch-zone-border)} .cst-eb-primary.psw{background:var(--ai)} .cst-eb-secondary{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;height:22px;padding:0 8px;background:var(--ai);color:#fff;font-size:10.8px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:0 0 8px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cst-eb--combined .cst-eb-primary{border-radius:8px 8px 0 0} .cst-eb-dismissed{background:#e7ebee;color:#4a5560} @keyframes cstAlertInvert{0%,42%{background:var(--shu);color:#fff;border-color:var(--shu)} 58%,100%{background:#fff;color:var(--shu);border-color:var(--shu)}} .cst-eb-psw{cursor:pointer;position:relative;overflow:visible} .cst-eb-tip{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 6px);max-width:220px;width:max-content;white-space:normal;text-transform:none;letter-spacing:normal;text-align:left;font-size:11px;font-weight:500;line-height:1.45;color:#fff;background:var(--kon);padding:8px 10px;border-radius:8px;box-shadow:0 4px 14px rgba(1,36,69,.3);display:none;z-index:30;pointer-events:none} .cst-eb-psw:hover .cst-eb-tip,.cst-eb-psw:focus-within .cst-eb-tip,.cst-eb-psw.tip-open .cst-eb-tip{display:block} .sd-summary{margin:4px 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)} .sd-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px; margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:12.5px} .sd-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent} .sd-chip.alert{background:var(--shu);color:#fff} .sd-chip.check{background:rgba(245,184,0,.20);color:#6f4a00;border-color:rgba(214,151,0,.48)} .sd-chip.psw{background:var(--ai);color:#fff} .sd-chip.ok{background:rgba(24,131,60,.14);color:#146b32;border-color:rgba(24,131,60,.34)} .sd-last{color:var(--muted)} .sd-readings{display:flex;flex-wrap:wrap;align-items:baseline;gap:22px;margin-bottom:8px} .sd-wmc{display:flex;align-items:baseline;gap:3px} .sd-wmc-v{font-size:30px;font-weight:700;color:var(--kon);line-height:1;font-family:var(--app-heading)} .sd-wmc-u{font-size:13px;color:var(--muted);font-weight:600} .sd-metric{display:flex;flex-direction:column;line-height:1.25} .sd-metric b{font-size:16px;color:var(--sumi);font-weight:700} .sd-metric span{font-size:11.5px;color:var(--muted)} .sd-plain{font-size:13.5px;color:var(--sumi);line-height:1.55;margin:6px 0 0} .sd-guide{margin:14px 0 0;padding:11px 14px;border:1px solid var(--line);border-left:3px solid var(--muted); border-radius:8px;background:var(--card)} .sd-guide .sd-plain{margin:0} .sd-guide-h{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase; color:var(--muted);margin-bottom:4px} .sd-guide.check{border-left-color:#c9a227} .sd-guide.check .sd-guide-h{color:#856310} .sd-guide.alert{border-left-color:var(--shu)} .sd-guide.alert .sd-guide-h{color:var(--shu)} .sd-guide.psw{border-left-color:var(--kon)} .sd-guide.psw .sd-guide-h{color:var(--kon)} .sd-guide.ok{border-left-color:#3f6b4a} .sd-guide.ok .sd-guide-h{color:#3f6b4a} .sd-guide.watch{border-left-color:#a8862b} .sd-guide.watch .sd-guide-h{color:#6d5109} .sd-sec{margin-top:20px} .sd-sec-h{font-size:16px;font-weight:700;color:var(--kon);margin:0 0 8px;font-family:var(--app-heading);line-height:1.3} .sd-sec-sub{font-size:12.5px;color:var(--muted);margin:0 0 8px} .sd-idhead{margin-bottom:6px} .sd-title{font-family:var(--app-heading);font-size:21px;color:var(--kon);font-weight:700;margin:0;outline:none;display:flex;align-items:center;gap:8px} .sd-current{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card)} .cst-conn2{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;white-space:nowrap} .cst-conn2 .cc-ic{font-weight:800;font-size:14px;line-height:1} .cst-conn2.on{color:#18833c} .cst-conn2.off{color:var(--shu)} .cst-conn2.unavail{color:var(--muted)} .cst-last2{color:var(--muted);font-size:12.5px} .sd-metrics{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto; gap:16px 20px;align-items:start;margin:14px 0} .sd-metric2{grid-row:span 4;display:grid;grid-template-rows:subgrid;gap:3px;min-width:0} @supports not (grid-template-rows: subgrid){ .sd-metric2{display:flex;flex-direction:column} } .sd-msub:empty,.sd-mnote:empty{min-height:0} .sd-msub{line-height:1.4;min-width:0} .sd-mnote{min-width:0} .sd-mv{white-space:nowrap;line-height:1.05} .sd-mn{font-size:19px;font-weight:700;color:var(--sumi);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .sd-ml{font-size:11.5px;color:var(--muted);line-height:1.25} .sd-metric-wmc .sd-mn{font-size:28px;color:var(--kon)} .sd-wmc-cond-row{margin:3px 0 1px} .sd-wmc-cond{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;line-height:1.4;padding:1px 8px;border-radius:6px} .sd-wmc-cond.low{color:#146b32;background:rgba(24,131,60,.14)} .sd-wmc-cond.watch{color:#6f4a00;background:rgba(245,184,0,.20)} .sd-wmc-cond.high{color:#8a2f1a;background:var(--shu-bg)} .sd-wmc-cond.na{color:var(--muted);background:#f1efea} .sd-wmc-stale{font-size:11px;color:var(--muted);margin:2px 0 1px;max-width:24ch;white-space:normal;line-height:1.35} @media(max-width:680px){ .sd-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px} } @media(max-width:430px){ .sd-metrics{grid-template-columns:minmax(0,1fr);gap:12px 16px;grid-template-rows:none} .sd-metric2{grid-row:auto;display:flex;flex-direction:column;gap:2px} .sd-msub:empty,.sd-mnote:empty{display:none} .ss-facts{gap:4px 10px} } .mould-sec .mould-body{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card)} .mould-summary{margin:0 0 10px} .mould-badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 11px;border-radius:999px;margin:0 0 6px} .mould-badge.ok{background:rgba(24,131,60,.14);color:#146b32} .mould-badge.watch{background:#f6ecd5;color:#7d5c1d} .mould-badge.warn{background:#f6e4dd;color:#98561b} .mould-badge.alert{background:var(--shu);color:#fff} .mould-badge.na{background:#f1efea;color:var(--muted)} .emr-history{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .emr-hist-h{font-size:14px;font-weight:700;color:var(--sumi);margin:0 0 8px} .emr-range{margin:0 0 12px} .sa-lead{margin:0 0 6px;font-weight:600;color:var(--sumi)} .sa-list{margin:0 0 10px;padding-left:20px} .sa-list li{margin:2px 0} .sa-note{margin:0;font-size:12.5px;color:var(--muted)} .ov-empty-bld{padding:22px} .ov-empty-bld h3{margin:0 0 8px} .emr-rng-err{font-size:12.5px;font-weight:600;color:#8a2f1a;align-self:center} .emr-hist-wrap{width:100%} .emr-hist-svg{display:block;width:100%;height:auto;max-width:100%} .emr-hist-ylab{font-size:11px;fill:var(--sumi)} .emr-hist-xlab{font-size:11px;fill:var(--muted)} .emr-hist-note{font-size:12.5px;color:var(--muted);margin:8px 0 0;line-height:1.55;max-width:70ch} .emr-insight{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .emr-ins-h{font-size:14px;font-weight:700;color:var(--sumi);margin:0 0 8px} .emr-ins-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 6px} .emr-ins-metric{font-size:13px;font-weight:600;color:var(--sumi)} .emr-ins-val{font-size:14px;font-weight:700} .emr-ins-none{color:var(--muted);font-weight:600} .emr-ins-note{font-size:12.5px;color:var(--muted);margin:6px 0 0;line-height:1.55;max-width:70ch} @media(max-width:560px){ .emr-hist-ylab{font-size:13px} .emr-hist-xlab{font-size:13px} } .emr-card{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--card);display:block} .emr-badge-row{margin:0 0 6px} .emr-card .mould-badge{margin-bottom:0} .emr-summary{font-size:13.5px;color:var(--sumi);margin:0 0 12px;line-height:1.55;max-width:70ch} .emr-callout{background:#f5f3ee;border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 12px;max-width:75ch} .emr-obs{margin:0 0 12px;padding:12px 0 2px;border-top:1px solid var(--line)} .emr-obs-q{font-size:13px;font-weight:600;color:var(--sumi);margin:0 0 8px} .emr-obs-acts{display:flex;flex-wrap:wrap;gap:8px} .emr-graph{margin-top:6px} @media(max-width:560px){ .emr-obs-acts{flex-direction:column} .emr-obs-acts .btn{width:100%} } .ap-obs{margin-top:12px;padding-top:12px;border-top:1px solid rgba(177,71,44,.22)} .ad-title{margin:6px 0 2px} .ad-where{font-size:14px;color:var(--muted);margin:0 0 2px} .ad-identity .ap-issued{margin-top:6px} @keyframes ap-badge-attn{ 0%,42%{background:var(--shu);color:#fff;border-color:var(--shu);box-shadow:0 0 0 3px rgba(177,71,44,.28),0 0 10px 2px rgba(177,71,44,.30)} 58%,100%{background:#fdf3f0;color:var(--shu);border-color:var(--shu);box-shadow:0 0 0 2px rgba(177,71,44,.14),0 0 6px 1px rgba(177,71,44,.16)} } .ap-badge.attn{border:1px solid var(--shu);animation:ap-badge-attn 2.4s ease-in-out infinite} @media (prefers-reduced-motion: reduce){ .ap-badge.attn{animation:ap-badge-attn 2.4s ease-in-out infinite !important} .cst-eb-primary.alert{animation:cstAlertInvert 2.4s ease-in-out infinite !important} .cst-tile--alert::after{animation:cstTileAlertGlow 2.4s ease-in-out infinite !important} } .sd-dismissed-note{display:block;font-size:13px;color:var(--muted)} .sd-trend-ar{font-weight:700;flex:none;line-height:1.5} .sd-trend-ar.up{color:#a86a1f} .sd-trend-ar.down{color:#146b32} .sd-trend-ar.flat{color:var(--sumi)} .sd-trend-ar.none{color:var(--muted)} .ap-obs-q{font-size:13px;color:var(--sumi);margin:10px 0 2px} .ap-obs-intro{margin-top:2px} .ad-timeline .ah-evt{display:block;padding:8px 0 8px 14px;border-left:2px solid var(--line);margin:0 0 2px} .ad-timeline .ah-evt-t{display:block;font-size:12px;color:var(--muted);margin:0 0 1px} .ad-timeline .ah-evt-x{display:block;font-size:13.5px;color:var(--sumi)} .ad-timeline .ah-obs-sum{display:block} .ad-timeline .ah-obs-sum .ah-obs-more{margin-left:0} .ad-why{font-size:13.5px;color:var(--sumi);line-height:1.55} .ad-backrow{margin-top:18px} .ad-timeline{margin-top:4px} .ad-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card);margin:0 0 12px} .ad-card-head{display:flex;align-items:center;gap:10px;margin:0 0 8px} .ad-card-where{font-size:14px;font-weight:600;color:var(--sumi)} .ad-card-issued{font-size:12.5px;color:var(--muted);margin:2px 0 8px} .ad-why-h{font-size:12px;font-weight:700;color:var(--muted);margin:0 0 2px} .ad-card-insp{font-size:12.5px;color:var(--muted);margin:0 0 8px} .ad-card-act{margin-top:4px} .ah-obs-sum{cursor:pointer;display:flex;align-items:center;gap:8px} .ah-obs-more{font-size:12px;color:var(--hanada);text-decoration:underline;margin-left:auto} .ah-obs-body{padding:8px 0 4px 12px;border-left:2px solid var(--line);margin:6px 0 4px} .ah-obs-line{font-size:13px;color:var(--sumi)} .ah-obs-by{font-size:12px;color:var(--muted);font-weight:400} .ah-obs-sel{font-size:12.5px;color:var(--muted);margin-top:3px} .ah-obs-note{font-size:13px;color:var(--sumi);margin-top:5px;white-space:pre-wrap;max-width:72ch} .ah-obs-photos{margin-top:8px} .ah-obs-k{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:0 0 4px} .ah-none{font-size:13.5px;color:var(--muted)} .ah-view-row{margin:2px 0 8px} .emr-about{margin:0 0 12px;max-width:75ch} .emr-about summary{font-size:12.5px;color:var(--hanada);cursor:pointer;text-decoration:underline} .emr-about p{font-size:12.5px;color:var(--muted);line-height:1.55;margin:6px 0 0} .emr-latest{margin:0 0 12px;font-size:13px} .emr-latest-h{display:block;font-size:12px;font-weight:700;color:var(--muted)} .emr-latest-d{color:var(--sumi)} .ap-insp-help{font-size:12px;color:var(--muted);margin:6px 0 0} .check-card .obs-toggle{margin-top:4px} .photo-gallery button.photo-tile{border:0;background:none;padding:0;cursor:pointer;font:inherit;text-align:left} .mould-msg{font-size:13.5px;color:var(--sumi);margin:0;line-height:1.5} .obs-sec{margin-top:16px} .ac-file{margin:2px 0} details.sd-health{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card)} details.sd-health>summary{cursor:pointer;list-style:none} details.sd-health>summary::-webkit-details-marker{display:none} details.sd-health>summary::after{content:'▸';float:right;color:var(--muted);transition:transform .15s} details.sd-health[open]>summary::after{transform:rotate(90deg)} .sd-hi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin-top:10px} .sd-hi-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:5px} .sd-hi-k{color:var(--muted)} .sd-hi-v{color:var(--sumi);font-weight:600;text-align:right} @media(max-width:560px){ .sd-hi-grid{grid-template-columns:1fr} .sd-wmc-v{font-size:26px} } @media(prefers-reduced-motion:reduce){ details.sd-health>summary::after{transition:none} } .alert-panel{padding:16px;border:1px solid #e3b7ad;border-left:4px solid var(--shu);border-radius:12px;background:#fbf1ee} .ap-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 8px} .ap-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--shu);padding:2px 9px;border-radius:5px} .ap-issued{font-size:12.5px;color:var(--muted)} .ap-lead{font-size:14px;color:var(--sumi);margin:0 0 10px;line-height:1.5} .ap-state{display:flex;flex-direction:column} .ap-row{padding:9px 0;border-top:1px solid rgba(177,71,44,.22);font-size:13.5px;color:var(--sumi);display:flex;flex-direction:column;gap:1px;outline:none} .ap-row-h{font-weight:700;color:var(--kon)} .ap-row-d{color:var(--sumi);font-size:13px} .ap-mon{margin-top:3px;color:#1f6b3a;font-weight:600;font-size:12.5px} .ap-insp-status{color:var(--sumi)} .ap-noack{padding-top:9px;border-top:1px solid rgba(177,71,44,.22);font-size:13.5px;color:var(--muted)} .ap-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .ap-btn{min-height:40px} .ap-div{border:0;border-top:1px solid var(--line);margin:16px 0 4px} .ap-plan-note{color:var(--sumi);max-width:64ch} .bk-plan-note{font-size:12.5px;color:var(--sumi);margin:8px 0 0;max-width:64ch;line-height:1.5} .alert-history{margin-top:20px} .ah-h{font-size:16px;font-weight:700;color:var(--sumi);margin:0 0 10px} .ah-empty{font-size:13.5px;color:var(--muted);margin:0} .ah-group{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:#fff;overflow:hidden} .ah-summary{cursor:pointer;padding:11px 14px;font-size:14px;font-weight:600;color:var(--sumi);list-style:none;display:flex;align-items:center;gap:9px} .ah-summary::-webkit-details-marker{display:none} .ah-summary:focus-visible{outline:2px solid var(--kon);outline-offset:-2px} .ah-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;text-align:center} .ah-badge--stack .ah-badge-l{display:block;line-height:1.35} .ah-badge.active{background:#fbe9e5;color:var(--shu)} .ah-badge.resolved{background:#e7efe9;color:#1f6b3a} @media(max-width:560px){ .ah-summary{align-items:center} .ah-badge{flex:0 0 42%} } .ah-events{padding:4px 14px 12px;border-top:1px solid var(--line)} .ah-evt{display:flex;gap:12px;padding:6px 0;font-size:13px;align-items:baseline} .ah-evt-t{color:var(--muted);white-space:nowrap;min-width:120px;font-variant-numeric:tabular-nums} .ah-evt-x{color:var(--sumi)} @media(max-width:560px){ .ah-evt{flex-direction:column;gap:1px} .ah-evt-t{min-width:0} .ah-obs-sum{flex-direction:column;align-items:flex-start;gap:1px} .ah-obs-sum .ah-obs-more{margin-left:0} .ah-obs-sum .ah-evt-x{overflow-wrap:anywhere} .ap-actions .ap-btn{flex:1 1 100%} } .area-check{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#faf8f3} .ac-h{font-size:16px;font-weight:700;color:var(--sumi);margin:0 0 6px;outline:none} .ac-reason{font-size:13.5px;color:var(--sumi);margin:0 0 6px;font-weight:600} .ac-guide{font-size:13px;color:var(--muted);margin:0 0 12px;line-height:1.5} .ac-form{display:flex;flex-direction:column;gap:10px} .ac-fs{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0;display:flex;flex-direction:column;gap:7px} .ac-fs legend{font-size:12px;font-weight:600;color:var(--muted);padding:0 4px} .ac-opt{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--sumi);cursor:pointer} .ac-opt input{margin-top:3px;flex:none} .ac-note-lbl{font-size:12px;font-weight:600;color:var(--muted)} .ac-note{width:100%;box-sizing:border-box} .ac-photos{font-size:13px} .ac-actions{margin-top:4px} .ac-status{font-size:13px;min-height:18px} .ac-status.ok{color:#1f7a3d;font-weight:600} .ac-status.err{color:var(--shu);font-weight:600} .ac-prior{margin-top:14px} .ac-prior-h{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 6px} .ac-prior-row{font-size:12.5px;color:var(--sumi);padding:6px 0;border-top:1px solid var(--line)} .ac-prior-date{display:block;color:var(--muted);margin:0 0 2px;font-variant-numeric:tabular-nums} .ac-prior-head{font-size:13.5px} .ac-prior-note{color:var(--muted);margin-top:2px} .cst-conn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;white-space:nowrap} .cst-conn.on{color:var(--cst-online-text);font-weight:600} .cst-conn.off{color:var(--shu)} .cst-conn.on .cst-conn-dot{background:var(--cst-online-dot)} .cst-conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none} .cst-lastrec{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:-4px} .cst-val{font-size:var(--app-value-size);font-weight:600;color:var(--sumi);line-height:1.05} .cst-unit{font-size:13px;color:var(--muted)} .cst-cond-dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none} .cst-gauge{display:flex;flex-direction:column;align-items:center;gap:2px;margin:2px 0 12px} .cst-g-wrap{position:relative;width:100%;max-width:200px} .cst-g-svg{display:block;width:100%;height:auto;overflow:visible} .cst-g-arc{fill:none;stroke-width:15;stroke-linecap:round} .cst-g-arc-grad{fill:none;stroke-width:15;stroke-linecap:round} .cst-g-glow-inner,.cst-g-glow-outer{fill:none;stroke:var(--shu);stroke-linecap:round;pointer-events:none} .cst-g-glow-inner{stroke-width:23;filter:blur(8px);opacity:.5;animation:cstGlowIn 3.3s ease-in-out infinite} .cst-g-glow-outer{stroke-width:29;filter:blur(13px);opacity:.22;animation:cstGlowOut 3.3s ease-in-out infinite} @keyframes cstGlowIn{0%,100%{opacity:.42} 50%{opacity:.64}} @keyframes cstGlowOut{0%,100%{opacity:.14} 50%{opacity:.30}} @media(prefers-reduced-motion:reduce){ .cst-g-glow-inner{animation:none;opacity:.50} .cst-g-glow-outer{animation:none;opacity:.24} } .cst-g-thr{fill:var(--muted);font-size:12px;font-weight:600;font-family:var(--app-font)} .cst-g-mark{stroke:var(--card);stroke-width:2.5} .cst-g-mark.ok{fill:#3f6b4a} .cst-g-mark.watch{fill:#856310} .cst-g-mark.high{fill:var(--shu)} .cst-g-centre{position:absolute;left:0;right:0;top:42%;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;pointer-events:none} .cst-g-head{font-size:11px;color:var(--muted);font-weight:500} .cst-g-val{font-size:24px;font-weight:600;color:var(--sumi);line-height:1.1} .cst-g-unit{font-size:12px;color:var(--muted);font-weight:400;margin-left:2px} .cst-g-cond{font-size:12.5px;font-weight:600;margin-top:1px} .cst-g-cond.ok{color:var(--matcha)} .cst-g-cond.watch{color:#856310} .cst-g-cond.high{color:var(--shu)} .cst-g-cond.na{color:var(--muted)} .cst-g-last{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)} .cst-g-over{font-size:10.5px;color:var(--shu);font-weight:600;margin-top:1px} .cst-g-recorded{font-size:11px;color:var(--muted)} .cst-gauge.stale .cst-g-arc,.cst-gauge.stale .cst-g-arc-grad{opacity:.5} .cst-gauge.stale .cst-g-mark{opacity:.75} .cst-gauge.stale .cst-g-svg{filter:saturate(.7)} .cst-watch-since{text-align:center;font-size:12.5px;font-weight:600;color:#856310;line-height:1.4} .cst-trend{display:flex;justify-content:center;align-items:flex-start;gap:5px;font-size:12.5px;color:var(--muted);text-align:left;width:min(100%,252px);margin-inline:auto} .cst-trend .cst-arrow{font-size:14px;font-weight:700;line-height:1.4;flex:none} .cst-trend .cst-trend-t{min-width:0;line-height:1.4} .cst-trend.rising{color:#856310} .cst-trend.falling{color:var(--ai)} .cst-trend.stable{color:var(--muted)} .cst-trend.na{color:var(--muted)} .cst-env{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);padding-top:15px;width:min(100%,230px);margin-inline:auto} .cst-env-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;min-width:0} .cst-env-val{font-size:15px;font-weight:600;color:var(--sumi);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .cst-env-lab{font-size:11px;color:var(--muted)} .cst-ems{display:flex;flex-direction:column;gap:5px} .cst-ems-h{font-size:12px;color:var(--muted);font-weight:500} .cst-ems-val{font-size:13px;font-weight:600} .cst-ems-val.low{color:var(--matcha)} .cst-ems-val.moderate{color:#856310} .cst-ems-val.high{color:#9c5518} .cst-ems-val.very_high{color:var(--shu)} .cst-ems-val.na{color:var(--muted)} .cst-ems-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px} .cst-seg{height:7px;border-radius:3px;opacity:.26} .cst-seg.low{background:var(--matcha)} .cst-seg.moderate{background:var(--yamabuki)} .cst-seg.high{background:#c9781e} .cst-seg.very_high{background:var(--shu)} .cst-seg.on{opacity:1;outline:2px solid var(--sumi);outline-offset:1px} .cst-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--ai);border-top:1px solid var(--line);padding-top:10px;margin-top:auto} .cst-chev{font-size:18px;color:var(--muted);line-height:1} .cst-ni{cursor:default} .cst-ni:hover{box-shadow:var(--app-shadow);border-color:var(--line)} .cst-ni-status{font-size:var(--cst-conn-font);line-height:1;margin:0;color:var(--muted);font-weight:500} .cst-ni-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;margin-top:14px;padding:20px 14px;border-radius:10px;background:#f4f2ec;border:1px dashed var(--line)} .cst-ni-h{font-size:14px;font-weight:600;color:var(--muted)} .cst-ni-note{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:260px} @media(max-width:560px){ .cst-grid{grid-template-columns:1fr;--cst-tile-height:464px;--cst-no-size:38px;--cst-no-font:19px;--cst-loc-font:15px;--cst-conn-font:14px;--cst-ident-gap:3px} } @media(prefers-reduced-motion:reduce){ .cst-tile{transition:none} } .enh-block{margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-left-width:4px;border-radius:8px;background:#faf9f6;font-size:13px} .enh-block.ok{border-left-color:#3a7a52} .enh-block.watch{border-left-color:#c2933a} .enh-block.warn{border-left-color:#cf7a3a} .enh-block.alert{border-left-color:var(--shu)} .enh-head .enh-score{font-weight:700;font-size:15px;margin:0 4px} .enh-shadow{color:var(--muted);font-size:11.5px;margin-top:4px;font-style:italic} .enh-why{margin-top:8px} .enh-why summary{cursor:pointer;color:var(--ai);font-size:12.5px} .enh-why ul{margin:6px 0 6px 18px} .enh-why li{margin:2px 0} .enh-sub{margin-top:6px} .enh-sub b{font-size:12px} .enh-meta{margin-top:8px;display:flex;flex-direction:column;gap:3px} .enh-meta-row{display:flex;justify-content:space-between;gap:12px;font-size:12.5px} .enh-meta-k{color:var(--muted)} .enh-meta-v{text-align:right;font-weight:500} .enh-diff{font-size:12px;color:var(--sumi);background:rgba(0,0,0,.03);border-radius:6px;padding:5px 8px;margin:2px 0} .enh-trend.up{color:var(--shu);font-weight:600} .enh-trend.down{color:#1f6b3a;font-weight:600} .enh-next{margin-top:8px;font-size:12.5px} .enh-obs{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)} .enh-obs-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .btn-sm{padding:4px 10px;font-size:12px} .enh-obs-list{margin:8px 0 0;padding-left:18px} .enh-obs-list li{margin:6px 0} .obs-radio{display:flex;gap:18px;margin-top:4px} .obs-radio label{display:flex;align-items:center;gap:6px;cursor:pointer} .btn-xs{padding:2px 8px;font-size:11px} .obs-pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;vertical-align:middle} .obs-pill.ok{background:#eef5f0;color:#2d6a43} .obs-pill.watch{background:#fbf3e2;color:#8a6a1e} .obs-flags{margin-top:3px;display:flex;flex-wrap:wrap;gap:4px} .obs-flag{display:inline-block;padding:1px 7px;border-radius:8px;font-size:11px;background:#eef1f4;color:#3a4650} .obs-flag-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:4px} .obs-flag-opt{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px} .obs-photos{margin-top:5px;display:flex;flex-wrap:wrap;gap:6px} .obs-thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block} .obs-pill.muted{background:#eef1f4;color:#6b7680} .mrg-scroll{overflow-x:auto;margin-top:6px} .mrg-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px} .mrg-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:4px 10px 4px 0;border-bottom:1px solid var(--line)} .mrg-table td{padding:8px 10px 8px 0;border-bottom:1px solid var(--line);vertical-align:top} .mr-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px;flex-wrap:wrap} .mr-main{flex:1 1 340px;min-width:0} .mr-actions{flex:0 0 auto} .mr-sec{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)} .mr-sec-h{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:3px} .mr-name{font-size:14px} .mr-score{margin-top:4px} .mr-actions{display:flex;gap:8px;flex:none} .mg-block{background:#fff} .mg-head b{font-size:14px} .mg-sub{font-size:12px;color:var(--muted);margin:4px 0 8px} .mg-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px} .mg-key{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sumi)} .mg-sw{width:12px;height:12px;border-radius:3px;flex:none} .mg-svg{width:100%;height:auto;display:block} .mg-tick,.mg-axis{font-size:11px;fill:var(--muted); font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .mg-grid{stroke:rgba(255,255,255,0.35);stroke-width:1} .mg-src{font-size:10.5px;color:var(--muted);margin-top:6px} .recovery-note{margin:10px 0 16px;padding:11px 14px;border-radius:10px;background:#eef3ee;border:1px solid #d6e3d6} .recovery-note .rc-h{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#3a7a52;font-weight:600;margin-bottom:6px} .recovery-note .rc-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sumi)} .recovery-note .rc-row+.rc-row{margin-top:4px} .recovery-note .rc-check{color:#3a7a52;font-weight:700;flex:none} .mould-summary-wrap{margin:10px 0 16px;display:flex;flex-direction:column;gap:8px} .mould-summary{display:flex;align-items:center;gap:0;padding:12px 16px;border-radius:10px;font-size:13px;background:#f1efe9;border:1px solid var(--line)} .mould-summary .ms-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 1 auto;max-width:52%} .mould-summary .ms-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .mould-summary .ms-acts{display:flex;gap:8px;flex:1 1 auto;justify-content:center} .mould-summary .ms-acts .btn{min-width:136px;justify-content:center;text-align:center} .mould-summary .ms-note{font-size:11.5px;color:var(--muted);line-height:1.4} .mould-summary .mould-dot{width:9px;height:9px} @media(max-width:560px){ .mould-summary{align-items:stretch} .mould-summary .ms-info{max-width:100%;flex:1 1 auto} .mould-summary .ms-main{flex-direction:column;align-items:flex-start;gap:2px} .mould-summary .ms-acts{width:100%;flex:0 0 auto;margin-top:18px;justify-content:flex-start} .mould-summary .ms-acts .btn{flex:1 1 0;min-width:0} } .mould-summary.watch{background:#fbf3e2;border-color:#e6d3a8} .mould-summary.warn{background:#fbeede;border-color:#eecdae;color:#8a4f14} .mould-summary.alert{background:#fbe6e0;border-color:#e9bfb3;color:var(--shu);font-weight:600} .snos-sub{font-size:12px;color:var(--muted);margin-top:3px} .snos-warn{color:var(--shu);font-size:12.5px;margin:12px 0 0} .snos-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px} .snos-actions .btn[disabled]{opacity:.45;cursor:not-allowed} .rng-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap} .rng-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)} .chart-range{display:flex;flex-direction:column;gap:8px;margin:2px 0 10px} .rng-presets{display:flex;flex-wrap:wrap;gap:6px} .rng-preset{padding:5px 12px;font-size:13px;border:1px solid var(--line);background:var(--card);color:var(--sumi);border-radius:8px;min-height:34px} .rng-preset:hover{border-color:var(--kon)} .rng-preset.rng-active{background:var(--kon);color:#fff;border-color:var(--kon)} .rng-preset:focus-visible{outline:2px solid var(--kon);outline-offset:2px} .chart-custom{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap} @media(max-width:440px){ .rng-presets{gap:5px} .rng-preset{flex:1 1 auto;padding:5px 8px} } .chart-range .rng-field input.f-input{width:auto;padding:6px 9px;font-size:13px} .rng-field .f-input{min-width:160px} .rng-warn{color:var(--shu);font-size:12.5px;margin:12px 0 0} .rdg-view{padding:18px 20px} .rdg-sensor{margin-bottom:20px} .rdg-sensor:last-child{margin-bottom:0} .rdg-shead{font-size:15px;font-weight:600;color:var(--kon);display:flex;align-items:center;gap:8px} .rdg-sid{font-size:12.5px;font-weight:400;color:var(--muted)} .rdg-sum{font-size:12.5px;color:var(--muted);margin:4px 0 8px} .rdg-table{width:100%;border-collapse:collapse;font-size:13px} .rdg-table th{text-align:left;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;position:sticky;top:0;background:var(--card)} .rdg-table td{padding:5px 8px;border-bottom:1px solid var(--washi);font-variant-numeric:tabular-nums} .rdg-table tbody tr:hover{background:var(--washi)} .plain-callout{border-radius:12px;padding:13px 15px;margin:2px 0 14px;border:1px solid var(--line);background:var(--washi)} .plain-callout.ok{background:#eef5f0;border-color:#cfe3d4} .plain-callout.watch{background:#fbf3e2;border-color:#ecd9ad} .plain-callout.warn{background:#fbeede;border-color:#eec7a0} .plain-callout.alert{background:var(--shu-bg);border-color:#e0b3a6} .plain-h{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px} .plain-callout p{font-size:14px;color:var(--sumi);line-height:1.55;margin:0} .plain-trend{margin-top:8px !important;font-size:13px !important;color:var(--muted) !important} .cr-actions{display:flex;gap:10px;flex-wrap:wrap} .al-actions{display:flex;gap:10px;flex-wrap:wrap} .share-row{display:flex;gap:10px;align-items:center} .share-row .f-input{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px} #app, .modal{zoom:var(--app-zoom);font-weight:500} body.text-large{--app-zoom:1.20} .ag-toq{margin-bottom:14px} .ag-day{margin-bottom:18px} .ag-day-h{font-family:var(--app-heading);font-weight:600;font-size:15px;color:var(--kon);padding:0 2px 8px;border-bottom:1px solid var(--line);margin-bottom:10px} .ag-row{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;margin-bottom:8px} .ag-time{flex:0 0 52px;font-weight:700;color:var(--kon);font-variant-numeric:tabular-nums;padding-top:1px} .ag-body{flex:1;min-width:0} .ag-row-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .ag-title{font-weight:600;color:var(--sumi)} .ag-tag{font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;text-transform:uppercase} .ag-tag.ag-insp{color:var(--ai);background:#e7eef6} .ag-tag.ag-rep{color:#7d5c1d;background:var(--yamabuki-bg)} .ag-meta{color:var(--muted);font-size:13px;margin-top:3px} .ag-note{color:var(--muted);font-size:13px;margin-top:4px;font-style:italic} .ti-gid{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin:2px 0 4px} .ti-gid-l{font-size:11.5px;letter-spacing:.02em;color:var(--muted);text-transform:none} .ti-gid-v{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;background:var(--soft,#f2f3f5);border-radius:4px;padding:1px 6px;word-break:break-all} .ti-gid-c{padding:1px 8px;font-size:11.5px} @media(max-width:560px){.ti-gid{gap:4px}} @media(max-width:560px){ .card-top{flex-wrap:wrap;align-items:flex-start;gap:10px 12px} .card-top>div:first-child{flex:1 1 100%;min-width:0} .tbl.tbl-stack{display:block;overflow-x:visible;min-width:0} .tbl.tbl-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .tbl.tbl-stack tbody,.tbl.tbl-stack tr,.tbl.tbl-stack td{display:block;width:auto} .tbl.tbl-stack tr{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 10px} .tbl.tbl-stack tr:last-child{margin-bottom:0} .tbl.tbl-stack td{border:none;padding:3px 0;display:grid;grid-template-columns:minmax(88px,38%) 1fr;gap:10px;align-items:start} .tbl.tbl-stack td::before{content:attr(data-l);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding-top:2px} .tbl.tbl-stack td:not([data-l]){display:block;padding-top:8px} .tbl.tbl-stack td:not([data-l])::before{content:none} .tbl.tbl-stack td>.pill{justify-self:start} .tbl.tbl-stack .tbl-stack-act .btn{width:100%} } .pref-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px} .pref-card-txt{flex:1 1 240px;min-width:0} .pref-card-txt h3{margin:0 0 4px} .pref-card-txt .pref-sub{margin:0} .pref-card .pref-seg-wrap{flex:0 0 auto;justify-content:flex-end} .pref-card .pref-card-msg{flex:1 1 100%;margin:0} .pref-card .pref-card-msg:empty{display:none} @media(max-width:560px){ .pref-card .pref-seg-wrap{width:100%;justify-content:flex-start} } .pref-seg-wrap{display:flex;justify-content:center} .pref-seg-wrap .metric-toggle{width:auto;display:inline-flex} @media(max-width:560px){ .pref-seg-wrap .metric-toggle{display:inline-flex;width:auto;max-width:100%;flex-wrap:wrap;justify-content:center} .pref-seg-wrap .metric-toggle button{width:auto;padding:6px 15px} } .thr-now{display:flex;gap:26px;flex-wrap:wrap} .thr-now>div{display:flex;flex-direction:column;gap:2px} .thr-k{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600} .thr-v{font-size:20px;font-weight:700;color:var(--kon);font-family:var(--sans)} @media(max-width:560px){ .thr-now{gap:18px} } .emr-history--staff{margin-top:18px} .pr-key{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--muted);margin-top:3px;word-break:break-all} .sr-queue-empty{display:flex;align-items:center;min-height:76px} .sr-queue-empty>p{margin:0} .ref-lookup-out:empty{margin-top:0;min-height:0} .page-back{margin:0 0 8px;font-size:13.5px} .page-back a{color:var(--kon);cursor:pointer;text-decoration:none} .page-back a:hover{text-decoration:underline;text-underline-offset:3px} .page-back a:focus-visible{outline:2px solid var(--kon);outline-offset:2px;border-radius:3px} .co-type{font-size:12px;color:var(--muted);margin-top:3px} .co-kind{vertical-align:middle;margin-left:2px} .co-mem-tbl{min-width:800px} .co-mem-tbl th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted); vertical-align:bottom;white-space:normal} .co-mem-tbl .pill{white-space:nowrap} .co-mem-acts{display:flex;flex-direction:column;gap:4px;align-items:flex-start;white-space:nowrap} .co-sec{margin-top:12px;border:1px solid var(--line)} @media(max-width:860px){ .co-mem-tbl{min-width:0} } .co-search{margin:0 0 12px} .co-search-lbl{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;margin-bottom:4px} .co-search .f-input{width:100%} .pill-2line{text-align:center;line-height:1.25} .pill-2line-b{display:inline} @media(max-width:560px){ .pill-2line-b{display:block} } .map-unmapped>summary{padding:2px 0} .map-unmapped>summary::marker{content:''} .map-unmapped>summary::-webkit-details-marker{display:none} .map-unmapped>summary::before{content:'\25B8';display:inline-block;margin-right:10px;color:var(--muted);transition:transform .12s} .map-unmapped[open]>summary::before{transform:rotate(90deg)} .map-canvas--compact{height:432px;min-height:0} @media(max-width:900px){ .map-canvas--compact{height:384px;min-height:0} } @media(max-width:560px){ .map-canvas--compact{height:288px;min-height:0} } .map-full-link{margin-top:8px;font-size:13.5px} .map-full-link a{color:var(--kon);cursor:pointer;text-decoration:none} .map-full-link a:hover{text-decoration:underline;text-underline-offset:3px} .map-full-link a:focus-visible{outline:2px solid var(--kon);outline-offset:2px;border-radius:3px} .sup-sec{font-size:17px;font-weight:700;color:var(--kon);margin:18px 0 8px;font-family:var(--app-heading)} .sup-sec:first-child{margin-top:0} .sup-sec--closed{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)} .sup-grp{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 6px} .sup-grp-n{font-weight:400;color:var(--muted)} .sup-grp-empty{margin:0 0 6px} .sup-conc{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;color:#5b4a1e; background:#f6edd6;border:1px solid #e4d3a8;border-radius:20px;padding:1px 9px;margin-left:6px;white-space:nowrap} @media(max-width:560px){ .sup-item-h{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left} .sup-item-h .cust-collapse-name{white-space:normal;word-break:break-word} .sup-item-h .cust-collapse-n{white-space:normal;line-height:1.45} .sup-conc{margin-left:0} } .rpt-org{color:var(--muted)} .rpt-tbl{min-width:720px;table-layout:fixed} .rpt-tbl th:nth-child(1),.rpt-tbl td:nth-child(1){width:12%} .rpt-tbl th:nth-child(2),.rpt-tbl td:nth-child(2){width:12%} .rpt-tbl th:nth-child(3),.rpt-tbl td:nth-child(3){width:11%} .rpt-tbl th:nth-child(4),.rpt-tbl td:nth-child(4){width:12%} .rpt-tbl th:nth-child(5),.rpt-tbl td:nth-child(5){width:9%} .rpt-tbl th:nth-child(6),.rpt-tbl td:nth-child(6){width:20%} .rpt-tbl th:nth-child(7),.rpt-tbl td:nth-child(7){width:11%} .rpt-tbl th:nth-child(8),.rpt-tbl td:nth-child(8){width:13%} .rpt-tbl th{overflow:hidden;text-overflow:ellipsis} .rpt-tbl td:nth-child(6){white-space:normal} .rpt-state{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px} .rpt-state .pill{white-space:nowrap} .rpt-notif{font-size:12px;margin-top:3px} .rpt-tbl .tbl-stack-act{text-align:right} .rpt-tbl .tbl-stack-act .btn{max-width:100%;white-space:nowrap} @media(max-width:1200px){ .rpt-tbl.tbl-stack{display:block;overflow-x:visible;min-width:0} .rpt-tbl.tbl-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .rpt-tbl.tbl-stack tbody,.rpt-tbl.tbl-stack tr,.rpt-tbl.tbl-stack td{display:block;width:auto} .rpt-tbl.tbl-stack tr{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 10px} .rpt-tbl.tbl-stack tr:last-child{margin-bottom:0} .rpt-tbl.tbl-stack td{border:none;padding:3px 0;display:grid;grid-template-columns:minmax(88px,38%) 1fr;gap:10px;align-items:start} .rpt-tbl.tbl-stack td::before{content:attr(data-l);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding-top:2px} .rpt-tbl.tbl-stack td:not([data-l]){display:block;padding-top:8px} .rpt-tbl.tbl-stack td:not([data-l])::before{content:none} .rpt-tbl.tbl-stack td>.pill{justify-self:start} .rpt-tbl.tbl-stack .tbl-stack-act{text-align:left} .rpt-tbl.tbl-stack .tbl-stack-act .btn{width:100%} .rpt-tbl{min-width:0;table-layout:auto} .rpt-tbl th:nth-child(n),.rpt-tbl td:nth-child(n){width:auto} .rpt-org{color:inherit} } .hist-bldg{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)} .hist-bldg .f-input{min-width:190px} @media(max-width:560px){ .hist-bldg{width:100%} .hist-bldg .f-input{min-width:0;width:100%} } .ag-at{margin-top:8px;padding-top:8px;border-top:1px solid var(--line); display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;align-items:baseline} .ag-at-row{display:contents} .ag-at-k{font-size:12px;color:var(--muted)} .ag-at-v{font-size:13.5px;min-width:0;overflow-wrap:anywhere} .ag-at-v a{color:var(--kon);text-decoration:underline} .ag-at-acts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:6px} @media(max-width:560px){ .ag-at{grid-template-columns:1fr;gap:2px} .ag-at-row{display:block;margin-bottom:6px} .ag-at-acts{margin-top:2px} .ag-at-v a{display:inline-block;padding:6px 0;min-height:32px} } .dt-opts{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px} .dt-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line); border-radius:8px;cursor:pointer} .dt-opt--current{background:var(--bg-soft, #f6f5f2)} .dt-opt-name{font-size:14px} .dt-current-pill{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:999px; background:var(--kon);color:#fff} .dw-art{display:flex;justify-content:center;margin:2px 0 10px} .dw-art img{height:96px;width:auto} .inv-grid{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px 14px;align-items:center;max-width:640px} .inv-grid label{font-size:13px;color:var(--muted)} .inv-grid input,.inv-grid select{width:100%;min-height:40px;box-sizing:border-box} .inv-warn{margin-top:14px;padding:12px 14px;border-radius:8px;border:1px solid var(--warn-bd,#c9a227);background:var(--warn-bg,rgba(201,162,39,.10))} @media(max-width:560px){ .inv-grid{grid-template-columns:1fr;gap:6px} .inv-grid label{margin-top:6px} } .mk-skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--mk-card);color:var(--mk-ink); padding:12px 16px;border-radius:var(--mk-radius-sm);border:1px solid var(--mk-line);font-weight:600; text-decoration:none;transition:top .15s} .mk-skip:focus{top:12px} body .mk-home,.mk-home{background:var(--mk-ground);font-family:var(--mk-font);min-height:100vh} .mk-home a:focus-visible,.mk-home button:focus-visible{outline:3px solid var(--mk-focus);outline-offset:4px;border-radius:2px} .mk-nav{background:rgba(245,246,243,.97);border-bottom:1px solid var(--mk-line);backdrop-filter:saturate(1.4) blur(8px)} .mk-navbar{max-width:1240px;padding:18px 5%;gap:28px} @media(min-width:1320px){ .mk-loghold{position:static;width:auto;height:auto;flex:0 0 auto;justify-content:flex-start} } .mk-links a{font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--mk-ink)} .mk-links a:hover{color:var(--mk-accent)} .mk-links a.on{color:var(--mk-accent);font-weight:650} .mk-langs{font-size:14px} .mk-langs a[aria-current],.mk-langs a.on{text-decoration:underline;text-underline-offset:6px;font-weight:650} .mk-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px; padding:11px 20px;border-radius:var(--mk-radius-sm);background:var(--mk-accent);color:#fff; font-size:15px;font-weight:650;white-space:nowrap;transition:background .2s} .mk-login:hover{background:var(--mk-accent-hover);color:#fff} .mk-hero{background:var(--mk-ground);color:var(--mk-ink);min-height:0;padding:58px 0 76px;isolation:isolate} .mk-hero .mk-wrap,.mk-hero-inner{max-width:1240px;padding-left:var(--mk-space-gutter);padding-right:var(--mk-space-gutter)} .mk-hero h1{font-family:var(--mk-font);text-shadow:none; font-size:clamp(44px,7vw,96px);line-height:1.02;letter-spacing:-.055em;font-weight:480; margin:34px 0 34px;max-width:15ch;text-wrap:balance;color:var(--mk-ink)} .mk-hero p{color:var(--mk-muted);font-size:18px;line-height:1.6;max-width:52ch} .mk-hero p.mk-hero-brand,.mk-hero-brand{display:inline-flex;align-items:center;gap:10px; font-family:var(--mk-font);font-size:12px;font-weight:600;line-height:1.4;margin:0;max-width:none; letter-spacing:1.9px;text-transform:uppercase;color:var(--mk-ink);text-shadow:none} .mk-hero p.mk-hero-brand::before,.mk-hero-brand::before{content:'';width:7px;height:7px; border-radius:50%;background:var(--mk-accent);flex:none} .mk-hero-cap{display:none} .mk-hero-bg,.mk-hero-scrim{display:none} .mk-hero .mk-btn{background:var(--mk-ink);color:#fff;border:0;border-radius:5px;padding:15px 22px; font-size:14px;font-weight:550;transition:transform .2s,background .2s} .mk-hero .mk-btn:hover{background:#0c1826;color:#fff;transform:translateY(-2px)} .mk-hero .mk-btn.ghost{background:transparent;color:var(--mk-ink);border-bottom:1px solid #aeb8c4; border-radius:0;padding:15px 2px} .mk-hero .mk-btn.ghost:hover{background:transparent;color:var(--mk-accent);transform:none} @media(prefers-reduced-motion:reduce){ .mk-hero .mk-btn:hover,.mk-btn:hover{transform:none} .mk-skip{transition:none} } .mk-wrap{max-width:1240px;padding:0 var(--mk-space-gutter)} .mk-home h1,.mk-home h2,.mk-home h3,.mk-home h4{font-family:var(--mk-font)} .mk-home h2{font-size:clamp(32px,4vw,56px);line-height:1.09;letter-spacing:-.045em;font-weight:480} .mk-home h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.025em} .mk-home h4{font-size:18px;font-weight:600;letter-spacing:-.01em} .mk-body{font-size:17px;line-height:1.65;color:var(--mk-muted)} .mk-cap{font-size:13px;color:var(--mk-muted)} .mk-bcard,.mk-feat,.mk-sumcard,.mk-type{background:var(--mk-card);border:1px solid var(--mk-line); border-radius:var(--mk-radius);box-shadow:none} .mk-sumcard:hover{border-color:#b7c5d6} .mk-btn{border-radius:5px;font-weight:550;letter-spacing:.01em;min-height:44px; display:inline-flex;align-items:center;justify-content:center} .mk-link{color:var(--mk-ink)} .mk-link:hover{color:var(--mk-accent)} .mk-footer{background:var(--mk-ground);border-top:1px solid var(--mk-line);padding:44px 0 28px} .mk-footer,.mk-foot-col a{font-size:13px;color:var(--mk-muted)} .mk-foot-col a:hover{color:var(--mk-accent)} [lang=ja] .mk-hero h1{font-size:clamp(32px,5.4vw,68px);letter-spacing:-.02em;line-height:1.32;max-width:22ch} [lang=ja] .mk-home h2{font-size:clamp(27px,3.4vw,46px);line-height:1.38;letter-spacing:-.02em} [lang=ja] .mk-home h3{font-size:23px;line-height:1.45;letter-spacing:-.01em} [lang=ja] .mk-hero p,[lang=ja] .mk-body{line-height:1.85} @media(max-width:1279px){ .mk-navbar{padding:16px 4%;gap:20px} .mk-links a{font-size:13.5px} :root{--mk-space-section:78px;--mk-space-gutter:5%} .mk-hero{padding:46px 0 60px} } @media(max-width:850px){ .mk-navbar{gap:14px;flex-wrap:wrap;padding:14px 5%} .mk-hero{padding:34px 0 48px} .mk-hero h1{margin:22px 0 24px;max-width:none} .mk-hero p{font-size:16.5px;max-width:none} :root{--mk-space-section:56px} .mk-cta-row{flex-wrap:wrap} .mk-login{padding:10px 16px;font-size:14px} } @media(max-width:400px){ .mk-navbar{padding:12px 5%} .mk-hero h1{font-size:clamp(30px,9.4vw,40px);letter-spacing:-.035em} [lang=ja] .mk-hero h1{font-size:clamp(24px,7.6vw,32px)} .mk-login{padding:10px 14px} } @font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap; src:url("/assets/geistLatin-9b6f5ff45b.woff2") format("woff2"); unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap; src:url("/assets/geistLatinExt-58a6b173d5.woff2") format("woff2"); unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} .ks-site{--font-geist-sans:'Geist'} .ks-site{--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-border:var(--border);--color-ring:var(--ring);--color-card:var(--card);--color-card-foreground:var(--foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-popover:var(--card);--color-popover-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--radius-lg:8px} .ks-site{--background:#f5f6f3;--foreground:#142338;--primary:#142338;--primary-foreground:#fff;--border:#d9dfe3;--ring:#355cf0;--card:#fff;--muted:#e9edf0;--muted-foreground:#546173;--accent:#355cf0;--radius:8px;color-scheme:light;} .ks-site .dark{--background:#101c2d;--foreground:#eef2f7;--primary:#eaf1ff;--primary-foreground:#142338;--border:#34455c;--ring:#85a8ff;--card:#19293e;--muted:#21344a;--muted-foreground:#b7c7d8;} .ks-site *{box-sizing:border-box} .ks-site{margin:0;font-family:var(--font-geist-sans),Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;background:var(--background);color:var(--foreground);font-size:16px;line-height:1.6} .ks-site a{color:inherit;text-decoration:none} .ks-site button,.ks-site a{-webkit-tap-highlight-color:transparent} .ks-site a:focus-visible,.ks-site button:focus-visible{outline:3px solid var(--ring);outline-offset:5px} .ks-site p,.ks-site h1,.ks-site h2,.ks-site h3{margin:0} .ks-site img{display:block;max-width:100%} .ks-site .skip{position:fixed;left:20px;top:-100px;background:#fff;padding:12px;z-index:100} .ks-site .skip:focus{top:10px} .ks-site{overflow:clip} .ks-site .header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 5%;background:rgba(245,246,243,.97);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30} .ks-site .logo{width:105px;height:68px;object-fit:contain;mix-blend-mode:multiply} .ks-site .header nav{display:flex;gap:32px;font-size:14px} .ks-site .header a:hover{color:#355cf0} .ks-site .utilities{display:flex;gap:28px;align-items:center;font-size:14px} .ks-site .languages{display:flex;gap:9px} .ks-site .languages span{color:#9aa5b0} .ks-site .languages a[aria-current]{text-decoration:underline;text-underline-offset:6px;font-weight:650} .ks-site .header .login{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:6px;background:#355cf0;color:#fff;font-size:15px;font-weight:650;white-space:nowrap;transition:background .2s} .ks-site .header .login:hover{background:#2346cb;color:#fff} .ks-site .header .login svg{flex-shrink:0} .ks-site .hero{padding:58px 7% 76px;position:relative;isolation:isolate;min-height:690px} .ks-site .eyebrow{font-size:12px;font-weight:600;letter-spacing:1.9px;display:flex;align-items:center;gap:10px} .ks-site .signal-dot{width:7px;height:7px;background:#355cf0;border-radius:50%} .ks-site h1{font-size:clamp(64px,7.8vw,112px);line-height:1.01;letter-spacing:-.065em;font-weight:480;margin:38px 0 40px;max-width:1040px;text-wrap:balance} .ks-site .hero-second{display:block;color:#6b798b} .ks-site .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:36px} .ks-site .hero-bottom p{max-width:465px;font-size:18px;line-height:1.6;color:var(--muted-foreground)} .ks-site .actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px} .ks-site .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:5px;padding:15px 22px;font-size:14px;font-weight:550;transition:transform .2s,background .2s} .ks-site .button:hover{transform:translateY(-2px)} .ks-site .dark.button{background:#142338;color:white} .ks-site .text-link{display:inline-flex;gap:15px;align-items:center;font-size:14px;border-bottom:1px solid #aeb8c4;padding-bottom:5px} .ks-site .colour-field{position:absolute;right:-23%;bottom:-30px;width:75%;height:320px;border-radius:50%;transform:rotate(-21deg);z-index:-1;background:linear-gradient(180deg,transparent 8%,#8bdded55 22%,#447ef0a0 48%,#4846a79c 60%,transparent 83%);filter:blur(28px);opacity:.6;pointer-events:none;animation:ks-drift 14s ease-in-out infinite alternate} @keyframes ks-drift{to{transform:translateX(-30px) rotate(-15deg);opacity:.8}} .ks-site .origin{position:relative;margin:0 3%;height:430px;overflow:hidden;border-radius:8px} .ks-site .origin>img{width:100%;height:100%;object-fit:cover;object-position:center 55%} .ks-site .origin:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101e30bb);pointer-events:none} .ks-site .origin-caption{position:absolute;bottom:28px;left:4%;right:4%;color:white;display:flex;justify-content:space-between;gap:20px;z-index:1;font-size:14px} .ks-site .origin-caption span:first-child{font-size:22px} .ks-site .section{padding:100px 7%} .ks-site .fingerprint{display:grid;grid-template-columns:1fr 1fr;gap:9%} .ks-site .section-heading h2{margin-top:30px} .ks-site h2{font-size:clamp(36px,4.2vw,62px);line-height:1.09;font-weight:480;letter-spacing:-.045em;text-wrap:balance} .ks-site h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.025em} .ks-site .fingerprint-body{padding-top:8px} .ks-site .feature-icon{color:#355cf0;margin-bottom:25px} .ks-site .fingerprint-body>p{color:var(--muted-foreground);margin:18px 0 26px} .ks-site .risk-note{border-top:1px solid var(--border);padding-top:22px;display:flex;gap:15px;font-size:14px} .ks-site .risk-note svg{flex-shrink:0;color:#886024;margin-top:3px} .ks-site .risk-note p{color:#546173} .ks-site footer{border-top:1px solid var(--border);padding:25px 7%;display:flex;justify-content:space-between;font-size:13px;color:var(--muted-foreground)} .ks-site[lang=ja] h1{font-size:clamp(44px,6vw,80px);letter-spacing:-.03em;line-height:1.3} .ks-site[lang=ja] h2{font-size:clamp(32px,3.5vw,50px);line-height:1.35;letter-spacing:-.025em} .ks-site[lang=ja] .hero{min-height:630px} @media(max-width:850px){.ks-site .header{gap:15px;flex-wrap:wrap}.ks-site .header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:13px;gap:26px}.ks-site .utilities{margin-left:auto}.ks-site .hero{padding-top:38px;min-height:0}.ks-site .hero-bottom{align-items:flex-start;flex-direction:column}.ks-site .actions{flex-direction:row;align-items:center;flex-wrap:wrap}.ks-site .fingerprint{grid-template-columns:1fr;gap:40px}.ks-site .section{padding:70px 7%}.ks-site .origin{height:350px}.ks-site .origin-caption{flex-direction:column;gap:5px}.ks-site .hero h1{font-size:clamp(54px,10vw,84px)}.ks-site .colour-field{width:100%;opacity:.4}.ks-site .utilities{gap:16px}.ks-site .header .login{padding:10px 14px}} @media(max-width:480px){.ks-site .header{padding:12px 6%}.ks-site .logo{width:87px;height:55px}.ks-site .header nav{font-size:13px;gap:20px}.ks-site .hero{padding:32px 7% 48px}.ks-site .hero h1{font-size:51px}.ks-site .hero-bottom p{font-size:16px}.ks-site .eyebrow{font-size:11px;letter-spacing:1.3px}.ks-site .actions{gap:20px}.ks-site .origin{height:290px}.ks-site .origin-caption span:first-child{font-size:19px}.ks-site footer{gap:20px;flex-wrap:wrap}.ks-site[lang=ja] .hero h1{font-size:40px}.ks-site[lang=ja] .hero{min-height:0}} @media(prefers-reduced-motion:reduce){.ks-site *,.ks-site *:before,.ks-site *:after{animation:none!important;transition:none!important}} .ks-site .section-intro{display:grid;grid-template-columns:1fr 2fr;gap:7%;margin-bottom:46px} .ks-site .section-intro>.eyebrow{align-self:start;margin-top:10px} .ks-site .section-intro p{max-width:650px;margin-top:25px;color:var(--muted-foreground);font-size:18px} .ks-site .intelligence{padding-top:65px;background:#e9eef3} .ks-site .intelligence-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px} .ks-site .intelligence-grid article{border-radius:8px;padding:34px;display:flex;flex-direction:column;align-items:flex-start} .ks-site .intelligence-grid h3{margin:10px 0 16px} .ks-site .intelligence-grid p{max-width:480px} .ks-site .tile-label{font-size:12px;letter-spacing:1.8px;font-weight:550;display:block} .ks-site .sense-tile{grid-row:span 2;background:#142338;color:#fff;justify-content:space-between;min-height:470px} .ks-site .sense-tile>svg{color:#9edbea} .ks-site .sense-tile>div{width:100%} .ks-site .sense-tile .tile-label{color:#abbccf} .ks-site .sense-tile p{color:#c5d0de} .ks-site .measurement-types{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #526075;padding-top:23px} .ks-site .measurement-types span{font-size:13px;border:1px solid #627083;border-radius:30px;padding:6px 11px} .ks-site .context-tile{background:#dbe5f4} .ks-site .action-tile{background:#fff} .ks-site .context-tile>svg,.ks-site .action-tile>svg{margin-bottom:20px} .ks-site .context-tile p,.ks-site .action-tile p{color:var(--muted-foreground)} .ks-site .evidence{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center} .ks-site .evidence-copy h2{margin:26px 0} .ks-site .evidence-copy>p{color:var(--muted-foreground);margin-bottom:25px} .ks-site .pilot-comparison{background:#fff;border-radius:8px;padding:32px;box-shadow:0 8px 35px #14233806} .ks-site .comparison-heading{font-size:14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:20px;gap:15px} .ks-site .comparison-heading span:last-child{color:var(--muted-foreground);white-space:nowrap} .ks-site .comparison-row{margin:28px 0} .ks-site .comparison-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px} .ks-site .comparison-row strong{font-size:32px;font-weight:480;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;white-space:nowrap} .ks-site .comparison-row strong span{font-size:18px} .ks-site .range-track{position:relative;height:20px;background:#eef1f4;margin-top:12px;border-radius:3px} .ks-site .range{position:absolute;top:0;bottom:0;border-radius:2px;min-width:4px} .ks-site .range.high{background:#d84444} .ks-site .range.lower{background:#355cf0} .ks-site .axis{display:flex;justify-content:space-between;color:#647186;font-size:12px} .ks-site .comparison-note{font-size:13px;color:var(--muted-foreground);border-top:1px solid var(--border);padding-top:20px;margin-top:26px} .ks-site .applications{border-top:1px solid var(--border);padding-top:80px} .ks-site .application-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)} .ks-site .application-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:36px 28px 0;border-right:1px solid var(--border)} .ks-site .application-grid article:first-child{padding-left:0} .ks-site .application-grid article:last-child{border:0;padding-right:0} .ks-site .application-grid .tile-label{margin-top:40px;color:var(--muted-foreground)} .ks-site .application-grid h3{margin:12px 0 20px;font-size:26px} .ks-site .application-grid p{color:var(--muted-foreground);margin-bottom:30px} .ks-site .application-grid a{display:flex;gap:10px;align-items:center;margin-top:auto;font-size:14px;border-bottom:1px solid #aeb8c4;padding-bottom:6px} .ks-site .application-grid a svg{flex-shrink:0} .ks-site .partner-section{background:#142338;color:#f5f6f3;margin:0 3%;border-radius:8px;padding:75px 5%;display:grid;grid-template-columns:1.15fr 1fr;gap:10%} .ks-site .partner-copy .eyebrow{color:#b0c4dd} .ks-site .partner-copy h2{margin:30px 0} .ks-site .partner-copy h2 span{color:#8fafd8} .ks-site .partner-copy>p{color:#c0ccdc;margin-bottom:30px;max-width:500px} .ks-site .light.button{background:#f5f6f3;color:#142338} .ks-site .partner-detail{align-self:center} .ks-site .brand-example{background:#f5f6f3;color:#142338;border-radius:7px;padding:30px;box-shadow:0 16px 50px #020d2070} .ks-site .brand-example-head{display:flex;align-items:center;gap:12px;padding-bottom:26px;border-bottom:1px solid #d9dfe3} .ks-site .partner-mark{font-size:25px;background:#d9e4f1;width:40px;height:40px;display:grid;place-items:center;border-radius:5px} .ks-site .brand-example>.tile-label{margin:24px 0 18px;color:#566b83} .ks-site .brand-message{font-size:28px;line-height:1.2;letter-spacing:-1px;margin-bottom:35px} .ks-site .powered{font-size:12px;border-top:1px solid #d9dfe3;padding-top:20px;color:#546173} .ks-site .brand-caption{font-size:12px;color:#b0c4dd;margin:12px 0 22px} .ks-site .partner-detail ul{padding:0;list-style:none;font-size:14px} .ks-site .partner-detail li{display:flex;gap:12px;margin:12px 0;color:#c8d5e6} .ks-site .partner-detail li svg{flex-shrink:0} .ks-site .trust{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px} .ks-site .trust>svg{color:#355cf0} .ks-site .trust h2{max-width:850px} .ks-site .trust p{max-width:650px;color:var(--muted-foreground);font-size:18px} .ks-site .closing{background:#e6edf4;display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:center;padding-top:70px;padding-bottom:70px} .ks-site .closing h2{font-size:clamp(36px,3.6vw,52px);margin-top:24px} .ks-site .closing>div:last-child{justify-self:end} .ks-site .closing p{font-size:14px;margin-top:25px;color:var(--muted-foreground)} .ks-site .closing p a{display:inline-flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:4px} .ks-site footer{padding:40px 7%;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px} .ks-site footer .logo{margin-bottom:18px} .ks-site .footer-links{display:grid;align-content:start;gap:12px;padding-top:15px} .ks-site .footer-note{font-size:12px;padding-top:15px;line-height:1.6} .ks-site .footer-note p{margin:12px 0 24px} @media(max-width:850px){.ks-site .section-intro{grid-template-columns:1fr;gap:24px}.ks-site .intelligence-grid{grid-template-columns:1fr}.ks-site .sense-tile{min-height:390px;gap:28px}.ks-site .evidence{grid-template-columns:1fr;gap:36px}.ks-site .application-grid{grid-template-columns:1fr}.ks-site .application-grid article,.ks-site .application-grid article:first-child,.ks-site .application-grid article:last-child{border-right:0;border-bottom:1px solid var(--border);padding:32px 0}.ks-site .application-grid .tile-label{margin-top:20px}.ks-site .application-grid p{max-width:650px}.ks-site .partner-section{grid-template-columns:1fr;gap:45px;padding:50px 6%}.ks-site .partner-detail{max-width:550px;width:100%}.ks-site .closing{grid-template-columns:1fr;gap:32px}.ks-site .closing>div:last-child{justify-self:start}.ks-site footer{grid-template-columns:1fr 1fr}.ks-site .footer-note{grid-column:1/-1}.ks-site .intelligence-grid article{padding:28px}.ks-site .pilot-comparison{padding:25px}} @media(max-width:480px){.ks-site .section-intro p,.ks-site .trust p{font-size:16px}.ks-site .comparison-row strong{font-size:27px}.ks-site .comparison-row>div:first-child{gap:12px}.ks-site .pilot-comparison{padding:22px}.ks-site .partner-copy h2{font-size:40px}.ks-site .brand-example{padding:24px}.ks-site .brand-message{font-size:26px}.ks-site .closing h2{font-size:35px}} .ks-site .header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px} .ks-site .subhero{padding:28px 7% 64px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--border)} .ks-site .breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:42px;font-size:12px;letter-spacing:.5px;color:#65758a} .ks-site .breadcrumb span{color:#a0acb9} .ks-site .subhero h1{font-size:clamp(48px,6.4vw,88px);max-width:1060px;margin:28px 0 32px;line-height:1.05} .ks-site .subhero-bottom{display:flex;gap:50px;align-items:flex-end;justify-content:space-between} .ks-site .subhero-bottom>p{font-size:19px;line-height:1.6;max-width:660px;color:var(--muted-foreground)} .ks-site .subhero-bottom .button{flex-shrink:0} .ks-site .subhero .colour-field{height:240px;bottom:-70px;width:55%;opacity:.35} .ks-site .editorial-section{padding-top:78px;padding-bottom:80px} .ks-site .editorial-section .section-intro:last-child{margin-bottom:0} .ks-site .section-tone-1{background:#e9eef3} .ks-site .section-tone-2{border-top:1px solid var(--border)} .ks-site .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .ks-site .detail-grid.count-2,.ks-site .detail-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))} .ks-site .detail-grid article{background:#fff;border-radius:8px;padding:30px;display:flex;align-items:flex-start;flex-direction:column} .ks-site .detail-grid article>svg{color:#355cf0;margin-bottom:32px} .ks-site .detail-grid h3{margin-bottom:18px;font-size:25px} .ks-site .detail-grid p{color:var(--muted-foreground);margin-bottom:25px} .ks-site .detail-grid .text-link{margin-top:auto} .ks-site .detail-grid article:only-child{grid-column:1/-1} .ks-site .structure-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 7%;padding:34px 0;border-bottom:1px solid var(--border);gap:20px} .ks-site .structure-strip>div{display:grid;grid-template-columns:1fr auto;gap:8px 15px;align-items:center} .ks-site .structure-strip span{grid-column:1/-1;font-size:12px;color:#64758d} .ks-site .structure-strip strong{font-size:17px;font-weight:500} .ks-site .structure-strip svg{color:#8190a4} .ks-site .inner-origin{margin-top:36px;height:390px} .ks-site .partner-brand-band{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:65px 7%;background:#142338;color:#f5f6f3} .ks-site .partner-brand-band h2{margin-top:30px} .ks-site .partner-brand-band .brand-message{margin-top:26px} .ks-site .example-label{font-size:12px;color:#64758d;margin-top:12px} .ks-site .seismic-timeline{background:#e9eef3} .ks-site .seismic-timeline ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .ks-site .seismic-timeline li{border-top:1px solid #aebccb;padding-top:24px} .ks-site .step-number{font-size:36px;color:#355cf0;letter-spacing:-2px;display:block;margin-bottom:25px} .ks-site .seismic-timeline h3{font-size:23px;margin-bottom:16px} .ks-site .seismic-timeline li p{color:var(--muted-foreground)} .ks-site .service-plans{background:#e9eef3} .ks-site .plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .ks-site .plan-grid article{padding:27px 22px;background:#fff;border-radius:7px;display:flex;flex-direction:column} .ks-site .plan-grid h3{margin:20px 0 18px;font-size:25px} .ks-site .plan-grid article>p{font-size:15px;color:#546173;min-height:75px} .ks-site .plan-grid ul{padding:20px 0;margin:20px 0 24px;list-style:none;border-top:1px solid #d9dfe3;border-bottom:1px solid #d9dfe3} .ks-site .plan-grid li{display:flex;gap:10px;margin:16px 0;font-size:14px;line-height:1.45} .ks-site .plan-grid li svg{flex-shrink:0;margin-top:2px} .ks-site .plan-grid .excluded{color:#6c7888} .ks-site .plan-grid .included svg{color:#355cf0} .ks-site .plan-grid .text-link{margin-top:auto} .ks-site .plan-grid .complete-plan{background:#142338;color:#fff} .ks-site .plan-grid .complete-plan p,.ks-site .plan-grid .complete-plan .excluded{color:#c1cedf} .ks-site .plan-grid .complete-plan .included svg{color:#8dcfdf} .ks-site .plans-note{max-width:850px;margin:27px auto 0;font-size:14px;color:#546173} .ks-site .pilot-detail{background:#f0f3f1} .ks-site .pilot-detail .risk-note{margin-top:20px} .ks-site .insights-note{border-top:1px solid var(--border);background:#e9eef3} .ks-site .insights-note h2{margin:24px 0} .ks-site .insights-note p{max-width:670px;color:#546173} .ks-site .expanded-footer{grid-template-columns:1.3fr 1fr 1fr;gap:40px} .ks-site .expanded-footer>div:first-child p{margin:12px 0;font-size:13px} .ks-site .expanded-footer .footer-note{grid-column:1/-1;display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--border);padding-top:24px} .ks-site .expanded-footer .footer-note p{margin:0;max-width:480px} .ks-site .contact-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;align-items:start} .ks-site .contact-layout aside h2{font-size:38px;margin:27px 0} .ks-site .contact-layout aside>p{color:#546173} .ks-site .contact-location{border-top:1px solid var(--border);margin-top:36px;padding-top:25px;font-size:14px} .ks-site .contact-location p{margin-top:12px} .ks-site .enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;background:#fff;border-radius:8px;padding:32px} .ks-site .enquiry-form label{display:block;font-size:14px;margin-bottom:9px} .ks-site .enquiry-form input,.ks-site .enquiry-form textarea,.ks-site .enquiry-form select{font-size:16px;border:1px solid #b9c4d0;padding:12px;background:#fff;border-radius:5px;width:100%;height:auto;color:#142338} .ks-site .enquiry-form textarea{min-height:140px;resize:vertical} .ks-site .contact-select{width:100%} .ks-site .form-full{grid-column:1/-1} .ks-site .prototype-note{font-size:13px;color:#546173;border-top:1px solid var(--border);padding-top:18px} .ks-site .enquiry-form button{cursor:pointer;justify-self:start} .ks-site .enquiry-preview{padding:25px;background:#e6edf4;border-radius:8px;margin-top:25px} .ks-site .enquiry-preview h3{font-size:24px;margin-bottom:18px} .ks-site .enquiry-preview p{font-size:15px;margin:12px 0;overflow-wrap:anywhere} .ks-site .message-preview{white-space:pre-wrap} .ks-site .enquiry-preview a{margin-top:10px} .ks-site .live-contact-link{display:block;font-size:14px;margin-top:20px;text-decoration:underline;text-underline-offset:4px} .ks-site[lang=ja] .subhero h1{font-size:clamp(38px,5.4vw,72px);line-height:1.25} .ks-site[lang=ja] .detail-grid h3{font-size:24px;line-height:1.4} .ks-site[lang=ja] .plan-grid h3{font-size:25px} @media(max-width:1050px){.ks-site .subhero-bottom{flex-direction:column;align-items:flex-start;gap:25px}.ks-site .plan-grid{grid-template-columns:1fr 1fr}.ks-site .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-site .seismic-timeline ol{grid-template-columns:1fr 1fr}.ks-site .header nav{gap:22px}.ks-site .contact-layout{gap:5%;grid-template-columns:1fr 1.25fr}.ks-site .enquiry-form{padding:24px}.ks-site .enquiry-form>div{grid-column:1/-1}.ks-site .contact-layout aside h2{font-size:32px}} @media(max-width:750px){.ks-site .subhero{padding:24px 7% 45px}.ks-site .subhero h1{font-size:48px}.ks-site .subhero-bottom>p{font-size:17px}.ks-site .breadcrumb{font-size:11px;margin-bottom:30px;flex-wrap:wrap}.ks-site .detail-grid,.ks-site .detail-grid.count-2,.ks-site .detail-grid.count-4{grid-template-columns:1fr}.ks-site .structure-strip{grid-template-columns:1fr 1fr;gap:25px}.ks-site .partner-brand-band{grid-template-columns:1fr;gap:35px}.ks-site .contact-layout{grid-template-columns:1fr;gap:40px}.ks-site .expanded-footer{grid-template-columns:1fr 1fr}.ks-site .expanded-footer>div:first-child{grid-column:1/-1}.ks-site .expanded-footer .footer-note{flex-direction:column;gap:12px}.ks-site .editorial-section{padding-top:58px;padding-bottom:58px}.ks-site .inner-origin{height:300px}.ks-site .header nav{gap:20px;font-size:13px}} @media(max-width:480px){.ks-site .plan-grid,.ks-site .seismic-timeline ol{grid-template-columns:1fr}.ks-site .plan-grid article>p{min-height:0}.ks-site .subhero h1{font-size:42px}.ks-site .detail-grid article{padding:25px}.ks-site .subhero .eyebrow{font-size:11px}.ks-site .structure-strip strong{font-size:15px}.ks-site .header nav{gap:14px;font-size:12px}.ks-site .enquiry-form{padding:22px}.ks-site .service-plans .section-intro h2{font-size:35px}} .ks-site{--color-sidebar:#142338;--color-sidebar-foreground:#eef3fa;--color-sidebar-accent:#293e59;--color-sidebar-accent-foreground:#fff;--color-sidebar-border:#36465b;--color-sidebar-ring:#83b4ff} .ks-site .comparison-status{display:inline-block;margin-top:12px;padding:4px 9px;font-size:14px;font-weight:600;border-radius:4px} .ks-site .comparison-status.alert{color:#a52b36;background:#fce8eb} .ks-site .comparison-status.normal{color:#245e50;background:#e6f2ec} .ks-site .comparison-context{font-size:14px;color:#546173;margin-top:9px;line-height:1.6} .ks-site .insight-story{background:#142338;color:#f5f6f3} .ks-site .insight-story .section-intro p{color:#c1cfdf} .ks-site .engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .ks-site .engine-grid article{padding:26px;border:1px solid #43556d;border-radius:8px;background:#1b2e46} .ks-site .engine-grid article>div{display:flex;justify-content:space-between;color:#a7c8ef;align-items:center;margin-bottom:25px} .ks-site .engine-grid article>div span{font-size:13px} .ks-site .engine-grid h3{font-size:24px;margin-bottom:15px} .ks-site .engine-grid p{color:#c1cfdf;font-size:16px} .ks-site .engine-note{font-size:14px;color:#c1cfdf;margin-top:28px;max-width:930px} .ks-site .insight-story>.text-link{margin-top:30px} .ks-site .value-story{background:#e9eef3} .ks-site .value-note{font-size:14px;color:#546173;margin-top:25px;max-width:980px} .ks-site .value-note a{text-decoration:underline;text-underline-offset:4px} .ks-site .tector-story{border-top:1px solid #d9dfe3} .ks-site .tector-story .section-intro .text-link{margin-top:23px} .ks-site .tector-story .tile-label{color:#546173;margin-bottom:26px} .ks-site .tector-story .detail-grid article{border:1px solid #d9dfe3} .ks-site .engine-grid.compact article{padding:22px} .ks-site .engine-grid.compact h3{margin-bottom:0;font-size:21px} @media(max-width:850px){.ks-site .engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.ks-site .engine-grid{grid-template-columns:1fr}} .ks-site .origin>img[src="/pilot-machiya-interior.jpeg"]{object-position:center 75%} .ks-site .seismic-feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#dce6f2} .ks-site .seismic-feature h2{margin-top:25px} .ks-site .seismic-feature p{color:#43566e;margin-bottom:22px} .ks-site .seismic-feature .text-link{margin-top:8px} @media(max-width:850px){.ks-site .seismic-feature{grid-template-columns:1fr;gap:30px}} @media(max-width:400px){.ks-site .header{gap:10px;padding-left:4%;padding-right:4%}.ks-site .header .logo{width:82px;height:54px}.ks-site .utilities{gap:10px}.ks-site .languages{gap:5px}.ks-site .header .login{padding:10px;font-size:14px}.ks-site .header .login svg{display:none}} .ks-site .hero>.colour-field{right:-23%;bottom:25px;width:110%;height:380px} @media(max-width:850px){.ks-site .hero>.colour-field{right:-33%;bottom:15px;width:115%}} .ks-site .hero-description{max-width:600px} .ks-site .hero-bottom .hero-description p{max-width:none} .ks-site .hero-bottom .hero-audience{margin-top:18px;font-size:16px;color:#142338} .ks-site .cost-story{background:#edf1f7} .ks-site .cost-figure{margin:40px 0 0;background:white;border:1px solid #d9dfe4;border-radius:14px;padding:32px} .ks-site .cost-chart-heading{display:flex;justify-content:space-between;align-items:end;gap:20px} .ks-site .cost-chart-heading h3{margin-top:12px} .ks-site .cost-unit{font-size:14px;color:#546173} .ks-site .cost-legend{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0 10px;font-size:14px} .ks-site .cost-legend span{display:flex;align-items:center;gap:8px} .ks-site .cost-key{display:inline-block;width:12px;height:12px;border-radius:3px} .ks-site .cost-key.early{background:#355cf0} .ks-site .cost-key.delayed{background:#ed705e} .ks-site .cost-key.range{background:#f8beb4} .ks-site .cost-plot svg{width:100%;height:auto;display:block} .ks-site .cost-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0 28px} .ks-site .cost-stage{padding-top:18px;border-top:3px solid #ed705e} .ks-site .cost-stage.early{border-color:#355cf0} .ks-site .cost-stage>span{font-size:14px;color:#546173} .ks-site .cost-stage strong{display:block;font-size:clamp(19px,2vw,28px);letter-spacing:-.04em;margin:4px 0 10px;color:#b84336;white-space:nowrap} .ks-site .cost-stage.early strong{color:#355cf0} .ks-site .cost-stage p{font-size:14px;color:#546173} .ks-site .cost-figure figcaption{font-size:14px;color:#546173;border-top:1px solid #d9dfe4;padding-top:20px} .ks-site .cost-figure figcaption a{text-decoration:underline;text-underline-offset:3px} .ks-site .cost-takeaway{display:flex;gap:36px;align-items:center;justify-content:space-between;margin-top:36px} .ks-site .cost-takeaway>div{max-width:720px} .ks-site .cost-takeaway h3{margin:18px 0 14px} .ks-site .cost-takeaway p{color:#546173} .ks-site .cost-takeaway>a{flex-shrink:0} @media(max-width:850px){.ks-site .cost-figure{padding:22px}.ks-site .cost-chart-heading,.ks-site .cost-takeaway{flex-direction:column;align-items:start}.ks-site .cost-stages{grid-template-columns:1fr 1fr}.ks-site .cost-plot{overflow-x:auto}.ks-site .cost-plot svg{min-width:620px}.ks-site .cost-stage strong{font-size:23px}} @media(max-width:400px){.ks-site .cost-stages{grid-template-columns:1fr}.ks-site .cost-legend{gap:12px}.ks-site .cost-figure{padding:16px}} .ks-site .cost-stage strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(18px,1.65vw,25px)} .ks-site .cost-story{background:#f5f6f3} .ks-site .cost-figure{border:0;border-radius:20px;padding:36px 40px;box-shadow:0 12px 48px #14233806} .ks-site .cost-chart-heading h3{font-size:24px} .ks-site .cost-legend{gap:24px;margin:24px 0 4px;color:#546173} .ks-site .cost-key{border-radius:50%} .ks-site .cost-stages{margin-top:12px;gap:28px} .ks-site .cost-stage,.ks-site .cost-stage.early{border-top:0;padding-top:12px} .ks-site .cost-stage>span{font-weight:600;color:#142338} .ks-site .cost-stage strong{margin:8px 0 12px;font-weight:550;letter-spacing:-.035em} .ks-site .cost-stage p{line-height:1.5} .ks-site .cost-figure figcaption{line-height:1.6;color:#647185} .ks-site .cost-takeaway{padding-top:8px} @media(max-width:850px){.ks-site .cost-figure{padding:24px}.ks-site .cost-chart-heading{gap:12px}.ks-site .cost-stages{gap:24px}.ks-site .cost-chart-heading h3{font-size:22px}} @media(max-width:400px){.ks-site .cost-figure{padding:18px}} .ks-site .cost-figure{border:1px solid #e3e8ef;border-radius:12px;box-shadow:none;padding:28px 32px} .ks-site .cost-chart-heading h3{font-size:22px;font-weight:550} .ks-site .cost-key.early{background:#12a89d} .ks-site .cost-key.delayed{background:#355cf0} .ks-site .cost-key.range{background:#bbcaff} .ks-site .cost-legend{margin-bottom:18px;font-size:14px} .ks-site .cost-stages{padding-left:10.64%;padding-right:2%;gap:0;margin-top:0} .ks-site .cost-stage{padding:16px 14px 0} .ks-site .cost-stage strong{color:#355cf0;font-size:clamp(18px,1.6vw,23px)} .ks-site .cost-stage.early strong{color:#078078} .ks-site .cost-stage p{font-size:14px;max-width:220px} .ks-site .cost-figure figcaption{margin-top:28px} .ks-site .cost-plot svg{max-height:340px} @media(max-width:850px){.ks-site .cost-figure{padding:20px}.ks-site .cost-stages{padding:0;gap:16px}.ks-site .cost-stage{padding:12px 0 0}.ks-site .cost-plot svg{max-height:none}.ks-site .cost-chart-heading h3{font-size:22px}} .ks-site .cost-stages{padding-left:0;padding-right:0;gap:24px} .ks-site .cost-stage{padding:16px 0 0} .ks-site .cost-plot svg{max-height:none} .ks-site .cost-legend{gap:32px} @media(max-width:850px){.ks-site .cost-stages{gap:20px}} .ks-site .cost-key.early{background:#8bdded} .ks-site .cost-key.delayed{background:#4846a7} .ks-site .cost-stage strong{color:#4846a7} .ks-site .cost-stage.early strong{color:#236878} .ks-site .intelligence + .origin{margin-top:clamp(32px,5vw,72px)} .ks-site .origin + #evidence{padding-top:clamp(28px,3vw,44px);align-items:start} .ks-site .range.high{left:76.67%;width:3.33%} .ks-site .range.lower{left:43.33%;width:3.33%} .ks-site .breadcrumb{color:var(--muted-foreground)} .ks-site .structure-strip>div>span{color:var(--muted-foreground)} .ks-site .excluded>span{color:var(--muted-foreground)} .ks-site .example-label{color:var(--muted-foreground)}