:root{--ink:#172c31;--muted:#74858b;--accent:#087f78;--accent-dark:#066860;--accent-soft:#e7f5f1;--line:#e4eaea;--canvas:#f4f7f7;--sidebar:#112c31;--white:#fff;--danger:#b33a40;--danger-soft:#fff1f0;--amber:#986617;--shadow:0 4px 20px rgba(23,44,49,.035);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;font-size:14px;line-height:1.5;background:var(--canvas)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #69bfb1;outline-offset:4px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:3px solid #087f7812}a{color:inherit;text-decoration:none}button{color:inherit}button svg,button span{pointer-events:none}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{display:flex;align-items:center;justify-content:center;width:42px;height:44px;position:relative;flex:none;border:1px solid #73b6a94d;border-radius:13px;background:#ffffff08;color:#d1f3e4;font-size:28px;font-weight:650;line-height:1}.brand-mark>span{position:absolute;width:7px;height:7px;border-radius:50%;background:#8bd6b1;right:7px;bottom:7px;border:2px solid var(--sidebar)}.brand strong{display:block;font-size:16px;letter-spacing:-.25px;font-weight:650}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#8bacac;margin-top:2px}.boot-view{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.boot-view .brand-mark{background:var(--sidebar);width:56px;height:58px;font-size:36px}.boot-view p{margin:0}.spinner{display:inline-block;flex:none;width:20px;height:20px;border:2px solid #a2b7b647;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:9px;padding:10px 17px;border:1px solid transparent;font-weight:600;font-size:13px;line-height:1.5;transition:background .15s,box-shadow .15s,transform .15s;white-space:nowrap}.button .icon{width:18px;height:18px}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 2px 3px #087f7815}.button-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 12px #087f781c}.button-primary:disabled{background:#81b8b2;box-shadow:none}.button-primary .spinner{border-color:#ffffff50;border-top-color:#fff;width:16px;height:16px}.button-secondary{background:#fff;border-color:var(--line);color:#52676d}.button-secondary:hover:not(:disabled){background:#f5f8f7;border-color:#cbd7d5}.button-secondary:disabled{opacity:.5}.icon-button{border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;color:#7d8e91;flex:none;transition:background .15s,color .15s}.icon-button:hover:not(:disabled){background:#eaf0ef;color:var(--ink)}.icon-button:disabled{opacity:.45}.icon-button .icon{width:18px;height:18px}.text-button{border:0;background:none;padding:0;color:var(--accent);font-size:12px;font-weight:600}.eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.6px;font-weight:700;color:var(--accent)}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:12px;font-weight:600;color:#364c52;margin-bottom:7px}.form-field input,.form-field textarea,.search-field input,select{width:100%;border:1px solid #dce5e3;border-radius:8px;background:#fff;color:var(--ink);transition:border-color .15s,outline .15s}.form-field input{height:46px;padding:10px 12px}.form-field textarea{padding:10px 12px;resize:vertical;min-height:100px;max-height:310px;line-height:1.6}.form-field input::placeholder,.form-field textarea::placeholder{color:#a2adaf}.form-field input:disabled,.form-field textarea:disabled{background:#f5f7f6;color:#7e8d8f}.form-error{background:var(--danger-soft);border:1px solid #f3d1cc;border-radius:8px;color:#a33838;padding:11px 13px;font-size:12px;line-height:1.6;margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.form-info{display:flex;gap:9px;background:#eef6f4;color:#54736b;padding:11px 12px;border-radius:8px;font-size:11px;line-height:1.6;margin:4px 0 20px}.form-info .icon{width:17px;height:17px;margin-top:1px}.field-label-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.field-counter{font-size:10px;color:#99a6a7}.field-hint{display:block;color:#8a9b9e;font-size:10px;margin-top:7px}.required-marker{color:var(--accent);font-size:12px}.optional-label{font-weight:400;font-size:10px;color:#94a2a3;margin-left:5px}.login-view{display:grid;grid-template-columns:minmax(360px,46%) minmax(360px,1fr);min-height:100vh}.login-intro{display:flex;flex-direction:column;justify-content:space-between;background:var(--sidebar);color:white;padding:46px 12%;position:relative;overflow:hidden}.login-intro::after{content:"";position:absolute;width:440px;height:440px;border:1px solid #d6efdf0c;border-radius:50%;right:-250px;bottom:-160px;box-shadow:0 0 0 70px #d6efdf03,0 0 0 140px #d6efdf03;pointer-events:none}.login-brand{position:relative;z-index:1}.login-message{position:relative;z-index:1;padding:70px 0;max-width:380px}.login-message .eyebrow{color:#84b9a8;font-size:9px;letter-spacing:1.5px}.login-message h1{font-size:clamp(32px,3.5vw,49px);line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:20px 0}.login-message>p{font-size:14px;color:#9bb6b7;line-height:1.9;margin:0 0 42px;max-width:300px}.login-feature{display:flex;align-items:center;gap:12px;color:#c0d4d1;margin:20px 0;font-size:12px}.login-feature .icon{color:#7cb9a1;width:18px;height:18px}.login-intro-foot{font-size:10px;letter-spacing:.2px;color:#708f91;position:relative;z-index:1}.login-form-side{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:50px;background:#f9fbfa}.login-card{width:100%;max-width:352px}.login-lock{display:flex;align-items:center;justify-content:center;background:#eaf3ef;border:1px solid #dfece5;border-radius:12px;color:var(--accent);width:45px;height:45px;margin-bottom:26px}.login-lock .icon{width:22px;height:22px}.login-card h2{font-size:27px;font-weight:650;letter-spacing:-.6px;line-height:1.3;margin:0 0 9px}.login-card>.muted{font-size:12px;margin:0 0 32px;line-height:1.8}.login-card .form-field{margin-bottom:22px}.login-card .form-field input{background:#fff}.login-submit{width:100%;margin-top:4px;justify-content:space-between}.login-submit>span{font-size:20px;line-height:1;font-weight:400}.login-private{display:flex;align-items:center;justify-content:center;gap:6px;color:#9aa7a7;font-size:10px;margin-top:26px}.login-private .icon{width:12px;height:12px}.login-copyright{position:absolute;bottom:20px;font-size:10px;color:#adb8b6}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#c0d1d1;position:fixed;left:0;top:0;bottom:0;width:232px;z-index:30;display:flex;flex-direction:column;padding:30px 18px 0}.sidebar .brand{padding-left:9px;margin-bottom:48px}.nav-label{font-size:8px;font-weight:600;color:#5e8588;letter-spacing:1.25px;padding:0 14px;margin-bottom:13px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:8px;text-align:left;background:transparent;color:#b7cecb;font-size:12px;font-weight:500}.nav-item.is-active{background:#ffffff09;border-color:#ffffff06;color:#d7f1e6}.nav-item .icon{width:17px;height:17px;color:#74b8a0}.nav-count{margin-left:auto;background:#7cb8a017;color:#8cbeac;font-size:10px;border-radius:5px;padding:0 6px;min-width:20px;text-align:center}.sidebar-note{margin:48px 8px 26px;margin-top:auto;border:1px solid #8ba8a51a;border-radius:10px;background:#16353a;padding:17px 14px}.sidebar-note-icon{display:flex;width:29px;height:29px;border-radius:8px;background:#8cbb9c13;color:#8fbd9f;align-items:center;justify-content:center;margin-bottom:13px}.sidebar-note-icon .icon{width:17px;height:17px}.sidebar-note strong{display:block;font-size:11px;font-weight:600;color:#c4d6cf;margin-bottom:6px}.sidebar-note p{font-size:10px;line-height:1.9;color:#779b9c;margin:0 0 14px}.sidebar-note .text-button{color:#91c4ad;font-size:10px}.sidebar-footer{border-top:1px solid #8faaa518;display:flex;align-items:center;gap:9px;padding:20px 3px 23px}.avatar{display:flex;justify-content:center;align-items:center;width:31px;height:31px;background:#37544e;border:1px solid #52756759;border-radius:9px;font-size:12px;color:#b9d6be;flex:none}.sidebar-footer>div{min-width:0}.sidebar-footer strong{display:block;font-size:10px;font-weight:500;color:#c4d5cf}.sidebar-footer>div>span{display:block;font-size:9px;color:#71908e;overflow:hidden;text-overflow:ellipsis;max-width:110px}.sidebar-footer .icon-button{margin-left:auto;width:29px;height:29px;color:#6f9290}.sidebar-footer .icon-button:hover{background:#ffffff08;color:#d0e5d7}.workspace{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#ffffffbc;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:#9aa7a7}.breadcrumbs strong{font-size:11px;font-weight:500;color:#5c7479}.breadcrumb-slash{color:#c7d0ce}.topbar-actions{display:flex;align-items:center;gap:13px}.update-label{display:flex;align-items:center;gap:7px;color:#81968e;font-size:10px;white-space:nowrap}.status-dot{display:inline-block;flex:none;width:5px;height:5px;background:#78a98e;border-radius:50%}.update-label.has-error{color:#ad7a49}.update-label.has-error .status-dot{background:#cda571}.topbar-actions .icon-button{width:31px;height:31px;border:1px solid #e7eeeb;border-radius:7px;color:#94a5a2}.topbar-actions .icon-button.is-loading .icon{animation:spin 1.5s linear infinite}.main-content{max-width:1600px;margin:0 auto;padding:43px 44px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:33px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#78958d}.page-heading h1{font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-1px;margin:8px 0 9px;color:#193337}.page-heading p{font-size:12px;color:#899a9b;margin:0;line-height:1.7}.page-heading>.button{min-height:42px;font-size:11px;padding:10px 15px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:36px}.summary-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:white;border:1px solid #e5ece9;border-radius:10px;min-height:112px;padding:19px 20px;box-shadow:var(--shadow);text-align:left;transition:border-color .15s,background .15s}.summary-card:hover{border-color:#a9cbc0}.summary-card.is-selected{border-color:#8ab9a7;box-shadow:0 0 0 1px #8ab9a70c}.summary-label{color:#7e9292;font-size:10px;line-height:1.6;padding-right:26px}.summary-card strong{font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.25;margin-top:6px}.summary-icon{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:absolute;right:17px;top:19px}.summary-icon .icon{width:16px;height:16px}.summary-icon-neutral{background:#edf3f2;color:#78918c}.summary-icon-green{background:#eaf5ee;color:#609978}.summary-icon-gray{background:#f0f2f5;color:#8b95a4}.summary-icon-amber{background:#fbf5e9;color:#b7a16c}.company-section{min-height:320px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.list-title{display:flex;align-items:center;gap:10px}.list-title h2{font-size:16px;font-weight:650;letter-spacing:-.35px;margin:0;white-space:nowrap}.list-title>span{font-size:10px;color:#8c9c99;border:1px solid #dfe7e2;border-radius:5px;min-width:20px;text-align:center;padding:1px 5px;background:#ffffff75}.list-controls{display:flex;align-items:center;gap:10px}.search-field{display:flex;align-items:center;position:relative;width:280px;max-width:100%}.search-field .icon{position:absolute;left:12px;z-index:1;width:15px;height:15px;color:#94a5a2}.search-field input{height:38px;font-size:10px;padding:8px 12px 8px 35px;background:#fff}.search-field input::placeholder{color:#9baaa6}.list-controls select{height:38px;width:132px;font-size:10px;color:#7c918b;padding:7px 25px 7px 11px;cursor:pointer}.notice{border:1px solid #eadac0;background:#fffbf2;color:#96713e;border-radius:9px;padding:12px 15px;font-size:12px;line-height:1.7;margin:0 0 18px;overflow-wrap:anywhere}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#8b9b96;font-size:12px}.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;align-items:start}.company-card{background:#fff;border:1px solid #dfe8e3;border-radius:13px;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .15s}.company-card:hover{box-shadow:0 6px 22px #14372b09}.card-main{padding:22px 23px 0}.card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.company-monogram{display:flex;justify-content:center;align-items:center;width:43px;height:43px;flex:none;border:1px solid #e0e9e1;border-radius:12px;color:#5c7a65;font-size:15px;font-weight:600;letter-spacing:-.8px;background:#f0f4ec}.company-monogram.tone-1{background:#edf2f7;border-color:#e1e7ee;color:#61788a}.company-monogram.tone-2{background:#f5f0e9;border-color:#ece3d7;color:#957c56}.company-monogram.tone-3{background:#f0edf5;border-color:#e5e0ed;color:#7a6d91}.company-heading-text{flex:1;min-width:0;padding-top:2px}.company-heading-text h3{font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.45px;margin:0 0 6px;overflow-wrap:anywhere}.state-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.5;font-weight:500;padding:3px 7px;border-radius:5px;white-space:nowrap}.state-badge .status-dot{width:4px;height:4px}.state-badge.is-enabled{background:#eaf5ed;color:#5b9170}.state-badge.is-enabled .status-dot{background:#7bab86}.state-badge.is-disabled{background:#f0f2f4;color:#87939e}.state-badge.is-disabled .status-dot{background:#9aa5ad}.state-badge.is-offline{background:#fff4e5;color:#ad8651}.state-badge.is-offline .status-dot{background:#c2a16d}.state-badge.is-planned{background:#f0f2f5;color:#8c97a2}.state-badge.is-planned .status-dot{background:#a0a9b2}.card-edit{width:30px;height:30px;margin:-3px -5px 0 0;color:#99aaa3}.card-edit .icon{width:16px;height:16px}.director-label{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1px;color:#9baa9f;font-weight:600;margin:0 0 5px}.director-label .icon{width:11px;height:11px;stroke-width:1.8}.director-name{font-size:11px;color:#526c5e;font-weight:500;line-height:1.7;overflow-wrap:anywhere;min-height:19px;margin:0}.director-name.is-empty{color:#a1ada6;font-weight:400}.card-description{font-size:11px;color:#8a9b92;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere;margin:15px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.card-description.is-expanded{display:block}.card-description.is-empty{color:#aab4ae;font-style:italic}.description-expand{border:0;background:none;color:#6a9583;font-size:9px;padding:6px 0 0}.card-connection{display:flex;align-items:center;gap:6px;color:#9aa99f;font-size:9px;line-height:1.5;padding:18px 0 17px}.card-connection .icon{width:12px;height:12px;color:#9db7a3}.card-connection.is-ready{color:#6b9779}.card-connection.is-ready .icon{color:#71a180}.card-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf1ed;padding:16px 23px;background:#fdfefd}.card-toggle-copy{min-width:0}.card-toggle-copy strong{display:block;font-size:11px;font-weight:600;color:#567364;line-height:1.5}.card-toggle-copy>span{display:block;font-size:9px;color:#a2afa5;margin-top:3px;line-height:1.5}.power-switch{position:relative;border:0;padding:0;width:38px;height:22px;border-radius:20px;background:#d9e2dc;transition:background .18s;flex:none}.power-switch::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px #172c3120;transition:transform .18s}.power-switch[aria-checked="true"]{background:#65a481}.power-switch[aria-checked="true"]::after{transform:translateX(16px)}.power-switch:disabled{opacity:.45}.power-switch.is-pending{opacity:.7}.power-switch.is-pending::after{width:12px;height:12px;background:transparent;border:2px solid #fff;border-top-color:transparent;animation:spin .65s linear infinite;box-shadow:none;top:3px;left:3px}.power-switch.is-pending[aria-checked="true"]::after{left:19px;transform:none}.card-action-row{padding:0 23px 16px;background:#fdfefd;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-link{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#6d9681;font-weight:500;line-height:1.5}.panel-link .icon{width:12px;height:12px}.panel-link:hover{color:var(--accent-dark);text-decoration:underline}.panel-link.is-missing{color:#b5c0b8;cursor:default}.card-id-caption{color:#bbc5bc;font-size:8px}.card-error{color:#a96950;font-size:10px;line-height:1.65;background:#fff8ef;border-top:1px solid #f3e9d9;padding:11px 23px;margin:0;overflow-wrap:anywhere}.add-company-card{border:1px dashed #cbdad0;border-radius:13px;background:transparent;min-height:338px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;transition:background .15s,border-color .15s}.add-company-card:hover{background:#eef5ef;border-color:#90b09a}.add-company-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#e7efe8;color:#95b19b;margin-bottom:18px}.add-company-icon .icon{width:20px;height:20px;stroke-width:1.4}.add-company-card strong{font-size:12px;color:#71937d;font-weight:600}.add-company-card p{font-size:10px;line-height:1.8;color:#9db0a0;max-width:190px;margin:8px 0 0}.empty-state{padding:65px 20px;text-align:center;border:1px dashed #d3e0d8;border-radius:12px;background:#ffffff60}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#eaf2ed;color:#90aa99;margin-bottom:10px}.empty-icon .icon{width:23px;height:23px}.empty-state h3{font-size:17px;letter-spacing:-.3px;margin:8px 0}.empty-state p{font-size:12px;color:#8fa197;max-width:380px;margin:0 auto 23px;line-height:1.9}.empty-state .button{font-size:11px;min-height:40px}.workspace-footer{display:flex;align-items:center;gap:6px;color:#acb9af;font-size:9px;margin:40px 0 0;line-height:1.9}.workspace-footer .icon{width:11px;height:11px;stroke-width:1.5}.footer-dot{margin:0 3px}.modal{border:1px solid #dbe6df;border-radius:15px;box-shadow:0 25px 100px #102c3133;padding:26px 28px 0;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 48px);color:var(--ink);overflow:auto}.modal::backdrop{background:#102b3169;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-header .eyebrow{font-size:8px;letter-spacing:1.3px;color:#8da398;margin-bottom:5px}.modal-header h2{font-size:23px;line-height:1.35;letter-spacing:-.7px;margin:0;font-weight:650}.modal-header .icon-button{margin:-5px -9px 0 0;color:#9aaca2}.modal-subtitle{font-size:11px;color:#8b9e91;line-height:1.8;margin:10px 0 26px}.modal .form-field label{font-size:11px;color:#526b5b}.modal .form-field input,.modal .form-field textarea{font-size:12px}.modal .form-field input{height:42px}.modal .form-field{margin-bottom:18px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;align-items:center;margin:24px -28px 0;padding:18px 28px;border-top:1px solid #eaf0e8;background:#fafcf9;position:sticky;bottom:0}.modal-footer .button{min-height:40px;font-size:11px;padding:9px 17px}.help-content{padding:28px 0 0}.help-step{display:flex;align-items:flex-start;gap:15px;margin-bottom:23px}.help-step:last-child{margin-bottom:6px}.help-step-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#eaf4ed;color:#719b7e;flex:none}.help-step-icon .icon{width:17px;height:17px}.help-step h3{font-size:12px;margin:0 0 6px;font-weight:650}.help-step p{font-size:11px;line-height:1.9;color:#8c9e91;margin:0}.toast{position:fixed;z-index:1000;left:calc(50% + 116px);bottom:28px;transform:translateX(-50%);border:1px solid #c7dfce;background:#f1faf4;color:#437256;padding:12px 19px;border-radius:10px;box-shadow:0 8px 25px #15352613;max-width:min(540px,calc(100vw - 32px));font-size:12px;line-height:1.65;overflow-wrap:anywhere}.toast.is-error{background:#fff7ee;border-color:#ead8c0;color:#987342}body.is-login .toast{left:50%}
@media(min-width:1550px){.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-content{padding-top:48px}.summary-card{min-height:120px}.company-card,.add-company-card{max-width:none}}
@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding-left:14px;padding-right:14px}.sidebar .brand{gap:9px;padding-left:6px}.brand strong{font-size:15px}.topbar{padding:0 28px}.main-content{padding:35px 28px 24px}.summary-grid{gap:10px}.summary-card{padding:15px 14px;min-height:104px}.summary-label{font-size:9px;padding-right:22px;max-width:130px}.summary-icon{right:12px;top:16px;width:25px;height:25px}.summary-icon .icon{width:14px;height:14px}.summary-card strong{font-size:27px}.page-heading h1{font-size:27px}.list-toolbar{align-items:flex-start;gap:15px}.list-controls{max-width:65%;flex:1;justify-content:flex-end}.search-field{width:250px}.list-controls select{width:115px}.company-grid{gap:15px}.card-main{padding:20px 20px 0}.card-toggle-row{padding-left:20px;padding-right:20px}.card-action-row{padding-left:20px;padding-right:20px}.card-error{padding-left:20px;padding-right:20px}.toast{left:calc(50% + 105px)}}
@media(max-width:980px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:29px}.summary-card{min-height:92px}.summary-card strong{font-size:26px}.summary-label{max-width:none}.page-heading{align-items:flex-start}.page-heading>.button{font-size:10px;gap:6px;padding:9px 12px;margin-top:16px}.page-heading>.button .icon{width:16px;height:16px}.page-heading p{font-size:11px;max-width:270px}.list-toolbar{flex-direction:column;gap:13px}.list-controls{max-width:none;width:100%;justify-content:flex-start}.search-field{width:auto;flex:1}.company-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr))}.workspace-footer{flex-wrap:wrap}.topbar .breadcrumbs>span:first-child,.topbar .breadcrumb-slash{display:none}.login-intro{padding-left:12%;padding-right:12%}.login-message h1{font-size:37px}.login-message .eyebrow{font-size:8px;letter-spacing:1px}.login-form-side{padding:38px}.toast{font-size:11px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;padding:15px 20px}.sidebar .brand{padding:0;margin:0;gap:10px}.sidebar .brand-mark{width:34px;height:36px;border-radius:11px;font-size:23px}.brand-mark>span{width:6px;height:6px;bottom:5px;right:5px}.sidebar .brand strong{font-size:13px}.sidebar .brand small{font-size:7px;letter-spacing:2px}.sidebar .nav-label,.sidebar nav,.sidebar-note{display:none}.sidebar-footer{margin-left:auto;padding:0;border:0;gap:8px}.sidebar-footer .avatar{display:none}.sidebar-footer strong{font-size:9px}.sidebar-footer>div>span{font-size:8px;max-width:82px}.sidebar-footer .icon-button{margin-left:3px}.topbar{height:49px;padding:0 22px;background:#f8faf9}.topbar .breadcrumbs strong{font-size:10px}.topbar-actions{gap:8px}.topbar-actions .icon-button{width:27px;height:27px}.update-label{font-size:9px;gap:5px}.main-content{padding:27px 20px 22px}.page-heading{margin-bottom:25px;gap:14px}.page-heading h1{font-size:25px;letter-spacing:-.8px;margin-top:7px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.page-heading p{font-size:10px;line-height:1.8;max-width:235px}.page-heading>.button{font-size:0;width:38px;height:38px;min-height:38px;flex:none;margin-top:16px;padding:10px}.page-heading>.button .icon{width:19px;height:19px;stroke-width:1.8}.page-heading>.button::after{content:none}.summary-grid{gap:10px;margin-bottom:27px}.summary-card{min-height:89px;padding:13px 15px;border-radius:9px}.summary-label{font-size:9px;line-height:1.5;padding-right:24px}.summary-icon{right:13px;top:15px;width:25px;height:25px}.summary-card strong{font-size:26px;margin-top:5px}.list-toolbar{margin-bottom:17px}.list-title h2{font-size:15px}.list-title>span{font-size:9px}.list-controls{gap:8px}.search-field input{height:37px;font-size:10px;padding-left:31px}.search-field .icon{left:10px;width:14px;height:14px}.list-controls select{height:37px;font-size:9px;width:115px;padding-left:9px}.company-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px}.company-card{border-radius:12px}.card-main{padding:21px 22px 0}.card-heading{margin-bottom:20px}.company-heading-text h3{font-size:17px}.card-toggle-row{padding:15px 22px}.card-action-row{padding-left:22px;padding-right:22px}.card-error{padding-left:22px;padding-right:22px}.add-company-card{min-height:190px;flex-direction:row;flex-wrap:wrap;column-gap:13px;padding:25px 30px}.add-company-icon{width:34px;height:34px;margin:0}.add-company-card strong{font-size:12px}.add-company-card p{font-size:10px;margin:4px 0 0;max-width:240px;flex-basis:100%}.workspace-footer{font-size:8px;gap:5px;margin-top:28px}.workspace-footer .footer-dot{display:none}.workspace-footer span:last-child{flex-basis:100%;margin-left:16px}.toast{left:50%;bottom:20px;max-width:calc(100vw - 30px);width:max-content;padding:11px 15px}.modal{padding:22px 22px 0;max-height:calc(100dvh - 30px);border-radius:13px;width:calc(100vw - 28px)}.modal-header h2{font-size:21px}.modal-header .eyebrow{font-size:7px}.modal-subtitle{font-size:10px;margin-bottom:22px}.modal-footer{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.form-field input,.form-field textarea{font-size:16px!important}.form-field input::placeholder,.form-field textarea::placeholder{font-size:12px}.field-hint{font-size:9px}.modal .form-field label{font-size:10px}.optional-label{font-size:9px}.field-counter{font-size:9px}.help-content{padding-top:23px}.login-view{display:block;background:#f8faf9;min-height:100dvh}.login-intro{padding:22px 28px 24px;min-height:0}.login-intro .brand-mark{width:35px;height:37px;font-size:24px}.login-intro .brand strong{font-size:14px}.login-intro .brand small{font-size:7px;letter-spacing:2px}.login-message{padding:35px 0 0;max-width:none}.login-message .eyebrow{font-size:7px;letter-spacing:1.5px}.login-message h1{font-size:30px;line-height:1.2;margin:11px 0 10px;letter-spacing:-.8px}.login-message h1 br{display:none}.login-message>p{font-size:11px;max-width:310px;line-height:1.8;margin:0}.login-feature,.login-intro-foot{display:none}.login-form-side{padding:33px 28px 60px;min-height:0;background:#f8faf9}.login-card{max-width:370px}.login-lock{display:none}.login-card h2{font-size:23px}.login-card>.muted{font-size:11px;margin-bottom:24px}.login-card .form-field{margin-bottom:18px}.login-card .form-field label{font-size:11px}.login-copyright{bottom:15px;font-size:8px}.login-private{font-size:9px;margin-top:22px}.login-submit{font-size:12px;min-height:45px}}
@media(max-width:380px){.sidebar{padding:13px 16px}.sidebar-footer strong{display:none}.sidebar-footer>div>span{font-size:9px}.sidebar .brand strong{font-size:12px}.topbar{padding:0 16px}.main-content{padding-left:16px;padding-right:16px}.page-heading h1{font-size:23px}.summary-label{font-size:8px}.summary-card{padding-left:12px}.summary-icon{width:22px;height:22px;right:10px}.summary-card strong{font-size:25px}.list-controls select{width:102px}.search-field input::placeholder{font-size:9px}.card-main{padding-left:18px;padding-right:18px}.card-toggle-row,.card-action-row,.card-error{padding-left:18px;padding-right:18px}.company-heading-text h3{font-size:16px}.modal{padding-left:18px;padding-right:18px}.modal-footer{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.modal-footer .button{font-size:10px;padding-left:14px;padding-right:14px}.optional-label{display:block;margin-left:0}.login-intro,.login-form-side{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Keep operational information readable at laptop and phone widths. */
.breadcrumbs,.breadcrumbs strong{font-size:12px}
.update-label{font-size:11px}
.nav-label{font-size:9px}
.nav-item{font-size:13px}
.sidebar-note strong,.sidebar-note p,.sidebar-note .text-button{font-size:11px}
.sidebar-footer strong{font-size:11px}
.sidebar-footer>div>span{font-size:10px}
.page-heading .eyebrow{font-size:10px}
.page-heading p{font-size:13px}
.page-heading>.button{font-size:12px}
.summary-label{font-size:11px}
.search-field input,.list-controls select{font-size:11px}
.company-heading-text h3{font-size:19px}
.state-badge{font-size:10px}
.director-label{font-size:9px}
.director-name,.card-description{font-size:12px}
.description-expand,.card-connection{font-size:10px}
.card-toggle-copy strong{font-size:12px}
.card-toggle-copy>span{font-size:10px}
.panel-link{font-size:10px}
.card-id-caption{display:none}
.card-error{font-size:11px}
.add-company-card strong{font-size:13px}
.add-company-card p{font-size:11px}
.workspace-footer{font-size:10px}
.modal .form-field label{font-size:12px}
.modal .form-field input,.modal .form-field textarea{font-size:13px}
.modal-subtitle,.form-info,.help-step p{font-size:12px}
.modal-footer .button,.help-step h3{font-size:12px}
.field-hint,.field-counter{font-size:11px}
.login-card>.muted{font-size:13px}
.login-card .form-field label{font-size:13px}
.login-private{font-size:11px}
@media(max-width:720px){
 .breadcrumbs,.breadcrumbs strong,.update-label{font-size:10px}
 .sidebar-footer strong{font-size:10px}
 .sidebar-footer>div>span{font-size:9px}
 .page-heading>.button{font-size:0}
 .page-heading .eyebrow{font-size:8px}
 .page-heading p{font-size:12px}
 .summary-label{font-size:10px}
 .search-field input,.list-controls select{font-size:11px}
 .company-heading-text h3{font-size:19px}
 .director-label{font-size:10px}
 .director-name,.card-description{font-size:13px}
 .state-badge,.card-connection,.description-expand{font-size:11px}
 .card-toggle-copy strong{font-size:13px}
 .card-toggle-copy>span,.panel-link{font-size:11px}
 .workspace-footer{font-size:9px}
 .modal-subtitle,.form-info,.help-step p{font-size:12px}
 .field-hint,.field-counter{font-size:10px}
 .optional-label{font-size:10px}
 .login-card>.muted{font-size:12px}
 .login-card .form-field label{font-size:12px}
 .login-private{font-size:10px}
}

/* Operational labels use sufficient contrast; subdued colors remain decorative. */
:root{--muted:#63777b}
.page-heading p,.summary-label,.breadcrumbs,.breadcrumbs strong,.update-label,
.card-description,.card-description.is-empty,.director-name.is-empty,
.director-label,.card-connection,.card-toggle-copy>span,.workspace-footer,
.modal-subtitle,.field-hint,.field-counter,.optional-label,.login-private,
.search-field input,.list-controls select{color:#62756c}
.page-heading .eyebrow,.modal-header .eyebrow{color:#5d7b69}
.card-connection.is-ready{color:#467959}
.state-badge.is-enabled{color:#3c7152}
.state-badge.is-disabled{color:#5d6b77}
.state-badge.is-offline{color:#8b622f}
.state-badge.is-planned{color:#606d79}
.panel-link,.description-expand{color:#3f795b}
.panel-link.is-missing{color:#718078}
.add-company-card strong{color:#527a60}
.add-company-card p{color:#6c8071}
.empty-state p,.modal-subtitle,.help-step p{color:#61776a}
.form-field input::placeholder,.form-field textarea::placeholder,
.search-field input::placeholder{color:#74857b}
.power-switch{background:#7a8e87}
.power-switch[aria-checked="true"]{background:var(--accent)}
.summary-card.is-selected{border-color:#468b71}

.mobile-help{display:none}
@media(max-width:720px){.mobile-help{display:inline-flex}}