@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#202123;--surface:#2b2c2f;--surface2:#333437;--text:#f2f3f5;--muted:#a1a3a8;--line:rgba(255,255,255,.07);--cyan:#35c8f4;--orange:#f06448;--shadow:0 14px 35px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:radial-gradient(ellipse at 50% 0,#38393c 0,#242527 35%,#1e1f21 100%);color:var(--text);font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,Tahoma,sans-serif;padding:0 0 calc(90px + env(safe-area-inset-bottom));min-height:100vh}.topbar{max-width:760px;margin:auto;padding:calc(16px + env(safe-area-inset-top)) 18px 14px;display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:11px;flex:1}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:#ffffff0d;border:1px solid #ffffff12;color:var(--cyan);font-size:24px}.topbar h1{font-size:21px;margin:0;font-weight:700}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.04em;color:#92949a;margin:0 0 4px}.round-btn{width:38px;height:38px;flex:none;border:1px solid #ffffff18;border-radius:50%;background:#ffffff0a;color:var(--cyan);font-size:25px;line-height:1;cursor:pointer}.container{max-width:760px;margin:0 auto;padding:0 12px}.asset-hero{border:1px solid #ffffff08;background:linear-gradient(150deg,#37383b,#2c2d30 70%);border-radius:25px;overflow:hidden;padding:12px 13px 14px;box-shadow:var(--shadow);position:relative}.hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.tiny-pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:6px 10px;background:#17181a66;color:#c5c6ca;font-size:10px}.tiny-pill i{display:block;width:6px;height:6px;border-radius:50%;background:#5bd6a0;box-shadow:0 0 10px #5bd6a0}.more-btn{font-size:15px;letter-spacing:1px;color:#d2d3d5}.vehicle-art{height:200px;display:flex;align-items:center;justify-content:center;margin:-3px -12px -1px;background:radial-gradient(ellipse at 50% 70%,#56575a 0,transparent 55%)}.vehicle-art svg{width:100%;height:100%;max-width:580px;filter:drop-shadow(0 18px 12px #0005)}.hero-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 15px}.hero-title h2{font-size:19px;font-weight:600;margin:0 0 3px}.hero-title h2 span{color:#a7a8ad;font-weight:400;font-size:15px}.muted{font-size:10px;color:var(--muted);margin:0}.metric{padding:10px 14px;background:#ffffff10;border-radius:15px;text-align:center;white-space:nowrap}.metric strong,.metric span{display:block}.metric strong{font-size:19px;font-weight:500}.metric span{font-size:10px;color:var(--muted)}.identity-panel{background:#ffffff0b;border:1px solid #ffffff04;border-radius:18px;padding:6px 12px}.identity-row{display:flex;align-items:center;gap:11px;padding:9px 2px}.identity-row+ .identity-row{border-top:1px solid #ffffff08}.line-icon{color:#a7a9ad;font-size:20px;width:24px;text-align:center}.identity-row div{flex:1;min-width:0}.identity-row small,.identity-row strong{display:block}.identity-row small{color:#999ba0;font-size:10px}.identity-row strong{font-size:12px;color:#e1e2e5;font-weight:500}.chevron{font-size:28px;color:var(--cyan);line-height:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 4px 12px}.section-head h2{font-size:16px;margin:0;font-weight:600}.text-action{border:0;background:transparent;color:var(--cyan);font:inherit;font-size:12px;cursor:pointer;padding:7px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{position:relative;min-height:162px;background:linear-gradient(145deg,#343538,#2d2e31);border:1px solid #ffffff06;border-radius:20px;padding:12px 10px;box-shadow:0 8px 20px #00000012;overflow:hidden}.service-title{display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid #ffffff12;min-width:0}.service-title strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.service-icon{font-size:19px;color:#898b90;flex:none}.service-icon.warn{color:#96989c}.service-title .chevron{font-size:25px}.service-meta{display:flex;align-items:center;gap:8px;color:#b0b1b5;font-size:10px;margin-top:11px;padding-left:70px}.service-meta span{color:#8b8d92;font-size:14px}.gauge{position:absolute;bottom:12px;left:12px;width:68px;height:44px;border-radius:68px 68px 0 0;border:9px solid #4a4b4f;border-bottom:0;display:flex;align-items:center;justify-content:center;padding-top:17px;color:#eee;font-size:10px}.gauge.blue{border-left-color:var(--cyan);transform:rotate(-2deg)}.gauge.orange{border-left-color:var(--orange);border-right-color:var(--orange);color:#fff}.asset-section-head{margin-top:25px}.count-pill{font-size:10px;color:#c4c5c9;background:#ffffff0c;border:1px solid #ffffff0b;padding:5px 9px;border-radius:20px;white-space:nowrap}.panel{background:#ffffff06;border:1px solid #ffffff09;border-radius:18px;padding:13px;margin-top:10px}.list-empty{padding:19px 10px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:7px}.list-empty strong{color:#e0e1e4;font-size:12px}.list-empty p{font-size:10px;margin:0;line-height:1.8}.empty-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#ffffff0b;color:var(--cyan);font-size:22px;margin-bottom:3px}.compact{padding-bottom:14px}.reminder-detail-empty{font-size:11px;color:var(--muted);padding:8px 2px 3px;line-height:1.8}.notice{background:#ffffff06;border:1px solid #ffffff0b;border-radius:15px;padding:13px;margin-top:14px;font-size:11px;line-height:1.9;color:#bfc0c4}.notice p{margin:3px 0 0;color:#92949a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;max-width:760px;margin:auto;background:#292a2cdb;border:1px solid #ffffff0c;border-bottom:0;border-radius:22px 22px 0 0;padding:10px 5px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:5;box-shadow:0 -8px 30px #0002}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#92949a;font-size:9px;min-width:54px}.bottom-nav a span{font-size:21px;line-height:1.2}.bottom-nav a.active{color:var(--cyan);font-weight:700}.button{border:0;border-radius:12px;padding:10px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.button-primary{background:var(--cyan);color:#102027}.button-light{background:#ffffff10;color:var(--text);border:1px solid #ffffff15}.button-plain{background:#ffffff0c;color:var(--text)}.hidden{display:none!important}dialog{width:min(92vw,460px);border:1px solid #ffffff15;border-radius:22px;padding:22px;background:#2b2c2f;box-shadow:0 20px 80px #0008;color:var(--text)}dialog::backdrop{background:#08090bc7;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-head h2{font-size:18px;margin:0}.close-btn{border:0;background:#ffffff0d;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer;color:var(--text)}label{display:block;font-size:12px;font-weight:600;margin:13px 0}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ffffff17;border-radius:11px;background:#202123;padding:12px;font:inherit;font-size:13px;color:var(--text);outline-color:var(--cyan)}textarea{resize:vertical}.form-actions{display:flex;gap:8px;margin-top:20px}.form-actions button:first-child{flex:1}.toast{position:fixed;bottom:90px;left:16px;right:16px;max-width:460px;margin:auto;background:#343639;color:#fff;padding:12px 16px;border:1px solid #ffffff15;border-radius:13px;box-shadow:var(--shadow);font-size:12px;z-index:10}.item-list{display:flex;flex-direction:column;gap:9px;margin-top:12px}.item{border:1px solid #ffffff0d;border-radius:14px;padding:12px;display:flex;align-items:flex-start;gap:10px;background:#ffffff05}.item-mark{width:35px;height:35px;border-radius:11px;background:#ffffff0a;display:grid;place-items:center;color:var(--cyan);flex:none}.item-main{flex:1;min-width:0}.item-main strong{font-size:12px;display:block;overflow-wrap:anywhere}.item-main p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.7}.item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.small-btn{border:1px solid #ffffff0c;border-radius:9px;padding:6px 9px;font:inherit;font-size:10px;cursor:pointer;background:#ffffff0b;color:var(--cyan)}.small-btn.danger{background:#f0644818;color:#ff927e}.status{font-size:10px;padding:4px 7px;border-radius:20px;background:#ffffff0b;color:#c3c4c8;white-space:nowrap}
@media(min-width:620px){.container{padding:0 20px}.vehicle-art{height:245px}.service-card{min-height:175px;padding:14px}.service-title strong{font-size:12px}.service-meta{font-size:11px}.hero-title h2{font-size:22px}}@media(max-width:380px){.vehicle-art{height:165px}.hero-title h2{font-size:16px}.hero-title h2 span{font-size:12px}.metric{padding:8px 10px}.service-card{padding:10px 8px;min-height:158px}.service-title{gap:4px}.service-title strong{font-size:10px}.service-meta{padding-left:54px;font-size:9px}.gauge{width:58px;height:38px;left:8px;bottom:10px;border-width:7px;border-bottom:0}}
/* Dashboard refinement: vehicle-first, quieter sections */
.urgent-head{margin-top:20px;margin-bottom:9px}.urgent-list{display:flex;flex-direction:column;gap:8px}.urgent-empty{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#ffffff05;border:1px solid #ffffff0a;border-radius:15px;color:#c6c8cc;font-size:11px}.urgent-empty>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#5bd6a018;color:#5bd6a0;font-size:18px}.urgent-empty strong,.urgent-empty small{display:block}.urgent-empty strong{font-size:11px;font-weight:600}.urgent-empty small{font-size:10px;color:var(--muted);margin-top:3px}.urgent-item{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#f0644810;border:1px solid #f0644828;border-radius:15px}.urgent-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f0644820;color:#ff927e;font-weight:800}.urgent-copy{flex:1;min-width:0}.urgent-copy strong,.urgent-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urgent-copy strong{font-size:11px}.urgent-copy small{font-size:10px;color:#b4a5a2;margin-top:3px}.asset-section-head{margin-top:28px}.nav-add{align-self:center;border:0;border-radius:50%;width:43px;height:43px;margin-top:-21px;background:var(--cyan);color:#102027;font-size:27px;box-shadow:0 5px 20px #35c8f433;cursor:pointer}.bottom-nav a{min-width:48px}.schedule-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.schedule-row:last-child{border-bottom:0}.schedule-row>div{flex:1}.schedule-row strong,.schedule-row small{display:block}.schedule-row strong{font-size:11px}.schedule-row small{font-size:10px;color:var(--muted);margin-top:3px}.schedule-status{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.schedule-status.complete{background:#5bd6a0}.schedule-status.late{background:var(--orange)}
/* Dashboard refinement: vehicle-first, quieter sections */
.urgent-head{margin-top:20px;margin-bottom:9px}.urgent-list{display:flex;flex-direction:column;gap:8px}.urgent-empty{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#ffffff05;border:1px solid #ffffff0a;border-radius:15px;color:#c6c8cc;font-size:11px}.urgent-empty>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#5bd6a018;color:#5bd6a0;font-size:18px}.urgent-empty strong,.urgent-empty small{display:block}.urgent-empty strong{font-size:11px;font-weight:600}.urgent-empty small{font-size:10px;color:var(--muted);margin-top:3px}.urgent-item{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#f0644810;border:1px solid #f0644828;border-radius:15px}.urgent-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f0644820;color:#ff927e;font-weight:800}.urgent-copy{flex:1;min-width:0}.urgent-copy strong,.urgent-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urgent-copy strong{font-size:11px}.urgent-copy small{font-size:10px;color:#b4a5a2;margin-top:3px}.asset-section-head{margin-top:28px}.nav-add{align-self:center;border:0;border-radius:50%;width:43px;height:43px;margin-top:-21px;background:var(--cyan);color:#102027;font-size:27px;box-shadow:0 5px 20px #35c8f433;cursor:pointer}.bottom-nav a{min-width:48px}.schedule-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.schedule-row:last-child{border-bottom:0}.schedule-row>div{flex:1}.schedule-row strong,.schedule-row small{display:block}.schedule-row strong{font-size:11px}.schedule-row small{font-size:10px;color:var(--muted);margin-top:3px}.schedule-status{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.schedule-status.complete{background:#5bd6a0}.schedule-status.late{background:var(--orange)}

/* v3 forms, history and backup controls */
.history-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px;border-radius:12px;background:#ffffff08;color:var(--muted);font-size:10px;margin-bottom:8px}
.history-summary b{color:var(--text)}.vehicle-fields{padding:8px 10px;border:1px solid #ffffff0d;border-radius:13px;background:#ffffff04}
dialog{max-height:88dvh;overflow:auto}dialog form{padding-bottom:2px}input[type=file]{font-size:11px;padding:9px}
@media(max-width:380px){.history-summary{font-size:9px}}


/* Functional service and Jalali calendar controls */
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.schedule-subhead{font-size:11px;font-weight:700;color:#d7d9dc;padding:12px 2px 5px;border-top:1px solid var(--line);margin-top:8px}
.service-history-row{margin:7px 0}
.date-input-wrap{display:flex;align-items:stretch;gap:6px;margin-top:7px}
.date-input-wrap input.jalali-date{margin-top:0;min-width:0;flex:1}
.date-picker-trigger{flex:none;width:44px;border:1px solid #ffffff17;border-radius:11px;background:#ffffff0b;color:var(--cyan);font-size:20px;cursor:pointer}
.jalali-calendar{position:fixed;z-index:1000;padding:12px;border:1px solid #ffffff20;border-radius:16px;background:#292a2d;box-shadow:0 16px 50px #0009;color:var(--text);direction:rtl}
.jalali-calendar.hidden{display:none}
.calendar-head,.calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.calendar-head strong{font-size:13px}
.calendar-head button,.calendar-foot button{border:1px solid #ffffff12;border-radius:8px;padding:6px 10px;background:#ffffff0b;color:var(--text);font:inherit;cursor:pointer}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.calendar-weekdays{margin:12px 0 5px;color:var(--muted);font-size:10px}
.calendar-days{grid-auto-rows:35px}
.calendar-day{border:1px solid transparent;border-radius:9px;background:#ffffff07;color:var(--text);font:inherit;font-size:12px;cursor:pointer}
.calendar-day:hover,.calendar-day.selected{background:var(--cyan);color:#102027;font-weight:800}
.calendar-blank{display:block}
.calendar-foot{margin-top:10px}
@media(max-width:420px){.section-actions{gap:2px}.section-actions .text-action{font-size:10px;padding:5px}.jalali-calendar{max-width:calc(100vw - 24px)}}


/* Clear grouping for the complete asset inventory and direct report access */
.asset-category-list{display:grid;gap:18px}
.asset-category-group{display:grid;gap:10px;min-width:0}
.asset-category-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.asset-category-title strong{font-size:15px;color:var(--text)}
.asset-category-title span{font-size:12px;color:var(--muted);white-space:nowrap}
.asset-category-group>.item{margin:0}
.schedule-actions{display:flex;justify-content:flex-start;margin:0 0 12px}
.schedule-actions .small-btn{min-height:38px}
.service-history-row{margin-top:8px}

/* Service history views */
.recent-services-panel{padding:14px}.recent-services-list,.all-services-list{display:grid;gap:8px}
.recent-services-list .service-history-row,.all-services-list .service-history-row{margin:0}
.service-history-panel{scroll-margin-top:18px}
.history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.history-filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.history-filters input,.history-filters select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 10px;font:inherit}
.history-filter-actions{display:flex;align-items:end;gap:8px;grid-column:1/-1;flex-wrap:wrap}.history-filter-actions .button{min-height:40px}
#allServicesSummary{margin:8px 0 14px}.asset-list-item .item-main>p{line-height:1.8;overflow-wrap:anywhere}
@media(max-width:680px){.history-filters{grid-template-columns:1fr 1fr}.history-filters label:first-child{grid-column:1/-1}.history-filter-actions{grid-column:1/-1}.recent-services-panel{padding:10px}}

/* Separate page views for bottom navigation. */
.page-hidden{display:none!important}


/* Redesign: consistent page hierarchy, spacious cards, readable typography */
:root{--bg:#151b25;--surface:#202a38;--surface2:#263447;--text:#edf3fa;--muted:#9baec2;--line:rgba(201,220,240,.12);--cyan:#70d6c4;--orange:#ff9b76;--shadow:0 14px 38px rgba(0,0,0,.18)}
body{background:radial-gradient(ellipse at 50% 0,#253448 0,#18212d 44%,#131922 100%);padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.topbar{max-width:900px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:18px}
.topbar h1{font-size:23px;letter-spacing:-.02em}
.container{max-width:900px;padding:0 16px}
.app-page{animation:pageFade .16s ease-out}
@keyframes pageFade{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.section-head{margin:26px 2px 13px;align-items:flex-end}
.section-head h2,.page-intro h2{font-size:20px;letter-spacing:-.02em}
.eyebrow{font-size:11px;color:#9db2c8}
.panel,.asset-hero,.service-card{border-radius:22px}
.panel{padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-color:var(--line)}
.asset-hero{background:linear-gradient(145deg,#29394b,#202a38 75%);border-color:var(--line)}
.identity-panel{background:rgba(8,14,22,.22);border-color:var(--line)}
.bottom-nav{max-width:900px;background:rgba(22,30,42,.94);border-color:var(--line);padding-top:11px;backdrop-filter:blur(24px)}
.bottom-nav a{font-size:10px;min-width:52px;gap:5px;color:#a8b7c8}
.bottom-nav a span{font-size:22px}
.bottom-nav a.active{color:var(--cyan)}
.nav-add{width:48px;height:48px;background:var(--cyan);box-shadow:0 7px 22px #70d6c433}
.button-primary{background:var(--cyan);color:#102a2b}
.text-action{font-weight:600}
.asset-category-list{gap:22px}
.asset-category-title{background:rgba(112,214,196,.07);border-color:rgba(112,214,196,.15);padding:14px 16px}
.asset-category-title strong{font-size:15px}
.asset-category-group>.item{background:rgba(255,255,255,.025);padding:15px;border-radius:16px}
.item-main strong{font-size:13px}
.item-main p{font-size:11px;line-height:1.9}
.page-intro{padding:12px 3px 6px}
.page-intro h2{margin:0 0 7px}
.page-intro p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin:0}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.shortcut-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:right;min-height:140px;padding:17px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));color:var(--text);font:inherit;cursor:pointer}
.shortcut-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(112,214,196,.12);color:var(--cyan);font-size:22px}
.shortcut-card strong{font-size:13px}
.shortcut-card small{font-size:11px;line-height:1.7;color:var(--muted)}
.report-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.report-stat{padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(112,214,196,.09),rgba(255,255,255,.025))}
.report-stat span,.report-stat small{display:block;color:var(--muted);font-size:11px}
.report-stat strong{display:block;font-size:clamp(16px,4vw,22px);margin:10px 0;overflow-wrap:anywhere}
.reports-page h3{font-size:15px;margin:2px 0 14px}
.report-breakdown{display:grid;gap:0}
.report-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}
.report-row:last-child{border-bottom:0}
.report-row strong{font-size:12px;white-space:nowrap}
.page-back{margin-top:16px}
.history-filters{padding:14px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
@media(max-width:420px){.container{padding:0 12px}.shortcut-card{padding:13px;min-height:128px}.report-summary{gap:8px}.report-stat{padding:13px}.bottom-nav a{min-width:46px}.section-head h2,.page-intro h2{font-size:18px}}

.quick-add-dialog{max-width:420px}
.quick-add-options{display:grid;gap:10px}
.quick-add-options button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;text-align:right;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);color:var(--text);font:inherit;cursor:pointer}
.quick-add-options button>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(112,214,196,.12);color:var(--cyan);font-size:21px}
.quick-add-options strong{font-size:13px}
.quick-add-options small{font-size:11px;color:var(--muted);margin-top:3px}

/* Selected-asset carousel */
.asset-carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:-2px 0 10px;color:var(--muted);font-size:10px}.asset-carousel-controls button{width:28px;height:28px;border-radius:50%;border:1px solid #ffffff18;background:#ffffff0b;color:var(--cyan);font-size:20px;cursor:pointer}.asset-carousel-dots{display:flex;gap:5px;align-items:center}.asset-carousel-dots button{width:6px;height:6px;min-width:6px;min-height:6px;padding:0;border:0;background:#777;border-radius:50%}.asset-carousel-dots button.active{width:17px;border-radius:8px;background:var(--cyan)}.generic-asset-art.hidden{display:none!important}.asset-hero{touch-action:pan-y}.generic-asset-art{width:100%;height:100%;display:grid;place-items:center;font-size:96px;color:var(--cyan);text-shadow:0 10px 30px #0005}.vehicle-art.generic-mode svg{display:none}.asset-carousel-controls span{min-width:36px;text-align:center}.service-history-row .item-actions{margin-top:8px}.service-history-row .item-actions button{margin-left:5px}

.repeat-rule{display:grid;grid-template-columns:1fr 1fr;gap:10px}.repeat-rule label{min-width:0}.repeat-rule input,.repeat-rule select{width:100%}.generic-asset-art.hidden{display:none!important}

.vehicle-art.generic-mode svg{display:none}.generic-asset-art{font-size:96px;line-height:1;filter:drop-shadow(0 14px 10px #0005);width:100%;height:100%;align-items:center;justify-content:center}.generic-asset-art:not(.hidden){display:flex}.asset-carousel-controls{user-select:none}

/* Hotfix: make separate page visibility authoritative even if other display rules exist. */
[data-page][hidden], .page-hidden { display: none !important; }