:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152338;background:#f5f7fb;font-synthesis:none;--blue:#087bff;--navy:#111d29;--border:#e5ebf3;--muted:#718097}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid var(--border);border-radius:7px;background:white;padding:10px 15px;color:#25354c;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}button:hover{background:#f0f5fc}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 7px #087bff20}button.primary:hover{background:#006be3}button.danger{color:#d13d50}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.small{padding:7px 11px;font-size:12px}a{color:#087bff;text-decoration:none}a:hover{text-decoration:underline}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(160deg,#101b27,#152433);color:white;position:fixed;width:224px;inset:0 auto 0 0;display:flex;flex-direction:column;padding:26px 14px 18px;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;margin:0 7px 34px;font-size:17px;font-weight:800;letter-spacing:-.5px;line-height:1.05}.brand img{width:42px;height:44px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;font-weight:500;color:#a9bbcf;margin-top:7px}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;color:#c0ccd9;border:0;background:transparent;padding:12px 14px;font-weight:500}.nav button:hover{background:#ffffff0c;color:white}.nav button.active{color:white;background:linear-gradient(90deg,#006bdc,#087bff);box-shadow:0 4px 12px #0002}.nav .icon{width:18px}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#6f8499;margin:24px 14px 9px}.sidebar-bottom{margin-top:auto}.side-status{margin:18px 10px;font-size:11px;color:#9eafbf;display:flex;align-items:center;gap:7px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1abb77}.profile{border-top:1px solid #ffffff12;padding:19px 8px 4px;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dceafb;color:#265a8b;font-weight:700;font-size:12px;flex-shrink:0;border:3px solid white;box-shadow:0 0 0 1px #e7edf4}.profile .avatar{background:#364f68;color:#dceafb;border-color:#263c50}.profile strong{font-size:12px;display:block}.profile small{font-size:10px;color:#93a5b6}.workspace{grid-column:2;padding:0 30px 30px;min-width:0}.topbar{display:flex;height:70px;align-items:center;border-bottom:1px solid var(--border);justify-content:space-between;color:#7c8ba0;font-size:11px}.crumb{display:flex;align-items:center;gap:10px}.top-actions{display:flex;align-items:center;gap:18px}.top-actions .avatar{width:30px;height:30px;font-size:10px}.zone{background:#edf3fa;color:#5b7190;padding:6px 9px;border-radius:5px;font-size:10px}.page-header{display:flex;justify-content:space-between;align-items:center;margin:26px 0 23px;gap:15px}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 8px;font-weight:750}h2{font-size:17px;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0 0 8px}p{font-size:13px;color:#6b7b91;line-height:1.6;margin:5px 0}.header-actions{display:flex;gap:9px;align-items:center}.header-actions button{display:flex;align-items:center;gap:6px}.summary-strip{display:flex;gap:22px;align-items:center;font-size:12px;color:#7c8ba0;margin-bottom:17px}.summary-strip strong{color:#26364d;font-weight:700;margin-left:5px}.summary-strip i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#087bff;margin-right:6px}.summary-strip i.green{background:#16b478}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:18px;align-items:start}.card{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 7px #14294403;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 17px;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.calendar-toolbar .left,.view-switch{display:flex;align-items:center;gap:6px}.calendar-toolbar button{font-size:11px;padding:8px 11px;font-weight:500}.calendar-toolbar .period{font-size:13px;font-weight:650;margin-left:9px;white-space:nowrap}.arrow{padding:7px!important;color:#087bff;display:grid;place-items:center}.view-switch{gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-switch button{border:0;border-radius:0;box-shadow:none}.view-switch .selected{background:#087bff;color:white}.calendar-scroll{overflow-x:auto}.calendar-grid{min-width:710px;display:grid;grid-template-columns:105px repeat(7,minmax(0,1fr))}.calendar-grid.day{grid-template-columns:105px 1fr;min-width:0}.day-head{height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border);border-left:1px solid #edf1f6;font-size:11px;font-weight:650;gap:6px}.day-head span{font-size:11px;font-weight:400;color:#8492a6}.day-head.current span{background:var(--blue);border-radius:50%;color:white;width:24px;height:24px;display:grid;place-items:center;margin-top:-5px;margin-bottom:-2px}.shift-head{padding-left:16px;align-items:flex-start;border-left:0;font-size:12px}.shift-column{height:505px;background:#fafbfd;border-right:1px solid var(--border);padding:12px 10px}.shift{height:95px;border-bottom:1px solid #edf1f6;display:flex;gap:8px;padding-top:12px}.shift:last-child{border:0}.shift-bar{height:30px;width:3px;border-radius:3px;margin-top:1px}.shift strong{font-size:9px;display:block;font-weight:650;white-space:nowrap}.shift small{font-size:10px;color:#8390a3;display:block;margin-top:6px}.day-column{height:505px;position:relative;border-right:1px solid #edf1f6;background:repeating-linear-gradient(to bottom,transparent 0,transparent 107px,#edf1f6 107px,#edf1f6 108px)}.day-column:last-child{border-right:0}.day-column.today{background-color:#fafdff}.job{position:absolute;padding:8px 6px 7px 9px;border:0;border-left:3px solid var(--job-color,#087bff);background:var(--job-bg,#dcefff);color:#24415e;border-radius:5px;text-align:left;font-size:9px;line-height:1.4;overflow:hidden;box-shadow:none;min-height:56px}.job:hover{filter:brightness(.97);background:var(--job-bg,#dcefff);z-index:2;box-shadow:0 2px 10px #2344}.job strong{display:block;font-size:10px;color:#1d3854}.job .vehicle{display:block;font-size:9px;line-height:1.4;margin:3px 0}.job .customer{display:block;opacity:.8}.job .job-time{font-size:8px;opacity:.7;margin-top:4px;display:block}.job.personal{--job-color:#a875f5;--job-bg:#ede3ff}.legend{display:flex;gap:17px;justify-content:center;flex-wrap:wrap;padding:15px 8px;font-size:9px;color:#7a879a;border-top:1px solid var(--border)}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:8px;height:8px;border-radius:50%}.mechanics-panel{padding:18px 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font-size:14px}.panel-heading span{font-size:10px;background:#f0f4f9;padding:3px 7px;border-radius:4px;color:#8090a3}.search-field{position:relative;margin-bottom:15px}.search-field .icon{position:absolute;left:10px;top:11px;width:14px;color:#94a3b8}.search-field input{padding:9px 9px 9px 30px;font-size:11px}.mechanic-filter{display:flex;gap:5px;margin-bottom:13px}.mechanic-filter button{font-size:9px;padding:5px 7px;border-color:transparent;background:#f4f6f9;color:#7c8da2}.mechanic-filter button.selected{background:#e7f2ff;color:#087bff}.mechanic-row{display:flex;align-items:center;gap:9px;padding:15px 0;border-top:1px solid #eef2f7;cursor:pointer}.mechanic-row input{width:14px;height:14px;accent-color:var(--blue);margin:0}.mechanic-row .avatar{width:33px;height:33px;font-size:10px}.mechanic-row strong{display:block;font-size:10px;font-weight:650}.mechanic-row small{display:flex;gap:5px;align-items:center;font-size:9px;color:#8996a7;margin-top:5px}.mechanic-row .dot{height:5px;width:5px}.panel-footer{font-size:10px;color:#8a99ad;line-height:1.6;border-top:1px solid var(--border);padding-top:14px;margin-top:8px}.calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#97a3b3;font-size:10px;margin-top:16px}.pending-bar{margin-top:20px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f7dfaa;background:#fffbf1;border-radius:8px;gap:10px}.pending-bar strong{font-size:12px}.pending-bar p{font-size:11px;margin:3px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{padding:20px}.stat small{font-size:11px;color:#8392a5}.stat strong{font-size:29px;display:block;margin:13px 0 8px;letter-spacing:-1px}.stat p{font-size:10px}.stat .icon{float:right;color:#087bff;width:21px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#f9fbfd;color:#8391a3;font-weight:500;font-size:10px;padding:13px 17px;white-space:nowrap}td{padding:17px;border-bottom:1px solid #edf1f6;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-size:12px}td small{display:block;color:#8c99aa;font-size:10px;margin-top:5px}.table-button{border:0;background:transparent;padding:0;text-align:left;color:#087bff}.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:5px;font-size:10px;text-transform:capitalize;white-space:nowrap;background:#edf2f8;color:#6a7b92}.badge.confirmed,.badge.completed{background:#e5f8ef;color:#15905d}.badge.pending{background:#fff3d6;color:#b57a04}.badge.cancelled{background:#ffe8ec;color:#c5435b}.badge.freelance{background:#f0e9ff;color:#8b5bc0}.card-head{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.card-head h2{font-size:14px}.empty{padding:40px 22px;text-align:center;color:#8a98ac;font-size:12px;line-height:1.8}.empty .icon{display:block;margin:0 auto 14px;width:30px;height:30px;color:#bccadd}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar input{max-width:300px}.toolbar select{width:auto}.availability-layout{display:grid;grid-template-columns:minmax(0,850px) 1fr;gap:20px}.availability-table td,.availability-table th{text-align:center;padding:18px 10px}.availability-table td:first-child,.availability-table th:first-child{text-align:left;padding-left:22px}.availability-table input{width:17px;height:17px;accent-color:var(--blue)}.availability-table .window-label{font-size:10px}.availability-bottom{padding:20px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.checkbox{display:flex;gap:9px;align-items:center;font-size:12px;color:#667c94}.checkbox input{width:16px;height:16px;accent-color:var(--blue)}.info-card{padding:22px;background:#eef5fe;border-color:#dceaff;align-self:start}.info-card h3{font-size:13px;color:#2766ac}.info-card p{font-size:12px;color:#6484a7}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.note{padding:21px}.note p{white-space:pre-wrap;color:#526980;font-size:13px}.note small{color:#8d9bad;font-size:10px}.note .small{float:right}.message{padding:19px 22px;display:flex;gap:15px;border-bottom:1px solid var(--border)}.message .icon{color:#087bff}.message p{font-size:12px;color:#526a84;overflow-wrap:anywhere}.message small{font-size:10px;color:#92a0b2}.message a{display:block;margin-top:9px;font-size:12px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-grid .card{padding:23px}.integration{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:18px 0;font-size:12px}.integration:last-child{border:0}label.field{display:grid;gap:7px;margin:15px 0;font-size:12px;font-weight:600;color:#52657e}input,select,textarea{border:1px solid #dfe6ef;border-radius:6px;background:white;padding:11px 12px;width:100%;font-size:13px;color:#293e57}input:focus,select:focus,textarea:focus{outline:2px solid #b1d6ff;border-color:#087bff}textarea{resize:vertical;min-height:86px}input[type=checkbox]{width:auto}dialog{border:1px solid #e5ebf3;border-radius:13px;padding:0;max-width:600px;width:calc(100% - 28px);max-height:90vh;box-shadow:0 24px 100px #101e3b40;color:#1e3049}dialog::backdrop{background:#12213570;backdrop-filter:blur(2px)}.modal-header{padding:22px 24px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;z-index:2}.modal-header h2{font-size:20px}.close{font-size:22px;line-height:1;padding:4px 8px;border:0;color:#8393a7}.modal-body{padding:8px 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.error{color:#c2334a;font-size:12px;line-height:1.5;background:#fff1f3;padding:10px;border-radius:5px;margin:12px 0}.error:empty{display:none}.detail-top{background:#f3f8ff;border:1px solid #e4effc;border-radius:8px;padding:18px;margin:17px 0}.detail-top strong{font-size:17px}.detail-top p{font-size:12px;color:#73869f}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.detail-list dt{font-size:10px;color:#8a9aaf;margin-bottom:6px}.detail-list dd{font-size:12px;margin:0;line-height:1.6}.timeline{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.timeline-item{border-left:2px solid #dfeafa;padding:0 0 17px 14px;margin-left:4px;font-size:11px;position:relative}.timeline-item:before{content:'';position:absolute;left:-5px;top:3px;border-radius:50%;width:8px;height:8px;background:#8fbae9}.timeline-item small{display:block;color:#97a6b8;margin-top:4px;font-size:10px}.proposal{padding:16px;background:#fff8e8;border:1px solid #f7e3b3;border-radius:8px;margin:17px 0}.proposal h3{color:#896a29}.proposal p{font-size:12px;color:#8c774e}.proposal .actions{margin-top:13px;display:flex;gap:8px}.agreement{display:flex;gap:15px;font-size:10px;color:#8c774e;margin-top:10px}.agreement .yes{color:#139161}.slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.slot{position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;padding:13px 11px;font-size:12px;gap:8px;cursor:pointer}.slot:has(input:checked){border-color:#087bff;background:#edf6ff}.slot:has(input:disabled){opacity:.4;cursor:not-allowed}.slot input{width:auto;margin:0;accent-color:#087bff}.slot small{display:block;color:#8392a7;font-size:10px;margin-top:4px}.loading{padding:80px;text-align:center;color:#7890ab}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-aside{background:linear-gradient(145deg,#101d2c,#1b3753);color:white;padding:55px 10%;display:flex;flex-direction:column;justify-content:center}.login-aside .brand{margin:0 0 80px;font-size:23px}.login-aside h1{font-size:42px;line-height:1.16;max-width:450px}.login-aside p{color:#a6bed7;margin-top:20px;font-size:15px;max-width:390px}.login-graphic{margin-top:45px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;opacity:.65}.login-graphic i{height:75px;border-radius:6px;background:#285d86}.login-graphic i:nth-child(2n){background:#227c73}.login-graphic i:nth-child(3n){background:#795c98}.login-main{display:grid;place-items:center;padding:35px;background:#f8faff}.login-form{width:100%;max-width:360px}.login-form h2{font-size:25px}.login-form p{margin:13px 0 28px}.login-form button{width:100%;margin-top:13px}.login-help{font-size:11px!important;background:#edf3fa;padding:13px;border-radius:6px;line-height:1.8!important;overflow-wrap:anywhere}.customer-page{min-height:100vh;background:#f5f8fc;padding-bottom:40px}.customer-header{background:#122132;padding:17px 25px}.customer-header .brand{margin:0 auto;max-width:640px;font-size:15px}.customer-header .brand img{width:34px}.customer-card{max-width:610px;margin:30px auto;background:white;border:1px solid var(--border);border-radius:12px;padding:28px}.customer-card h1{font-size:25px}.steps{display:flex;justify-content:space-between;max-width:380px;margin:25px auto 30px;position:relative}.step{font-size:10px;color:#8a99ac;text-align:center;z-index:1}.step b{display:grid;place-items:center;width:23px;height:23px;margin:0 auto 9px;background:#e6ecf3;border-radius:50%;color:#8b9cb1;font-size:11px}.step.active{color:#087bff}.step.active b{background:#087bff;color:white}.success-mark{display:grid;place-items:center;width:55px;height:55px;background:#e4f9ed;border-radius:50%;color:#11a363;font-size:30px;margin:22px auto}.success{text-align:center}.customer-foot{text-align:center;color:#93a4ba;font-size:10px;margin-top:25px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-cell{min-height:115px;padding:9px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px}.month-cell button{display:block;width:100%;margin-top:7px;border:0;background:#eaf4ff;color:#2971b8;padding:5px;font-size:9px;text-align:left}.month-cell.dim{background:#fafbfc;color:#adb8c6}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173650;color:white;box-shadow:0 4px 20px #162b3130;padding:13px 22px;font-size:12px;border-radius:7px;z-index:100;display:none;max-width:90%}.mobile-menu{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}
@media(min-width:1600px){.workspace{padding-left:40px;padding-right:40px}.calendar-layout{grid-template-columns:minmax(0,1fr) 270px}.day-column,.shift-column{height:580px}.shift{height:108px}.job{font-size:10px}.job .vehicle,.job .customer{font-size:10px}}
@media(max-width:1200px){.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px}.workspace{padding:0 20px 25px}.brand{font-size:14px}.brand img{width:35px}.calendar-layout{grid-template-columns:minmax(0,1fr) 205px;gap:12px}.mechanics-panel{padding:16px 12px}.calendar-toolbar{padding:13px 10px}.calendar-toolbar .period{font-size:12px}.stats{gap:10px}.stat{padding:15px}.availability-layout{grid-template-columns:1fr}.info-card{display:none}}
@media(max-width:980px){.calendar-layout{grid-template-columns:1fr}.mechanics-panel{display:none}.stats{grid-template-columns:repeat(2,1fr)}.view-switch button{padding:8px}.setting-grid{grid-template-columns:1fr}.calendar-toolbar .period{margin-left:5px}.header-actions button{font-size:11px;padding:9px}.summary-strip{gap:12px}.zone{display:none}}
@media(max-width:700px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:15px 0 45px #10203050}.workspace{padding:0 15px 20px}.topbar{height:57px}.mobile-menu{display:block;border:0;padding:5px;background:transparent;color:#1d3c5b}.top-actions{gap:10px}.crumb{gap:9px}.page-header{margin:22px 0 18px;align-items:flex-start}h1{font-size:24px}.page-header p{font-size:11px;max-width:240px;line-height:1.6}.header-actions button .text{display:none}.header-actions button{padding:9px}.header-actions .secondary{display:none}.summary-strip{font-size:10px;gap:13px;flex-wrap:wrap;margin-bottom:15px}.calendar-toolbar{padding:12px;gap:11px}.calendar-toolbar .left{flex:1}.calendar-toolbar .period{font-size:11px;margin-left:auto}.calendar-toolbar .view-switch{margin-left:auto}.calendar-grid{min-width:760px}.calendar-grid.day{min-width:0;grid-template-columns:90px 1fr}.calendar-grid.day .job{font-size:12px;padding:12px}.calendar-grid.day .job .vehicle,.calendar-grid.day .job .customer{font-size:11px}.calendar-grid.day .job .job-time{font-size:10px}.legend{gap:10px;font-size:8px;padding:13px 6px}.calendar-footer{font-size:9px}.calendar-footer span:last-child{display:none}.pending-bar{padding:14px}.pending-bar strong{font-size:11px}.pending-bar p{font-size:10px}.pending-bar button{font-size:10px;white-space:nowrap}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:25px}.stat p{font-size:9px}.card-head{padding:16px}.availability-table th,.availability-table td{padding:15px 5px}.availability-table th:first-child,.availability-table td:first-child{padding-left:12px;font-size:11px}.availability-table .window-label{font-size:8px}.availability-bottom{padding:15px;flex-wrap:wrap}.availability-bottom .checkbox{font-size:10px}.form-grid{grid-template-columns:1fr}.modal-header{padding:18px}.modal-body{padding:5px 18px 20px}.detail-list{gap:17px}.detail-list dd{font-size:11px}.login-page{display:block}.login-aside{padding:28px}.login-aside .brand{margin:0 0 28px}.login-aside h1{font-size:29px}.login-aside p{font-size:12px;margin-top:10px}.login-graphic{display:none}.login-main{padding:32px 25px}.login-form h2{font-size:22px}.customer-header{padding:14px 18px}.customer-card{margin:15px 12px;padding:21px 18px}.customer-card h1{font-size:23px}.customer-card .detail-top strong{font-size:14px}.month-cell{padding:5px;min-height:90px}.month-cell button{font-size:8px;overflow:hidden}.toolbar input{max-width:none}.toolbar select{flex:1}.table-wrap td,.table-wrap th{padding:14px 12px}.message{padding:16px;gap:11px}}
.mobile-mechanics{display:none}@media(max-width:980px){.mobile-mechanics{display:block;background:white;border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:13px;font-size:12px}.mobile-mechanics summary{cursor:pointer;font-weight:600;color:#52708f}.mobile-mechanics .checkbox{margin:13px 5px}}

.window-short{display:none}@media(max-width:700px){.availability-table{table-layout:fixed}.availability-table th,.availability-table td{padding:15px 3px;white-space:normal}.availability-table th:first-child,.availability-table td:first-child{width:92px;padding-left:10px}.availability-table td strong{font-size:10px}.availability-table td small{font-size:9px}.availability-table .window-long,.availability-table th small{display:none!important}.availability-table .window-short{display:inline;font-size:10px}.availability-table input{width:16px;height:16px}.availability-table .window-label{white-space:nowrap}}

.outside-events{padding:12px 16px;border-bottom:1px solid var(--border);font-size:11px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.outside-events button,.month-cell .month-personal{background:#ede3ff;color:#7451a9;font-size:10px}.outside-events strong{font-size:10px;color:var(--muted)}

/* Approved calendar reference: compact navigation, useful density, and true time alignment. */
:root{--navy:#111d29;--blue:#087bff;--calendar-height:480px;color:#142135;background:#f5f7fa}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1678e3;outline-offset:3px}
.layout{grid-template-columns:202px minmax(0,1fr)}
.sidebar{width:202px;padding:17px 9px 16px;background:linear-gradient(160deg,#101b27,#152433)}
.brand{margin:0 10px 25px;gap:9px;font-size:20px;letter-spacing:-.65px;line-height:1.02}
.brand img{width:40px;height:42px}
.nav{gap:3px}.nav button{padding:11px 13px;font-size:13px;border-radius:5px;color:#e5eaf0}
.nav button.active{background:linear-gradient(90deg,#0871d9,#0666c9)}
.profile{padding:18px 8px 4px}.profile .avatar{width:38px;height:38px}.profile strong{font-size:12px}.profile small{font-size:10px}
.workspace{padding:0 20px 24px}.topbar{display:none}
.page-header{margin:16px 0 12px;align-items:center}.page-header h1{font-size:30px;margin-bottom:3px}.page-header p{font-size:13px;color:#56667e}
.header-actions button{min-height:40px;border-radius:6px;font-size:13px;padding:10px 14px;white-space:nowrap}
.calendar-layout{grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:stretch}
.card{border-color:#e8edf4;border-radius:9px;box-shadow:0 2px 8px #273b5103}
.calendar-toolbar{padding:10px 13px;min-height:57px;flex-wrap:nowrap}.calendar-toolbar button{font-size:12px;padding:9px 12px}.calendar-toolbar .period{font-size:14px;margin-left:10px}
.calendar-toolbar .left{gap:6px}.view-switch button{padding:10px 12px}.view-switch{flex-shrink:0}
.calendar-grid{grid-template-columns:172px repeat(7,minmax(0,1fr));min-width:830px}.calendar-grid.day{grid-template-columns:172px 1fr}
.day-head{height:55px;font-size:12px;gap:5px}.day-head span{font-size:11px;color:#46556e}.day-head.current span{width:auto;height:auto;background:transparent;color:#087bff;font-weight:650;margin:0}
.shift-head{padding-left:14px;font-size:14px}.shift-column{height:var(--calendar-height);position:relative;padding:0;background:#fafbfd;display:flex;border-right:0}.shift-list{width:118px;flex-shrink:0;padding:0 9px}.shift{height:20%;padding-top:15px;gap:7px}.shift strong{font-size:11px;font-weight:600}.shift small{font-size:11px;color:#65738a;margin-top:4px}.shift-bar{height:29px;margin-top:0}
.time-axis{position:relative;flex:1;background:#fff;border-left:1px solid #edf1f6}.time-axis span{position:absolute;left:0;right:0;transform:translateY(-50%);text-align:center;font-size:10px;color:#62708a}.time-axis span:first-child{transform:none;top:4px!important}
.day-column{height:var(--calendar-height);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--calendar-height)*3/14 - 1px),#e9eef5 calc(var(--calendar-height)*3/14 - 1px),#e9eef5 calc(var(--calendar-height)*3/14));border-color:#e9eef5}
.job{font-size:11px;line-height:1.22;padding:7px 6px 6px 8px;border-radius:4px;min-height:50px;color:#152c47}.job strong{font-size:11px;color:#102940}.job .vehicle{font-size:11px;font-weight:500;margin:2px 0}.job .job-service{font-size:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.job .customer{font-size:10px;margin-top:3px}.job .job-time{font-size:9px;margin-top:3px}.job.unavailable{--job-color:#f27489!important;--job-bg:#ffe0e7!important;color:#8d2843}
.legend{padding:12px 8px;font-size:10px;gap:14px;justify-content:center}.legend i{width:10px;height:10px}
.mechanics-panel{padding:17px 14px}.panel-heading{gap:8px;margin-bottom:14px}.panel-heading h2{font-size:15px;letter-spacing:-.4px}.panel-heading select{font-size:10px;padding:8px 5px;width:107px;min-height:32px}
.search-field{margin-bottom:6px}.search-field input{font-size:11px;padding-top:9px;padding-bottom:9px}
.mechanic-row{gap:8px;padding:14px 0;min-height:66px}.mechanic-row input{width:17px;height:17px}.mechanic-row .avatar{width:36px;height:36px;font-size:11px}.mechanic-row strong{font-size:12px;font-weight:600}.mechanic-row small{font-size:10px;margin-top:5px;color:#66748c}.mechanic-row .dot{width:7px;height:7px}.panel-footer{font-size:10px;padding-top:15px}
.summary-strip{margin:13px 2px 0;font-size:11px}.calendar-footer{margin-top:10px;font-size:10px}.pending-bar{margin-top:13px}
.mobile-identity,.mechanic-tabs,.mobile-agenda,.nav-backdrop{display:none}
.availability-choice{display:flex;align-items:center;justify-content:center;min-height:40px;cursor:pointer}
.availability-table td,.availability-table th{padding:8px 9px}.availability-table td:first-child,.availability-table th:first-child{padding-left:18px}.availability-table .window-label{font-size:11px}.availability-table input{margin:0}
/* Customer calendar: real month arithmetic and native date input remain available. */
.customer-header{padding:15px 22px}.customer-header .brand{font-size:17px;max-width:560px}
.customer-card{max-width:560px;margin:22px auto;padding:24px 27px}.customer-card h1{font-size:24px;letter-spacing:-.5px}.customer-card p{font-size:12px}.customer-card .detail-top{padding:16px;margin:20px 0}
.steps{max-width:340px;margin:23px auto;position:relative}.steps:before{content:'';position:absolute;left:9%;right:9%;top:11px;height:1px;background:#dde5ef}.step{background:#fff;min-width:70px}.step b{position:relative}.step.active{font-weight:600}.step b{margin-bottom:8px}
.date-picker{margin:-2px 0 22px}.date-picker-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.date-picker-head strong{font-size:13px}.date-picker-head button{border:0;min-width:40px;min-height:40px;padding:7px;color:#283c59}.date-days,.date-dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.date-days span{font-size:10px;text-align:center;color:#6a7a94;padding:7px 0}.date-dates button{min-height:40px;padding:9px 2px;border:0;border-radius:5px;font-size:12px;font-weight:500;color:#283c59}.date-dates button.outside{color:#a5afbf}.date-dates button.selected{background:#087bff;color:#fff;box-shadow:0 3px 7px #087bff28}.date-dates button:disabled{opacity:.3}
.slots{gap:9px}.slot{min-height:65px;padding:12px 10px;font-size:12px;color:#152b45}.slot input{width:18px;height:18px;flex-shrink:0}.slot small{font-size:11px}.customer-foot{font-size:10px;line-height:1.5}
/* Detail panels follow the reference while showing only available product data. */
.detail-tabs{display:flex;border-bottom:1px solid var(--border);margin:0 -24px 20px;padding:0 16px;background:#f9fbfe}.detail-tabs button{flex:1;border:0;border-radius:0;background:transparent;color:#60718b;font-weight:500;min-height:45px}.detail-tabs button[aria-selected=true]{color:#087bff;border-bottom:2px solid #087bff;background:#f1f7ff}
.detail-list{display:block;margin:5px 0 20px}.detail-list>div{display:grid;grid-template-columns:27px 1fr;gap:0 10px;border-bottom:1px solid #edf1f6;padding:15px 0}.detail-list>div>svg{grid-row:1/3;color:#52657a;align-self:center}.detail-list dt{font-size:11px;color:#1e3049;font-weight:600;margin:0 0 4px}.detail-list dd{font-size:12px;color:#52657a;line-height:1.5}.detail-list dd .avatar{display:inline-flex;vertical-align:middle;margin-right:7px}.detail-top{box-shadow:none}.detail-top .badge{margin-top:7px}.job-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.job-heading strong{font-size:16px}.timeline{border-top:0;margin-top:8px;padding-top:8px}
@media(min-width:1600px){:root{--calendar-height:540px}.workspace{padding-left:26px;padding-right:26px}.calendar-layout{grid-template-columns:minmax(0,1fr) 250px}.day-column,.shift-column{height:var(--calendar-height)}.shift{height:20%}}
@media(min-width:701px) and (max-width:1360px){.layout{grid-template-columns:188px minmax(0,1fr)}.sidebar{width:188px}.workspace{padding:0 15px 22px}.calendar-layout{grid-template-columns:minmax(0,1fr) 210px}.calendar-toolbar{flex-wrap:wrap}.calendar-grid{min-width:720px;grid-template-columns:142px repeat(7,minmax(0,1fr))}.shift-list{width:105px;padding-left:8px}.shift strong{font-size:10px}.time-axis span{font-size:9px}.panel-heading select{width:92px}.mechanic-row strong{font-size:11px}.brand{font-size:18px}.mechanic-row .avatar{width:31px;height:31px}}
@media(min-width:701px) and (max-width:1080px){.calendar-layout{grid-template-columns:1fr}.mechanics-panel{display:none}.calendar-grid{min-width:690px}.mobile-mechanics{display:block}}
@media(max-width:700px){
 :root{--calendar-height:440px}
 body{background:#fff;-webkit-text-size-adjust:100%}
 input,select,textarea{font-size:16px}button{touch-action:manipulation}
 .layout{display:block}.workspace{padding:0 14px 20px}.topbar{display:flex;height:62px;margin:0 -14px 0;padding:10px 16px;border:0;background:linear-gradient(160deg,#101b27,#152433);color:white}.topbar .brand{font-size:16px;margin:0;gap:8px}.topbar .brand img{width:33px;height:34px}.topbar .mobile-menu{display:grid;place-items:center;color:white;background:transparent;border:0;width:44px;height:44px;padding:10px}
 .sidebar{width:235px;z-index:40;transform:translateX(-100%);box-shadow:none;padding-top:20px}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #0a172a30}.sidebar .brand{font-size:21px}.sidebar .nav button{min-height:44px}.nav-backdrop.open{display:block;position:fixed;inset:0;width:100%;height:100%;background:#0d203856;border:0;border-radius:0;z-index:30}
 .mobile-identity{display:flex;align-items:center;gap:10px;padding:18px 3px 15px}.mobile-identity .avatar{width:46px;height:46px;font-size:15px}.mobile-identity strong{font-size:17px}.mobile-identity small{display:block;color:#65758b;font-size:12px;margin-top:4px}.mobile-identity .badge{margin-left:auto;font-size:10px}
 .mechanic-tabs{display:flex;background:#f5f8fc;border-radius:7px;overflow:hidden;margin-bottom:6px}.mechanic-tabs button{flex:1;min-height:44px;white-space:nowrap;font-size:11px;background:transparent;border:0;border-radius:0;padding:10px 5px;font-weight:500;color:#586b84}.mechanic-tabs button[aria-current=page]{color:#087bff;border-bottom:2px solid #087bff;background:#eef6ff}
 .page-header{margin:18px 0 14px;align-items:center;gap:8px}.page-header h1{font-size:22px;letter-spacing:-.5px;margin:0}.page-header p{font-size:11px;max-width:265px;margin:5px 0 0}.page-header:has(+.calendar-layout) p{display:none}.header-actions button{min-width:44px;min-height:44px;padding:10px;font-size:12px}.header-actions button .text{display:none}.header-actions .secondary{display:none}
 .calendar-layout{display:block}.calendar-card{border-radius:8px}.calendar-toolbar{padding:10px;gap:9px;flex-wrap:wrap}.calendar-toolbar .left{width:100%;flex:1;gap:5px}.calendar-toolbar button{min-height:40px;padding:9px 10px;font-size:11px}.calendar-toolbar .period{font-size:11px;margin-left:auto}.calendar-toolbar .view-switch{margin-left:auto}.view-switch button{min-width:49px;min-height:40px;padding:8px 10px}
 .calendar-grid{min-width:830px}.calendar-grid.day{min-width:0;grid-template-columns:119px 1fr}.calendar-grid.day .shift-list{width:84px;padding:0 6px}.calendar-grid.day .shift strong{font-size:9px}.calendar-grid.day .shift small{font-size:10px}.calendar-grid.day .time-axis span{font-size:8px}.calendar-grid.day .job{padding:10px;font-size:12px}.calendar-grid.day .job .vehicle{font-size:12px}.calendar-grid.day .job .job-service{font-size:11px}.calendar-grid.day .job .customer{font-size:11px}.calendar-grid.day .job .job-time{font-size:9px}
 .mobile-agenda{display:block;padding:8px 10px 14px}.desktop-agenda{display:none}.agenda-day{margin:0 0 13px}.agenda-day:last-child{margin-bottom:0}.agenda-day h3{background:linear-gradient(90deg,#edf3fa,#f6f8fb);border-radius:5px;padding:9px 10px;font-size:12px;letter-spacing:0;margin:0 0 8px}.agenda-event{display:block;width:calc(100% - 14px);margin:0 0 8px 14px;text-align:left;background:var(--job-bg);border:0;border-left:5px solid var(--job-color);border-radius:5px;padding:9px 11px;line-height:1.45;font-weight:400;color:#1a3552}.agenda-event:hover{background:var(--job-bg);filter:brightness(.98)}.agenda-event span{font-size:11px;display:block}.agenda-event strong{font-size:12px;font-weight:600;display:block}.agenda-event small{font-size:11px;display:block;color:#3e5671}.agenda-event.personal{--job-bg:#ede2ff!important;--job-color:#9356f1!important}.agenda-event .icon{width:13px;height:13px}
 .legend{gap:8px;font-size:8px;line-height:1.4;padding:10px 5px}.legend i{width:8px;height:8px}.summary-strip{font-size:10px;gap:10px;line-height:1.5;margin-top:13px}.summary-strip span:last-child{display:none}.calendar-footer{font-size:9px}.mobile-mechanics{margin-top:12px;padding:12px}.mobile-mechanics .checkbox{min-height:40px;margin:2px}.mobile-mechanics input{width:18px;height:18px}
 .availability-layout>.card>.card-head{display:none}.availability-layout .calendar-toolbar{padding:9px 6px}.availability-table{table-layout:fixed}.availability-table th,.availability-table td{padding:2px 0}.availability-table th{height:36px}.availability-table th:first-child,.availability-table td:first-child{width:87px;padding-left:10px}.availability-table td strong{font-size:11px}.availability-table td small{font-size:9px;margin-top:3px}.availability-choice{min-height:46px;width:100%}.availability-table input{width:17px;height:17px;margin:0}.availability-table .window-short{font-size:10px}.availability-bottom{padding:13px 11px;gap:12px}.availability-bottom .checkbox{font-size:11px;line-height:1.5;min-height:38px}.availability-bottom button{min-height:44px;width:100%;font-size:12px}
 dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:11px}.modal-header{padding:16px;gap:10px}.modal-header h2{font-size:19px}.close{min-width:40px;min-height:40px}.modal-body{padding:0 17px 20px}.modal-body input,.modal-body select,.modal-body textarea{font-size:16px}.modal-body .form-actions button{min-height:44px}.detail-tabs{margin:0 -17px 15px;padding:0 8px}.detail-tabs button{min-height:44px;font-size:12px}.detail-list>div{padding:14px 0}.detail-list dd{font-size:12px}.detail-list dt{font-size:10px}.detail-top{padding:13px;margin:15px 0}.detail-top strong{font-size:15px}.detail-top p{font-size:12px}.detail-list>div>svg{width:19px;height:19px}
 .customer-page{background:#f4f7fb;padding-bottom:20px}.customer-header{padding:13px 18px}.customer-header .brand{font-size:16px}.customer-card{margin:12px 10px;padding:20px 17px;border-radius:10px}.customer-card h1{font-size:21px;letter-spacing:-.5px}.customer-card>p{font-size:11px}.steps{margin:20px auto;max-width:280px}.step{font-size:9px;min-width:66px}.step b{width:20px;height:20px;font-size:10px}.steps:before{top:10px}.customer-card .detail-top{margin:17px 0;padding:13px;gap:12px!important}.customer-card .detail-top strong{font-size:13px}.customer-card .detail-top p{font-size:11px}.customer-card .detail-top>.icon{width:40px;height:34px;background:#e7eef5;border-radius:6px;padding:7px}.customer-card label.field{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-card label.field input[type=date]{font-size:16px;width:158px;padding:8px 5px;min-height:40px}.date-picker{margin:0 0 16px}.date-picker-head{margin-bottom:2px}.date-days span{padding:4px 0;font-size:9px}.date-dates{gap:1px}.date-dates button{padding:7px 1px;min-height:40px}.date-picker-head button{min-height:40px}.slots{gap:8px}.slot{font-size:11px;min-height:60px;padding:10px 8px;gap:6px}.slot input{width:18px;height:18px}.slot small{font-size:10px}.customer-card .primary{min-height:44px;font-size:13px}.customer-foot{font-size:9px;margin-top:19px}.success h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Account setup, recovery and individual team access. */
.account-page{min-height:100vh;background:#f3f6fb;padding-bottom:30px}.account-page .customer-header{background:#111e2c;color:white;padding:20px 6vw}.account-card{max-width:560px;margin:32px auto 18px;padding:32px}.account-card h1{font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:18px 0 12px}.account-card>p{line-height:1.65}.account-card form{margin-top:23px}.account-card .primary{width:100%;min-height:46px;margin-top:12px}.account-badge{background:#e8f2ff;color:#0764d0}.account-footer{text-align:center;color:#5d728c;font-size:12px}.account-footer .icon{width:14px;vertical-align:middle}.auth-link{display:block;margin-top:20px;color:#066ada;font-size:14px;text-align:center}.auth-note,.password-guidance{font-size:12px;line-height:1.65;margin:13px 0;color:#526982}.password-visibility{font-size:13px;margin:14px 0}.password-visibility input{width:18px;height:18px}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:7px;background:#087bff;color:white;text-decoration:none;font-weight:650}.account-link-result>p{margin:15px 0;line-height:1.6}.account-link-result .field{margin-top:20px}.account-link-result input{font-size:12px}.account-card input[readonly]{background:#f0f4f9;color:#334b66}.recovery-notice:not(:empty){background:#eaf3ff;border:1px solid #cfe2ff;border-radius:8px;padding:15px;margin:20px 0;font-size:14px;line-height:1.6}.team-accounts{margin-top:24px}.team-accounts .card-head p{font-size:12px;margin-top:5px}.team-accounts td small{display:block;margin-top:4px}.team-accounts .auth-note{padding:0 22px}.account-actions{display:flex;flex-wrap:wrap;gap:7px}.setting-grid form{margin-top:20px}.setting-grid form .primary{margin-top:12px}.login-form .password-visibility{margin-top:0}.login-form .auth-link{margin:18px 0}.account-card .success-mark{margin:8px auto 25px}
@media(max-width:700px){.account-card{margin:18px 12px;padding:24px 20px}.account-card h1{font-size:26px}.account-card input,.setting-grid input{font-size:16px;min-height:44px}.account-card input[type=checkbox],.setting-grid input[type=checkbox]{min-height:18px}.account-page .customer-header{padding:16px 20px}.team-accounts .card-head{align-items:start;flex-direction:column;gap:13px}.account-actions button{min-height:40px}.setting-grid .primary{min-height:44px}.account-footer{padding:0 18px}.account-link-result input{font-size:16px}}

/* Dispatch status is independent of arrival-window color. */
.badge.needs_reschedule{background:#fff0bf;color:#835700}.badge.pending{background:#e3f1ff;color:#155e9d}.badge.completed{background:#edf1f5;color:#526579}.attention-button{background:#fff0bf;border-color:#e8bc50;color:#755000;font-weight:650}.dispatch-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 14px}.secondary-job-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.secondary-job-actions summary{cursor:pointer;font-size:12px;color:#61758d;padding:9px}.secondary-job-actions details button{margin-top:8px}.attention-description{background:#fff8e2;padding:12px;border-radius:7px;color:#755000}.attention-queue{margin:20px 0;border-color:#e6c570}.attention-queue .card-head{background:#fffae9;gap:12px}.attention-queue p{font-size:12px;margin-top:5px}.job-status{display:block;font-size:10px;font-weight:650;margin:3px 0}.mechanic-calendar{grid-template-columns:minmax(0,1fr)}.availability-links{display:grid;gap:5px;margin-top:16px}.availability-links button{text-align:left;font-size:10px}.month-cell.today{background:#f0f6ff}.month-cell .month-date{display:inline-flex;width:auto;min-width:28px;min-height:28px;align-items:center;justify-content:center;margin:0;padding:4px;background:transparent;color:#334c68;font-size:12px;font-weight:650}.month-cell.today .month-date{background:#087bff;color:white;border-radius:6px}.month-cell .month-job{background:var(--job-bg);color:var(--job-color);border-left:3px solid var(--job-color);padding:7px;line-height:1.4;overflow-wrap:anywhere;white-space:normal}.month-job strong,.month-job span{display:block}.month-job span{font-size:10px;margin-top:3px}.month-grid .month-cell{min-height:125px}.mechanic-calendar .month-grid .month-cell{min-height:135px}.month-personal{background:#eee5ff!important;color:#7446b1!important}.calendar-grid .job.status-pending{border-style:dashed}.calendar-grid .job.status-completed{opacity:.85}
@media(max-width:700px){.month-grid .month-cell,.mechanic-calendar .month-grid .month-cell{min-height:95px;min-width:0;padding:3px}.month-cell .month-job{padding:4px 2px;border-left-width:2px;font-size:9px}.month-job span{font-size:8px}.month-cell .month-date{min-width:32px;min-height:36px}.month-grid .day-head{font-size:10px;padding:9px 1px}.dispatch-actions button{flex:1;min-width:130px;min-height:44px}.attention-queue .card-head{padding:14px}.attention-queue p{font-size:11px}.legend{font-size:9px;flex-wrap:wrap;gap:10px}.job-status{font-size:9px}.view-switch button{min-height:38px}}

/* Compact month labels supplement the complete status legend and accessible event name. */
.month-job strong .month-title{display:inline;font-size:inherit;margin:0}.month-job .month-status-short{display:none}.mechanic-option{display:flex;align-items:center;border-top:1px solid #eef2f7;gap:4px}.mechanic-option .mechanic-row{flex:1;min-width:0;border-top:0}.mechanic-availability{border:0;padding:5px;color:#6b7f99;min-width:28px;min-height:36px}.mechanic-availability .icon{width:16px;height:16px}.dispatch-actions{margin-top:16px}.month-personal{white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.month-job strong .month-title,.month-job .month-status-full{display:none}.month-job .month-status-short{display:block;font-size:8px;white-space:nowrap;letter-spacing:-.15px}.month-cell .month-job{padding:6px 1px;font-size:9px;overflow-wrap:normal}.month-cell .month-personal{font-size:8px;padding:5px 2px}.month-job strong{white-space:nowrap}.month-cell .month-date{min-width:30px}.month-grid .month-cell{padding:2px}.month-status-short{margin-top:4px}}

/* Shared registration and mobile-first personal onboarding. */
.self-home{color:#fff;margin-left:auto;font-weight:600}.self-card{max-width:620px}.self-wide{max-width:880px}.self-card h1{font-size:30px;margin:18px 0 10px}.self-card .primary{min-height:46px}.self-card>p{line-height:1.65}.self-notice{background:#eef6ff;border:1px solid #c9e2fc;border-radius:10px;padding:14px 16px;margin:18px 0;color:#294f78}.self-notice p{margin:5px 0 0;font-size:13px}.self-mail{padding:20px 0}.self-mail h2{font-size:19px}.self-steps{list-style:none;padding:0;display:flex;gap:8px;border-bottom:1px solid #e2eaf3;padding-bottom:18px;color:#60748a;font-size:12px}.self-steps li{flex:1}.self-steps [aria-current]{color:#087bff;font-weight:700}.self-specialties{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.self-specialties legend{font-weight:700;margin-bottom:14px}.self-specialties .checkbox{padding:10px;border:1px solid #dce5ef;border-radius:8px}.self-days{display:grid;gap:12px;margin:20px 0}.self-day{border:1px solid #dce5ef;border-radius:10px;padding:10px}.self-day legend{padding:0 6px;font-weight:700;font-size:14px}.self-windows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.self-window{position:relative;display:flex;align-items:center;gap:7px;min-height:50px;padding:8px 5px;border:1px solid #e0e8f2;border-radius:7px;font-size:11px;cursor:pointer}.self-window:has(input:checked){background:#eaf4ff;border-color:#87bfff;color:#0757a6}.self-window input{flex:none;width:17px;height:17px;accent-color:#087bff}.self-window small{display:block;font-size:10px;color:#536c87;margin-top:3px}.self-carry{margin:18px 0}.self-profile-card{margin-bottom:22px;padding:20px}.self-profile-card>p{margin:14px 0}.self-profile-card .card-head{padding:0 0 14px}.self-month-head,.self-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.self-month-head{text-align:center;background:#f4f7fc;padding:12px 0;color:#60748a}.self-month-cell{min-height:108px;border-right:1px solid #e4eaf3;border-bottom:1px solid #e4eaf3;padding:6px;overflow:hidden}.self-month-cell.today{background:#eff6ff}.self-date{border:0;padding:4px 8px;min-width:32px;background:transparent}.self-event{display:block;text-align:left;background:#efe6ff;border:0;border-left:3px solid #8a51e9;border-radius:5px;padding:7px;width:100%;margin:5px 0;font-size:12px;overflow:hidden}.self-event strong{display:block;overflow:hidden;text-overflow:ellipsis}.self-event small{display:block;white-space:normal}.self-agenda{padding:20px;min-height:230px}.self-schedule-actions{padding:20px;display:flex;gap:12px;flex-wrap:wrap}.self-schedule>.auth-note{padding:0 20px 20px}.self-schedule .calendar-toolbar{flex-wrap:wrap;gap:12px}.self-schedule .toolbar-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.self-card{margin:16px 12px;padding:22px 18px}.self-card h1{font-size:26px}.self-card .form-grid{grid-template-columns:1fr}.self-steps{font-size:11px}.self-windows{grid-template-columns:repeat(2,minmax(0,1fr))}.self-window{font-size:13px;padding:10px;min-height:48px}.self-window small{font-size:11px}.self-specialties{grid-template-columns:1fr 1fr;gap:8px}.self-specialties .checkbox{font-size:12px;line-height:1.4}.self-card .primary{width:100%}.self-month-cell{min-height:90px;padding:2px}.self-month-cell .self-event{font-size:10px;padding:4px 2px}.self-month-cell .self-event small{display:none}.self-profile-card .card-head{align-items:flex-start;gap:12px}.self-profile-card .card-head button{flex-shrink:0}.self-month-head{font-size:11px}.self-home{font-size:13px}.self-card .button-link{display:block;text-align:center}}

.account-page>.customer-header{display:flex;align-items:center;justify-content:space-between;gap:20px}

/* Dispatch repair: preserve all windows, readable blocked reasons and accessible search. */
.original-arrival p{margin-top:8px}.historical-notice{color:#865a10!important;background:#fff2ce;padding:10px;border-radius:7px}.dispatch-slots .slot span{min-width:0}.dispatch-slots .slot small{white-space:normal;line-height:1.5}.dispatch-slots .blocked-slot{opacity:1;background:#f5f7fa;color:#526379}.dispatch-slots .slot{min-height:74px}.mechanic-explanations{margin:10px 0 20px;font-size:12px}.mechanic-explanations summary{cursor:pointer;color:#405f80;padding:8px 0}.mechanic-explanations ul{padding-left:18px}.mechanic-explanations li{margin:7px 0;line-height:1.5}#dispatch-mechanic-summary{font-size:12px;color:#5b6f86;margin:8px 0 12px}.field-error{color:#b52938;font-size:12px;line-height:1.5;margin:5px 0 14px}.field-error:empty{display:none}[aria-invalid=true]{border-color:#c83848!important}.self-card .form-grid .field{margin-bottom:0}
@media(max-width:540px){.dispatch-slots{grid-template-columns:1fr}.dispatch-slots .slot{min-height:66px}}
/* Disabled arrival reasons remain readable; long dispatch forms retain their actions. */
.dispatch-slots .slot:has(input:disabled){opacity:1;cursor:not-allowed;background:#f5f7fa;color:#526379}
.dispatch-slots .slot small{color:#526379}
[data-form=dispatch]>.form-actions{position:sticky;bottom:0;z-index:1;background:white;padding:13px 0;margin-top:16px;box-shadow:0 -6px 12px #ffffffed}


/* Pilot account setup and directory */
.self-wide .availability-table{min-width:680px}.self-wide .availability-table .window-label small{display:block;margin-top:5px}.self-wide .availability-bottom{padding:18px 0 0}.directory-toolbar input{min-width:220px}.directory-filters{flex-wrap:wrap}.password-shown{-webkit-text-security:none!important}@media(max-width:700px){.self-wide .availability-bottom{flex-direction:column;align-items:stretch}.directory-toolbar input{width:100%;max-width:none}.directory-filters{max-width:100%}.directory-filters button{font-size:11px;padding:9px}}
.mobile-scroll-hint{display:none}@media(max-width:700px){.mobile-scroll-hint{display:block;margin:0 0 9px;color:var(--muted);font-size:11px}}
.staff-personal-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;margin-bottom:20px}@media(max-width:700px){.staff-personal-link{align-items:stretch;flex-direction:column}}