:root{--bg:#f3f6fa;--panel:#fff;--line:#e3e8ef;--text:#172033;--muted:#7c8899;--blue:#2f80ed;--blue2:#eaf3ff;--green:#22a06b;--orange:#f59e0b;--red:#e5484d;--sidebar:#182334;--sidebar2:#202d40;--shadow:0 5px 20px rgba(20,35,55,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}.crm-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--sidebar);color:#dbe5f1;padding:18px 13px;position:fixed;inset:0 auto 0 0;z-index:40}.side-logo{display:block;text-decoration:none;padding:11px 12px 22px;color:#fff}.side-logo small{display:block;font-size:10px;letter-spacing:1.5px;color:#7fa4d2;margin-bottom:5px}.side-logo strong{font-size:22px}.side-caption{font-size:10px;text-transform:uppercase;color:#718198;padding:15px 12px 7px}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:2px 0;border-radius:8px;color:#cbd6e5;text-decoration:none;font-size:13px}.side-nav a:hover{background:#202e42}.side-nav a.active{background:#2b78d4;color:#fff}.side-icon{width:20px;text-align:center;font-size:16px}.side-user{position:absolute;left:13px;right:13px;bottom:14px;background:var(--sidebar2);border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px}.side-user b{display:block;color:#fff;font-size:12px}.side-user small{display:block;color:#8291a6;font-size:10px;margin-top:2px}.side-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#377fd6;color:#fff;display:grid;place-items:center;font-weight:800}.side-avatar.mini{width:30px;height:30px;flex-basis:30px;font-size:12px}.crm-main{margin-left:245px;width:calc(100% - 245px);min-width:0}.crm-topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:15px;position:sticky;top:0;z-index:30}.global-search{width:330px;background:#f5f7fa;border:1px solid var(--line);border-radius:8px;padding:10px 13px;color:#8b96a7;font-size:13px}.global-search span{margin-left:5px}.top-spacer{flex:1}.top-action{padding:8px 11px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:12px}.top-profile{display:flex;align-items:center;gap:8px;font-size:12px}.logout-form{margin:0}.logout-form button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.mobile-title{display:none}.crm-content{padding:28px;max-width:1500px;margin:auto}.container{max-width:1100px;margin:0 auto;padding:30px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.pagehead h1,h1{margin:0;font-size:27px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--blue);font-weight:800;margin-bottom:5px}.muted{color:var(--muted)}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 15px}.button,.primary,.secondary,.danger,.small{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:10px 14px;border:1px solid var(--line);background:#fff;text-decoration:none;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.danger{background:#fff0f1;border-color:#ffd4d6;color:#c83d43;font-weight:700}.small{padding:7px 10px;font-size:12px}.big{width:100%;padding:12px}.auth-wrap{min-height:100vh;display:grid;place-items:center}.auth{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px}.auth h1{margin-bottom:8px}.auth form{display:grid;gap:13px;margin-top:18px}.auth label,.panel label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#536176}.auth input,.panel input,.panel select,.panel textarea{width:100%;border:1px solid #d9e0e9;border-radius:8px;padding:10px 11px;background:#fff;color:var(--text);outline:none}.auth input:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#8ab8f3;box-shadow:0 0 0 3px #eaf3ff}.auth-link{margin:14px 0 0;text-align:center;font-size:12px}.error{background:#fff0f1;color:#c43c43;border:1px solid #ffd4d6;border-radius:8px;padding:10px;margin:10px 0}.success{background:#ebf8f2;color:#187b55;border:1px solid #cceedd;border-radius:8px;padding:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid2>label{min-width:0}.grid2>label input,.grid2>label select,.grid2>label textarea{min-width:0;max-width:100%;box-sizing:border-box}.grid2>label input[type=date]{width:100%;min-width:0;max-width:100%}.grid2 .full{grid-column:1/-1}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.details>div{background:#fff;padding:12px}.details span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.details b{font-size:13px}.inlineform{display:flex;gap:9px;flex-wrap:wrap}.inlineform input{flex:1;min-width:160px}.list{display:grid;gap:8px;margin-top:15px}.mechanic-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px}.mechanic-row span,.mechanic-row small{color:var(--muted);font-size:11px}.mechanic-actions{display:flex;gap:7px;flex-wrap:wrap}.history{display:grid;gap:8px}.history>div{padding:10px;border-left:3px solid #b9d6fb;background:#f8fbff;font-size:12px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;background:#fff;padding:2px 0 0}.calendar .dow{min-height:28px;padding:5px 7px;text-align:center;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.calendar-title,.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-title{margin-bottom:15px}.calendar-nav,.month-nav{border:1px solid var(--line);background:#fff;border-radius:7px;width:34px;height:34px;display:grid;place-items:center;text-decoration:none}.calendar-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.calendar-legend .legend{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend.low{background:#2eaa70}.legend.medium{background:#e8a925}.legend.high{background:#e5484d}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day{min-height:55px;border:1px solid var(--line);border-radius:7px;padding:7px;text-decoration:none}.day:hover{border-color:#9bc3f5}.day.today{outline:2px solid var(--blue);outline-offset:-2px}.day span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.badge,.tag{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.badge.new{background:#eaf3ff;color:#246bc1}.badge.confirmed{background:#eaf3ff;color:#246bc1}.badge.arrived,.badge.in_progress{background:#e8f7f0;color:#188157}.badge.done{background:#e9f0f6;color:#536579}.badge.cancelled,.badge.no_show{background:#ffeaeb;color:#c73c42}.table-wrap{overflow-x:auto}.panel table{width:100%;border-collapse:collapse}.panel th,.panel td{padding:11px 10px;border-bottom:1px solid #edf0f4;text-align:left;font-size:12px;white-space:nowrap}.panel th{font-size:10px;color:var(--muted);text-transform:uppercase}.panel tr:last-child td{border-bottom:0}
@media(max-width:1050px){.sidebar{width:215px}.crm-main{margin-left:215px;width:calc(100% - 215px)}.crm-content{padding:22px}.details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:62px;padding:5px 7px;background:var(--sidebar);border-top:1px solid #2c394b}.side-logo,.side-caption,.side-user{display:none}.side-nav{display:flex;justify-content:space-around;height:100%}.side-nav a{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;margin:0 2px;padding:5px 2px;font-size:9px;text-align:center}.side-nav a:nth-child(n+5){display:none}.side-icon{font-size:17px;line-height:18px}.crm-main{margin-left:0;width:100%;padding-bottom:62px}.crm-topbar{height:57px;padding:0 12px}.global-search,.top-action{display:none}.mobile-title{display:block;font-size:13px}.top-profile span{display:none}.top-spacer{flex:1}.crm-content{padding:15px 12px}.pagehead{align-items:flex-start}.pagehead h1,h1{font-size:23px}.panel{padding:14px}.grid2{grid-template-columns:1fr}.grid2 .full{grid-column:auto}.details{grid-template-columns:1fr 1fr}.mechanic-row{align-items:flex-start;flex-direction:column}.mechanic-actions{width:100%}.mechanic-actions form{flex:1}.mechanic-actions button{width:100%}.inlineform{display:grid}.inlineform input,.inlineform button{width:100%}.calendar-title{align-items:flex-start;flex-direction:column}.days{gap:3px}.day{min-height:43px;padding:5px;text-align:center}.day span{font-size:8px}.container{padding:15px}.auth{padding:22px}}
@media(max-width:380px){.side-nav a{font-size:8px}.details{grid-template-columns:1fr}.crm-content{padding:12px 9px}.panel{padding:12px}}


/* v29 — unified Bitrix24-inspired CRM shell */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}
.stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;box-shadow:var(--shadow);min-width:0;position:relative;overflow:hidden}
.stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}
.stats>div:nth-child(2):before{background:var(--green)}.stats>div:nth-child(3):before{background:var(--orange)}.stats>div:nth-child(4):before{background:#7b61ff}
.stats b{display:block;font-size:25px;line-height:1.15;margin-bottom:5px}.stats span{display:block;color:var(--muted);font-size:11px}
.pagehead{background:transparent}.pagehead .button{white-space:nowrap}
.panel{box-shadow:0 4px 18px rgba(20,35,55,.045)}
.calendar{padding:2px 0 0}.calendar .day.low{background:#eefaf4;border-color:#d5f0e2}.calendar .day.medium{background:#fff8e8;border-color:#f7e5b6}.calendar .day.high{background:#fff0f1;border-color:#ffd5d8}.calendar .day.today{box-shadow:inset 0 0 0 2px var(--blue)}
.side-nav a{transition:background .15s,transform .15s}.side-nav a:hover{transform:translateX(1px)}
@media(max-width:760px){
 .stats{grid-template-columns:1fr 1fr;gap:9px}.stats>div{padding:13px}.stats b{font-size:21px}
 .side-nav a:nth-child(n+6){display:none}.side-nav a:nth-child(5){display:flex}
 .side-caption + .side-nav a{font-size:9px}
 .pagehead{flex-direction:column;align-items:stretch}.pagehead .button{width:100%}
}
@media(max-width:420px){.stats{grid-template-columns:1fr 1fr}.stats>div{padding:11px}.stats b{font-size:19px}.stats span{font-size:9px}.side-nav a{font-size:8px}}

/* v30 audit fixes: filters and compact controls */
.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.filters input,.filters select{min-height:40px;border:1px solid #d9e0e9;border-radius:8px;padding:9px 11px;background:#fff;color:var(--text)}
.filters input[type=date]{min-width:160px}.filters input[name=q]{min-width:240px;flex:1}.filters button{min-height:40px}
.table-wrap,.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:760px){.filters{display:grid;grid-template-columns:1fr}.filters input,.filters select,.filters button{width:100%}.filters input[name=q]{min-width:0}.panel table{min-width:680px}.pagehead .button{width:100%}}

.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0 0 4px}.panel-head p{margin:0;font-size:11px}.quick-panel{display:grid;align-content:start;gap:9px}.quick-panel h2{margin-bottom:3px}.quick-action{display:block;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:12px;background:#fbfcfe}.quick-action:hover{border-color:#9bc3f5;background:#f7fbff}.quick-action b,.quick-action span{display:block}.quick-action b{font-size:12px}.quick-action span{font-size:10px;color:var(--muted);margin-top:3px}.next-card{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.next-card>div{background:#fff;padding:13px}.next-card span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.next-card b{font-size:13px}.day-empty{min-height:75px;border:1px solid transparent}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.next-card{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.dashboard-grid{gap:10px}.panel-head{align-items:flex-start}.next-card{grid-template-columns:1fr 1fr}.day-empty{min-height:43px}}
.password-field{position:relative;display:flex;align-items:center;flex:1;min-width:160px}.password-field input{padding-right:42px!important}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#718198;cursor:pointer;width:32px;height:32px;border-radius:6px}.password-toggle:hover{background:#f1f5f9;color:var(--blue)}.mechanic-actions{align-items:center}.password-change-btn{color:var(--blue);border-color:#bcd8fa;background:#f7fbff}.modal-backdrop{position:fixed;inset:0;background:rgba(15,25,40,.38);display:grid;place-items:center;padding:20px;z-index:100}.modal-backdrop[hidden]{display:none}.modal-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px rgba(10,25,45,.2);padding:22px;position:relative}.modal-card h2{margin:0 0 6px;font-size:20px}.modal-card form{display:grid;gap:14px;margin-top:18px}.modal-card label{display:grid;gap:6px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;color:#8190a4;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}@media(max-width:760px){.password-field{width:100%}.mechanic-actions{width:100%;display:grid}.modal-card{padding:18px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions>*{width:100%}}

/* v36 — service management */
.services-panel .panel-head{margin-bottom:14px}
.service-add-form{display:flex;gap:10px;align-items:center;margin:0 0 16px}
.service-add-form input{flex:1;min-width:0;min-height:42px;border:1px solid #d9e0e9;border-radius:8px;padding:10px 12px;background:#fff;color:var(--text);outline:none}
.service-add-form input:focus{border-color:#8ab8f3;box-shadow:0 0 0 3px #eaf3ff}
.service-list{display:grid;gap:8px}
.service-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}
.service-main{display:flex;align-items:center;gap:10px;min-width:0}
.service-main b{font-size:13px;overflow:hidden;text-overflow:ellipsis}
.service-status{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700;white-space:nowrap}
.service-status.active{background:#e8f7f0;color:#188157}
.service-status.inactive{background:#f1f3f5;color:#68778a}
.service-row form{margin:0}
@media(max-width:760px){.service-add-form{display:grid;grid-template-columns:1fr}.service-add-form button{width:100%}.service-row{align-items:stretch;flex-direction:column}.service-row form,.service-row form button{width:100%}.service-main{justify-content:space-between}}

/* v38 — mechanic cabinet visual fix */
.mechanic-list{display:grid;gap:14px}
.mechanic-job{padding:20px;margin:0}
.mechanic-job .job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #edf0f4}
.mechanic-job .job-date{display:block;color:var(--blue);font-size:13px;font-weight:800;margin-bottom:5px}
.mechanic-job .job-head h2{margin:0 0 5px;font-size:19px;line-height:1.25}
.mechanic-job .job-head .muted{font-size:13px}
.mechanic-job .job-head>.badge{flex:0 0 auto;margin-top:2px}
.mechanic-job .job-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px 0;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.mechanic-job .job-grid>div{background:#fff;padding:12px 13px;min-width:0}
.mechanic-job .job-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.mechanic-job .job-grid b{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.mechanic-job .job-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.mechanic-job .job-actions button,.mechanic-job .job-actions .button{min-height:40px;padding:9px 13px;border:1px solid #d9e0e9;border-radius:8px;background:#fff;color:var(--text);font-weight:600;text-decoration:none;cursor:pointer}
.mechanic-job .job-actions button:hover,.mechanic-job .job-actions .button:hover{border-color:#9bc3f5;background:#f7fbff}
.mechanic-job .job-actions button[name="status"][value="arrived"]{border-color:#b9dfcf;color:#187b55;background:#f3fbf7}
.mechanic-job .job-actions button[name="status"][value="in_progress"]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.mechanic-job .job-actions button[name="status"][value="done"]{border-color:#cbd8e5;color:#536579;background:#f7f9fb}
.empty{text-align:center;padding:38px 20px}
.empty h2{margin-bottom:7px}
@media(max-width:900px){.mechanic-job .job-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .mechanic-job{padding:15px}
 .mechanic-job .job-head{gap:10px;padding-bottom:13px}
 .mechanic-job .job-head h2{font-size:17px}
 .mechanic-job .job-head .muted{font-size:12px}
 .mechanic-job .job-grid{grid-template-columns:1fr 1fr;margin:13px 0}
 .mechanic-job .job-grid>div{padding:10px}
 .mechanic-job .job-actions{display:grid;grid-template-columns:1fr 1fr}
 .mechanic-job .job-actions .button,.mechanic-job .job-actions button{width:100%;min-width:0}
 .mechanic-job .job-actions .button{grid-column:1/-1}
}
@media(max-width:420px){
 .mechanic-job .job-head{flex-direction:column}
 .mechanic-job .job-head>.badge{margin-top:0}
 .mechanic-job .job-grid{grid-template-columns:1fr}
 .mechanic-job .job-actions{grid-template-columns:1fr}
 .mechanic-job .job-actions .button{grid-column:auto}
}
/* v39 — service prices */
.service-add-form{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:10px;align-items:center}
.service-add-form input{min-width:0}
.service-price-note{margin:-7px 0 14px;color:var(--muted);font-size:12px}
.service-price{display:inline-flex;margin-left:9px;color:#51657c;font-size:12px;font-weight:600}
.service-price-hint{margin-top:-4px;padding:9px 12px;border-radius:8px;background:#f3f8ff;color:#2467ad;font-size:13px;font-weight:600}
@media(max-width:900px){.service-add-form{grid-template-columns:1fr 1fr}.service-add-form input:first-of-type{grid-column:1/-1}.service-add-form button{grid-column:1/-1;width:100%}}
@media(max-width:760px){.service-add-form{grid-template-columns:1fr}.service-add-form input:first-of-type,.service-add-form button{grid-column:auto}.service-add-form button{width:100%}.service-price{display:block;margin:5px 0 0}}
/* v39 — editable service prices */
.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.service-edit-inline{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(140px,1fr) minmax(140px,1fr) auto auto;gap:8px;align-items:center;margin:0}
.service-edit-inline input{min-width:0;min-height:40px;border:1px solid #d9e0e9;border-radius:8px;padding:9px 11px;background:#fff;color:var(--text);outline:none}
.service-edit-inline input:focus{border-color:#8ab8f3;box-shadow:0 0 0 3px #eaf3ff}
.service-edit-inline .small{min-height:40px;border:1px solid #b9d3f4;border-radius:8px;background:#f7fbff;color:#2776d8;font-weight:600;cursor:pointer;padding:8px 12px}
.service-row>form:last-child{margin:0}
@media(max-width:900px){.service-edit-inline{grid-template-columns:1fr 1fr}.service-edit-inline input:first-of-type{grid-column:1/-1}.service-edit-inline .service-status{justify-self:start}.service-edit-inline .small{width:100%}}
@media(max-width:760px){.service-row{grid-template-columns:1fr}.service-edit-inline{grid-template-columns:1fr}.service-edit-inline input:first-of-type{grid-column:auto}.service-edit-inline .small{width:100%}.service-row>form:last-child,.service-row>form:last-child button{width:100%}}
.inline-form{display:inline;margin:0}.button.danger{border:1px solid #fecaca;background:#fff1f2;color:#dc2626}.button.small{padding:7px 11px;font-size:12px}.table-wrap td:last-child{white-space:nowrap}
@media(max-width:720px){.table-wrap{overflow-x:auto}.table-wrap table{min-width:760px}}
/* v41.1 — notification center */
.notify-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.notify-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.notify-icon{width:42px;height:42px;border-radius:11px;background:#f3f7fc;display:grid;place-items:center;font-size:20px}.notify-card h2{font-size:14px;margin:0 0 4px}.notify-card .muted{margin:0 0 7px}.notify-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;white-space:nowrap}.notify-status.ok{background:#e8f7f0;color:#16815a}.notify-status.off{background:#fff0f0;color:#c43d3d}.notify-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.notify-check-grid>div{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fbfcfe}.notify-check-grid span,.notify-check-grid b{display:block}.notify-check-grid span{font-size:10px}.notify-check-grid b{margin-top:4px;font-size:12px;overflow-wrap:anywhere}.notify-actions{display:flex;gap:8px;flex-wrap:wrap}.notify-test-form{display:flex;gap:9px;align-items:center}.notify-test-form select{min-height:40px;min-width:280px;border:1px solid #d9e0e9;border-radius:8px;padding:9px 11px;background:#fff}.notice.error{padding:11px 13px;border-radius:8px;background:#fff1f2;color:#b4232e;border:1px solid #fecdd3;margin:10px 0}.inlineform label{display:flex;align-items:center;gap:8px}.inlineform input[type=time]{min-height:40px;border:1px solid #d9e0e9;border-radius:8px;padding:8px 10px}.panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}
@media(max-width:950px){.notify-grid{grid-template-columns:1fr}.notify-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.notify-card{grid-template-columns:auto 1fr}.notify-card form{grid-column:1/-1}.notify-card form button{width:100%}.notify-check-grid{grid-template-columns:1fr}.notify-actions{display:grid}.notify-actions form,.notify-actions button{width:100%}.notify-test-form{display:grid}.notify-test-form select{min-width:0;width:100%}.notify-test-form button{width:100%}.inlineform{display:grid;gap:10px}.inlineform label{justify-content:space-between}}

/* v41.2 notification diagnostics */
.notify-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.notify-check-grid>div{min-width:0;}
@media (max-width:900px){.notify-check-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.notify-check-grid{grid-template-columns:1fr;}}
/* v41.14 — mobile date inputs in mechanic cabinet */
.mechanic-booking-form input[type="date"],
.mechanic-date{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  display:block;
  -webkit-appearance:none;
  appearance:none;
}
@media(max-width:760px){
  .mechanic-booking-form{min-width:0;max-width:100%;overflow:hidden}
  .mechanic-booking-form>label{min-width:0;max-width:100%}
  .mechanic-booking-form .mechanic-date{width:100%;max-width:100%;min-width:0;padding-right:10px}
}

/* v41.15 — hard mobile fix for mechanic date field */
.mechanic-booking-form > label { min-width:0 !important; max-width:100% !important; overflow:hidden; }
.mechanic-booking-form input.mechanic-date[type="date"] {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  inline-size:100% !important;
  min-inline-size:0 !important;
  max-inline-size:100% !important;
  box-sizing:border-box !important;
  -webkit-box-sizing:border-box !important;
  font-size:16px !important;
  padding-left:10px !important;
  padding-right:8px !important;
}
@media(max-width:760px){
  .mechanic-booking-form { width:100% !important; min-width:0 !important; max-width:100% !important; overflow:hidden !important; }
  .mechanic-booking-form > label { width:100% !important; min-width:0 !important; max-width:100% !important; }
  .mechanic-booking-form input.mechanic-date[type="date"] { width:100% !important; max-width:100% !important; min-width:0 !important; }
}

/* PWA install action: part of the page/menu, never floating over content. */
.pwa-install-btn{white-space:nowrap;background:#fff;color:#1768c8;border-color:#bcd8fa;cursor:pointer}
.pwa-install-btn:hover{background:#f4f8fd}
.navlinks .pwa-install-btn{padding:11px 14px}
@media(max-width:850px){.navlinks .pwa-install-btn{display:none}.crm-topbar .pwa-install-btn{display:inline-flex;padding:7px 9px;font-size:11px}.container.auth-wrap>.pwa-install-btn{margin:0 auto 14px}}