/* Common visual language for all operational screens. */
:root{--ink:#151719;--ink2:#454d54;--muted:#56636a;--paper:#f5f5f1;--card:#fff;--line:#dde4e0;--green:#176145;--strong-green:#11543a;--mint:#e4f2e9;--shadow:0 5px 20px #182b2310}
body{color:var(--ink);background:var(--paper)}
.pagehead h1{color:var(--ink);font-weight:800;letter-spacing:-.035em}
.pagehead p,.muted{color:var(--muted)}
.eyebrow{color:#557166}
.btn,.simple-task,.nav button,.bottomnav button,input,select,textarea{font-family:inherit}
.btn{border-radius:10px;min-height:48px;font-weight:700}
.btn:not(.secondary):not(.light):not(.danger){background:var(--green);color:#fff}
.btn.secondary,.btn.light{background:#fff;color:#174c3a;border-color:#cbdcd3}
.btn:focus-visible,.nav button:focus-visible,.simple-task:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #75b79a;outline-offset:2px}
.card,.panel,.tablewrap,.simple-today,.simple-more,.searchbar{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.searchbar{border-radius:12px;min-height:62px}
.simple-actions{gap:14px}.simple-task{border-radius:12px;background:white;border-color:var(--line);min-height:112px;align-items:center;color:var(--ink)}
.simple-task.primary{background:var(--green);border-color:var(--green);color:#fff}
.simple-task strong{font-size:17px}.simple-task small{font-size:13px}
.simple-today,.panel,.tablewrap{border-radius:12px}.simple-section-head h2,.panel-head h2{font-size:21px;color:var(--ink)}
.plate{color:#151719;background:white;border-color:#cbd7d0}
.pill{font-weight:700}.pill.ready,.pill.green{background:#e0f3e7;color:#175a36}
dialog{border-radius:16px;box-shadow:0 24px 80px #10251b40}
.modal-head,.modal-foot{background:#fff}.modal-head h2{color:var(--ink)}
@media(min-width:1101px){
  .shell{max-width:none;margin:0;padding:0 34px 40px 250px}
  .topbar{height:78px}.topbar .brand{font-size:18px}
  .nav{position:fixed;z-index:6;left:0;top:0;bottom:0;width:220px;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;padding:25px 12px;background:#202a2b;border:0;overflow-y:auto;scrollbar-width:thin}
  .nav:before{content:'LASTİK OTELİ';display:block;padding:10px 12px 25px;color:white;font-size:18px;font-weight:800;letter-spacing:.02em}
  .nav button{color:#e9f0ec;min-height:48px;flex:none;justify-content:flex-start;padding:12px 14px;font-size:14px}
  .nav button svg{display:block}.nav button.active{background:var(--green);color:#fff;box-shadow:none}
  .nav button:hover:not(.active){background:#344441;color:white}
}
@media(max-width:1100px){.nav button.active{box-shadow:none}.simple-task{min-height:104px}}
@media(max-width:600px){.simple-task{min-height:82px}.pagehead h1{font-size:28px}.simple-task strong{font-size:16px}.searchbar{min-height:56px}.bottomnav{background:#fff}.bottomnav button.add{background:var(--green)}}

/* Dashboard layout follows the approved screen rather than only its palette. */
.reference-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 24px}
.reference-actions .simple-task{min-height:100px;padding:20px;align-items:center;gap:18px}
.reference-actions .simple-task-icon{flex:none}
.reference-actions .simple-task-arrow{margin-left:auto}
.reference-home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:start}
.reference-home-grid .simple-today{margin:0}
.reference-alerts{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px}
.reference-alerts h2{font-size:20px;margin:0 0 18px}
.reference-alerts button{position:relative;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 48px 16px 16px;margin-bottom:10px;color:var(--ink);cursor:pointer}
.reference-alerts button strong,.reference-alerts button span{display:block}.reference-alerts button strong{font-size:14px}.reference-alerts button span{font-size:12px;color:var(--muted);margin-top:5px}.reference-alerts button b{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:23px;color:var(--green)}
.reference-guide{margin:20px 0;background:#edf4ef;border:1px solid #dae8dc;border-radius:12px;padding-bottom:18px}
.reference-guide .simple-section-head{padding:20px}.reference-guide .simple-section-head span{color:var(--muted);font-size:13px}
.reference-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 18px}
.reference-steps>div{background:white;border:1px solid var(--line);border-radius:10px;padding:16px;min-height:110px}
.reference-steps b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;margin-right:9px}.reference-steps strong{font-size:15px}.reference-steps p{color:var(--muted);line-height:1.45;font-size:13px;margin:14px 0 0}
.customer-group{border-radius:12px}.customer-group h3{font-size:19px;color:var(--ink)}
.reference-customer-list{display:grid;grid-template-columns:1fr;gap:12px}
.reference-customer-list .customer-group{padding:20px 24px}
.reference-customer-head{display:flex;align-items:center;gap:16px}.reference-customer-head h3{margin:0}.reference-customer-head p{margin:5px 0 0;color:var(--muted)}.reference-customer-head .actions{margin-left:auto}
.reference-customer-avatar{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:#d7efe2;color:#176145;font-weight:800;font-size:19px}
.reference-customer-vehicles{display:grid;grid-template-columns:90px 1fr;gap:12px;margin-top:18px;padding:15px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.reference-customer-vehicles>div>div{display:flex;align-items:center;gap:12px;margin:5px 0}.reference-customer-vehicles strong{color:var(--ink);font-weight:600}
.tire-group{background:#fff;border-radius:10px;border:1px solid var(--line);margin-bottom:10px}
.tire-group summary{min-height:76px}
@media(max-width:1000px){.reference-home-grid{grid-template-columns:1fr}.reference-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.reference-actions{grid-template-columns:1fr}.reference-actions .simple-task{min-height:78px}.reference-steps{grid-template-columns:1fr 1fr}.reference-guide .simple-section-head{align-items:flex-start}.reference-guide .simple-section-head span{display:none}}
@media(max-width:650px){.reference-customer-head{flex-wrap:wrap}.reference-customer-head .actions{margin-left:0}.reference-customer-vehicles{grid-template-columns:1fr;gap:4px}.reference-customer-list .customer-group{padding:16px}}
@media(max-width:380px){.reference-steps{grid-template-columns:1fr}}
.season-report>p{color:var(--muted);line-height:1.5}.season-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.season-cards>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.season-cards strong,.season-cards span{display:block}.season-cards strong{font-size:30px;color:var(--green)}.season-cards span{margin-top:7px;color:var(--ink2)}.season-report h3{margin-top:28px}.season-report .tablewrap{overflow-x:auto}
@media(max-width:650px){.season-cards{grid-template-columns:1fr}.season-cards>div{padding:15px}.season-cards strong{font-size:24px}}

/* Approved application layout: compact header, dark rail and clear task rows. */
.reference-nav-brand,.reference-nav-user{display:none}
.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}
.shell{color:#17201c}.pagehead{padding:24px 0 18px;gap:16px}.pagehead h1{font-size:clamp(27px,2.5vw,36px);line-height:1.15}.pagehead p{margin-top:6px}.pagehead .eyebrow{display:none}
.searchbar{margin:0 0 16px;min-height:50px;padding:8px 14px;box-shadow:none}.searchbar input{font-size:14px}.searchbar .key{display:none}
.tabs{gap:6px;margin:10px 0 16px}.tabs button{border-radius:8px;min-height:38px;padding:8px 15px;font-weight:650}.tabs button.active{background:#176145;color:#fff}
.btn{min-height:44px;box-shadow:none}.btn.small{min-height:38px}.card,.panel,.tablewrap,.simple-today,.simple-more{box-shadow:0 2px 10px #1c2a2210}
@media(min-width:1101px){
  .shell{padding-left:226px;padding-right:28px}.topbar{height:61px;justify-content:flex-end}.topbar>.brand{display:none}.topbar .topright{margin-left:auto}
  .nav{width:196px;background:#1b2828;padding:18px 10px}.nav:before{content:none}.nav button{font-size:14px;min-height:44px;padding:10px 13px}
  .reference-nav-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:8px 7px 25px;font-size:16px;font-weight:800;line-height:1.1}.reference-nav-brand svg{width:30px;height:30px;flex:none}.reference-nav-brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:.08em;font-weight:500;color:#d2ddda}
  .reference-nav-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 7px 8px;border-top:1px solid #42514c;color:#fff;font-weight:650;font-size:13px}.reference-nav-user small{display:block;color:#aebfba;font-size:11px;margin-top:4px;font-weight:400}.reference-nav-user .avatar{background:#6b9e83;color:white}
}
/* Customer cards and plate-based tire list. */
.reference-customer-list{gap:10px}.reference-customer-list .customer-group{padding:16px 20px}.reference-customer-head .pill{margin-left:auto}.reference-customer-head .actions{margin-left:8px}.reference-customer-vehicles{margin-top:13px;padding:11px 0}.reference-customer-vehicles>div>div{margin:5px 0}.reference-customer-list .meta{padding-top:5px}
.page-tires{display:grid;grid-template-columns:minmax(240px,1fr) auto;column-gap:12px}.page-tires>*{grid-column:1/-1}.page-tires>.searchbar{grid-column:1;grid-row:2;margin:0}.page-tires>.reference-season-filters{grid-column:2;grid-row:2}
.reference-season-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reference-season-filters button{background:#fff;border:1px solid #dae4dd;border-radius:7px;min-height:42px;padding:8px 13px;color:#263c31;font-weight:650;cursor:pointer}.reference-season-filters button.active{background:#176145;color:#fff;border-color:#176145}
.tire-filter-panel{margin:10px 0 4px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:#fff}.tire-filter-panel>summary{padding:11px 0;font-weight:700;cursor:pointer;color:#2c5141}.tire-filter-panel[open]{padding-bottom:15px}.tire-filter-heading strong{font-size:16px}.tire-filter-grid{margin-top:12px}.tire-filter-note{margin-bottom:0}.tire-filter-footer{margin-top:12px}
.tire-group{margin:0 0 9px}.tire-group>summary{display:flex;align-items:center;gap:14px;padding:15px 18px;min-height:72px}.tire-group-main{min-width:200px}.tire-group-customer{font-size:12px;color:#596963}.tire-group-summary{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:20px}.reference-tire-icons{display:inline-flex;gap:1px;color:#26362e}.reference-tire-icons svg{width:19px;height:19px}.reference-tire-open{background:#e0f1e6;color:#145e3e;padding:10px 13px;border-radius:7px;font-weight:700;white-space:nowrap}.tire-group-chevron{display:none}
/* Weekly calendar keeps every weekday and actual appointment time. */
.reference-calendar{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}
.reference-calendar-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.reference-calendar-bar>span{color:var(--muted);font-size:12px}.reference-calendar-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reference-calendar-nav strong{min-width:170px;text-align:center;font-size:14px}.reference-calendar-nav .btn{padding:7px 12px}.reference-calendar-nav input{min-height:38px;width:145px}
.reference-calendar-scroll{overflow:auto;max-height:680px}.reference-calendar-grid{display:grid;grid-template-columns:54px repeat(7,minmax(135px,1fr));min-width:999px;background:#fff}.reference-calendar-corner,.reference-calendar-day{position:sticky;top:0;z-index:2;background:#f7f8f6;border-bottom:1px solid #dce3de;min-height:54px}.reference-calendar-corner{display:grid;place-items:center;color:#7b8a82;font-size:11px}.reference-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-left:1px solid #e5eae6;font-size:12px}.reference-calendar-day span{color:#67756e;font-size:11px}.reference-calendar-day.today{background:#e7f4eb}
.reference-calendar-time{border-bottom:1px solid #edf0ed;text-align:center;color:#66766d;font-size:11px;padding-top:9px}.reference-calendar-cell{min-height:76px;border-left:1px solid #e9eeea;border-bottom:1px solid #e9eeea;padding:4px;display:flex;flex-direction:column;gap:4px;background:#fff}.reference-calendar-ticket{display:flex;flex-direction:column;gap:4px;text-align:left;border:0;border-left:4px solid #d79410;border-radius:5px;background:#fff4d6;color:#202a23;padding:8px;width:100%;cursor:pointer}.reference-calendar-ticket.ready{border-color:#15915b;background:#dff4e7}.reference-calendar-ticket.closed{border-color:#858f89;background:#edf0ee}.reference-calendar-ticket strong{font-size:12px}.reference-calendar-ticket span{font-size:11px}.reference-calendar-ticket small{width:max-content;max-width:100%;font-size:10px;font-weight:700;background:#ffe3a3;color:#684700;border-radius:4px;padding:3px 5px}.reference-calendar-ticket.ready small{background:#bde9ce;color:#155636}.reference-calendar-ticket.closed small{background:#dbe1dd;color:#435048}
/* Daily warehouse preparation, with the week view still available. */
.reference-prep-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.reference-prep-date,.reference-prep-days{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.reference-prep-date strong{min-width:120px;text-align:center}.reference-prep-date .btn{padding:6px 11px}.reference-prep-date input{width:140px;min-height:38px}.reference-prep-days button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 11px;color:#34483e;cursor:pointer}.reference-prep-days button.active{background:#176145;color:#fff;border-color:#176145}
.reference-prep-filters{display:flex;align-items:center;justify-content:space-between;gap:15px}.reference-prep-filters .tabs{margin:0 0 12px}.reference-prep-filters .tabs span{font-size:11px;opacity:.8}.reference-prep-filters .searchbar{width:min(330px,100%);margin:0 0 12px;min-height:42px}
.reference-prep-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.reference-prep-columns{display:grid;grid-template-columns:2fr 1.35fr .75fr 1.3fr 138px;gap:12px;background:#f3f5f2;color:#61716a;padding:12px 16px;font-size:11px;font-weight:700}.reference-prep-row{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:10px;align-items:start;border-top:1px solid #e7ece8;padding:0 14px}.reference-prep-row>details>summary{display:grid;grid-template-columns:2fr 1.35fr .75fr 1.3fr;gap:12px;align-items:center;min-height:82px;cursor:pointer;list-style:none}.reference-prep-row summary::-webkit-details-marker{display:none}.reference-prep-row small{display:block;color:#6a7b72;font-size:11px;margin-top:5px}.reference-prep-row strong{font-size:13px}.reference-prep-location strong{display:block}.reference-prep-progress .progress{height:6px;margin:7px 0 0}.reference-prep-detail{display:none}.reference-prep-scan{display:flex;align-items:center;min-height:82px}.reference-prep-scan .btn{white-space:nowrap}.reference-done{color:#176145;font-weight:750}.reference-prep-expanded{padding:4px 0 15px}.reference-prep-expanded .card{box-shadow:none;background:#f8faf8}.reference-extra{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px}.reference-extra>summary{color:#315a46;font-weight:700;cursor:pointer}.reference-extra[open]>summary{margin-bottom:15px}
/* Acceptance retains the existing five validated steps, shown as a guided panel. */
dialog:has(#wizard-next){width:min(1060px,calc(100vw - 36px));max-width:none;max-height:94vh;border:0;border-radius:14px}dialog:has(#wizard-next) .modal-head{padding:19px 26px}dialog:has(#wizard-next) .modal-body{padding:22px 26px}.wizard-nav{justify-content:space-between;gap:8px;border-bottom:1px solid #e2e9e3;margin-bottom:22px}.wizard-nav span{font-size:13px;font-weight:650}.wizard-nav b{width:32px;height:32px;flex:none}
#tire-forms .tire-form:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:'title photo' 'fields photo' 'damage photo' 'check photo';column-gap:20px;background:#fff;padding:20px;border:1px solid var(--line)}#tire-forms .tire-form[hidden]{display:none!important}#tire-forms .tire-form>h3{grid-area:title;margin:0}#tire-forms .tire-form>.grid3{grid-area:fields;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#tire-forms .tire-form>label{grid-area:damage}#tire-forms .tire-check{grid-area:check}#tire-forms .tire-photo-field{grid-area:photo;align-self:start;margin:0;background:#f6f8f6;border-radius:10px;padding:14px}.reference-photo-preview{height:150px;border-radius:8px;background:#e9eeea;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;margin:10px 0;color:#64736b;font-size:12px;text-align:center}.reference-photo-preview svg{width:36px;height:36px}.reference-photo-preview img:not([hidden]){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px}.reference-photo-preview.has-image svg,.reference-photo-preview.has-image span{visibility:hidden}.tire-photo-actions{display:flex;flex-wrap:wrap;gap:8px}.tire-photo-button{flex:1;text-align:center}.tire-check .check{font-weight:750;color:#1b382a}#copy-common{background:#e5f3e9;color:#145e3e;border-color:#9fcbb0;font-weight:800}
@media(max-width:1100px){.reference-nav-brand,.reference-nav-user{display:none}.reference-calendar-grid{min-width:950px}}
@media(max-width:760px){.pagehead{padding-top:18px}.page-tires{grid-template-columns:1fr}.page-tires>.searchbar,.page-tires>.reference-season-filters{grid-column:1;grid-row:auto}.reference-season-filters{margin-bottom:4px}.tire-group>summary{align-items:flex-start;flex-direction:column;gap:8px}.tire-group-summary{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:10px}.reference-tire-open{margin-left:auto}.reference-tire-icons{display:none}.reference-prep-filters{align-items:stretch;flex-direction:column;gap:0}.reference-prep-filters .searchbar{width:100%}.reference-prep-columns{display:none}.reference-prep-row{grid-template-columns:1fr;gap:0;padding:14px}.reference-prep-row>details>summary{grid-template-columns:1fr 1fr;gap:10px;min-height:0}.reference-prep-scan{min-height:0;margin-top:12px}.reference-prep-scan .btn{width:100%;justify-content:center}.reference-prep-date input{max-width:120px}.reference-calendar-nav strong{min-width:0}.reference-calendar-bar>span{display:none}#tire-forms .tire-form:not([hidden]){grid-template-columns:1fr;grid-template-areas:'title' 'fields' 'photo' 'damage' 'check'}#tire-forms .tire-photo-field{margin-top:15px}.wizard-nav{overflow-x:auto;justify-content:flex-start;padding-bottom:15px}.wizard-nav span{white-space:nowrap}}
@media(max-width:420px){#tire-forms .tire-form>.grid3{grid-template-columns:1fr}.reference-prep-days button{padding:8px}.reference-customer-head .pill{margin-left:0}}
.reference-customer-list .card .actions{margin-top:0}.reference-customer-list .card .meta{margin-top:0;padding:6px 0}.reference-customer-list .customer-vehicles{margin-top:4px}.reference-customer-list .customer-vehicles>summary{padding:10px 0}
dialog:has(.reference-document){width:min(1000px,calc(100vw - 36px));max-width:none;max-height:94vh}.reference-document-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px;margin-bottom:22px}.reference-document-summary>div{display:flex;flex-direction:column;gap:8px;min-width:0}.reference-document-summary>div+div{border-left:1px solid var(--line);padding-left:18px}.reference-document-summary small{color:#61736a;font-size:10px;font-weight:700;letter-spacing:.05em}.reference-document-summary strong{font-size:15px}.reference-document-summary span{color:var(--muted);font-size:13px}.reference-document h3{margin:22px 0 8px}.reference-document-tires{border:1px solid var(--line);border-radius:9px;overflow:hidden}.reference-document-tires>div{padding:12px 14px;border-bottom:1px solid var(--line)}.reference-document-tires>div:last-child{border:0}.reference-document-tires strong,.reference-document-tires span{display:block}.reference-document-tires span{color:var(--muted);font-size:12px;margin-top:5px}.reference-document-photos,.reference-review-photos>div{display:flex;flex-wrap:wrap;gap:12px}.reference-document-photo,.reference-review-photo{margin:0;width:160px;max-width:100%}.reference-document-photo img,.reference-review-photo img{width:100%;height:105px;object-fit:cover;border-radius:8px}.reference-document-photo figcaption,.reference-review-photo figcaption{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-top:5px;color:#53675b}.reference-document-status{background:#edf5ef;border-radius:8px;padding:12px;margin-top:20px;color:#185c3c;font-weight:700;font-size:13px}.reference-document .actions{display:flex;justify-content:flex-end;margin-top:18px}
.reference-review-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;align-items:start}.reference-review-photos{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.reference-review-photos>div{margin-top:12px}.reference-review-photos p{color:var(--muted);font-size:13px}.reference-review-photo{width:130px}.reference-review-photo img{height:85px}
@media(max-width:650px){.reference-document-summary{grid-template-columns:1fr}.reference-document-summary>div+div{border:0;border-top:1px solid var(--line);padding:12px 0 0}.reference-review-grid{grid-template-columns:1fr}.reference-document-photo{width:calc(50% - 6px)}}
.page-season_plan .season-report>h2{display:none}.page-season_plan .season-report>p{margin-top:0}
.reference-sensor{min-width:0;border:0;margin:0;padding:0}.reference-sensor legend{font-weight:700;font-size:13px;color:#23372d;margin-bottom:8px}.reference-sensor>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f3f5f3;border:1px solid #d3dfd7;border-radius:7px;overflow:hidden}.reference-sensor label{position:relative;display:block;margin:0;cursor:pointer}.reference-sensor input{position:absolute;opacity:0;width:1px;height:1px}.reference-sensor span{display:block;text-align:center;padding:11px 3px;font-size:12px;color:#263d30}.reference-sensor input:checked+span{background:#176145;color:white;font-weight:750}.reference-sensor input:focus-visible+span{outline:3px solid #75b79a;outline-offset:-3px}
dialog:has(#wizard-next){overflow-x:hidden}dialog:has(#wizard-next) .modal-body{overflow-x:hidden;min-width:0}
.reference-season-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px}.reference-season-toolbar .tabs{margin:0}.reference-season-search{display:flex;align-items:center;gap:9px;width:min(340px,100%);border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px}.reference-season-search svg{width:18px;height:18px;color:#536a5e;flex:none}.reference-season-search input{min-width:0;width:100%;border:0;outline:0;box-shadow:none;padding:10px 0;font-size:13px}
@media(max-width:650px){.reference-season-toolbar{align-items:stretch;flex-direction:column}.reference-season-search{width:100%}}

/* Reference screens: neutral surface, compact white cards and dark navigation. */
:root{--paper:#f7f7f6;--card:#fff;--ink:#101614;--line:#e3e7e4;--green:#12663f;--strong-green:#0e5734}
body{background:#f7f7f6;color:#101614}
.pagehead h1{font-weight:750;letter-spacing:-.035em}
.pagehead p{color:#64716a}
.reference-calendar,.reference-prep-list,.customer-group,.tire-group,.season-cards>div{border-color:#e2e7e3;box-shadow:0 2px 9px #14281b0a}
.reference-season-filters button.active,.reference-prep-days button.active,.nav button.active,.reference-sensor input:checked+span{background:#12663f;border-color:#12663f}
.reference-prep-columns,.reference-calendar-day,.reference-calendar-corner{background:#f4f5f3}
.reference-prep-row,.tire-group>summary{background:#fff}
@media(min-width:1101px){.nav{background:#192625}.reference-nav-brand{padding-bottom:24px}.topbar{border-color:#e9eeea}}
.page-vehicles{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.page-vehicles>*{grid-column:1/-1}.page-vehicles>.pagehead{display:contents}.page-vehicles>.pagehead>div:first-child{grid-column:1/-1;grid-row:1;padding:20px 0 14px}.page-vehicles>.pagehead h1{font-size:36px}.page-vehicles>.pagehead p:empty{display:none}.page-vehicles>.pagehead>.actions{grid-column:2;grid-row:2;align-items:stretch}.page-vehicles>.searchbar{grid-column:1;grid-row:2;margin:0}.page-vehicles .pagehead .actions .btn[data-action=guide]{display:none}
.customer-filters{margin:10px 0;color:#435b4c}.customer-filters>summary{cursor:pointer;font-size:12px;font-weight:650}.customer-filters .tabs{margin-bottom:0}.reference-customer-list{gap:16px}.reference-customer-list .customer-group{padding:18px 22px}.reference-customer-head{display:flex;gap:18px;align-items:center}.reference-customer-avatar{width:58px;height:58px;background:#cdeedd;color:#175f40;font-size:20px}.reference-customer-identity h3{font-size:18px}.reference-customer-identity p{font-size:14px;margin-top:7px}.reference-company{margin-left:auto;display:flex;flex-direction:column;gap:5px;color:#263b30;font-size:13px}.reference-company small{color:#6c7871}.reference-customer-head .actions{margin-left:auto}.reference-customer-vehicles{margin:10px 0 0;padding:12px 0 0;grid-template-columns:68px 1fr}.reference-customer-vehicles>div>div{border-bottom:1px solid #eef1ee;min-height:34px;margin:0}.reference-customer-vehicles>div>div:last-child{border:0}.reference-car-icon{color:#667872;font-size:16px}.customer-vehicles{margin-top:8px}.customer-vehicles>summary{padding:8px 0;font-size:12px}
@media(max-width:650px){.page-vehicles{grid-template-columns:1fr}.page-vehicles>.pagehead>.actions{grid-column:1;grid-row:3;margin:8px 0}.page-vehicles>.searchbar{grid-column:1;grid-row:2}.reference-customer-head{flex-wrap:wrap}.reference-company{margin-left:0}.reference-customer-vehicles{grid-template-columns:1fr;gap:4px}}
.reference-car-icon{width:20px;height:20px;flex:none}
.page-tires>.pagehead{padding-bottom:14px}.page-tires>.pagehead p:empty{display:none}.page-tires>.pagehead .actions{display:none}
.page-tires>.tire-filter-panel{margin:8px 0 12px;padding:0 12px}.page-tires>.tire-filter-panel>summary{padding:8px 0;font-size:12px}.page-tires>.tire-filter-panel[open]{padding-bottom:14px}.tire-extra-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.page-tires .tire-groups{display:grid;gap:10px}.page-tires .tire-group{margin:0}.page-tires .tire-group>summary{min-height:62px;padding:12px 16px;gap:18px}.page-tires .tire-group-main{min-width:auto;flex:none}.page-tires .tire-group-summary{justify-content:space-between;gap:16px}.reference-tire-icons{display:inline-flex;gap:2px}.reference-tire-shape{display:inline-block;width:12px;height:29px;border-radius:5px;background:repeating-linear-gradient(90deg,#101514 0px,#4d5350 2px,#161b19 4px);box-shadow:inset 1px 0 2px #87928c55,inset -1px 0 2px #0009}.reference-season-value,.reference-location-value{display:inline-flex;align-items:center;gap:5px;white-space:normal}.reference-season-icon{font-size:20px;line-height:1;color:#237850}.reference-season-icon.summer{color:#eaa42b}.reference-season-icon.winter{color:#168cc6}.reference-location-value>span{font-size:18px;color:#36544a}.page-tires .reference-tire-open{margin-left:auto}
@media(max-width:760px){.page-tires .tire-group>summary{align-items:center;flex-direction:row;flex-wrap:wrap}.page-tires .tire-group-summary{justify-content:flex-start;flex-wrap:wrap;gap:10px}.page-tires .reference-tire-icons{display:inline-flex}.reference-tire-shape{width:10px;height:25px}.page-tires .reference-tire-open{margin-left:auto}}
.plate:before{content:none;display:none}.plate{padding:5px 9px}

/* Listelerde satırları daha kolay takip etmek için dönüşümlü yüzeyler. */
.reference-customer-list>.customer-group:nth-child(odd),.page-tires .tire-group:nth-child(odd)>summary{background:#fff}
.reference-customer-list>.customer-group:nth-child(even),.page-tires .tire-group:nth-child(even)>summary{background:#e5f2e9}
table tbody tr:nth-child(odd){background:#fff}
table tbody tr:nth-child(even){background:#e5f2e9}
.reference-prep-list>.reference-prep-row:nth-child(even){background:#fff}
.reference-prep-list>.reference-prep-row:nth-child(odd){background:#e5f2e9}

/* Müşteri listesi: referanstaki sade tablo düzeni. */
.page-vehicles{display:block}
.customer-table-page{background:#fff;border:1px solid #e0e5e7;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px #1c2d3410;color:#202832}
.customer-table-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 12px}
.customer-table-heading h1{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#171e25}
.customer-table-heading h1 span{display:inline-block;width:26px;margin-right:12px;font-size:25px;color:#3d4751}
.customer-table-heading .btn,.customer-table .btn{background:#226d43;border-color:#226d43;color:#fff;border-radius:5px;font-weight:700}
.customer-table-toolbar{display:flex;gap:14px;padding:7px 20px 16px}
.customer-table-toolbar .searchbar{flex:1;margin:0;min-width:0;height:39px;border:1px solid #d5dce0;border-radius:5px;box-shadow:none;padding:0 12px}
.customer-table-toolbar .searchbar input{font-size:14px}.customer-table-toolbar .searchbar .key{display:none}
.customer-status{width:190px;flex:none}.customer-status select{width:100%;height:39px;border:1px solid #d5dce0;border-radius:5px;background:#fff;color:#29333e;padding:0 12px;font-size:14px}
.customer-table-scroll{width:100%;overflow-x:auto}.customer-table{width:100%;border-collapse:collapse;min-width:700px;font-size:13px}
.customer-table thead{background:#f1f3f5}.customer-table th{text-align:left;color:#38424e;font-weight:700;padding:13px 14px;white-space:nowrap}
.customer-table td{padding:10px 14px;vertical-align:middle;border:0;color:#222a33}.customer-table tbody tr:nth-child(odd){background:#fff}.customer-table tbody tr:nth-child(even){background:#e5f2e9}
.customer-table td:first-child{font-weight:700}.customer-table td:last-child{white-space:nowrap}.customer-table td .btn{min-height:34px;padding:7px 15px;font-size:12px}
.customer-status-badge{display:inline-block;padding:5px 10px;background:#d9f1df;color:#287346;border-radius:4px;font-weight:700;font-size:12px}
@media(max-width:650px){.customer-table-heading{padding:16px 14px 10px}.customer-table-heading h1{font-size:21px}.customer-table-toolbar{padding:8px 14px 14px;flex-wrap:wrap}.customer-table-toolbar .searchbar{flex-basis:100%}.customer-status{width:100%}}
.customer-heading-icon{display:inline-block;width:27px;height:27px;vertical-align:middle;margin-right:12px;color:#3d4751}
.customer-table thead th{background:#f1f3f5}