:root{color-scheme:light;--ink:#17231f;--muted:#5d6b65;--paper:#f4f7f4;--card:#fff;--line:#dce5df;--green:#155f45;--green2:#0e4935;--accent:#d9f36a;--danger:#9e2c2c;--danger-bg:#fff2f1;--ok:#17613e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#e5f1e9 0,transparent 34rem),var(--paper);color:var(--ink);min-height:100vh}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(12px)}.brand{font-weight:850;letter-spacing:.12em;color:var(--green);text-decoration:none}.nav{display:flex;gap:18px;align-items:center}.nav a,.link-button{color:var(--muted);font:inherit;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.shell{width:min(1120px,calc(100% - 32px));margin:64px auto}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0 0 10px}h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.045em;line-height:1.02;margin:0 0 18px}h2{font-size:1.4rem;margin:0 0 18px}.lead{color:var(--muted);font-size:1.08rem;line-height:1.6}.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 48px rgba(21,67,48,.07)}.narrow{max-width:560px;margin:0 auto}.form{display:grid;gap:17px}.form label{font-size:.9rem;font-weight:700;display:grid;gap:8px}.form input{width:100%;border:1px solid #bdcbc2;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.form input:focus{outline:3px solid rgba(217,243,106,.55);border-color:var(--green)}button,.button{border:0;border-radius:10px;background:var(--green);color:white;padding:12px 16px;font:inherit;font-weight:760;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:var(--green2)}.button.secondary{background:#e8eeea;color:var(--ink)}.button.secondary:hover{background:#dce5df}.message{padding:12px 14px;border-radius:10px;margin:0 0 18px;background:#faeaea;color:var(--danger)}.message.success{background:#e4f5eb;color:var(--ok)}.tenant-list{display:grid;gap:10px}.tenant{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tenant-link{color:var(--ink);text-decoration:none;transition:.15s ease}.tenant-link:hover{border-color:#9cb4a5;transform:translateY(-1px);box-shadow:0 8px 20px rgba(21,67,48,.07)}.tenant strong,.tenant span{display:block}.tenant span{font-size:.88rem;color:var(--muted);margin-top:4px}.badge{font-size:.75rem;color:var(--ok);background:#e4f5eb;border-radius:999px;padding:5px 9px}.empty{color:var(--muted);padding:18px 0}.meta{color:var(--muted);font-size:.9rem}.optional{font-weight:400;color:var(--muted)}.back-link{display:inline-block;color:var(--green);margin-bottom:22px;text-decoration:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading h1,.page-heading .lead{margin-bottom:0}.account-summary{display:grid;gap:18px}.account-summary div{display:grid;gap:5px}.danger-zone{margin-top:24px;border-color:#efc5c1;background:var(--danger-bg)}button.danger,.button.danger{background:var(--danger)}button.danger:hover,.button.danger:hover{background:#7e2020}.credentials{display:grid;gap:14px;margin:24px 0}.credentials div{display:grid;gap:7px}.credentials span{font-size:.82rem;color:var(--muted);font-weight:700}.credentials code{display:block;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#f7faf8;font-size:1rem;overflow-wrap:anywhere;user-select:all}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.mfa-card{max-width:700px;margin:0 auto}.qr-wrap{position:relative;width:max-content;margin:28px auto}.qr-code{width:240px;height:240px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px}.qr-code svg{display:block;width:100%;height:100%}.mfa-help{position:absolute;right:-14px;top:-14px}.mfa-help summary{list-style:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(21,67,48,.22)}.mfa-help summary::-webkit-details-marker{display:none}.help-panel{position:absolute;z-index:4;right:0;top:42px;width:min(430px,calc(100vw - 56px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 20px 60px rgba(21,35,31,.18)}.help-panel h2{font-size:1.05rem}.help-panel ol{padding-left:20px;line-height:1.55}.help-panel p{color:var(--muted);font-size:.9rem}.manual-secret{margin:18px 0;color:var(--muted)}.manual-secret summary{cursor:pointer;color:var(--green);font-weight:700}.manual-secret code{display:block;margin-top:10px;padding:12px;border-radius:9px;background:#f2f6f3;color:var(--ink);letter-spacing:.08em;overflow-wrap:anywhere;user-select:all}.mfa-form{max-width:420px;margin:24px auto 0}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.recovery-codes code{padding:12px;border-radius:9px;background:#f2f6f3;text-align:center;font-weight:700;user-select:all}.hero-actions{margin-top:24px}@media(max-width:760px){.shell{margin:40px auto}.grid{grid-template-columns:1fr}.topbar{height:64px}.card{padding:22px}.nav{gap:12px}.page-heading{align-items:flex-start;flex-direction:column}.recovery-codes{grid-template-columns:1fr}.mfa-help{right:-7px}}
.nav-menu{position:relative}.nav-menu summary{list-style:none;color:var(--muted);font-weight:700;cursor:pointer;padding:10px 0}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary::after{content:'▾';font-size:.72em;margin-left:7px}.nav-menu[open] summary::after{content:'▴'}.nav-menu-panel{position:absolute;z-index:10;right:0;top:42px;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 48px rgba(21,67,48,.15)}.nav-menu-panel a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink)}.nav-menu-panel a:hover{background:#eef4ef;color:var(--green)}.table-card{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f7faf8}tbody tr:last-child td{border-bottom:0}td code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem}.badge.inactive{background:#eee;color:var(--muted)}.check-card{grid-template-columns:auto 1fr!important;align-items:start;border:1px solid var(--line);border-radius:12px;padding:15px;background:#f7faf8}.check-card input{width:auto;margin:3px 0 0}.check-card span{display:grid;gap:5px}.check-card small{font-weight:400;color:var(--muted);line-height:1.45}
@media(max-width:600px){.tenant-nav>.meta{display:none}.tenant-nav{gap:14px}.nav-menu-panel{right:auto;left:0}}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.companies-table{min-width:520px}
.table-link{color:var(--ink);text-decoration:none}.table-link:hover{color:var(--green)}.section-heading{margin-top:28px}.company-summary{grid-template-columns:1fr 1fr}.registry-grid{grid-template-columns:1fr 1fr}.external-link{color:var(--green);font-weight:700;text-decoration:none}@media(max-width:600px){.company-summary,.registry-grid{grid-template-columns:1fr}}
.workspace .topbar{position:sticky;top:0;z-index:20;padding:0 28px;background:#fff;backdrop-filter:none}.workspace .shell{width:auto;max-width:1320px;margin:40px 36px 60px 108px}.workspace h1{font-size:2.4rem}.sidebar{position:fixed;left:0;top:72px;bottom:0;width:76px;overflow-x:hidden;overflow-y:auto;background:#173d31;border-right:1px solid #123024;color:#fff;padding:20px 12px;transition:width .18s;box-shadow:5px 0 24px #102b1912;z-index:30}.sidebar:hover,.sidebar:focus-within,.menu-open .sidebar{width:250px}.sidebar a{display:flex;align-items:center;gap:12px;min-height:46px;border-radius:9px;color:#e8f4ee;text-decoration:none;margin:4px 0;white-space:nowrap}.sidebar a:hover,.sidebar a[aria-current=page]{background:#2b5948;color:#e1ff9c}.side-icon{font-size:1.35rem;min-width:50px;text-align:center}.side-label{opacity:0;transition:opacity .15s}.sidebar:hover .side-label,.sidebar:focus-within .side-label,.menu-open .side-label{opacity:1}.side-heading{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:#accbbb;margin:25px 12px 10px;opacity:0}.sidebar:hover .side-heading,.sidebar:focus-within .side-heading,.menu-open .side-heading{opacity:1}.menu-toggle{background:transparent;color:var(--green);font-size:1.3rem;padding:7px 12px}.menu-toggle:hover{background:#e8eeea}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:22px}.dashboard-link{display:block;color:var(--ink);text-decoration:none}.dashboard-link h2{margin:18px 0 10px}.dashboard-link p{color:var(--muted)}.dashboard-link:hover{border-color:var(--green)}.form select{width:100%;border:1px solid #bdcbc2;border-radius:10px;padding:12px;font:inherit;background:white;color:var(--ink)}.field-group{padding-top:18px}.import-card{margin-bottom:24px}.import-form{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.section-pad{padding:24px 28px}.section-pad h2{margin-bottom:0}.section-pad p{margin-bottom:0}summary{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #98bc3c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sidebar,.side-label{transition:none}}@media(max-width:1000px){.import-form{grid-template-columns:1fr 1fr}}@media(max-width:760px){.workspace .shell{margin:28px 16px 40px}.workspace .topbar{height:64px;padding:0 16px}.sidebar{top:64px;width:250px;transform:translateX(-100%)}.menu-open .sidebar{transform:none}.side-label,.side-heading{opacity:1}.workspace h1{font-size:2rem}.import-form{grid-template-columns:1fr}.section-pad{padding:20px}}
/* Two-column navigation: persistent section rail, expandable nested flyout. */
[hidden]{display:none!important}.workspace .sidebar{width:94px;padding:0;overflow:visible;background:#244338;box-shadow:none;transition:none;border:0}.workspace .shell{margin-left:126px}.workspace.menu-pinned.flyout-open .shell{margin-left:426px}.menu-rail{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:10px 0}.sidebar .rail-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:62px;padding:9px 5px;margin:0;border:0;border-radius:0;background:transparent;color:#ecf3ef;font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;white-space:normal;text-decoration:none}.sidebar .rail-item:hover,.sidebar .rail-item[aria-expanded=true]{background:#153629;color:#e2f4ad}.sidebar .rail-item.current-section,.sidebar .rail-item[aria-current=page]{box-shadow:inset 3px 0 #d9f36a;background:#18382d;color:#e2f4ad}.menu-icon{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.menu-flyout{position:absolute;left:94px;top:0;bottom:0;width:300px;background:#18382d;color:#edf4ef;box-shadow:12px 4px 30px #122f2420;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 28px}.menu-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.menu-tools button{font-size:.78rem;background:#294c3e;color:#e2f4ad;padding:7px 10px;font-weight:500}.menu-tools .close-menu{font-size:1.15rem;padding:3px 10px}.menu-panel h2{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;margin:24px 0 28px}.menu-panel h2 .menu-icon{width:34px;height:34px}.sidebar .menu-leaf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:34px;padding:8px 10px;margin:1px 0;color:#edf4ef;white-space:normal;font-size:.85rem;line-height:1.35;border-radius:5px;text-decoration:none}.sidebar a.menu-leaf:hover,.sidebar a.menu-leaf[aria-current=page]{background:#315444;color:#e3faac}.menu-leaf.planned{color:#bbcbc2}.menu-leaf small{font-size:.61rem;color:#c8d6c8;letter-spacing:.03em;white-space:nowrap;border:1px solid #466151;border-radius:4px;padding:1px 4px}.menu-branch{margin:8px 0}.menu-branch summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;font-size:.87rem;font-weight:600;color:#f0f5f1;border-radius:5px}.menu-branch summary::-webkit-details-marker{display:none}.menu-branch summary:after{content:'›';font-size:1.3rem;line-height:1;transform:rotate(0)}.menu-branch[open]>summary:after{transform:rotate(90deg)}.menu-branch summary:hover{background:#284939}.menu-children{margin:2px 0 10px 12px;padding-left:7px;border-left:1px solid #41604f}#haku,#historia{scroll-margin-top:100px}
@media(max-width:1000px){.workspace.menu-pinned.flyout-open .connection-grid{grid-template-columns:1fr}.workspace.menu-pinned.flyout-open .import-form{grid-template-columns:1fr}}
@media(max-width:760px){.workspace .sidebar{transform:none;visibility:hidden;width:94px}.workspace.menu-open .sidebar{visibility:visible}.workspace .shell,.workspace.menu-pinned.flyout-open .shell{margin:28px 16px 40px}.menu-flyout{width:min(300px,calc(100vw - 94px));padding:12px 12px 24px}.menu-rail{background:#244338}.menu-panel h2{margin-top:12px}.menu-leaf small{font-size:.58rem}}
/* Compact flyout rows on desktop; retain comfortable touch targets. */
.sidebar .menu-leaf{min-height:26px;padding:3px 10px;margin:0;line-height:20px}
.menu-branch{margin:3px 0}
.menu-branch summary{min-height:28px;padding:4px 10px;line-height:20px}
.menu-children{margin:0 0 4px 12px}
@media(max-width:760px),(pointer:coarse){.sidebar .menu-leaf,.menu-branch summary{min-height:44px;padding-top:10px;padding-bottom:10px}}
.trip-time{white-space:nowrap}
.trippi-trips th,.trippi-trips td{white-space:nowrap}.trip-group-total td{background:#f1f6f3}.trippi-trips del{color:var(--muted);margin-right:6px}
.workspace .shell:has(.trippi-full-width){max-width:none;min-width:0;margin-right:18px;margin-left:112px}.workspace.menu-pinned.flyout-open .shell:has(.trippi-full-width){margin-left:412px}.trip-table{width:100%;font-size:13px;line-height:1.25}.trip-table th,.trip-table td{white-space:nowrap;padding:5px 8px}.trip-table th{font-size:11px;letter-spacing:.02em}.trip-table tbody tr:nth-child(even){background:#f5f7f6}@media(max-width:760px){.workspace .shell:has(.trippi-full-width),.workspace.menu-pinned.flyout-open .shell:has(.trippi-full-width){margin-left:10px;margin-right:10px}}
.workspace .shell:has(.trippi-trips){max-width:none;min-width:0;margin-right:18px;margin-left:112px}
.workspace.menu-pinned.flyout-open .shell:has(.trippi-trips){margin-left:412px}
.trippi-trips{width:100%;min-width:0;font-size:13px;line-height:1.25}
.trippi-trips th,.trippi-trips td{padding:5px 8px}
.trippi-trips button:is([data-error-zero],[data-error-accept],[data-error-reopen]){height:20px;min-height:0;padding:0 8px;border-radius:4px;font-size:12px;font-weight:600;line-height:20px;vertical-align:middle}
.trippi-trips td:has(>button:is([data-error-zero],[data-error-accept],[data-error-reopen])){padding-top:3px;padding-bottom:3px}
.trippi-trips input[data-error-choice]{width:14px;height:14px;padding:0;margin:0;vertical-align:middle}
.trippi-trips th{font-size:11px;letter-spacing:.02em}
.trippi-trips tbody tr:nth-child(even):not(.trip-group-total){background:#f5f7f6}
.table-card:has(.trippi-trips){min-width:0;max-width:100%}
.table-wrap:has(.trippi-trips){max-width:100%;padding-bottom:20px}
.trip-scrollbar{position:fixed;bottom:0;z-index:25;height:22px;overflow-x:scroll;overflow-y:hidden;background:#eef3ef;border-top:1px solid #bdcbc2;box-shadow:0 -2px 5px #17231f15}
.trip-scrollbar>div{height:1px}
@media(max-width:760px){.workspace .shell:has(.trippi-trips),.workspace.menu-pinned.flyout-open .shell:has(.trippi-trips){margin-left:10px;margin-right:10px}}
.trip-status{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-weight:800;text-decoration:none}.trip-status.green{color:#126332;background:#e1f3e6}.trip-status.yellow{color:#785800;background:#fff0ac}.trip-status.red{color:#a2151b;background:#ffe2e2}.trip-status.neutral{color:#647068}.trippi-trips [data-trip-href]{cursor:pointer}.trippi-trips [data-trip-href]:hover{background:#e9f1ed}.trip-details{display:grid;grid-template-columns:minmax(100px,220px) minmax(0,1fr);gap:8px}.trip-details dd{margin:0;overflow-wrap:anywhere}.trip-xml{white-space:pre-wrap;overflow-wrap:anywhere}
.approval-filter{min-width:0;font-size:.9rem;font-weight:700;display:grid;gap:8px}.approval-filter>span{display:block}.approval-filter details{position:relative;min-width:0}.approval-filter summary{display:flex;align-items:center;gap:4px;width:100%;height:46px;padding:12px 32px 12px 12px;border:1px solid #bdcbc2;border-radius:10px;background:#fff;color:var(--ink);font:inherit;list-style:none;white-space:nowrap;position:relative}.approval-filter summary::-webkit-details-marker{display:none}.approval-filter summary::after{content:'';position:absolute;right:14px;top:17px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.approval-filter details[open]>summary{border-color:var(--green)}.approval-options{position:absolute;z-index:40;top:calc(100% + 4px);left:0;width:max-content;min-width:100%;max-width:calc(100vw - 32px);max-height:260px;overflow:auto;padding:12px;background:#fff;border:1px solid #bdcbc2;border-radius:10px;box-shadow:0 6px 18px #0002}.form .approval-options label{display:flex;align-items:center;gap:8px;margin:8px 0;white-space:nowrap;cursor:pointer}.form .approval-options input[type=checkbox]{width:18px;height:18px;margin:0;padding:0;flex:none}.approval-options small{font-weight:400}
/* Source filters keep a compact action and clear spacing, including on phones. */
.sumup-filters { display:grid; grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) minmax(120px,1fr) auto; gap:16px; align-items:end; margin-bottom:24px; }
.sumup-filters > button { width:auto; min-width:110px; }
.integration-tabs { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.integration-grid { align-items:start; gap:16px; }
.integration-grid > .card { padding:18px; border-radius:16px; min-width:0; }
.integration-grid h2 { font-size:1.2rem; margin-bottom:10px; }
.integration-grid p { margin:8px 0; font-size:.8rem; line-height:1.4; }
.integration-grid .badge { display:inline-block; width:auto; font-size:.72rem; padding:3px 8px; }
.integration-grid .form { gap:9px; }
.integration-grid .form label { gap:5px; font-size:.82rem; }
.integration-grid .form input:not([type=checkbox]),.integration-grid .form select { padding:8px 10px; min-height:36px; }
.integration-grid button,.integration-grid .button { padding:8px 12px; font-size:.85rem; }
.integration-grid .section-heading,.integration-grid details[open] > .form { margin-top:10px; }
.integration-grid .check-card { padding:8px 10px; }
.integration-connection,.integration-add { margin-top:10px; }
.integration-connection > summary { cursor:pointer; font-weight:700; padding:9px 0; }
.integration-connection-body { display:grid; gap:12px; padding-top:10px; }
.integration-timing > summary,.integration-reports > summary { cursor:pointer; font-weight:600; }
.integration-timing .integration-schedule { margin-top:10px; }
.integration-schedule { border-top:1px solid var(--line); padding-top:12px; margin-top:14px; }
.topbar,.workspace .topbar { height:36px; }
.workspace .sidebar { top:36px; }
.topbar .menu-toggle { padding:2px 8px; font-size:1.1rem; }
@media(max-width:760px) { .topbar,.workspace .topbar {height:32px;} .workspace .sidebar {top:32px;} .topbar .nav {gap:8px;} .topbar .meta,.topbar .link-button {font-size:.75rem;} }
@media(max-width:1000px) { .sumup-filters {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:560px) { .sumup-filters {grid-template-columns:minmax(0,1fr);} }
.ingestion-status{align-self:start;width:100%;max-width:420px;box-sizing:border-box;padding:14px 18px!important}.ingestion-status h2{font-size:17px;margin:0 0 8px}.ingestion-status .ingestion-heading{margin:0 0 6px;font-size:14px}.ingestion-summary{font-size:13px;margin:0 0 6px;overflow-wrap:anywhere}.ingestion-heading{display:flex;align-items:center;gap:10px}.ingestion-light{display:inline-block;width:14px;height:14px;border-radius:50%;background:#778481;flex:none}.ingestion-light.green{background:#23824b}.ingestion-light.yellow{background:#d89b00}.ingestion-light.red{background:#c53232}.ingestion-status ul{padding-left:18px;font-size:14px}.ingestion-status li{margin:8px 0;overflow-wrap:anywhere}.ingestion-status details{font-size:14px}