/* Kilvo workspace: clear hierarchy, compact navigation, touch-first controls. */
:root{--muted:#596b82;--line:#dfe6ef;--ink:#172b42}
body{font-size:14px}p,.sub,.hint,.subtle{color:#596b82}.eyebrow{color:#61748d;letter-spacing:1.4px}h1{line-height:1.15}h2{font-size:18px}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0036ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border-color:#bdcadb}.intro p,.page-heading p{font-size:14px;max-width:65ch}.btn,.button{font-size:13px;min-height:44px}.textbtn{font-size:12px;min-height:40px}.sub,.hint,.security-note{font-size:12px;line-height:1.65}.card,.panel{box-shadow:0 3px 16px #172b4204}.notes-card>p{margin:12px 0 18px}.workspace-pane[hidden]{display:none!important}.workspace-pane{min-width:0}.workspace-tabs{display:flex;gap:5px;padding:6px;background:#eaf0f7;border:1px solid #dfe6ef;border-radius:12px;margin:0 0 24px;overflow-x:auto;scrollbar-width:thin;max-width:100%}.workspace-tabs button{flex:1;white-space:nowrap;border:0;background:transparent;color:#52667f;min-height:46px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px}.workspace-tabs button[aria-selected=true]{background:white;color:#0036ff;box-shadow:0 2px 7px #172b4210}.workspace-pane>.card,.workspace-pane>.panel{margin-bottom:20px}.workspace-pane>.grid{margin-top:20px}.settings-layout .website-settings{margin-top:0}.settings-layout .fiscal-settings-entry{margin:0;box-shadow:none}.settings-layout .workspace-pane>div:has(>button[onclick="exportData()"]) {margin:20px 0!important}.workspace-section-select{display:none}
/* Company catalogue becomes a comparable list; details retain their original forms. */
.admin-content .company-grid:not(.website-company-grid){display:grid;grid-template-columns:1fr;gap:14px}.company-grid>.company-card:not(.website-company-card){display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:8px 28px;padding:24px}.company-card:not(.website-company-card)>.card-heading{grid-column:1;align-items:flex-start;gap:16px}.company-card:not(.website-company-card)>.card-heading h3{font-size:18px;line-height:1.4}.company-card:not(.website-company-card)>p{grid-column:1;margin:0}.company-card:not(.website-company-card)>.card-meta{grid-column:2;grid-row:1 / 3;align-self:center;border:0;margin:0;padding:0}.company-card:not(.website-company-card)>.actions{grid-column:1/-1;justify-content:flex-start;margin-top:12px;padding-top:18px;border-top:1px solid #e6ecf3}.company-card:not(.website-company-card)>.actions>button:first-child{margin-right:auto}.company-card:not(.website-company-card) .card-meta small{font-size:12px;color:#596b82}.company-card:not(.website-company-card) .card-meta b{font-size:17px}.profile-layout[data-visual-tabs]{display:block!important}.profile-layout[data-visual-tabs]>div:empty,.profile-layout[data-visual-tabs]>aside:empty{display:none!important}.profile-layout[data-visual-tabs]>aside{position:static;background:transparent;padding:0;width:auto}.company-section-tabs{margin-top:22px}.company-summary{padding:16px 20px;border-radius:12px;background:#edf2fa}.profile-layout .workspace-pane{max-width:1100px}.profile-layout .workspace-pane>.panel{width:100%;margin-top:0}.profile-fields{gap:20px}.profile-fields label{font-size:13px}.admin-main .page-heading{align-items:flex-start}.admin-main .page-heading p{max-width:65ch}
/* Compact work queue, with the existing kanban available as an alternative. */
.board-heading{padding-bottom:22px}.board-heading h1{font-size:32px}.board-heading p{color:#596b82}.board-overview{margin-bottom:22px;padding:20px}.board-view-controls{display:flex;gap:12px;align-items:center}.board-view-controls>div{display:flex;padding:4px;background:#eaf0f7;border-radius:9px}.board-view-controls button{min-height:40px;border:0;border-radius:6px;background:transparent;padding:9px 16px;color:#52667f}.board-view-controls button[aria-pressed=true]{background:white;color:#0036ff;box-shadow:0 2px 6px #172b4212}.board-view-controls select{min-height:44px}.board-list-view{display:block!important;border:1px solid #dfe6ef;border-radius:14px;background:white;overflow:hidden}.board-list-head,.board-list-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 160px;gap:24px;align-items:center;padding:18px 24px}.board-list-head{font-size:12px;color:#596b82;background:#f7f9fc;font-weight:600}.board-list-row{border-top:1px solid #e6ecf3}.board-list-row:hover{background:#fafbff}.board-list-subject{min-width:0}.board-list-subject .board-card-title{display:block;text-align:left;font-size:15px;font-weight:600;line-height:1.5;border:0;background:none;color:#172b42;padding:6px 0;white-space:normal}.board-list-subject p{font-size:12px;margin:2px 0 0;color:#596b82}.board-list-subject .board-type{font-size:10px}.board-list-subject svg{width:13px;height:13px}.board-list-row select{width:100%;min-height:44px;font-size:13px;border-radius:8px}.board-list-row>.board-priority{justify-self:start}.board-list-row label{margin:0}.board-control-panel{flex-wrap:wrap}.board-list-caption{gap:16px;align-items:center}.board-type-tabs button{min-height:44px}.board-card-notes{color:#596b82}
/* Orders: the car is the title, secondary destructive actions stay in a menu. */
.client-heading{align-items:flex-start;gap:20px}.client-heading h1{font-size:30px;line-height:1.2}.client-heading>div>p{font-size:14px;color:#596b82}.client-heading>.actions{margin-top:0;align-items:center}.workspace-more{position:relative}.workspace-more>summary{list-style:none;cursor:pointer;border:1px solid #dfe6ef;border-radius:8px;background:white;min-height:44px;padding:12px 16px;font-size:13px;font-weight:600}.workspace-more>summary::-webkit-details-marker{display:none}.workspace-more>summary:after{content:'⌄';padding-left:12px}.workspace-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:25;padding:8px;background:white;box-shadow:0 12px 30px #172b4224;border:1px solid #dfe6ef;border-radius:10px;min-width:190px}.danger{color:#a32235}.order-money{display:flex;gap:0;background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:0;margin:16px 0 22px;overflow:hidden}.order-money>div{flex:1;padding:17px 22px;border:0;border-right:1px solid #e6ecf3;background:transparent;border-radius:0}.order-money>div:last-child{border:0;background:#edf2ff}.order-money small{font-size:12px;color:#52667f}.order-money strong{font-size:24px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.client-summary{font-size:12px;gap:14px;padding:12px 0;background:transparent;margin-bottom:0;border:0}.order-navigation-frame{margin:0 0 24px}.order-navigation,.vehicle-navigation{display:flex;flex-wrap:wrap;gap:6px;padding:7px;border-radius:12px;box-shadow:none}.order-navigation .order-navigation-link{flex:1 1 140px;min-height:46px;padding:10px 12px;gap:8px;font-size:13px;border-radius:8px;grid-column:auto!important}.order-navigation-icon{width:24px;height:24px;flex-basis:24px;background:transparent!important}.order-navigation-icon svg{width:17px;height:17px}.order-navigation-link[aria-current=page]{background:#edf2ff;color:#0036ff;box-shadow:none}.order-stage-selector{padding:18px}.order-stage-heading small{font-size:12px}.order-grid{gap:20px}.order-grid .notes-card{padding:22px}.order-grid .finance-panel{padding:22px}
/* Stock: consistent image proportions and calmer metadata. */
.stock-grid{gap:22px}.stock-tile{border-radius:15px;overflow:hidden}.stock-tile .tile-cover{aspect-ratio:16/10;height:auto;max-height:240px;background:#edf1f7}.tile-cover img{width:100%;height:100%;object-fit:cover}.tile-cover:not(:has(img)){aspect-ratio:auto;min-height:110px;height:110px;color:#64758d}.tile-content{padding:20px}.tile-title{font-size:19px;line-height:1.4}.tile-specs{font-size:12px;color:#596b82}.tile-bottom strong{font-size:25px;font-variant-numeric:tabular-nums}.tile-publication{border-top:1px solid #e6ecf3;margin-top:16px;padding-top:12px}.tile-actions{gap:8px}.tile-actions>.btn{flex:1}.tile-publication .website-toggle small{color:#596b82}
@media(max-width:1000px){.company-grid>.company-card:not(.website-company-card){grid-template-columns:1fr}.company-card:not(.website-company-card)>.card-meta{grid-column:1;grid-row:auto;padding-top:12px}.board-list-head,.board-list-row{grid-template-columns:minmax(0,1fr) 80px 130px;gap:16px}.client-heading h1{font-size:27px}}
@media(max-width:760px){
 body{font-size:14px}.page,.admin-content{padding:22px 16px 36px!important}.intro h1,.page-heading h1,.board-heading h1,.client-heading h1{font-size:27px;letter-spacing:-.7px}.intro p,.page-heading p,.client-heading>div>p{font-size:13px;line-height:1.6}.eyebrow{font-size:10px}.section-heading{gap:14px;flex-wrap:wrap}.section-heading>div{min-width:0}.workspace-tabs{gap:3px;margin-bottom:20px;border-radius:10px}.workspace-tabs button{flex:0 0 auto;padding:12px 16px;min-height:46px;font-size:14px}.workspace-pane>.grid{grid-template-columns:1fr}.workspace-pane .notes-card{padding:20px}.workspace-pane .notes-card h2{font-size:18px}.workspace-pane .notes-card>.btn{width:100%}.workspace-section-select{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;padding:10px 14px;border:1px solid #dfe6ef;border-radius:12px;font-size:12px;font-weight:600;color:#52667f}.workspace-section-select select{min-width:0;flex:1;max-width:75%;font-size:16px;min-height:46px;border:0;background:#f0f4fb;color:#172b42}.workspace-section-select+.order-navigation{display:none}.order-navigation-frame{margin-bottom:20px}.client-heading{display:flex;flex-direction:column;gap:12px}.client-heading>.actions{display:flex;flex-wrap:wrap;width:100%;gap:8px}.client-heading>.actions>.btn,.client-heading>.actions>.workspace-more{flex:1}.workspace-more>summary{text-align:center}.client-summary{flex-wrap:wrap;gap:8px 14px;padding:14px 0}.order-money{margin:4px 0 18px}.order-money>div{min-width:0;padding:13px 10px}.order-money strong{font-size:18px;letter-spacing:-.5px;overflow-wrap:anywhere}.order-money small{font-size:11px}.order-stage-selector .operation-progress{display:flex;overflow-x:auto;gap:8px;padding:4px 0 12px;scroll-snap-type:x proximity}.order-stage-selector .operation-progress>button{flex:0 0 135px;min-height:70px;scroll-snap-align:start}.order-stage-heading{flex-wrap:wrap;gap:8px}.order-grid{grid-template-columns:1fr}.board-list-caption{align-items:stretch;flex-direction:column}.board-view-controls{justify-content:space-between;width:100%;gap:8px}.board-view-controls select{min-width:0;width:55%;font-size:16px}.board-view-controls>div{flex-shrink:0}.board-list-head{display:none}.board-list-row{grid-template-columns:1fr 150px;padding:18px;gap:14px}.board-list-subject{grid-column:1/-1}.board-list-subject .board-card-title{font-size:16px}.board-list-row select{font-size:16px}.board-list-row>.board-priority{align-self:center}.board-overview{padding:18px;margin-bottom:20px}.board-heading-actions>button{min-height:46px}.company-grid>.company-card:not(.website-company-card){display:block;padding:20px}.company-card:not(.website-company-card) .card-heading{display:flex}.company-card:not(.website-company-card) .card-heading h3{font-size:18px}.company-card:not(.website-company-card)>p{margin:8px 0 16px}.company-card:not(.website-company-card)>.card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.company-card:not(.website-company-card) .card-meta small{font-size:11px}.company-card:not(.website-company-card) .card-meta b{font-size:15px;overflow-wrap:anywhere}.company-card:not(.website-company-card)>.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.company-card:not(.website-company-card)>.actions>button:first-child{grid-column:1/-1;width:100%;margin:0}.company-card:not(.website-company-card)>.actions>button{font-size:12px;white-space:normal;min-height:46px}.company-summary{padding:16px;line-height:1.6}.profile-layout[data-visual-tabs]{display:block!important}.profile-layout .workspace-pane>.panel{padding:20px 16px}.workspace-long-form{overflow:visible}.workspace-long-form>.actions,.website-savebar{position:sticky;bottom:0;z-index:12;background:#fff;padding:14px 8px calc(14px + env(safe-area-inset-bottom));margin-top:24px;border-top:1px solid #dfe6ef;box-shadow:0 -6px 18px #172b4209;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px}.workspace-long-form>.actions>button{flex:1;min-height:48px;white-space:normal}.website-savebar{bottom:0!important}.website-savebar span{line-height:1.5}.workspace-long-form input,.workspace-long-form select,.workspace-long-form textarea,dialog input,dialog select,dialog textarea{font-size:16px!important}.stock-tile .tile-cover{max-height:240px}.stock-tile .tile-cover:not(:has(img)){height:100px;min-height:100px}.stock-tile .tile-content{padding:18px}.tile-title{font-size:20px}.toast,.portal-toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}.workspace-pane .fiscal-settings-entry{display:flex;flex-direction:column;align-items:stretch}.workspace-pane .fiscal-settings-entry button{width:100%}
}
@media(prefers-reduced-motion:no-preference){.workspace-pane{animation:workspace-enter .15s ease-out}@keyframes workspace-enter{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}}
/* Balanced rows also when an order has seven or eight sections. */
@media(min-width:761px){.order-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.vehicle-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}}
.order-navigation-link .order-navigation-icon{color:#596b82}.order-navigation-link[aria-current=page] .order-navigation-icon{color:#0036ff}
/* Website cards have their own layout; never inherit the company directory rows. */
.admin-content .website-company-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.website-company-grid>.website-company-card{min-width:0;display:flex;flex-direction:column;position:relative}
.website-company-grid .website-company-card>.tag{position:absolute;top:25px;right:25px;float:none;margin:0;align-self:flex-end;max-width:calc(100% - 100px)}
.website-company-grid .website-company-card>.primary{margin-top:auto;min-height:44px}
@media(max-width:760px){.admin-content .website-company-grid{grid-template-columns:minmax(0,1fr)}.website-company-grid>.website-company-card{padding:20px}.website-company-grid .website-company-card>.tag{top:20px;right:20px}.admin-page .website-fields input,.admin-page .website-fields select,.admin-page .website-fields textarea{font-size:16px}}
.kilvo-commercial-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.commercial-plan{display:flex;flex-direction:column;min-width:0;padding:30px}.commercial-plan h2{font-size:25px;margin:16px 0}.commercial-price{font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:1.2}.commercial-price span{font-size:15px;font-weight:400;color:#596b82;letter-spacing:0}.commercial-limit{padding:15px 0;margin:10px 0;border-bottom:1px solid #e1e7ef;font-size:16px}.commercial-plan ul{padding:0 0 0 20px;margin:18px 0;line-height:1.6;font-size:14px}.commercial-plan li{padding:5px 0}.commercial-web-note{font-size:13px;margin-bottom:22px}.commercial-setup{margin-top:auto;background:#f1f5fb;border-radius:12px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.commercial-setup>b{font-size:25px}.commercial-setup small{grid-column:1/-1;color:#596b82;font-size:12px;line-height:1.6}.commercial-plan-web{border-color:#b7c8ff;box-shadow:0 4px 20px #0036ff08}.commercial-plan-web .commercial-price{color:#0036ff}.commercial-upgrade{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:24px}.commercial-upgrade h2{margin:12px 0}.commercial-upgrade p{font-size:14px;line-height:1.8;max-width:76ch}.commercial-upgrade-price{font-size:30px;font-weight:650;white-space:nowrap}.commercial-upgrade-price small{display:block;font-size:12px;color:#596b82;font-weight:400;margin-top:8px}@media(max-width:760px){.kilvo-commercial-plans{grid-template-columns:minmax(0,1fr);gap:18px}.commercial-plan{padding:24px 20px}.commercial-price{font-size:36px}.commercial-upgrade{align-items:flex-start;flex-direction:column;gap:16px}.commercial-setup{padding:16px}.commercial-setup>span{line-height:1.5}}
.company-subscription-panel{display:grid;grid-template-columns:1fr 340px;gap:30px;margin-top:22px}.company-subscription-panel h2{margin:12px 0;font-size:24px}.company-subscription-panel p{line-height:1.7}.company-subscription-panel form{display:flex;flex-direction:column;gap:14px}.contract-generation{background:#f2f5fc;border:1px solid #dfe6ef;border-radius:12px;padding:20px;margin:20px 0}.contract-generation p{font-size:13px;line-height:1.7}.contract-generation [role=status]{overflow-wrap:anywhere}.contract-generation a{display:inline-flex;margin-top:12px}@media(max-width:760px){.company-subscription-panel{grid-template-columns:minmax(0,1fr);gap:20px}.company-subscription-panel select{font-size:16px;min-height:48px}.company-subscription-panel button,.contract-generation button{min-height:48px;width:100%}.contract-generation{padding:16px}}