/* Shared visual language based on the supplied Bike Cloud reference (2026-10-06). */
:root,body,body.management{--bg:#f7f9fb;--card:#fff;--line:#dfe5ec;--line-soft:#e9edf2;--ink:#282e33;--ink-2:#535d68;--ink-3:#7d8792;--navy:#104b94;--blue:#104f9c;--blue-soft:#ebf1f7;--red:#c1353e}
body,body.management{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5}
.app>aside{width:266px;flex:0 0 266px;padding:26px 20px 46px;background:#fff;border-right:1px solid var(--line)}
.app>aside .logo{position:relative;min-height:64px;padding:2px 0 14px 32px;margin-bottom:14px}
.app>aside .logo::before{content:'';position:absolute;left:2px;top:7px;width:40px;height:40px;border:3px solid #126296;border-right-color:transparent;border-top-color:transparent;border-radius:50%;transform:rotate(25deg);pointer-events:none}
.app>aside .logo b,.app>aside .logo span{color:#0c5b88;font-style:italic;font-weight:800;font-size:17px;letter-spacing:.065em;line-height:1.05;position:relative}
.app>aside .logo span{font-size:16px;letter-spacing:.04em}
.app>aside .whoami{border:0;background:#f4f7fa;border-radius:9px;padding:11px 12px;margin:0 0 18px}.app>aside .whoami span{font-size:11px;color:#84909c}.app>aside .whoami a{font-size:11px}
.app>aside nav a{margin:5px 0;padding:11px 13px;border-radius:9px;font-size:14px;font-weight:500;color:#4a535c;line-height:1.4}.app>aside nav a:hover{background:#f5f7fa}.app>aside nav a.on{color:var(--blue);background:#ebf1f7;font-weight:600}
.app>aside nav .grp{color:#8b95a0;font-size:10px;letter-spacing:.06em;padding:0;margin:25px 12px 9px}.app>aside nav a.sub{border-left:1px solid #e4e9ef;margin:0 0 0 21px;padding:9px 12px 9px 22px;border-radius:0;position:relative;font-weight:400}.app>aside nav a.sub small{font-size:10px;color:#939da7;margin-top:3px}
#company-context{background:#edf2f7;border:0;border-radius:9px;margin:8px 0 24px;padding:12px}#company-context label{font-size:12px;color:#485460}#company-context select{border-color:#dbe2e9;background:#fff;border-radius:7px;font-size:13px}#company-context small{color:#89939e}#nav-company-search label{color:#6d7782;font-size:11px}#company-context button{color:var(--blue)}
.app>main,.management .app>main{padding:30px 34px 54px}.app main h1{font-size:30px;font-weight:650;line-height:1.2;letter-spacing:-.65px;margin:0 0 7px}.app main h2{font-weight:600;letter-spacing:-.2px}.app main .sub{font-size:14px;line-height:1.6;color:#7c8791}.app main .top{gap:22px;margin-bottom:24px;align-items:center}
.app main button{font:inherit;font-size:13px;font-weight:500;min-height:38px;padding:8px 14px;border:1px solid #d6dee7;border-radius:8px;background:#fff;color:#445260;box-shadow:none;transition:background .14s,border-color .14s}.app main button:hover{background:#f1f5f9;border-color:#b8c9dc}.app main button:disabled{opacity:.45;cursor:not-allowed}
.app main :is(#new-company,#add-company,#save,.primary,button[type=submit]):not(.company-danger-solid){background:#104f9c;border-color:#104f9c;color:#fff}.app main :is(#new-company,#add-company,#save,.primary,button[type=submit]):not(.company-danger-solid):hover{background:#0c4386}
.app main :is(.company-danger,.danger){color:#be3540!important}.app main .company-danger{min-height:30px}.app main .company-expand{min-height:0;color:var(--ink)!important}.app main .company-expand h2{font-size:19px}.app main .company-chevron{color:#7e8d9b}
:is(input:not([type=checkbox]):not([type=radio]),select){font:inherit;font-size:13px;min-height:40px;padding:9px 12px;border:1px solid #d6dee7;border-radius:8px;background:#fff;color:#424b54}:is(input,select)::placeholder{color:#8b96a0}input[type=checkbox]{accent-color:var(--blue)}:is(button,a,input,select,summary):focus-visible{outline:3px solid #b2cee9;outline-offset:2px}
.app main .settings-tabs{display:flex;gap:3px;width:fit-content;padding:4px;margin:0 0 30px;border:1px solid #e0e6ed;border-radius:9px;background:#ebf1f7}.app main .settings-tabs a{display:block;margin:0;padding:8px 16px;border-radius:6px;color:#7b858f;font-size:13px;font-weight:500;text-decoration:none}.app main .settings-tabs a[aria-current=page]{background:#fff;color:#1053a0;box-shadow:0 1px 3px #16324f08;font-weight:600}
.app main :is(.panel,.company-card,.company-overview,.discovery,.directory-panel){border:1px solid #dfe5ec;border-radius:14px;background:#fff;box-shadow:0 1px 3px #142d4508}.app main .company-card-head{padding:19px 22px}.app main .company-card-body{padding-left:60px}.app main .company-meta{color:#85909b}.app main .company-section-head h3{font-weight:600;font-size:14px}.app main .company-row{padding:13px 0;border-color:#e7ecf1}.app main .company-row strong{font-weight:500}.app main .company-row small{color:#89939d}.app main .company-count-badge{background:#edf2f7;color:#7b8896}.app main .company-ftp-summary button{min-height:0;color:#195a9e;border:0;background:transparent}.app main .company-ftp-summary .sub{font-size:12px}.company-toolbar{margin-top:22px!important}.company-toolbar #company-count{font-size:12px}
.app main table{border-collapse:collapse;width:100%}.app main thead th{background:#f4f7fa;border-block:1px solid #e1e7ee;color:#7d8792;padding:13px 17px;font-size:11px;font-weight:600;letter-spacing:.035em;text-align:left}.app main tbody td{padding:15px 17px;border-bottom:1px solid #e3e9ef;color:#434b54}.app main tbody tr:last-child td{border-bottom:0}.app main tbody tr:hover{background:#f9fbfd}.app main :is(.pill,.signal){font-size:12px}.app main .pill{border:0;border-radius:20px;font-weight:500;padding:3px 9px}.app main .pill.ok{background:#eaf6ef;color:#238354}.app main .pill.bad{background:#ffe9e9;color:#db3039}.app main .signal.warn{color:#80631f}.app main .signal.bad{color:#d7353f}.app main .signal.good{color:#2a8155}
.management .asset{background:#fff;border-color:#e3e9ef}.management .asset-heading h3{font-weight:500;color:#343d46}.management .asset-facts dt{font-size:11px;color:#8a949f}.management .inventory-group-title{background:#f3f6f9!important;color:#7a8794;font-size:11px!important}.management .asset-workspace .company-targets:not([hidden]){border-color:#dfe5ec;box-shadow:0 1px 3px #142d4508}.management .company-body{background:#fafbfd}.management .company-heading{padding:18px 22px}.management .company-avatar,.management .stat-icon{background:#ecf2f8;color:#1d5999}
.app main .banner{border-radius:9px;background:#edf4fc;border-color:#d6e4f5;color:#1c5997}.app main .banner.err{background:#fff0f1;border-color:#f0cfd3;color:#b33740}
dialog{border-radius:14px!important;border-color:#dce3eb!important;box-shadow:0 20px 70px #20375026!important}dialog::backdrop{background:#20334d66}dialog h2{color:#2e3841}dialog button{border-radius:8px}dialog button[type=submit]{background:#104f9c;color:#fff;border-color:#104f9c}#hm4-build-footer{color:#8794a1!important;border-color:#e5ebf1!important;font-size:10px!important}
@media(min-width:761px){.app>aside nav>a:not(.sub),.app>aside #nav-admin>a,.app>aside #nav-super>a{display:flex;align-items:center;gap:12px}.app>aside nav>a::before,.app>aside #nav-admin>a::before,.app>aside #nav-super>a::before{content:'';display:block;width:18px;height:18px;background:currentColor;flex:none;mask:var(--hm-nav-icon) center/contain no-repeat;--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E")}.app>aside nav a[href='/dashboard.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10H3Z M9 20v-8h6v8'/%3E%3C/svg%3E")}.app>aside nav a[href='/users.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6M21 21v-3a6 6 0 0 0-4-5'/%3E%3C/svg%3E")}.app>aside nav a[href='/wheels.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}.app>aside nav a[href='/assets.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='10' width='18' height='10' rx='2'/%3E%3Cpath d='M8 6a6 6 0 0 1 8 0M10 3a3 3 0 0 1 4 0M7 15h2M12 15h5'/%3E%3C/svg%3E")}}
@media(max-width:1000px) and (min-width:761px){.app>aside{width:238px;flex-basis:238px;padding-inline:14px}.app>main,.management .app>main{padding:26px 24px 50px}.app main h1{font-size:27px}}
@media(max-width:760px){.app{flex-direction:column}.app>aside{width:100%;flex:none;padding:14px 16px 10px;border-right:0;border-bottom:1px solid var(--line)}.app>main,.management .app>main{padding:20px 16px 46px;width:100%}.app main h1{font-size:25px}.app main .settings-tabs{gap:0;max-width:100%}.app main .settings-tabs a{font-size:12px;padding:8px 11px}.app main .company-card-body{padding-left:16px}.app main .company-card-head{padding:16px}.app main .top{align-items:flex-start}.app>aside .logo{margin:0;min-height:48px}.app>aside .logo b,.app>aside .logo span{font-size:15px}.app main .company-expand h2{font-size:17px}}
@media(min-width:761px){.app>aside #nav-admin>a[href='/users.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6M21 21v-3a6 6 0 0 0-4-5'/%3E%3C/svg%3E")}.app>aside #nav-super>a[href='/assets.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='10' width='18' height='10' rx='2'/%3E%3Cpath d='M8 6a6 6 0 0 1 8 0M10 3a3 3 0 0 1 4 0M7 15h2M12 15h5'/%3E%3C/svg%3E")}.app>aside #nav-admin>a[href='/factory.html']::before{--hm-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 21V8h8v13M11 21V3h10v18M6 11h2M6 15h2M14 7h4M14 11h4M14 15h4M1 21h22'/%3E%3C/svg%3E")}}
/* Small, explicit provenance labels; colour is accompanied by readable text. */
.identity-override-label{display:inline-block!important;background:#fff3d6;color:#855411!important;border:1px solid #f2d99f;border-radius:5px;padding:2px 6px;margin:3px 3px 3px 0;font-size:10px!important;font-weight:600;line-height:1.4}