/* Production adaptation of the ORIGINAL AvtoMaydon UX prototype.
   The matching styles.css and theme-yhxx.css are copied unchanged from it.
   These additions style real, server-rendered PHP forms/data and never use demo data. */
:root{--forest:#003d33;--forest2:#065541;--gold:#f9c522;--green:#08785c;--ink:#17392f;--muted:#7b968a;--line:#deebe3}
html{scroll-behavior:smooth}body{background:#f4f8f5;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%}
.btn-primary{background:#006e55;color:white;border-color:#006e55}.btn-primary:hover{background:#004f3d;color:white}
.btn-gold{background:#f9c522;border-color:#f9c522;color:#163e30}.btn-gold:hover{background:#e8b70f}
.btn-sm{font-size:11px;padding:7px 12px}.btn-ghost{background:white}.btn.full{width:100%}
.site-mark{flex:0 0 47px;display:grid;place-items:center;font-size:23px}
.auth-hero .brand,.sidebar .brand{display:flex;gap:13px;align-items:center}
.auth-panel .login-form{margin-top:25px;display:grid;gap:15px}
.auth-panel .field{margin:0}.auth-panel .label{display:block;margin:0 0 7px;font-size:12px;font-weight:800;color:#315d4c}
.auth-panel .input{width:100%;min-height:49px}
.auth-panel .btn.wide{width:100%;min-height:49px;margin-top:8px}
.auth-panel .head p{color:#7b938a}
.live-tg-box{margin-top:22px;padding:16px 21px;display:grid;grid-template-columns:40px 1fr;column-gap:12px;text-align:left;align-items:center;background:#eef7f1}
.live-tg-box .tg-circle{width:36px;height:36px;border-radius:50%;margin:0;background:#2aabee;font-size:18px;grid-row:span 2}
.live-tg-box h3{font-size:13px;margin:0 0 4px}.live-tg-box p{font-size:11px;margin:0;color:#567766;line-height:1.65}
.auth-status:not(:empty){grid-column:1/-1;margin-top:12px;background:#fff9dc;padding:11px;border-radius:10px;font-size:12px;color:#7a5d0b}
.auth-footer{margin-top:20px}.alert{border:1px solid #bce6ce;background:#eafbf0;padding:13px 15px;border-radius:11px;color:#166d4c;font-size:12px;margin:15px 0}
.alert-error{border-color:#f0c1b9;background:#fff3ef;color:#a33f33}
.nav-glyph{display:grid;place-items:center;width:19px;height:20px;font-size:19px;color:#9fd1b3;font-weight:700}
.side-link.active .nav-glyph{color:#ffda60}.sidebar .brand{margin:0 11px 30px}.sidebar-bottom{margin-top:auto}
.side-profile>div{min-width:0}.side-profile b{display:block;font-size:12px;max-width:155px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.system-live{display:flex;align-items:center;gap:7px;color:#178362;font-weight:800;font-size:11px;white-space:nowrap}
.status-dot{width:7px;height:7px;background:#21b87b;border-radius:50%}
.user-chip>span:last-child{display:flex;flex-direction:column}.user-chip>span:last-child small{color:#8da698;font-size:10px}
.logout-form{margin:0}.logout-form .circle-btn{font-size:22px;line-height:1}
.page-heading .eyebrow{margin-bottom:8px}.page-heading p{color:#8ca195;font-size:12px;margin:0;line-height:1.6}
.page-heading h1{margin:0 0 8px}.page-heading>.actions{flex-shrink:0}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:19px}
.kpis .kpi{border:1px solid #e0ebe4;background:white;border-radius:15px;box-shadow:0 9px 29px #174c3510;padding:21px;min-height:162px}
.kpis .kpi-icon{width:43px;height:43px;border-radius:13px;background:#e3f4e9;color:#0b8260;display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:15px}
.kpis .kpi-icon.mint{background:#e6f8f0;color:#147f61}.kpis .kpi-icon.gold{background:#fff3cc;color:#9a7115}
.kpis .kpi small{display:block;font-size:11px;color:#829c90;margin-bottom:5px;min-height:28px}
.kpis .kpi strong{font:800 clamp(20px,2vw,28px)/1.23 Manrope,sans-serif;color:#173e32;letter-spacing:-1px;display:block;overflow-wrap:anywhere}
.kpis .kpi strong sup{font:500 12px 'DM Sans',sans-serif;letter-spacing:0}
.kpis .kpi p{color:#95a99f;font-size:11px;margin:8px 0 0}
.panel{background:white;border:1px solid #e0ebe4;border-radius:15px;padding:24px;box-shadow:0 9px 29px #174c3510;margin-bottom:19px;min-width:0}
.panel h3{color:#194433;font:800 17px Manrope,sans-serif;letter-spacing:-.35px;margin:0 0 13px}
.panel h4{font-size:13px;color:#244c3d;margin:0 0 12px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.panel-heading h3{margin:0}.panel-heading p,.section-help{font-size:11px;color:#90a599;margin:6px 0 0}
.small-link{color:#0a775b;font-weight:800;font-size:12px}.small-link:hover{text-decoration:underline}
.table-scroll{width:100%;overflow-x:auto}
.table-scroll table{width:100%;border-collapse:collapse;min-width:650px}
.table-scroll th{font-size:10px;color:#7d9b8b;letter-spacing:.6px;background:#f6faf7;padding:13px 14px;text-align:left;text-transform:uppercase}
.table-scroll td{padding:13px 14px;border-bottom:1px solid #edf1f0;font-size:12px}
.table-scroll tr:last-child td{border-bottom:0}.table-scroll tr:hover td{background:#f6fbf8}
.table-scroll td small{display:block;color:#8fa599;font-size:10px;margin-top:5px}
.table-scroll .plate{font-size:12px}.table-scroll .plate .region,.table-scroll .plate .number{padding:3px 5px}
.badge{display:inline-flex;align-items:center;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:800}
.badge-green{background:#e2f7eb;color:#12845d}.badge-gold{background:#fff5d9;color:#9b7111}.badge-gray{background:#eff4f1;color:#697f72}
.two-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(275px,.9fr);gap:18px;align-items:start}
.two-cols.equal{grid-template-columns:repeat(2,minmax(0,1fr))}
.two-cols>.panel,.two-cols>div>.panel{margin-bottom:18px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
form>label,.form-grid>label,.mini-form label,.field label,.release-picker label{display:block;color:#355c4c;font-size:12px;font-weight:800;margin:0 0 15px}
form input:not([type=hidden]):not([type=checkbox]),form select,form textarea,.release-picker select{display:block;width:100%;border:1px solid #cfded3;border-radius:10px;background:white;color:#234b3a;padding:11px 12px;min-height:43px;margin-top:7px;outline:0;transition:border-color .17s,box-shadow .17s}
form input:focus,form select:focus,form textarea:focus{border-color:#49a482!important;box-shadow:0 0 0 3px #20a6761a}
form input::placeholder,form textarea::placeholder{color:#9aafa4}
form .btn{font-weight:800}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}
.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.filter-row input{flex:1;min-width:180px;margin:0!important}.filter-row select{min-width:155px;width:auto;margin:0!important}
.fact{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:12px 0;border-bottom:1px solid #e9f0eb;font-size:12px}
.fact span{color:#839a8b}.fact b{color:#244a37;text-align:right}.fact:last-child{border-bottom:none}
.notice{border:1px solid #cde6d7;background:#edf7f1;color:#37795b;padding:12px 14px;border-radius:11px;font-size:12px;line-height:1.6;margin:13px 0}
.camera-box{border:1.5px dashed #a7d1b7;background:#f1faf4;border-radius:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:21px;margin-bottom:14px}
.camera-box b{font-size:13px}.camera-box p{color:#7d9b8b;font-size:11px;margin:0}
.camera-box .camera-icon{width:50px;height:50px;display:grid;place-items:center;background:#ddefe3;color:#08795b;border-radius:15px;font-size:23px}
.camera-box input[type=file]{max-width:100%;min-height:44px;font-size:12px;padding:10px;background:white}
.camera-box video{max-width:100%;max-height:250px;border-radius:10px}
.camera-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.total-box{background:linear-gradient(110deg,#004536,#0d795c);border-radius:15px;padding:26px;color:white;margin:18px 0}
.total-box small,.total-box span{display:block;color:#c7e4d5;font-size:12px;margin-top:4px}
.total-box strong{display:block;color:white;font:800 29px Manrope,sans-serif;letter-spacing:-.8px;margin:11px 0}
.big-plate{margin:12px 0 19px}.big-plate .plate{font-size:23px}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.photo-grid a{overflow:hidden;border-radius:12px;border:1px solid #e0ebe4;aspect-ratio:4/3}
.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid img:hover{transform:scale(1.03)}
.team-member{border:1px solid #dfede4;border-radius:13px;padding:15px;margin:12px 0}
.team-member>b{font-size:12px}.team-member small{font-size:11px;color:#7b968a}
.telegram-form{display:flex;gap:8px;margin:8px 0}.telegram-form input{margin:0!important;min-width:0}
.mini-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.mini-form>div{flex:1;min-width:140px}
.empty{padding:30px;border:1px dashed #d6e6db;border-radius:12px;color:#8da597;text-align:center;font-size:12px}
.grid-main{margin-bottom:19px}.grid-main .card-pad{padding:23px}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.section-title{font-size:15px;font-weight:800;font-family:Manrope,sans-serif}
.occupancy-ring>div{background:white}.chart-legend{margin-top:32px}
.release-picker{display:grid;gap:11px;max-width:610px}.release-picker label{margin:0}.release-picker button{width:fit-content}
.system-foot{color:#9ab0a2;font-size:11px;text-align:center;padding:25px 0}
.app-shell .page-heading .actions{display:flex;gap:10px}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:none}.overlay-shade.show{display:block;position:fixed;inset:0;background:#002b23a3;z-index:20}.mobile-toggle{display:grid}.topbar .crumb{display:none}.topbar{padding:0 20px}.system-live{display:none}.workspace{padding:23px 17px 65px}.two-cols,.two-cols.equal{grid-template-columns:1fr}.auth-hero{padding:32px 26px}}
@media(max-width:610px){.kpis{gap:10px}.kpis .kpi{padding:15px;min-height:150px}.kpis .kpi strong{font-size:19px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.auth-mini>div{padding:11px}.auth-mini b{font-size:18px}.auth-mini small{font-size:9px}.auth-panel{padding:0}.topbar .user-chip>span:last-child{display:none}.sidebar{width:260px;flex-basis:260px}.photo-grid{grid-template-columns:repeat(2,1fr)}.filter-row input,.filter-row select{width:100%!important;flex:1 1 100%}.page-heading{flex-direction:column}.page-heading .actions{width:100%}.page-heading .actions .btn{width:100%}.wide-chart{height:175px}}