:root {
  --navy: #172234;
  --navy-2: #101827;
  --blue: #2563eb;
  --blue-dark: #1d4ed8;
  --text: #172033;
  --muted: #64748b;
  --line: #dfe5ec;
  --soft: #f1f5f9;
  --page: #f6f8fb;
  --white: #fff;
  --danger: #b42318;
  --success: #157f5b;
  --shadow: 0 5px 18px rgba(15, 23, 42, .06);
}

* { box-sizing: border-box; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--text); background: var(--page); font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif; font-size: 1rem; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
input, select, textarea { color: var(--text); }
:focus-visible { outline: 3px solid rgba(37, 99, 235, .25); outline-offset: 2px; }

/* Login */
.login-page { min-height: 100vh; padding: 24px; background: #e9eef5; }
.login-shell { width: min(100%, 1460px); min-height: calc(100vh - 48px); margin: auto; display: grid; grid-template-columns: minmax(440px, 47%) 1fr; overflow: hidden; border: 1px solid #d8e0ea; border-radius: 24px; background: #fff; box-shadow: 0 30px 80px rgba(15, 23, 42, .14); }
.brand-panel { position: relative; isolation: isolate; min-height: 680px; padding: clamp(2rem, 4vw, 4rem); display: flex; flex-direction: column; overflow: hidden; color: #fff; background: radial-gradient(circle at 73% 35%, rgba(59, 130, 246, .24), transparent 30%), linear-gradient(145deg, #0c1423 0%, #15243a 58%, #101827 100%); }
.brand-panel::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom right, #000, transparent 72%); }
.brand-panel::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: 23%; z-index: -1; height: 1px; background: linear-gradient(90deg, transparent, #60a5fa, transparent); transform: rotate(-8deg); box-shadow: 0 42px 0 rgba(96,165,250,.22), 0 -42px 0 rgba(96,165,250,.16); }
.brand-top { display: flex; align-items: center; gap: .8rem; font-size: .95rem; letter-spacing: -.01em; }
.brand-badge, .mobile-brand span, .side-logo span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg, #3b82f6, #1d4ed8); box-shadow: 0 10px 26px rgba(37,99,235,.32); font-size: .9rem; font-weight: 800; letter-spacing: -.03em; }
.brand-scene { position: absolute; top: 50%; left: 55%; width: min(34vw, 460px); aspect-ratio: 1; transform: translate(-50%, -52%); }
.brand-orbit { position: absolute; inset: 7%; border: 1px solid rgba(147, 197, 253, .25); border-radius: 50%; }.orbit-two { inset: 22%; border-style: dashed; border-color: rgba(147,197,253,.4); transform: rotate(20deg); }
.brand-monogram { position: absolute; inset: 34%; display: grid; place-items: center; border: 1px solid rgba(147,197,253,.3); border-radius: 26%; color: rgba(255,255,255,.94); background: linear-gradient(145deg, rgba(59,130,246,.92), rgba(29,78,216,.7)); box-shadow: 0 24px 80px rgba(37,99,235,.34); font-size: clamp(2rem, 4vw, 4rem); font-weight: 800; letter-spacing: -.08em; transform: rotate(-8deg); }
.brand-node { position: absolute; width: 14px; height: 14px; border: 3px solid #17243a; border-radius: 50%; background: #60a5fa; box-shadow: 0 0 0 5px rgba(96,165,250,.15); }.node-one { top: 8%; left: 49%; }.node-two { right: 7%; bottom: 28%; }.node-three { left: 14%; bottom: 18%; }
.brand-panel h1 { margin: auto 0 0; font-size: clamp(3rem, 6vw, 5.7rem); line-height: .88; letter-spacing: -.065em; }.brand-panel h1 span { display: block; color: #60a5fa; }
.form-panel { position: relative; display: grid; place-items: center; padding: clamp(2rem, 6vw, 6rem); background: radial-gradient(circle at 75% 12%, #eaf1ff 0, transparent 28%), #f8fafc; }
.form-panel::before { content: ""; position: absolute; width: 220px; height: 220px; right: -80px; bottom: -80px; border: 1px solid #dbe5f1; border-radius: 50%; box-shadow: 0 0 0 38px rgba(219,229,241,.45), 0 0 0 76px rgba(219,229,241,.2); }
.form-wrap { position: relative; z-index: 1; width: min(100%, 500px); }
.form-card { width: 100%; padding: clamp(2rem, 4vw, 3rem); background: rgba(255,255,255,.96); border: 1px solid #dce4ee; border-radius: 18px; box-shadow: 0 28px 70px rgba(15, 23, 42, .12); }
.login-heading { margin-bottom: 2rem; display: flex; align-items: center; gap: .8rem; }.login-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--navy); font-weight: 700; }.form-card h2 { margin: 0; color: var(--text); font-size: clamp(1.55rem, 3vw, 2rem); line-height: 1.2; letter-spacing: -.035em; }
.form-card form { display: grid; gap: 1.1rem; }
.form-card label, .customer-form label { display: grid; gap: .5rem; color: #334155; font-size: .92rem; font-weight: 650; }
.form-card input, .customer-form input, .customer-form select, .customer-form textarea, .filters input, .filters select { width: 100%; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.form-card input, .customer-form input, .customer-form select, .filters input, .filters select { min-height: 50px; padding: 0 .9rem; }
.form-card input:focus, .customer-form input:focus, .customer-form select:focus, .customer-form textarea:focus, .filters input:focus, .filters select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); outline: 0; }
.input-wrap { position: relative; }.input-wrap input { padding-left: 2.8rem; }.input-icon { position: absolute; top: 50%; left: .9rem; z-index: 1; width: 18px; height: 18px; transform: translateY(-50%); color: #7c8ba1; pointer-events: none; }.input-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-field { position: relative; }.password-field input { padding-right: 5.2rem; }
.password-toggle { position: absolute; top: 50%; right: .5rem; min-height: 34px; padding: 0 .65rem; transform: translateY(-50%); border: 0; border-radius: 5px; color: #334155; background: var(--soft); font-size: .8rem; font-weight: 650; }
.form-card form > button { min-height: 52px; margin-top: .35rem; padding: 0 1.15rem; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(90deg, #2563eb, #1d4ed8); box-shadow: 0 12px 25px rgba(37,99,235,.22); font-weight: 700; }.form-card form > button b { font-size: 1.1rem; }
.form-card form > button:hover { background: var(--blue-dark); }
.mobile-brand { display: none; align-items: center; gap: .75rem; margin-bottom: 1.5rem; font-size: 1rem; font-weight: 700; }
.center-shell { min-height: 100vh; display: grid; place-items: center; padding: 1.25rem; }
.mobile-brand.visible { display: flex; }
.muted { color: var(--muted); }

/* Application frame */
.app-page { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; width: 252px; padding: 1.35rem 1rem; display: flex; flex-direction: column; color: #fff; background: var(--navy-2); }
.side-logo { padding: 0 .4rem 1.7rem; display: flex; align-items: center; gap: .75rem; color: #fff; text-decoration: none; }
.side-logo span { width: 40px; height: 40px; }
.side-logo strong { font-size: 1rem; letter-spacing: -.01em; }
.sidebar nav { display: grid; gap: .3rem; }
.sidebar nav a { min-height: 46px; padding: .7rem .8rem; display: flex; align-items: center; gap: .75rem; border-radius: 7px; color: #b9c5d6; text-decoration: none; font-size: .9rem; font-weight: 600; }
.sidebar nav a:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.sidebar nav a.active { color: #fff; background: #263751; box-shadow: inset 3px 0 var(--blue); }
.sidebar nav i { width: 1.25rem; color: #93b4ff; font-style: normal; text-align: center; }
.side-account { margin-top: auto; padding: 1rem .35rem 0; display: flex; align-items: center; gap: .7rem; border-top: 1px solid #29364a; }
.side-account > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; color: #fff; background: #30435f; font-size: .8rem; font-weight: 750; }
.side-account div { min-width: 0; }
.side-account strong, .side-account small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-account strong { font-size: .86rem; }.side-account small { margin-top: .1rem; color: #94a3b8; font-size: .76rem; }
.app-main { min-height: 100vh; margin-left: 252px; }
.app-topbar { height: 68px; padding: 0 2rem; display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--line); }
.app-topbar h1 { margin: 0; font-size: .95rem; font-weight: 700; }
.app-topbar form { margin: 0; }
.logout-button { min-height: 40px; padding: 0 .85rem; border: 1px solid #cbd5e1; border-radius: 7px; color: #334155; background: #fff; font-size: .82rem; font-weight: 650; }
.menu-toggle, .sidebar-backdrop { display: none; }
.page-content { width: min(100%, 1380px); margin: 0 auto; padding: 2rem; }
.page-heading { min-height: 66px; margin-bottom: 1.25rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.page-heading p { margin: 0 0 .2rem; color: var(--muted); font-size: .8rem; }
.page-heading h2 { margin: 0; font-size: 1.55rem; line-height: 1.25; letter-spacing: -.025em; }
.back-link { margin-bottom: .4rem; display: block; color: var(--muted); text-decoration: none; font-size: .83rem; font-weight: 600; }
.heading-actions { display: flex; gap: .55rem; }

/* Controls and feedback */
.button { min-height: 44px; padding: .62rem 1rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 7px; text-decoration: none; font-size: .86rem; font-weight: 700; line-height: 1.15; }
.button.primary { color: #fff; background: var(--blue); }.button.primary:hover { background: var(--blue-dark); }
.button.dark { color: #fff; background: var(--navy); }.button.light { color: #334155; background: #fff; border-color: #cbd5e1; }.button.danger { color: var(--danger); background: #fff; border-color: #e6b8b4; }
button.is-loading { pointer-events: none; opacity: .65; }
.alert { margin: 0 0 1rem; padding: .85rem 1rem; border: 1px solid; border-radius: 8px; font-size: .9rem; }
.alert ul { margin: 0; padding-left: 1.15rem; }.alert.error { color: var(--danger); background: #fff5f4; border-color: #f0c9c5; }.alert.success { color: var(--success); background: #effaf6; border-color: #bce6d6; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }

/* Dashboard */
.stats-grid { margin-bottom: 1rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.stats-grid article { min-height: 112px; padding: 1.15rem; display: flex; align-items: center; gap: .9rem; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }
.stat-mark { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; font-weight: 800; }
.stat-mark.green { color: #166534; background: #dcfce7; }.stat-mark.blue { color: #1d4ed8; background: #dbeafe; }.stat-mark.amber { color: #9a5700; background: #fef3c7; }.stat-mark.violet { color: #6d28d9; background: #ede9fe; }
.stats-grid small, .stats-grid strong { display: block; }.stats-grid small { color: var(--muted); font-size: .82rem; }.stats-grid strong { margin-top: .15rem; font-size: 1.6rem; line-height: 1.2; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .72fr); gap: 1rem; }
.panel-title { min-height: 70px; padding: 1rem 1.2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.panel-title h3 { margin: 0; font-size: .98rem; }.panel-title span { margin-top: .18rem; display: block; color: var(--muted); font-size: .78rem; }.panel-title > a { color: var(--blue); text-decoration: none; font-size: .82rem; font-weight: 700; }
.shortcuts { align-self: start; padding-bottom: .4rem; }.shortcuts > a { min-height: 68px; margin: 0 .65rem; padding: .75rem .5rem; display: flex; align-items: center; gap: .75rem; color: var(--text); border-bottom: 1px solid var(--line); text-decoration: none; }.shortcuts > a:last-child { border: 0; }.shortcuts i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 7px; color: var(--blue); background: #eaf0ff; font-style: normal; font-weight: 800; }.shortcuts div { flex: 1; }.shortcuts strong, .shortcuts span { display: block; }.shortcuts strong { font-size: .88rem; }.shortcuts span { margin-top: .15rem; color: var(--muted); font-size: .76rem; }.shortcuts b { color: #94a3b8; }

/* Tables and lists */
.table-wrap { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
table { width: 100%; min-width: 720px; border-collapse: collapse; }
th, td { padding: .85rem 1rem; border-bottom: 1px solid #e9edf2; text-align: left; white-space: nowrap; }
th { color: #526174; background: #f8fafc; font-size: .77rem; font-weight: 700; letter-spacing: .025em; }
td { font-size: .86rem; }tbody tr:last-child td { border-bottom: 0; }tbody tr:hover td { background: #fbfdff; }
.customer-name { display: flex; align-items: center; gap: .65rem; color: var(--text); text-decoration: none; font-weight: 700; }.customer-name span { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; color: #1d4ed8; background: #e8efff; font-size: .78rem; }
.tag { padding: .28rem .55rem; display: inline-flex; border-radius: 5px; color: #475569; background: #eef2f7; font-size: .75rem; font-weight: 650; }.row-link { color: var(--blue); text-decoration: none; font-size: .8rem; font-weight: 700; }
.filters { padding: 1rem; display: flex; gap: .65rem; border-bottom: 1px solid var(--line); }.filters input { min-width: 260px; flex: 1; }.filters select { width: 180px; }.pagination { padding: 1rem; display: flex; justify-content: flex-end; gap: .35rem; }.pagination a { width: 38px; height: 38px; display: grid; place-items: center; color: #475569; border: 1px solid var(--line); border-radius: 6px; text-decoration: none; font-size: .82rem; }.pagination a.active { color: #fff; background: var(--blue); border-color: var(--blue); }
.empty { min-height: 190px; display: grid; place-content: center; justify-items: center; gap: .65rem; color: var(--muted); }.empty a { color: var(--blue); font-size: .84rem; font-weight: 700; }
.role-badge, .status-badge { padding: .3rem .55rem; display: inline-flex; align-items: center; border-radius: 5px; font-size: .74rem; font-weight: 700; }
.role-badge.admin { color: #1d4ed8; background: #e8efff; }.role-badge.personel { color: #475569; background: #eef2f7; }
.status-badge.active { color: #166534; background: #dcfce7; }.status-badge.inactive { color: #991b1b; background: #fee2e2; }
.table-actions { display: flex; justify-content: flex-end; align-items: center; gap: .45rem; }.inline-form { margin: 0; }.table-action { min-height: 36px; padding: .42rem .65rem; border: 1px solid #cbd5e1; border-radius: 6px; color: #334155; background: #fff; text-decoration: none; font-size: .78rem; font-weight: 700; }.table-action.danger { color: var(--danger); border-color: #e6b8b4; }
.field-note { margin: .45rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }.check-row { min-height: 50px; padding: .7rem .85rem; display: flex !important; grid-template-columns: none !important; align-items: center; gap: .7rem !important; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; }.check-row input { width: 18px; min-height: 18px; margin: 0; }.check-row span { font-weight: 650; }

/* Customer forms and detail */
.customer-form { overflow: hidden; }.form-section { padding: 1.35rem; border-bottom: 1px solid var(--line); }.form-section h3 { margin: 0 0 1rem; font-size: 1rem; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }.form-grid.single { grid-template-columns: 1fr; }.customer-form textarea { min-height: 100px; padding: .75rem .85rem; resize: vertical; }.form-actions { padding: 1rem 1.35rem; display: flex; justify-content: flex-end; gap: .6rem; background: #f8fafc; }
.detail-grid { display: grid; grid-template-columns: 270px 1fr 1fr; gap: 1rem; }.profile-card { grid-row: span 2; padding: 2rem 1.2rem; text-align: center; }.profile-avatar { width: 76px; height: 76px; margin: 0 auto 1rem; display: grid; place-items: center; border-radius: 12px; color: #1d4ed8; background: #e8efff; font-size: 1.7rem; font-weight: 800; }.profile-card h3 { margin: 0 0 .65rem; font-size: 1.05rem; }.detail-card { padding: 1.3rem; }.detail-card h3 { margin: 0 0 1rem; font-size: .95rem; }.detail-card p { color: #475569; font-size: .88rem; line-height: 1.65; }.detail-card.wide { grid-column: span 2; }.detail-card dl { margin: 0; display: grid; gap: .85rem; }.detail-card dl div { display: grid; grid-template-columns: 125px 1fr; gap: 1rem; }.detail-card dt { color: var(--muted); font-size: .82rem; }.detail-card dd { margin: 0; font-size: .88rem; font-weight: 650; }
.confirm-dialog { width: min(420px, calc(100% - 2rem)); padding: 0; border: 0; border-radius: 10px; box-shadow: 0 25px 90px rgba(15, 23, 42, .28); }.confirm-dialog::backdrop { background: rgba(15, 23, 42, .58); }.confirm-dialog form { padding: 1.4rem; }.confirm-dialog h3 { margin: 0 0 .45rem; font-size: 1.05rem; }.confirm-dialog p { color: var(--muted); font-size: .88rem; }.confirm-dialog form > div { margin-top: 1.2rem; display: flex; justify-content: flex-end; gap: .5rem; }

/* Tablet */
@media (max-width: 1080px) {
  .login-page { padding: 12px; }.login-shell { min-height: calc(100vh - 24px); grid-template-columns: minmax(360px, 42%) 1fr; border-radius: 18px; }.brand-scene { width: 360px; }.form-panel { padding: 2.5rem; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .shortcuts { display: grid; grid-template-columns: 1fr 1fr; }
  .shortcuts .panel-title { grid-column: 1 / -1; }
  .shortcuts > a { border-bottom: 0; }
  .detail-grid { grid-template-columns: 240px 1fr; }
  .detail-card.wide { grid-column: 2; }
  .filters { flex-wrap: wrap; }.filters input { min-width: min(100%, 300px); }.filters select { flex: 1 1 170px; }
}

@media (max-width: 900px) {
  .login-shell { grid-template-columns: 320px 1fr; }.brand-panel { min-height: 620px; padding: 2rem; }.brand-scene { width: 280px; left: 52%; }.brand-panel h1 { font-size: 3.7rem; }.form-panel { padding: 2rem; }
  .sidebar { transform: translateX(-105%); transition: transform .22s ease; box-shadow: 20px 0 45px rgba(15, 23, 42, .22); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-backdrop.show { position: fixed; inset: 0; z-index: 35; display: block; border: 0; background: rgba(15, 23, 42, .48); }
  .app-main { margin-left: 0; }
  .menu-toggle { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 7px; background: #fff; font-size: 1.1rem; }
  .app-topbar { padding: 0 1.25rem; gap: .8rem; }.app-topbar h1 { flex: 1; }
}

/* Phone */
@media (max-width: 700px) {
  .login-page { padding: 0; background: #f8fafc; }.login-shell { min-height: 100vh; display: block; border: 0; border-radius: 0; box-shadow: none; }.brand-panel { display: none; }.form-panel { min-height: 100vh; padding: 1.25rem; }.form-panel::before { width: 150px; height: 150px; opacity: .55; }.form-wrap { max-width: 470px; }.form-card { padding: 2rem 1.5rem; border-radius: 14px; box-shadow: 0 18px 45px rgba(15, 23, 42, .09); }.mobile-brand { display: flex; }.login-heading { margin-bottom: 1.6rem; }
  .page-content { padding: 1.25rem 1rem; }.page-heading { min-height: auto; align-items: center; }.page-heading h2 { font-size: 1.35rem; }
  .filters { flex-wrap: wrap; }.filters input { min-width: 100%; }.filters select { flex: 1; width: auto; }.filters .button { flex: 0 0 auto; }
  .form-grid { grid-template-columns: 1fr; }.form-section { padding: 1.1rem; }.form-actions { position: sticky; bottom: 0; z-index: 2; padding: .85rem 1rem; box-shadow: 0 -8px 20px rgba(15, 23, 42, .05); }
  .detail-grid { grid-template-columns: 1fr; }.profile-card { grid-row: auto; }.detail-card.wide { grid-column: auto; }.detail-card dl div { grid-template-columns: 115px 1fr; }
  .table-wrap { border-radius: 0 0 10px 10px; }th, td { padding: .8rem; }td:first-child, th:first-child { position: sticky; left: 0; z-index: 1; background: #fff; }th:first-child { background: #f8fafc; }
}

@media (max-width: 460px) {
  .form-panel { padding: 1rem; }.form-card { padding: 1.5rem 1.1rem; }.login-heading { align-items: flex-start; }.login-mark { width: 34px; height: 34px; flex: 0 0 auto; }.form-card h2 { font-size: 1.45rem; }.form-card input { min-height: 52px; }.form-card form > button { min-height: 54px; }
  .app-topbar { padding: 0 .75rem; }.logout-button { min-height: 42px; }.page-content { padding: 1rem .75rem; }
  .stats-grid { grid-template-columns: 1fr; gap: .7rem; }.stats-grid article { min-height: 90px; }.shortcuts { grid-template-columns: 1fr; }.shortcuts > a { border-bottom: 1px solid var(--line); }
  .page-heading { align-items: flex-start; }.heading-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }.page-heading:has(.heading-actions) { flex-direction: column; }.heading-actions .button { width: 100%; }
  .filters select, .filters .button { width: 100%; flex: 1 1 100%; }.form-actions .button { flex: 1; }.detail-card dl div { grid-template-columns: 1fr; gap: .2rem; }
}

/* Professional workspace refresh */
:root { --navy: #172033; --navy-2: #111827; --blue: #1769e0; --blue-dark: #1058bd; --text: #172033; --muted: #69778a; --line: #e3e8ef; --soft: #f2f5f8; --page: #f5f7fa; --shadow: 0 1px 2px rgba(15,23,42,.03), 0 8px 24px rgba(15,23,42,.045); }
body { font-family: Inter, "Segoe UI Variable", "Segoe UI", Arial, sans-serif; font-size: 15px; }
.ui-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sidebar { width: 268px; padding: 1.25rem .9rem; border-right: 1px solid rgba(255,255,255,.04); background: linear-gradient(180deg, #111b2b 0%, #0d1624 100%); }
.side-logo { min-height: 55px; padding: 0 .55rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.side-logo span { width: 42px; height: 42px; border-radius: 11px; box-shadow: 0 9px 24px rgba(23,105,224,.28); }
.side-logo strong { font-size: .98rem; font-weight: 750; }
.sidebar nav { margin-top: 1rem; gap: .25rem; }
.nav-label { padding: .35rem .8rem .55rem; color: #66758b; font-size: .66rem; font-weight: 800; letter-spacing: .11em; }
.sidebar nav a { min-height: 46px; padding: .68rem .8rem; gap: .8rem; border-radius: 9px; color: #aab6c8; font-size: .87rem; font-weight: 650; transition: color .15s, background .15s, transform .15s; }
.sidebar nav a:hover { color: #fff; background: rgba(255,255,255,.055); }
.sidebar nav a.active { color: #fff; background: linear-gradient(90deg, rgba(36,103,194,.32), rgba(36,103,194,.14)); box-shadow: inset 3px 0 #3b82f6; }
.sidebar nav a .ui-icon { width: 19px; height: 19px; color: #8fa6c7; stroke-width: 1.9; }.sidebar nav a.active .ui-icon { color: #6ea8ff; }
.side-account { margin: auto .35rem 0; padding: 1rem 0 .1rem; border-color: rgba(255,255,255,.09); }.side-account > span { width: 40px; height: 40px; border-radius: 10px; background: #223552; }.side-account strong { color: #f8fafc; font-size: .84rem; }.side-account small { color: #8290a4; }
.app-main { margin-left: 268px; }
.app-topbar { position: sticky; top: 0; z-index: 25; height: 70px; padding: 0 clamp(1rem, 2.5vw, 2.25rem); border-color: #e6eaf0; box-shadow: 0 1px 0 rgba(15,23,42,.02); }
.topbar-title { display: flex; align-items: center; gap: .7rem; }.topbar-title > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: #3b5d89; background: #f8fafc; }.topbar-title .ui-icon { width: 17px; height: 17px; }.app-topbar h1 { font-size: .9rem; font-weight: 750; }
.logout-button { min-height: 40px; padding: 0 .85rem; display: inline-flex; align-items: center; gap: .5rem; border-color: #dce2e9; border-radius: 8px; transition: background .15s, border-color .15s; }.logout-button:hover { background: #f8fafc; border-color: #c8d0db; }.logout-button .ui-icon { width: 17px; height: 17px; }
.page-content { width: min(100%, 1480px); padding: clamp(1.25rem, 2.6vw, 2.25rem); }
.page-heading { min-height: 62px; margin-bottom: 1.15rem; align-items: center; }.page-heading p { margin-bottom: .25rem; color: #7a889a; font-size: .75rem; font-weight: 650; letter-spacing: .02em; }.page-heading h2 { font-size: clamp(1.4rem, 2vw, 1.7rem); font-weight: 760; }
.back-link { width: max-content; display: flex; align-items: center; gap: .35rem; }.back-link .ui-icon { width: 15px; height: 15px; }
.button { min-height: 42px; padding: .6rem .9rem; gap: .48rem; border-radius: 8px; box-shadow: 0 1px 2px rgba(15,23,42,.04); font-size: .82rem; transition: transform .12s, box-shadow .12s, background .12s; }.button:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15,23,42,.08); }.button .ui-icon { width: 17px; height: 17px; }.button.primary { background: linear-gradient(180deg, #2474e5, #1769e0); box-shadow: 0 6px 14px rgba(23,105,224,.2); }.button.dark { background: #1e293b; }.button.light { border-color: #dce2e9; }
.panel { border-color: #e2e7ee; border-radius: 12px; box-shadow: var(--shadow); }
.stats-grid { gap: .9rem; }.stats-grid article { position: relative; min-height: 116px; padding: 1.15rem; overflow: hidden; border-color: #e1e7ee; border-radius: 12px; transition: transform .15s, box-shadow .15s; }.stats-grid article:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(15,23,42,.07); }.stats-grid article::after { content: ""; position: absolute; right: -22px; bottom: -30px; width: 76px; height: 76px; border: 13px solid currentColor; border-radius: 50%; opacity: .035; }
.stat-mark { width: 48px; height: 48px; border-radius: 11px; }.stat-mark .ui-icon { width: 22px; height: 22px; stroke-width: 1.9; }.stats-grid small { margin-bottom: .25rem; font-size: .78rem; font-weight: 600; }.stats-grid strong { font-size: 1.65rem; font-weight: 780; letter-spacing: -.035em; }
.dashboard-grid { grid-template-columns: minmax(0, 2.2fr) minmax(290px, .72fr); gap: .9rem; }.panel-title { min-height: 72px; padding: .95rem 1.15rem; }.panel-title h3 { font-size: .93rem; font-weight: 760; }.panel-title span { font-size: .74rem; }.panel-title > a { display: flex; align-items: center; gap: .3rem; }.panel-title > a .ui-icon { width: 14px; height: 14px; }
.shortcuts { padding-bottom: .35rem; }.shortcuts > a { min-height: 70px; margin: 0 .7rem; padding: .75rem .45rem; border-color: #edf0f4; transition: background .15s, padding .15s; }.shortcuts > a:hover { padding-left: .65rem; background: #fbfcfe; }.shortcuts i { width: 40px; height: 40px; border-radius: 10px; }.shortcuts i .ui-icon { width: 19px; height: 19px; }.shortcuts b { display: flex; color: #9aa7b8; }.shortcuts b .ui-icon { width: 15px; height: 15px; }.shortcuts strong { font-size: .84rem; }.shortcuts span { font-size: .72rem; }
.empty { min-height: 210px; gap: .75rem; }.empty-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; color: #66809f; background: #eef3f8; }.empty-icon .ui-icon { width: 23px; height: 23px; }.empty strong { color: #475569; font-size: .9rem; }.empty .button { color: #334155; font-size: .78rem; }
th, td { padding: .9rem 1.05rem; border-color: #edf0f4; }th { color: #6b7789; background: #fafbfc; font-size: .7rem; text-transform: uppercase; letter-spacing: .055em; }td { color: #354255; font-size: .83rem; }tbody tr:hover td { background: #f9fbfd; }
.customer-name { font-weight: 700; }.customer-name span { width: 36px; height: 36px; border-radius: 9px; color: #1769e0; background: #eaf2fe; }
.tag, .role-badge, .status-badge { border-radius: 99px; }.row-link.icon-link { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #e1e6ed; border-radius: 8px; color: #60748f; background: #fff; }.icon-link .ui-icon { width: 15px; height: 15px; }
.filters { padding: .9rem; gap: .55rem; background: #fbfcfd; }.filter-search { position: relative; min-width: 260px; flex: 1; }.filter-search > .ui-icon { position: absolute; top: 50%; left: .85rem; z-index: 1; width: 17px; height: 17px; color: #8996a7; transform: translateY(-50%); }.filters .filter-search input { min-width: 0; padding-left: 2.5rem; }.filters input, .filters select, .customer-form input, .customer-form select { min-height: 44px; }.filters input, .filters select, .customer-form input, .customer-form select, .customer-form textarea { border-color: #d9e0e8; border-radius: 8px; }
.table-action { min-height: 34px; padding: .4rem .58rem; display: inline-flex; align-items: center; gap: .35rem; border-color: #dde3ea; border-radius: 7px; }.table-action .ui-icon { width: 14px; height: 14px; }
.customer-form { max-width: 1080px; }.form-section { padding: 1.4rem; }.form-section h3 { padding-bottom: .8rem; border-bottom: 1px solid #edf0f4; font-size: .93rem; }.form-card label, .customer-form label { color: #3c4859; font-size: .83rem; }.form-actions { border-top: 0; background: #fafbfc; }
.detail-card h3 { font-weight: 760; }.profile-card { background: linear-gradient(180deg, #fff, #fbfcfe); }.profile-avatar { border-radius: 18px; }

@media (max-width: 1080px) {
  .dashboard-grid { grid-template-columns: 1fr; }.shortcuts { grid-template-columns: repeat(3, 1fr); }.filter-search { min-width: min(100%, 300px); }
}
@media (max-width: 900px) {
  .app-main { margin-left: 0; }.menu-toggle { display: grid; place-items: center; }.menu-toggle .ui-icon { width: 20px; height: 20px; }.topbar-title > span { display: none; }
}
@media (max-width: 700px) {
  .app-topbar { height: 62px; }.page-content { padding: 1rem; }.stats-grid { gap: .7rem; }.stats-grid article { min-height: 100px; }.filter-search { min-width: 100%; flex-basis: 100%; }.filters .filter-search input { min-width: 100%; }.table-actions span { display: none; }.table-action { width: 36px; padding: 0; justify-content: center; }
}
@media (max-width: 460px) {
  .logout-button span { display: none; }.logout-button { width: 42px; padding: 0; justify-content: center; }.shortcuts { grid-template-columns: 1fr; }.page-heading .button.primary { min-height: 40px; padding-inline: .75rem; }.stats-grid article { min-height: 92px; }.stat-mark { width: 44px; height: 44px; }
}

/* Login workspace */
.login-page { padding: 18px; background: #e8edf4; }
.login-shell { width: min(100%, 1380px); min-height: calc(100vh - 36px); grid-template-columns: minmax(500px, 53%) 1fr; border-color: #d5dce6; border-radius: 20px; box-shadow: 0 24px 70px rgba(15,23,42,.14); }
.brand-panel { min-height: 700px; padding: clamp(2rem, 3.7vw, 3.8rem); background: radial-gradient(circle at 60% 40%, rgba(39,117,221,.22), transparent 36%), linear-gradient(145deg, #0d1726 0%, #15253b 62%, #101a29 100%); }
.brand-panel::before { opacity: .13; background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.brand-panel::after { display: none; }
.brand-top { position: relative; z-index: 3; font-size: 1rem; }.brand-badge { width: 44px; height: 44px; border-radius: 11px; }.brand-badge svg, .mobile-brand span svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.service-scene { position: absolute; inset: 10% 3% 12%; display: grid; place-items: center; }
.service-illustration { width: min(100%, 760px); overflow: visible; filter: drop-shadow(0 30px 34px rgba(0,0,0,.2)); }
.service-illustration .floor-line, .service-illustration .lift { fill: none; stroke: #607b9e; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }.service-illustration .lift-fill { fill: #314864; }.service-illustration .car-body { fill: url(#carPaint); stroke: #76b0fb; stroke-width: 4; stroke-linejoin: round; }.service-illustration .car-glass { fill: url(#glass); stroke: #b5d8ff; stroke-width: 3; }.service-illustration .car-detail { fill: none; stroke: rgba(8,34,66,.58); stroke-width: 4; stroke-linecap: round; }.service-illustration .plate { fill: #e9f2fc; stroke: #a9c9ec; stroke-width: 2; }.service-illustration .wheel { fill: #0b1320; stroke: #526b88; stroke-width: 5; }.service-illustration .wheel-core { fill: #8298b2; stroke: #c0d1e4; stroke-width: 4; }.service-illustration .light { fill: #dff0ff; stroke: #fff; stroke-width: 2; }.service-illustration .tool circle { fill: rgba(14,25,41,.82); stroke: #3c5c82; stroke-width: 3; }.service-illustration .tool path { fill: none; stroke: #78b1fa; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
.scene-card { position: absolute; right: 7%; bottom: 13%; width: 190px; padding: .85rem; display: grid; grid-template-columns: 40px 1fr 24px; align-items: center; gap: .7rem; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; color: #fff; background: rgba(14,26,43,.76); box-shadow: 0 18px 42px rgba(0,0,0,.22); backdrop-filter: blur(12px); }.scene-card > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 9px; color: #73adfa; background: rgba(56,128,224,.16); }.scene-card svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.scene-card b { display: block; margin-bottom: .4rem; font-size: .76rem; }.scene-card i { width: 58px; height: 4px; margin-top: .25rem; display: block; border-radius: 99px; background: #41546d; }.scene-card i + i { width: 39px; }.scene-card > strong { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #b6f1dc; background: rgba(45,187,132,.2); font-size: .72rem; }
.brand-caption { position: relative; z-index: 3; margin-top: auto; }.brand-caption small { color: #7fa4d2; font-size: .68rem; font-weight: 800; letter-spacing: .17em; }.brand-panel .brand-caption h1 { margin: .55rem 0 0; font-size: clamp(2.8rem, 5vw, 4.7rem); line-height: .88; }.brand-panel .brand-caption h1 span { display: inline; margin-left: .16em; }
.form-panel { padding: clamp(2rem, 5vw, 5.5rem); background: radial-gradient(circle at 100% 0, #edf4ff 0, transparent 30%), #f8fafc; }.form-panel::before { opacity: .6; }
.form-wrap { max-width: 460px; }.login-card { padding: clamp(2rem, 4vw, 2.8rem); border-color: #dce3ec; border-radius: 16px; box-shadow: 0 18px 46px rgba(15,23,42,.09); }
.login-card .login-heading { margin-bottom: 1.75rem; }.login-card .login-heading small { display: block; margin-bottom: .35rem; color: #1769e0; font-size: .68rem; font-weight: 800; letter-spacing: .13em; }.login-card .login-heading h2 { font-size: 1.75rem; font-weight: 770; }
.login-card form { gap: 1rem; }.login-card label { gap: .45rem; font-size: .82rem; }.login-card input { min-height: 50px; border-color: #d7dee7; border-radius: 9px; }.login-card .input-icon { left: .95rem; color: #8291a4; }.login-card .password-toggle { right: .55rem; border-radius: 7px; background: #edf1f5; }
.login-card form > button { min-height: 50px; margin-top: .55rem; border-radius: 9px; background: linear-gradient(180deg, #2877e5, #1769e0); box-shadow: 0 10px 22px rgba(23,105,224,.22); }.login-card form > button b { width: 24px; height: 24px; display: grid; place-items: center; }.login-card form > button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mobile-brand span { width: 42px; height: 42px; }

@media (max-width: 1080px) {
  .login-page { padding: 12px; }.login-shell { min-height: calc(100vh - 24px); grid-template-columns: minmax(370px, 44%) 1fr; }.brand-panel { min-height: 650px; }.service-scene { inset: 15% 0 18%; }.scene-card { right: 4%; bottom: 9%; transform: scale(.86); }.brand-panel .brand-caption h1 { font-size: 3.2rem; }
}
@media (max-width: 820px) {
  .login-shell { grid-template-columns: 300px 1fr; }.brand-panel { padding: 2rem 1.6rem; }.service-scene { inset: 18% -12% 22%; }.scene-card { display: none; }.brand-panel .brand-caption h1 { font-size: 2.65rem; }.brand-panel .brand-caption h1 span { display: block; margin: .15em 0 0; }.form-panel { padding: 2rem; }
}
@media (max-width: 700px) {
  .login-page { padding: 0; }.login-shell { min-height: 100vh; display: block; border-radius: 0; }.brand-panel { display: none; }.form-panel { min-height: 100vh; padding: 1.25rem; }.login-card { padding: 2rem 1.4rem; }.mobile-brand { margin-bottom: 1.25rem; }
}

/* Vehicle and service workflow */
[hidden] { display: none !important; }.uppercase { text-transform: uppercase; }.spaced-top { margin-top: 1rem; }.span-two { grid-column: 1 / -1; }
.vehicle-name { display: flex; align-items: center; gap: .7rem; color: var(--text); text-decoration: none; }.vehicle-name > span { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: #1769e0; background: #eaf2fe; }.vehicle-name > span .ui-icon { width: 20px; }.vehicle-name strong,.vehicle-name small,.table-subline { display: block; }.vehicle-name strong { font-size: .86rem; }.vehicle-name small,.table-subline { margin-top: .12rem; color: var(--muted); font-size: .72rem; }.order-number { color: #1769e0; text-decoration: none; font-size: .8rem; font-weight: 760; }
.service-status { padding: .3rem .6rem; display: inline-flex; border-radius: 99px; color: #475569; background: #eef2f7; font-size: .69rem; font-weight: 750; white-space: nowrap; }.service-status.kabul,.service-status.planlandi { color:#1d4ed8;background:#dbeafe; }.service-status.inceleme,.service-status.onay_bekliyor { color:#9a5700;background:#fef3c7; }.service-status.islemde { color:#6d28d9;background:#ede9fe; }.service-status.parca_bekliyor { color:#9f1239;background:#ffe4e6; }.service-status.tamamlandi,.service-status.teslim_edildi { color:#166534;background:#dcfce7; }.service-status.iptal { color:#991b1b;background:#fee2e2; }
.section-heading { margin-bottom: 1rem; padding-bottom: .8rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #edf0f4; }.section-heading h3 { margin: 0; padding: 0; border: 0; }.segmented { padding: 3px; display: flex; border: 1px solid #dce3eb; border-radius: 9px; background: #f3f6f9; }.segmented button { min-height: 32px; padding: .35rem .7rem; border: 0; border-radius: 6px; color: #617084; background: transparent; font-size: .72rem; font-weight: 700; }.segmented button.active { color: #1769e0; background: #fff; box-shadow: 0 1px 4px rgba(15,23,42,.12); }.mode-panel { padding-top: .15rem; }.selected-record { min-height: 68px; padding: .8rem; display: flex; align-items: center; gap: .8rem; border: 1px solid #dce3eb; border-radius: 10px; background: #f9fbfd; }.selected-record > span { width: 42px;height:42px;display:grid;place-items:center;border-radius:9px;color:#1769e0;background:#e8f1ff;}.selected-record strong,.selected-record small{display:block}.selected-record small{margin-top:.15rem;color:var(--muted);font-size:.76rem}
.vehicle-summary { margin-bottom: .9rem; display: grid; grid-template-columns: 1.05fr 1fr 1fr; gap: .9rem; }.vehicle-hero { padding: 1.4rem; display: flex; align-items: center; gap: 1rem; background: linear-gradient(135deg,#16243a,#1d3554); color:#fff; }.vehicle-hero > span { width:64px;height:64px;display:grid;place-items:center;border-radius:15px;color:#8fc1ff;background:rgba(255,255,255,.08); }.vehicle-hero > span .ui-icon{width:30px;height:30px}.vehicle-hero small{color:#9eb0c7;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.vehicle-hero h3{margin:.2rem 0;font-size:1.15rem}.vehicle-hero b{color:#83b8fb;font-size:.82rem}.history-panel{margin-top:.9rem;overflow:hidden}.truncate-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis}
.vehicle-card-grid{padding:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.vehicle-mini-card{min-height:92px;padding:.9rem;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:.7rem;border:1px solid #e1e7ee;border-radius:10px;color:var(--text);text-decoration:none;transition:border-color .15s,box-shadow .15s}.vehicle-mini-card:hover{border-color:#b8c8dd;box-shadow:0 7px 20px rgba(15,23,42,.06)}.vehicle-mini-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:#1769e0;background:#eaf2fe}.vehicle-mini-card strong,.vehicle-mini-card small,.vehicle-mini-card em{display:block}.vehicle-mini-card small{margin-top:.1rem;color:#4c5a6c;font-size:.76rem}.vehicle-mini-card em{margin-top:.25rem;color:#8793a3;font-size:.66rem;font-style:normal}.vehicle-mini-card>.ui-icon{width:15px;color:#96a3b4}
.service-overview{margin-bottom:.9rem;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:.9rem}.service-main-card{overflow:hidden}.service-card-head{min-height:78px;padding:1rem 1.15rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.service-meta{padding:1rem 1.15rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-meta small,.service-meta strong,.service-meta a{display:block}.service-meta small{margin-bottom:.22rem;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.service-meta strong,.service-meta a{color:var(--text);font-size:.8rem;font-weight:700;text-decoration:none}.complaint-card{padding:1.2rem}.complaint-card h3{margin:0 0 .55rem;font-size:.82rem}.complaint-card h3:not(:first-child){margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}.complaint-card p{margin:0;color:#4d5b6e;font-size:.8rem;line-height:1.65}
.service-timeline{padding:.35rem 1.15rem 1rem}.service-timeline>article{position:relative;padding:1rem 0 1rem 3rem;display:grid;grid-template-columns:1fr;border-bottom:1px solid #edf0f4}.service-timeline>article:last-child{border:0}.service-timeline>article::before{content:"";position:absolute;left:18px;top:50px;bottom:-16px;width:1px;background:#dfe5ec}.service-timeline>article:last-child::before{display:none}.timeline-dot{position:absolute;left:0;top:1rem;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#1769e0;background:#eaf2fe}.timeline-dot.tamamlandi{color:#167553;background:#dcfce7}.timeline-dot.iptal{color:#991b1b;background:#fee2e2}.timeline-dot .ui-icon{width:17px;height:17px}.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.timeline-head h4{margin:.25rem 0 0;font-size:.86rem}.item-type{color:#758397;font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.timeline-actions{display:flex;align-items:center;gap:.7rem}.timeline-actions>strong{font-size:.82rem;white-space:nowrap}.timeline-meta{margin-top:.65rem;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .8rem}.timeline-meta>span:not(.service-status){color:#7a8797;font-size:.69rem}.timeline-content>p{margin:.65rem 0 0;color:#536174;font-size:.76rem;line-height:1.55}

@media(max-width:1080px){.vehicle-summary{grid-template-columns:1fr 1fr}.vehicle-hero{grid-column:1/-1}.vehicle-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-overview{grid-template-columns:1fr}.service-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.span-two{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.vehicle-summary{grid-template-columns:1fr}.vehicle-card-grid{grid-template-columns:1fr;padding:.75rem}.service-meta{grid-template-columns:repeat(2,1fr)}.service-card-head{align-items:flex-start;gap:.7rem;flex-direction:column}.timeline-head{flex-direction:column}.timeline-actions{width:100%;justify-content:space-between}.service-timeline{padding-inline:.85rem}.service-timeline>article{padding-left:2.7rem}.truncate-cell{max-width:180px}}

/* Standard login */
.login-page { min-height: 100vh; padding: 0; background: #f2f5f9; }
.simple-login { min-height: 100vh; padding: 2rem 1rem; display: grid; place-items: center; }
.simple-login-card { width: min(100%, 420px); padding: 2.25rem; border: 1px solid #dfe5ec; border-radius: 12px; background: #fff; box-shadow: 0 12px 35px rgba(15,23,42,.08); }
.simple-login-brand { padding-bottom: 1.5rem; display: flex; align-items: center; gap: .75rem; border-bottom: 1px solid #edf0f4; }
.simple-login-brand span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #1769e0; font-size: .78rem; font-weight: 800; box-shadow: 0 5px 12px rgba(23,105,224,.2); }
.simple-login-brand strong { color: #172033; font-size: .95rem; font-weight: 750; }
.simple-login-title { padding: 1.6rem 0 1.25rem; }.simple-login-title h1 { margin: 0; color: #172033; font-size: 1.55rem; font-weight: 760; letter-spacing: -.025em; }
.simple-login-card form { display: grid; gap: 1rem; }.simple-login-card label { display: grid; gap: .45rem; color: #39475a; font-size: .8rem; font-weight: 700; }
.simple-input { position: relative; }.simple-input > svg { position: absolute; top: 50%; left: .9rem; width: 18px; height: 18px; color: #8794a6; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transform: translateY(-50%); pointer-events: none; }
.simple-input input { width: 100%; min-height: 48px; padding: 0 3rem 0 2.65rem; border: 1px solid #ccd5e0; border-radius: 8px; color: #172033; background: #fff; font-size: .88rem; outline: 0; transition: border-color .15s, box-shadow .15s; }.simple-input input:focus { border-color: #1769e0; box-shadow: 0 0 0 3px rgba(23,105,224,.12); }.simple-input input::placeholder { color: #9aa6b5; }
.simple-input .password-toggle { right: .45rem; min-height: 34px; padding: 0 .6rem; color: #475569; border-radius: 6px; background: #f1f4f7; font-size: .72rem; }
.simple-login-submit { min-height: 48px; margin-top: .35rem; border: 0; border-radius: 8px; color: #fff; background: #1769e0; box-shadow: 0 6px 14px rgba(23,105,224,.2); font-size: .86rem; font-weight: 750; transition: background .15s, transform .12s; }.simple-login-submit:hover { background: #1058bd; transform: translateY(-1px); }
.simple-login-card .alert { margin-bottom: 1rem; }
@media(max-width:480px){.simple-login{padding:1rem}.simple-login-card{padding:1.5rem;border-radius:10px}.simple-login-title{padding-top:1.4rem}.simple-input input,.simple-login-submit{min-height:50px}}

/* Service photo archive */
.photo-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.photo-upload{position:relative!important;min-height:150px;display:block!important;overflow:hidden;border:1px dashed #b9c6d6;border-radius:10px;background:#f8fafc;cursor:pointer;transition:border-color .15s,background .15s}.photo-upload:hover{border-color:#1769e0;background:#f3f7fd}.photo-upload>input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}.photo-placeholder{position:absolute;inset:0;padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;color:#718096;text-align:center}.photo-placeholder>.ui-icon{width:25px;height:25px;margin-bottom:.25rem;color:#1769e0}.photo-placeholder strong{color:#354255;font-size:.8rem}.photo-placeholder small{font-size:.68rem;font-weight:500}.photo-upload>img{width:100%;height:150px;display:block;object-fit:cover}.media-panel{margin-bottom:.9rem;overflow:hidden}.service-gallery{padding:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.service-photo{overflow:hidden;border:1px solid #e0e6ed;border-radius:10px;color:var(--text);background:#fff;text-decoration:none;transition:transform .15s,box-shadow .15s}.service-photo:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.08)}.service-photo img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;background:#eef2f6}.service-photo span{padding:.7rem .8rem;display:block}.service-photo strong,.service-photo small{display:block}.service-photo strong{font-size:.76rem}.service-photo small{margin-top:.15rem;color:var(--muted);font-size:.66rem}
.extra-photo-upload{grid-column:1/-1;min-height:132px}.extra-photo-previews{min-height:132px;padding:.55rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.extra-photo-previews img{width:100%;height:110px;border-radius:7px;object-fit:cover}.photo-note{margin-top:.75rem}
@media(max-width:900px){.photo-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.photo-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.photo-upload,.photo-upload>img{min-height:125px;height:125px}.extra-photo-upload{height:auto;min-height:125px}.extra-photo-previews{grid-template-columns:repeat(3,minmax(0,1fr));min-height:125px}.extra-photo-previews img{height:88px}.service-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem;gap:.6rem}}

/* Search, queued uploads and document archive */
.searchable-select{display:grid;grid-template-columns:42px minmax(0,1fr);overflow:hidden;border:1px solid #cfd8e4;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}.searchable-select:focus-within{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}.searchable-select>span{grid-row:1;display:grid;place-items:center;color:#718096;background:#f7f9fb;border-right:1px solid #e5e9ef}.searchable-select>span .ui-icon{width:17px}.customer-form .searchable-select>input{grid-column:2;min-height:46px;border:0;border-radius:0;box-shadow:none}.customer-form .searchable-select>input:focus{box-shadow:none}.native-combobox-select{display:none!important}.combobox-results{grid-column:1/-1;max-height:270px;overflow:auto;border-top:1px solid #e5e9ef;background:#fff}.combobox-option{width:100%;min-height:48px;padding:.65rem .9rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border:0;border-bottom:1px solid #edf0f4;color:#263449;background:#fff;text-align:left;cursor:pointer}.combobox-option:last-child{border-bottom:0}.combobox-option:hover,.combobox-option.active{background:#edf5ff;color:#1259bd}.combobox-option strong,.combobox-option small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-option strong{font-size:.82rem}.combobox-option small{margin-top:.15rem;color:#738196;font-size:.72rem;font-weight:500}.combobox-empty{padding:1rem;color:#7b8797;font-size:.8rem;text-align:center}.date-with-option{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.6rem}.date-with-option>label:first-child{min-width:0}.customer-form .inline-check{min-height:44px;padding:0 .75rem;display:flex;align-items:center;gap:.45rem;border:1px solid #d9e0e8;border-radius:8px;background:#fff;white-space:nowrap}.customer-form .inline-check input{width:17px;min-height:17px;margin:0}.inline-check span{font-size:.76rem}
[data-service-item-form]{overflow:visible}.stock-part-combobox{position:relative;overflow:visible;z-index:12}.stock-part-combobox .combobox-results{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:50;max-height:310px;border:1px solid #d7e0ea;border-radius:10px;box-shadow:0 16px 42px rgba(15,23,42,.16)}.stock-combobox-option{position:relative;min-height:61px;padding:.72rem 7.2rem .72rem 1rem}.stock-combobox-option strong{font-size:.84rem}.stock-combobox-option small{font-size:.7rem}.stock-option-price{position:absolute;top:50%;right:1rem;color:#1769e0;font-size:.78rem;transform:translateY(-50%)}
.photo-upload-item{position:relative;min-width:0}.photo-upload-item .photo-upload{height:100%}.photo-actions{position:absolute;right:.4rem;bottom:.4rem;z-index:3;display:flex;gap:.3rem}.photo-actions button{min-height:29px;padding:.3rem .55rem;border:0;border-radius:6px;color:#fff;background:rgba(15,23,42,.82);font-size:.65rem;font-weight:700}.photo-actions button:last-child{background:rgba(153,27,27,.88)}.photo-upload>img{cursor:zoom-in}.extra-photo-upload{padding:.7rem;display:grid!important;grid-template-columns:190px 1fr;align-items:stretch;gap:.7rem;cursor:default}.extra-photo-choose{min-height:112px;padding:.8rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;border:0;border-radius:8px;color:#67768a;background:#edf3fa;cursor:pointer}.extra-photo-choose .ui-icon{width:23px;color:#1769e0}.extra-photo-choose strong{color:#334155;font-size:.77rem}.extra-photo-choose small{font-size:.65rem}.extra-photo-previews{min-height:112px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem}.queued-photo{position:relative;min-height:100px}.queued-photo img{width:100%;height:100%;min-height:100px;border-radius:7px;object-fit:cover;cursor:zoom-in}.queued-photo button{position:absolute;top:.3rem;right:.3rem;width:26px;height:26px;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(15,23,42,.82);font-size:1rem;line-height:1;cursor:pointer}
.document-picker>input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}.queued-documents{margin-top:.75rem;display:grid;gap:.5rem}.queued-document,.document-row{min-height:58px;padding:.65rem .75rem;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.75rem;border:1px solid #e0e6ed;border-radius:9px;background:#fff}.queued-document>span,.document-row>span{width:48px;height:34px;display:grid;place-items:center;border-radius:6px;color:#1769e0;background:#eaf2fe;font-size:.62rem;font-weight:800}.queued-document strong,.queued-document small,.document-row strong,.document-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queued-document strong,.document-row strong{font-size:.76rem}.queued-document small,.document-row small{margin-top:.18rem;color:var(--muted);font-size:.66rem}.queued-document button{min-height:30px;padding:.3rem .55rem;border:1px solid #dbe2ea;border-radius:6px;color:#475569;background:#f8fafc;font-size:.67rem;font-weight:700}.document-panel{margin-bottom:.9rem;overflow:hidden}.document-list{padding:.85rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.document-row{color:var(--text);text-decoration:none}.document-row>.ui-icon{width:16px;color:#8a97a8}.document-row:hover{border-color:#b8c8dd;background:#fbfdff}
.media-preview-dialog{width:min(94vw,1100px);max-width:none;padding:0;border:0;border-radius:12px;background:#0b1220;box-shadow:0 30px 90px rgba(0,0,0,.45)}.media-preview-dialog::backdrop{background:rgba(5,10,20,.82)}.media-preview-dialog>button{position:absolute;top:.75rem;right:.75rem;z-index:2;width:40px;height:40px;border:0;border-radius:50%;color:#fff;background:rgba(15,23,42,.78);font-size:1.5rem}.media-preview-dialog>img{width:100%;max-height:88vh;display:block;object-fit:contain}
@media(max-width:700px){.date-with-option{grid-template-columns:1fr}.customer-form .inline-check{width:max-content}.extra-photo-upload{grid-template-columns:1fr}.extra-photo-choose{min-height:72px}.document-list{grid-template-columns:1fr}.queued-document,.document-row{grid-template-columns:42px minmax(0,1fr) auto}.queued-document>span,.document-row>span{width:42px}.searchable-select{grid-template-columns:40px 1fr}.stock-combobox-option{padding-right:5.7rem}.stock-option-price{right:.7rem;font-size:.72rem}}

/* Business settings and customer messages */
.settings-form{max-width:1080px}.settings-switch{min-height:38px;padding:0 .7rem!important;display:flex!important;align-items:center;gap:.5rem!important;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc}.settings-switch input{width:17px!important;min-height:17px!important;margin:0}.settings-switch span{font-size:.75rem;white-space:nowrap}.email-dialog{width:min(92vw,480px);padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 25px 80px rgba(15,23,42,.3)}.email-dialog::backdrop{background:rgba(15,23,42,.58)}.email-dialog form{padding:1.35rem;display:grid;gap:1rem}.email-dialog h3{margin:0 0 .2rem;font-size:1rem}.email-dialog label{display:grid;gap:.45rem;color:#3c4859;font-size:.8rem;font-weight:700}.email-dialog input,.email-dialog select{width:100%;min-height:46px;padding:0 .8rem;border:1px solid #cfd8e4;border-radius:8px;background:#fff}.email-dialog form>div{display:flex;justify-content:flex-end;gap:.55rem}.email-log-panel{margin-bottom:.9rem;overflow:hidden}.email-log-list{padding:.4rem 1rem 1rem}.email-log-list>div{padding:.7rem 0;display:grid;grid-template-columns:90px 1fr;gap:.15rem .7rem;border-bottom:1px solid #edf0f4}.email-log-list>div:last-child{border-bottom:0}.email-log-list strong{font-size:.78rem}.email-log-list small{grid-column:2;color:var(--muted);font-size:.68rem}.mail-state{grid-row:1/3;padding:.25rem .45rem;align-self:center;border-radius:99px;color:#166534;background:#dcfce7;font-size:.65rem;font-weight:750;text-align:center}.mail-state.failed{color:#991b1b;background:#fee2e2}.service-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.customer-form .service-type-option{min-height:48px;padding:.65rem .8rem;display:flex;align-items:center;gap:.65rem;border:1px solid #dce3eb;border-radius:9px;color:#354255;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.customer-form .service-type-option:has(input:checked){border-color:#7bacef;background:#f1f7ff;box-shadow:inset 3px 0 #1769e0}.customer-form .service-type-option input{width:18px;min-height:18px;margin:0;accent-color:#1769e0}.customer-form .service-type-option span{font-size:.8rem;font-weight:700}
@media(max-width:700px){.page-heading .heading-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading .heading-actions .button{justify-content:center}.email-log-list>div{grid-template-columns:78px minmax(0,1fr)}.service-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.service-type-grid{grid-template-columns:1fr}}

/* Business logo */
.brand-logo-box{overflow:hidden;padding:4px!important;background:#fff!important;box-shadow:none!important}.brand-logo-box img{width:100%;height:100%;display:block;object-fit:contain}.simple-login-brand .brand-logo-box{width:58px;height:46px}.business-logo-field{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:1.2rem}.business-logo-preview{width:220px;height:120px;min-height:120px;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #bdc9d7;border-radius:10px;background:#f8fafc}.business-logo-preview.has-logo{border-style:solid;background:#fff}.business-logo-preview img{width:100%;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain}.business-logo-preview span{color:#7b8797;font-size:.78rem}.business-logo-controls{min-width:0;display:grid;align-content:center;gap:.6rem}.business-logo-field .logo-file-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden;opacity:0;pointer-events:none}.logo-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.logo-action-row .button{justify-content:center}.logo-file-name{min-height:18px;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
@media(max-width:600px){.business-logo-field{grid-template-columns:1fr;gap:.85rem}.business-logo-preview{width:100%;height:110px;min-height:110px}.logo-action-row{display:grid;grid-template-columns:1fr 1fr}.logo-action-row .button{width:100%}.side-logo .brand-logo-box{width:48px}}

/* Developer and support */
.login-developer{margin-top:1.35rem;padding-top:1rem;display:grid;gap:.28rem;border-top:1px solid #e7ebf0;color:#718096;font-size:.75rem;line-height:1.5}.login-developer strong{color:#3a4658}.login-developer a{width:max-content;color:#1769e0;font-weight:700;text-decoration:none}.login-developer a:hover{text-decoration:underline}.sidebar{overflow-y:auto}.side-support{margin:auto .35rem 0;padding:1rem .15rem;border-top:1px solid rgba(255,255,255,.09)}.side-support>small,.side-support>strong{display:block}.side-support>small{margin-bottom:.35rem;color:#66758b;font-size:.65rem;font-weight:800;letter-spacing:.1em}.side-support>strong{margin-bottom:.55rem;color:#f4f7fb;font-size:.8rem}.side-support a{color:#aebbd0;text-decoration:none}.support-phone{display:flex;align-items:center;gap:.42rem;font-size:.76rem;font-weight:650}.support-phone .ui-icon{width:15px;height:15px;color:#70a7f6}.side-support>div{margin-top:.7rem;display:grid;gap:.42rem}.side-support>div>a{min-height:34px;padding:.42rem .5rem;display:flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.045);font-size:.68rem;font-weight:700}.side-support>div>a:hover{color:#fff;background:rgba(255,255,255,.08)}.side-support>div .ui-icon{width:14px;height:14px}.side-support>div .support-whatsapp{color:#bcebd5;border-color:rgba(37,211,102,.25);background:rgba(37,211,102,.1)}.side-account{margin:0 .35rem!important}.side-support+.side-account{padding-top:.85rem}
@media(max-height:720px){.side-support{margin-top:1rem}.side-logo{padding-bottom:.8rem}.sidebar nav{margin-top:.65rem}.sidebar nav a{min-height:42px}}
@media(max-width:480px){.login-developer{font-size:.76rem}}

/* SMTP test */
.smtp-test-box{margin-top:1rem;padding:1rem;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:.75rem;border:1px solid #dce4ed;border-radius:10px;background:#f8fafc}.smtp-test-box label{min-width:0}.smtp-test-box .button{min-height:50px;white-space:nowrap}.smtp-test-box>p{grid-column:1/-1;min-height:0;margin:0;color:#68778b;font-size:.76rem;font-weight:650}.smtp-test-box>p:empty{display:none}.smtp-test-box>p.success{color:#157f5b}.smtp-test-box>p.error{color:#b42318}.smtp-test-box .button[aria-busy=true]{opacity:.72;cursor:wait}
@media(max-width:600px){.smtp-test-box{grid-template-columns:1fr}.smtp-test-box .button{width:100%}.smtp-test-box>p{grid-column:1}}

/* Save flow and operation result */
.save-overlay[hidden]{display:none}.save-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:1rem;background:rgba(7,15,29,.72);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s}.save-overlay.show{opacity:1}.save-progress-card{width:min(92vw,390px);padding:2rem 1.6rem 1.5rem;display:flex;align-items:center;flex-direction:column;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;background:#101d31;box-shadow:0 26px 80px rgba(0,0,0,.32);text-align:center}.save-progress-card>strong{margin-top:1rem;font-size:1rem}.save-progress-card>span{margin-top:.35rem;color:#afbdd0;font-size:.78rem}.garage-loader{position:relative;width:86px;height:86px;display:grid;place-items:center}.garage-loader svg{width:42px;height:42px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:wrench-work 1.25s ease-in-out infinite}.loader-ring{position:absolute;inset:0;border:3px solid rgba(255,255,255,.12);border-top-color:#2f80ed;border-right-color:#61a6ff;border-radius:50%;animation:loader-spin .85s linear infinite}.save-progress-line{width:100%;height:4px;margin-top:1.25rem;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12)}.save-progress-line i{width:42%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#2f80ed,#7cb7ff);animation:loader-track 1.2s ease-in-out infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes wrench-work{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(13deg)}}@keyframes loader-track{0%{transform:translateX(-115%)}100%{transform:translateX(340%)}}
.operation-result{position:fixed;z-index:2500;top:82px;right:24px;width:min(440px,calc(100vw - 32px));padding:1rem 3rem 1rem 1rem;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:.85rem;overflow:hidden;border:1px solid #b9e6cf;border-radius:12px;color:#18392a;background:#f3fcf7;box-shadow:0 18px 50px rgba(15,23,42,.18);animation:result-in .28s ease-out}.operation-result.error{border-color:#f1c2be;color:#68251f;background:#fff7f6}.operation-result.leaving{opacity:0;transform:translateY(-10px);transition:.22s}.result-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#17865f}.operation-result.error .result-symbol{background:#c53d32}.result-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.operation-result strong{font-size:.88rem}.operation-result p{margin:.18rem 0 0;color:#4c6659;font-size:.77rem;line-height:1.45}.operation-result.error p{color:#7f4b47}.operation-result>button{position:absolute;top:.6rem;right:.65rem;width:30px;height:30px;border:0;border-radius:7px;color:currentColor;background:transparent;font-size:1.2rem;cursor:pointer}.result-timer{position:absolute;right:0;bottom:0;left:0;height:3px;background:#25a676;transform-origin:left;animation:result-timer 5.2s linear}.operation-result.error .result-timer{background:#d75a50}@keyframes result-in{from{opacity:0;transform:translateY(-12px)}}@keyframes result-timer{to{transform:scaleX(0)}}

/* Service gallery */
.media-preview-dialog{width:min(96vw,1180px);max-width:none;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#fff;background:#09111e;box-shadow:0 34px 100px rgba(0,0,0,.55)}.media-preview-dialog::backdrop{background:rgba(3,8,17,.88);backdrop-filter:blur(3px)}.gallery-stage{position:relative;min-height:min(78vh,760px);display:grid;place-items:center;background:#07101c}.gallery-stage>img{width:100%;height:min(78vh,760px);display:block;object-fit:contain}.gallery-stage button{position:absolute;z-index:3;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:rgba(10,20,35,.76);box-shadow:0 5px 18px rgba(0,0,0,.22);cursor:pointer;transition:background .15s,transform .15s}.gallery-stage button:hover{background:#1769e0;transform:scale(1.04)}.gallery-stage button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gallery-close{top:16px;right:16px}.gallery-arrow{top:50%;transform:translateY(-50%)}.gallery-arrow:hover{transform:translateY(-50%) scale(1.04)!important}.gallery-arrow.previous{left:16px}.gallery-arrow.next{right:16px}.media-preview-dialog.single-photo .gallery-arrow{display:none}.gallery-info{min-height:58px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0f1c2f}.gallery-info strong{font-size:.8rem}.gallery-info span{color:#9eb0c8;font-size:.76rem;font-weight:700}.photo-archive-badge{position:absolute;left:.45rem;bottom:.45rem;padding:.28rem .48rem;border-radius:5px;color:#fff;background:rgba(15,23,42,.78);font-size:.64rem;font-weight:700}.saved-photo button{width:auto;min-width:42px;padding:0 .45rem;border-radius:6px;font-size:.65rem;font-weight:700;background:rgba(164,31,31,.9)}.saved-photo.removed{display:none}.photo-upload.has-saved-photo{border-style:solid;border-color:#d3dce7}
@media(max-width:600px){.operation-result{top:70px;right:16px}.gallery-stage,.gallery-stage>img{min-height:0;height:72vh}.gallery-stage button{width:40px;height:40px}.gallery-arrow.previous{left:8px}.gallery-arrow.next{right:8px}.gallery-close{top:10px;right:10px}.gallery-info{min-height:52px;padding:0 .9rem}.save-progress-card{padding:1.6rem 1.2rem 1.3rem}}
@media(prefers-reduced-motion:reduce){.loader-ring,.garage-loader svg,.save-progress-line i,.operation-result,.result-timer{animation:none}}
.operation-result.warning{border-color:#f0d69b;color:#694b0e;background:#fffaf0}.operation-result.warning .result-symbol{background:#d18a13}.operation-result.warning p{color:#79612e}.operation-result.warning .result-timer{background:#d89a2c}.extra-photo-upload:not(:has(.extra-photo-choose)){grid-template-columns:1fr}

/* Service workflow */
.stats-grid .stat-card{position:relative;min-height:116px;padding:1.15rem;display:flex;align-items:center;gap:.9rem;overflow:hidden;border:1px solid #e1e7ee;border-radius:12px;color:var(--text);background:#fff;box-shadow:var(--shadow);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}.stats-grid .stat-card:hover{transform:translateY(-2px);border-color:#cbd8e8;box-shadow:0 10px 30px rgba(15,23,42,.08)}.stats-grid .stat-card:focus-visible{outline:3px solid rgba(23,105,224,.22);outline-offset:2px}.stats-grid .stat-card::after{content:"";position:absolute;right:-22px;bottom:-30px;width:76px;height:76px;border:13px solid currentColor;border-radius:50%;opacity:.035}.stats-grid .stat-card>b{width:30px;height:30px;margin-left:auto;display:grid;place-items:center;border-radius:8px;color:#8a9ab0;background:#f5f7fa}.stats-grid .stat-card>b .ui-icon{width:15px}.elapsed-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .52rem;border-radius:99px;color:#58677a;background:#eef2f6;font-size:.7rem;font-weight:750;white-space:nowrap}.elapsed-badge.live{color:#a45b00;background:#fff2cc}.elapsed-badge.live::before{content:"";width:6px;height:6px;border-radius:50%;background:#e49418;box-shadow:0 0 0 4px rgba(228,148,24,.13)}.elapsed-text{color:#a45b00!important}.ready-callout{margin-bottom:.9rem;padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #b9e4ce;border-radius:11px;background:#f1fbf5}.ready-callout>div{display:flex;align-items:center;gap:.8rem}.ready-callout>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#167553;background:#d9f4e4}.ready-callout .ui-icon{width:21px}.ready-callout strong,.ready-callout small{display:block}.ready-callout strong{font-size:.82rem}.ready-callout small{margin-top:.15rem;color:#5d7366;font-size:.7rem}.item-price{min-width:155px;text-align:right}.item-price strong,.item-price small{display:block}.item-price strong{font-size:.82rem;white-space:nowrap}.item-price small{margin-top:.15rem;color:#778597;font-size:.62rem;white-space:nowrap}.table-action.complete{border-color:#b9e4ce;color:#167553;background:#effaf4}.table-action.complete:hover{background:#ddf5e8}.completion-note{margin-top:.7rem;padding:.7rem .8rem;border-left:3px solid #22a06b;border-radius:0 7px 7px 0;background:#f1faf5}.completion-note strong{display:block;color:#176846;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.completion-note p{margin:.25rem 0 0;color:#43594d;font-size:.74rem;line-height:1.5}.complete-dialog{width:min(92vw,510px);padding:0;border:0;border-radius:13px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.34)}.complete-dialog::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(2px)}.complete-dialog form{padding:1.35rem;display:grid;gap:.9rem}.dialog-heading{display:flex;align-items:center;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid #e5eaf0}.dialog-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#167553;background:#e1f6e9}.dialog-heading .ui-icon{width:21px}.dialog-heading h3,.dialog-heading p{margin:0}.dialog-heading h3{font-size:1rem}.dialog-heading p{margin-top:.15rem;color:#6d7b8d;font-size:.72rem}.complete-dialog label{display:grid;gap:.4rem;color:#344256;font-size:.76rem;font-weight:700}.complete-dialog input,.complete-dialog textarea{width:100%;min-height:44px;padding:.7rem .8rem;border:1px solid #cfd8e4;border-radius:8px;color:#172033;background:#fff;font:inherit}.complete-dialog textarea{resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.2rem}
.table-action.detail{border-color:#cbdcf5;color:#1d5ca8;background:#f2f7fd}.table-action.detail:hover{background:#e5effb}.item-detail-dialog{width:min(94vw,650px)}.item-detail-content{padding:1.35rem}.item-detail-content .dialog-heading{position:relative}.item-detail-content .dialog-heading>span{color:#1b63bd;background:#e8f1fd}.dialog-x{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;color:#5e6d80;background:#f0f3f7;font-size:1.25rem;cursor:pointer}.item-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-top:1rem}.item-detail-grid>div{min-height:68px;padding:.75rem .85rem;border-right:1px solid #e8edf3;border-bottom:1px solid #e8edf3}.item-detail-grid>div:nth-child(2n){border-right:0}.item-detail-grid>div:nth-last-child(-n+2){border-bottom:0}.item-detail-grid small,.item-detail-notes small{display:block;margin-bottom:.3rem;color:#738197;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.item-detail-grid strong{font-size:.78rem}.item-detail-notes{display:grid;gap:.7rem;margin-top:.8rem}.item-detail-notes>div{padding:.8rem .9rem;border-radius:9px;background:#f5f7fa}.item-detail-notes p{margin:0;color:#465568;font-size:.76rem;line-height:1.55;white-space:pre-wrap}.item-detail-content>.dialog-actions{margin-top:1rem}
.item-detail-grid>div:last-child{grid-column:1/-1;border-right:0;border-bottom:0}.assignment-history-panel{background:#f1f6fc!important}.assignment-history-list{display:grid;gap:.55rem}.assignment-history-list article{padding:.7rem .75rem;border:1px solid #dce6f2;border-radius:8px;background:#fff}.assignment-history-list article strong,.assignment-history-list article small{display:block}.assignment-history-list article strong{font-size:.76rem}.assignment-history-list article small{margin:.2rem 0 0;text-transform:none;letter-spacing:0;font-size:.63rem}.assignment-history-list article p{margin-top:.4rem}.assignment-empty{color:#718096!important}
.finance-panel{margin-top:1rem}.finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1rem 1.15rem}.finance-summary>div,.finance-summary>a{min-height:86px;padding:.9rem 1rem;display:flex;justify-content:center;flex-direction:column;border:1px solid #e2e8f0;border-radius:10px;color:var(--text);background:#f8fafc;text-decoration:none}.finance-summary>a:hover{border-color:#bfcde0;background:#f3f7fc}.finance-summary small,.finance-summary strong{display:block}.finance-summary small{margin-bottom:.4rem;color:#718096;font-size:.68rem}.finance-summary strong{font-size:1rem}.customer-finance-summary{margin-bottom:1rem;padding:0}.money-paid{color:#137451!important}.money-due{color:#b45f06!important}.payment-state{display:inline-flex;width:max-content;padding:.3rem .55rem;border-radius:99px;color:#59687b;background:#edf1f5;font-size:.66rem;font-weight:750;white-space:nowrap}.payment-state.paid{color:#14704f;background:#ddf6e8}.payment-state.partial{color:#8a5b00;background:#fff0c2}.payment-state.due,.payment-state.credit{color:#a23b26;background:#fee9e3}.finance-actions{display:flex;justify-content:flex-end;gap:.55rem;padding:0 1.15rem 1rem}.payment-list{border-top:1px solid #e4e9ef}.payment-list-head,.payment-list article{display:grid;grid-template-columns:1.05fr 1fr 1.6fr .75fr auto;align-items:center;gap:.8rem;padding:.75rem 1.15rem}.payment-list-head{color:#738197;background:#f7f9fb;font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em}.payment-list article{border-top:1px solid #edf0f4;font-size:.73rem}.payment-list article:first-of-type{border-top:0}.payment-list article strong,.payment-list article small{display:block}.payment-list article small{margin-top:.2rem;color:#7a8797;font-size:.63rem}.payment-list article.voided{opacity:.58;background:#fafafa;text-decoration:line-through}.finance-empty{padding:1.1rem;color:#718096;border-top:1px solid #e7ebf0;font-size:.74rem}.payment-dialog,.delivery-dialog{width:min(94vw,620px)}.credit-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:.7rem!important;padding:.8rem;border:1px solid #efc983;border-radius:9px;background:#fff8e8}.credit-check input{width:18px!important;min-height:18px!important;margin-top:.1rem}.credit-check strong,.credit-check small{display:block}.credit-check small{margin-top:.2rem;color:#7b6948;font-weight:400}.balance-closed-message{padding:.9rem;border:1px solid #b9e4ce;border-radius:9px;color:#176846;background:#effaf4}.balance-mini{margin-left:auto;padding:.28rem .45rem;border-radius:99px;font-size:.62rem}.balance-mini.due{color:#9d3e28;background:#fee9e3}.balance-mini.paid{color:#14704f;background:#ddf6e8}.dashboard-finance{margin-top:1rem}
.page-content>section+section{margin-top:1.15rem}.service-overview+.finance-panel{margin-top:1.15rem}.finance-panel+.media-panel,.finance-panel+.document-panel,.media-panel+.document-panel{margin-top:1.15rem}.history-panel{margin-top:1.15rem}.service-timeline{padding:1rem;background:#f5f7fa}.service-timeline>article{min-height:128px;margin-bottom:.8rem;padding:1rem 1rem 1rem 4.25rem;border:1px solid #dfe6ee!important;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.035)}.service-timeline>article:last-child{margin-bottom:0;border:1px solid #dfe6ee!important}.service-timeline>article::before{display:none}.timeline-dot{left:1rem;top:1rem}.timeline-head h4{margin-top:.35rem;font-size:.96rem;line-height:1.4}.timeline-meta{margin-top:.8rem;padding-top:.7rem;border-top:1px solid #edf1f5}.timeline-content>p{padding:.65rem .75rem;border-radius:7px;background:#f7f9fb}.table-action.assignment{border-color:#d9c8fa;color:#673ab7;background:#f7f2ff}.table-action.assignment:hover{background:#eee5ff}.assignment-dialog{width:min(94vw,540px)}.current-assignment{padding:.75rem .85rem;border:1px solid #dfe6ee;border-radius:9px;background:#f7f9fb}.current-assignment small,.current-assignment strong{display:block}.current-assignment small{margin-bottom:.25rem;color:#748297;font-size:.66rem}.current-assignment strong{font-size:.8rem}
.customer-form label:has(>[data-technician]),.customer-form [data-assignment-reason]{display:none!important}
.accounting-filters{align-items:flex-end;flex-wrap:wrap}.accounting-filters>label{display:grid;gap:.35rem;color:#66758a;font-size:.68rem;font-weight:700}.accounting-filters>label input{min-width:150px}.accounting-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.accounting-stats article{min-height:104px;padding:1rem;display:flex;align-items:center;gap:.75rem;border:1px solid #dfe6ee;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.accounting-stats small,.accounting-stats strong{display:block}.accounting-stats small{margin-bottom:.35rem;color:#718096;font-size:.66rem}.accounting-stats strong{font-size:.95rem}.accounting-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.accounting-icon .ui-icon{width:20px}.accounting-icon.income,.accounting-icon.paid{color:#14704f;background:#ddf6e8}.accounting-icon.expense{color:#a43d2a;background:#fee9e3}.accounting-icon.net{color:#1d5ca8;background:#e5effb}.accounting-icon.due{color:#9a6500;background:#fff0c2}.accounting-ledger article{display:grid;grid-template-columns:auto minmax(220px,1.5fr) minmax(130px,.7fr) 145px 120px auto;align-items:center;gap:.85rem;padding:.85rem 1.1rem;border-top:1px solid #e8edf2}.accounting-ledger article:first-child{border-top:0}.accounting-ledger article.voided{opacity:.55;background:#fafafa}.ledger-type{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:1rem;font-weight:800}.ledger-type.income{color:#14704f;background:#ddf6e8}.ledger-type.expense{color:#a43d2a;background:#fee9e3}.ledger-main a,.ledger-main strong,.ledger-main small,.accounting-ledger article>div>strong,.accounting-ledger article>div>small{display:block}.ledger-main a,.ledger-main strong{color:var(--text);font-size:.76rem;font-weight:750;text-decoration:none}.ledger-main small,.accounting-ledger article>div>small{margin-top:.2rem;color:#78869a;font-size:.64rem}.accounting-ledger time{color:#5f6e81;font-size:.7rem}.ledger-amount{font-size:.78rem;text-align:right}.ledger-amount.income{color:#14704f}.ledger-amount.expense{color:#a43d2a}.void-label{color:#8a96a5;font-size:.67rem}.expense-dialog{width:min(94vw,600px)}
@media(max-width:700px){.stats-grid .stat-card{min-height:94px}.ready-callout{align-items:stretch;flex-direction:column}.ready-callout form,.ready-callout .button{width:100%}.ready-callout .button{justify-content:center}.timeline-actions{align-items:flex-end;flex-wrap:wrap}.item-price{width:100%;margin-right:auto;text-align:left}.complete-dialog form,.item-detail-content{padding:1rem}.item-detail-grid{grid-template-columns:1fr}.item-detail-grid>div,.item-detail-grid>div:nth-child(2n),.item-detail-grid>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #e8edf3}.item-detail-grid>div:last-child{border-bottom:0}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .button{width:100%;justify-content:center}.finance-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.finance-actions{padding:.25rem .75rem .8rem}.finance-actions .button{flex:1}.payment-list-head{display:none}.payment-list article{grid-template-columns:1fr auto;padding:.85rem}.payment-list article>div:nth-child(2),.payment-list article>div:nth-child(3),.payment-list article>a{grid-column:1/-1}.payment-list article>div:last-child{grid-column:2;grid-row:1}.customer-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.accounting-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.accounting-ledger article{grid-template-columns:auto 1fr auto}.accounting-ledger article>div:nth-child(3),.accounting-ledger time{grid-column:2}.ledger-amount{grid-column:3;grid-row:1}.accounting-ledger article>form,.void-label{grid-column:3}}
@media(max-width:700px){.accounting-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-stats article{min-height:92px}.accounting-filters>label,.accounting-filters>label input,.accounting-filters select,.accounting-filters .button{width:100%}.accounting-ledger article{grid-template-columns:auto 1fr}.ledger-amount{grid-column:2;grid-row:auto;text-align:left}.accounting-ledger article>form,.void-label{grid-column:2}.accounting-ledger article>div:nth-child(3),.accounting-ledger time{grid-column:2}}

/* Inventory and supplier purchasing */
.heading-actions{display:flex;align-items:center;gap:.55rem}.inventory-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.inventory-stats article{min-height:94px;padding:1rem;display:flex;justify-content:center;flex-direction:column;border:1px solid #dfe6ee;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.inventory-stats small,.inventory-stats strong{display:block}.inventory-stats small{margin-bottom:.4rem;color:#718096;font-size:.67rem}.inventory-stats strong{font-size:1rem}.inventory-parts .inline-search{width:min(330px,100%);min-height:40px;padding:0 .75rem;display:flex;align-items:center;gap:.55rem;border:1px solid #d4dce6;border-radius:8px;background:#fff}.inventory-parts .inline-search .ui-icon{width:17px;color:#7c8999}.inventory-parts .inline-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:.75rem}.purchase-panel select,.inventory-dialog select,.purchase-dialog select{min-height:44px;padding:.65rem .75rem;border:1px solid #cfd8e4;border-radius:8px;color:#172033;background:#fff;font:inherit}.purchase-list>article{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(135px,.7fr) minmax(145px,.8fr) minmax(125px,.65fr) auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-top:1px solid #e7ecf2}.purchase-list>article:first-child{border-top:0}.purchase-list small,.purchase-list strong,.purchase-list span,.purchase-main a{display:block}.purchase-list small{margin-bottom:.25rem;color:#7a8798;font-size:.64rem}.purchase-list strong,.purchase-main a{color:var(--text);font-size:.76rem;font-weight:750;text-decoration:none}.purchase-main>div{display:flex;align-items:center;gap:.55rem}.purchase-main>div a{color:#1769e0}.purchase-main>small{margin-top:.35rem;line-height:1.45}.due-badge{width:max-content;padding:.3rem .5rem;border-radius:99px;font-size:.65rem;font-weight:750}.due-badge.paid{color:#14704f;background:#ddf6e8}.due-badge.overdue{color:#a23b26;background:#fee9e3}.due-badge.today,.due-badge.upcoming{color:#8a5b00;background:#fff0c2}.due-badge.neutral{color:#59687b;background:#edf1f5}.stock-movements article{display:grid;grid-template-columns:auto minmax(220px,1fr) 130px 180px;align-items:center;gap:.85rem;padding:.8rem 1.1rem;border-top:1px solid #e8edf2}.stock-movements article:first-child{border-top:0}.stock-movements strong,.stock-movements small{display:block}.stock-movements strong{font-size:.75rem}.stock-movements small{margin-top:.2rem;color:#78869a;font-size:.64rem}.stock-movements time{color:#5f6e81;font-size:.7rem;text-align:right}.stock-direction{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:800}.stock-direction.in{color:#14704f;background:#ddf6e8}.stock-direction.out{color:#a43d2a;background:#fee9e3}.inventory-dialog{width:min(94vw,620px)}.purchase-dialog{width:min(96vw,860px)}.purchase-lines{display:grid;gap:.6rem}.purchase-line{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.55fr) minmax(130px,.65fr) 36px;align-items:end;gap:.55rem;padding:.7rem;border:1px solid #e1e7ee;border-radius:10px;background:#f8fafc}.purchase-line label,.dialog-note{display:grid;gap:.4rem;color:#344256;font-size:.76rem;font-weight:700}.purchase-line input{min-height:44px!important}.line-remove{width:36px;height:44px;border:1px solid #ecc7c0;border-radius:8px;color:#a23b26;background:#fff4f1;font-size:1.15rem;cursor:pointer}.add-purchase-line{width:max-content}.dialog-note textarea{width:100%;min-height:70px;padding:.7rem .8rem;border:1px solid #cfd8e4;border-radius:8px;font:inherit;resize:vertical}
@media(max-width:1100px){.inventory-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-list>article{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(130px,.6fr))}.purchase-list>article .due-cell{grid-column:2}.purchase-list>article>div:last-child{grid-column:3;justify-self:end}}
@media(min-width:1101px){.accounting-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){.heading-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.heading-actions .button{justify-content:center}.heading-actions .button.primary{grid-column:1/-1}.inventory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-parts .panel-title{align-items:stretch;flex-direction:column}.inventory-parts .inline-search{width:100%}.purchase-list>article{grid-template-columns:1fr 1fr;gap:.8rem}.purchase-main{grid-column:1/-1}.purchase-list>article .due-cell{grid-column:1}.purchase-list>article>div:last-child{grid-column:2}.purchase-line{grid-template-columns:1fr 1fr}.purchase-line label:first-child{grid-column:1/-1}.line-remove{grid-column:2;justify-self:end}.stock-movements article{grid-template-columns:auto 1fr}.stock-movements article>strong,.stock-movements article>time{grid-column:2;text-align:left}.accounting-stats article:last-child{grid-column:1/-1}}
.purchase-summary{padding:0;margin-bottom:1.15rem;grid-template-columns:repeat(5,minmax(0,1fr))}.detail-columns{align-items:start}.supplier-card dl{margin:0;padding:.35rem 1.1rem 1rem}.supplier-card dl>div{padding:.65rem 0;display:grid;grid-template-columns:110px 1fr;gap:.8rem;border-top:1px solid #e8edf2}.supplier-card dl>div:first-child{border-top:0}.supplier-card dt{color:#748296;font-size:.67rem;font-weight:700}.supplier-card dd{margin:0;color:var(--text);font-size:.75rem;line-height:1.45}@media(max-width:900px){.purchase-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.purchase-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr}.supplier-card dl>div{grid-template-columns:90px 1fr}}
.stock-field-help{margin-top:.2rem;color:#718096;font-size:.67rem;font-weight:500}.used-parts-panel{margin-top:1.15rem}.used-parts-list article{display:grid;grid-template-columns:auto minmax(220px,1fr) 130px 145px;align-items:center;gap:.85rem;padding:.85rem 1.1rem;border-top:1px solid #e8edf2}.used-parts-list article:first-child{border-top:0}.used-parts-list>article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:#1769e0;background:#e9f2ff}.used-parts-list .ui-icon{width:19px}.used-parts-list strong,.used-parts-list small{display:block}.used-parts-list strong{font-size:.76rem}.used-parts-list small{margin-top:.2rem;color:#78869a;font-size:.65rem}.used-parts-list a{color:#1769e0;text-decoration:none}@media(max-width:700px){.used-parts-list article{grid-template-columns:auto 1fr}.used-parts-list article>strong,.used-parts-list article>div:last-child{grid-column:2}.used-parts-list article>div:last-child{padding-top:.45rem;border-top:1px solid #edf1f5}}

/* Password recovery */
.login-form-tools{margin-top:-.35rem;display:flex;justify-content:flex-end}.login-form-tools a,.login-secondary-link{color:#1769e0;font-size:.75rem;font-weight:700;text-decoration:none}.login-form-tools a:hover,.login-secondary-link:hover{text-decoration:underline}.login-secondary-link{width:max-content;margin:1rem auto 0;display:block}.reset-result{padding:1rem;border:1px solid #bfe5d1;border-radius:9px;color:#176044;background:#effaf4}.reset-result.error{border-color:#f0c7c1;color:#9d3426;background:#fff4f2}.reset-result strong,.reset-result p{display:block}.reset-result strong{font-size:.84rem}.reset-result p{margin:.35rem 0 0;font-size:.76rem;line-height:1.55}.reset-back-button{margin-top:1rem;display:flex;align-items:center;justify-content:center;text-decoration:none}
/* Admin inventory pages */
.inventory-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:0 0 1.25rem}.inventory-nav:not(:first-child){margin-top:1.25rem}.inventory-nav .button{justify-content:center}.inventory-entry{padding:1.4rem;margin-top:1.2rem}.inventory-entry>.form-grid{margin:1rem 0}.inventory-entry .dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--line)}.inventory-entry .purchase-lines{margin:1rem 0}.inventory-entry .dialog-note{margin-top:1rem}.inventory-stats{margin-bottom:1.2rem}.inventory-nav~.panel td{overflow-wrap:anywhere}.inventory-nav~.panel+.panel{margin-top:1.2rem}
@media(max-width:640px){.inventory-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-nav .button{font-size:.76rem;padding:.65rem .5rem;min-height:44px}.inventory-entry{padding:1rem}.inventory-entry .dialog-actions{flex-wrap:wrap}.inventory-entry .dialog-actions>*{flex:1;text-align:center;justify-content:center}}

/* Stock movement workspace */
.stock-history-heading{align-items:center}.stock-history-heading p{margin-top:.3rem}.record-count{padding:.42rem .7rem;border:1px solid #dce3ec;border-radius:999px;color:#526174;background:#fff;font-size:.75rem;font-weight:750;white-space:nowrap}.stock-history-panel{overflow:hidden}.stock-filter-heading{min-height:68px;padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7ebf1}.stock-filter-heading strong,.stock-filter-heading small{display:block}.stock-filter-heading strong{font-size:.9rem}.stock-filter-heading small{margin-top:.15rem;color:#738197;font-size:.72rem}.stock-filter-heading>a{color:#1769e0;font-size:.76rem;font-weight:700;text-decoration:none}.stock-history-filters{padding:1rem 1.1rem;display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(175px,.75fr) minmax(165px,.7fr) minmax(165px,.7fr) auto;align-items:end;gap:.75rem;background:#fbfcfe;border-bottom:1px solid #e7ebf1}.stock-history-filters label{min-width:0;display:grid;gap:.4rem;color:#445267;font-size:.75rem;font-weight:700}.stock-history-filters select,.stock-history-filters input{width:100%;min-width:0;min-height:46px;padding:0 .8rem;border:1px solid #cfd8e4;border-radius:8px;color:#172033;background:#fff;font:inherit}.stock-history-filters select:focus,.stock-history-filters input:focus{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12);outline:0}.stock-filter-actions{display:flex;gap:.5rem}.stock-filter-actions .button{min-height:46px;gap:.45rem}.stock-filter-actions .ui-icon{width:17px}.stock-history-table table{min-width:1050px}.stock-history-table th{padding-top:.75rem;padding-bottom:.75rem}.stock-history-table td{height:74px;vertical-align:middle}.stock-date{display:block;color:#243247;font-size:.8rem;font-weight:700}.stock-part-link{min-width:210px;display:flex;align-items:center;gap:.7rem;color:var(--text);text-decoration:none}.stock-part-link>span:first-child{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#1769e0;background:#eaf2ff}.stock-part-link .ui-icon{width:18px}.stock-part-link strong,.stock-part-link small{display:block}.stock-part-link strong{font-size:.82rem;line-height:1.35}.stock-part-link small{margin-top:.15rem;color:#78869a;font-size:.68rem;font-weight:600}.stock-part-link:hover strong{color:#1769e0}.stock-movement-badge{display:inline-flex;padding:.34rem .58rem;border-radius:999px;font-size:.69rem;font-weight:750}.stock-movement-badge.in{color:#14704f;background:#ddf6e8}.stock-movement-badge.out{color:#a23b26;background:#fee9e3}.stock-movement-badge.adjust{color:#72520b;background:#fff1c9}.stock-quantity,.stock-balance{font-size:.82rem;white-space:nowrap}.stock-quantity.in{color:#14704f}.stock-quantity.out{color:#a23b26}.stock-quantity small,.stock-balance small{font-size:.68rem;font-weight:650}.stock-source{max-width:270px;white-space:normal}.stock-source span,.stock-source a{display:block}.stock-source span{color:#455468;font-size:.75rem;line-height:1.4}.stock-source a{width:max-content;max-width:100%;margin-top:.25rem;color:#1769e0;font-size:.69rem;font-weight:700;text-decoration:none}.stock-source .ui-icon{width:13px;vertical-align:-2px}.stock-empty{min-height:150px;display:grid;place-content:center;justify-items:center;color:#718096}.stock-empty strong{color:#344256;font-size:.85rem}.stock-empty span{margin-top:.25rem;font-size:.73rem}.stock-history-panel+.inventory-nav{justify-content:flex-end}
@media(max-width:1250px){.stock-history-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-filter-part{grid-column:span 2}.stock-filter-actions{grid-column:span 2;justify-content:flex-end}}
@media(max-width:800px){.stock-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-filter-part{grid-column:1/-1}.stock-filter-actions{grid-column:1/-1}.stock-filter-actions .button{flex:1}.stock-history-table table{min-width:980px}}
@media(max-width:520px){.stock-history-heading{align-items:flex-start}.stock-filter-heading{align-items:flex-start;flex-direction:column}.stock-history-filters{grid-template-columns:1fr}.stock-filter-part,.stock-filter-actions{grid-column:1}.stock-filter-actions{display:grid;grid-template-columns:1fr 1fr}.stock-history-filters label{font-size:.78rem}}
.stock-history-combobox{position:relative;overflow:visible;min-height:46px}.stock-history-combobox>input{grid-column:2;min-width:0!important;min-height:44px!important;padding:0 .8rem!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.stock-history-combobox>.combobox-results{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:30;max-height:290px;overflow:auto;border:1px solid #cfd8e4;border-radius:9px;background:#fff;box-shadow:0 16px 35px rgba(15,23,42,.16)}.stock-history-combobox .combobox-option{min-height:54px}.stock-history-combobox .combobox-option strong{font-size:.8rem}.stock-history-combobox .combobox-option small{font-size:.7rem}

/* Next service planning */
.next-service-card{min-height:92px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.9rem;border-left:4px solid #1769e0}.next-service-card.empty-plan{border-left-color:#b6c0cd}.next-service-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#1769e0;background:#eaf2ff}.next-service-icon .ui-icon{width:21px}.next-service-main{min-width:0;flex:1}.next-service-main small,.next-service-main strong,.next-service-main p{display:block}.next-service-main small{color:#1769e0;font-size:.66rem;font-weight:800;letter-spacing:.07em}.next-service-main strong{margin-top:.22rem;font-size:.94rem}.next-service-main p{margin:.25rem 0 0;color:#64748b;font-size:.75rem;line-height:1.45;white-space:pre-wrap}.next-service-dialog{width:min(94vw,650px)}.next-service-dialog .dialog-heading>span{color:#1769e0;background:#eaf2ff}.next-service-dialog textarea{min-height:100px}.vehicle-next-service{margin-bottom:1.15rem}
.next-service-dialog .next-km-help{margin-top:.1rem;color:#64748b;font-size:.7rem;font-weight:500;line-height:1.35}.next-service-dialog .next-km-help strong{color:#263449}.next-service-dialog .next-km-help.valid{color:#14704f}.next-service-dialog .next-km-help.warning{color:#9a6500;font-weight:700}
@media(max-width:700px){.next-service-card{align-items:flex-start;flex-wrap:wrap}.next-service-main{width:calc(100% - 60px)}.next-service-card>.button{width:100%;justify-content:center}.next-service-dialog .form-grid{grid-template-columns:1fr}.next-service-dialog .span-two{grid-column:auto}}

/* Delivery checklist settings and service handoff */
.delivery-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.delivery-template-card{min-width:0;padding:1rem;border:1px solid #dfe6ee;border-radius:11px;background:#f8fafc}.delivery-template-card>span,.delivery-template-card strong,.delivery-template-card small{display:block}.delivery-template-card>span{margin-bottom:.7rem}.delivery-template-card strong{color:#172033;font-size:.86rem}.delivery-template-card small{margin-top:.18rem;color:#718096;font-size:.69rem;font-weight:500}.delivery-template-card textarea{width:100%;min-height:190px;line-height:1.6;background:#fff}.delivery-checklist-panel{margin-top:1.15rem;overflow:hidden}.checklist-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.check-count{padding:.32rem .55rem;border-radius:999px;font-size:.68rem;font-weight:750}.check-count.ok{color:#14704f;background:#ddf6e8}.check-count.advisory{color:#8a5b00;background:#fff0c2}.check-count.blocking{color:#a23b26;background:#fee9e3}.delivery-check-list{display:grid}.delivery-check-list article{display:grid;grid-template-columns:38px minmax(210px,1.2fr) minmax(230px,.8fr) minmax(260px,1fr);align-items:center;gap:.85rem;padding:.85rem 1.1rem;border-top:1px solid #e7ecf2}.delivery-check-list article:first-child{border-top:0}.delivery-check-list article[data-state="ok"]{box-shadow:inset 4px 0 #28a56a}.delivery-check-list article[data-state="advisory"]{box-shadow:inset 4px 0 #d99a18;background:#fffdf7}.delivery-check-list article[data-state="repair_required"]{box-shadow:inset 4px 0 #d1523f;background:#fff9f7}.delivery-check-list article[data-state="not_applicable"]{opacity:.72}.check-number{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#536176;background:#edf1f5;font-size:.72rem;font-weight:800}.check-main strong,.check-main small{display:block}.check-main strong{font-size:.79rem;line-height:1.4}.check-main small{margin-top:.25rem;color:#78869a;font-size:.65rem}.check-main p{margin:.45rem 0 0;color:#475569;font-size:.72rem;line-height:1.5}.delivery-check-list label{display:grid;gap:.35rem;color:#536176;font-size:.68rem;font-weight:700}.delivery-check-list select,.delivery-check-list textarea{width:100%;min-width:0;padding:.62rem .7rem;border:1px solid #cfd8e4;border-radius:8px;color:#172033;background:#fff;font:inherit}.delivery-check-list textarea{min-height:64px;resize:vertical}.checklist-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-top:1px solid #dfe6ee;background:#f8fafc}.checklist-actions span,.checklist-actions strong{font-size:.74rem}.checklist-block-message{color:#a23b26}.checklist-ready-message{color:#14704f}.delivery-check-list.readonly article{grid-template-columns:38px 1fr}.delivery-check-list.readonly .check-main small{font-size:.7rem}

/* Admin staff activity */
.activity-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.activity-stats article{min-height:88px;padding:1rem;border:1px solid #dfe6ee;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.activity-stats small,.activity-stats strong{display:block}.activity-stats small{min-height:32px;color:#718096;font-size:.67rem;line-height:1.4}.activity-stats strong{margin-top:.35rem;font-size:1.12rem}.activity-panel{overflow:hidden}.activity-filters{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(170px,.9fr) 145px 145px minmax(190px,1fr) auto;align-items:end;gap:.7rem;padding:1rem 1.1rem;border-bottom:1px solid #e5eaf0;background:#f8fafc}.activity-filters label{display:grid;gap:.38rem;color:#4c5b6e;font-size:.7rem;font-weight:700}.activity-filters select,.activity-filters input{width:100%;min-width:0;min-height:44px;padding:0 .7rem;border:1px solid #cfd8e4;border-radius:8px;background:#fff;font:inherit}.activity-filter-actions{display:flex;gap:.45rem}.activity-list article{display:grid;grid-template-columns:42px minmax(280px,1.7fr) minmax(180px,.7fr) 130px;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border-top:1px solid #e7ecf2}.activity-list article:first-child{border-top:0}.activity-kind{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:#1769e0;background:#eaf2ff}.activity-kind.assignment{color:#6d43b4;background:#f0eaff}.activity-kind.work_completed,.activity-kind.delivery_check{color:#14704f;background:#ddf6e8}.activity-main>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem}.activity-main strong{font-size:.78rem}.activity-main>div span{color:#4f5f73;font-size:.73rem}.activity-main p{margin:.3rem 0 0;color:#69778a;font-size:.7rem;line-height:1.45}.activity-main small{display:block;margin-top:.3rem;color:#5d4b8d;font-size:.67rem;font-weight:700}.activity-context a,.activity-context strong,.activity-context small{display:block}.activity-context a{color:#1769e0;font-size:.73rem;font-weight:750;text-decoration:none}.activity-context strong{margin-top:.2rem;font-size:.74rem}.activity-context small{margin-top:.15rem;color:#78869a;font-size:.65rem}.activity-list time{color:#5f6e81;font-size:.7rem;text-align:right}.activity-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;margin-top:1rem}.activity-pagination span{color:#64748b;font-size:.73rem}
@media(max-width:1100px){.delivery-check-list article{grid-template-columns:38px 1fr 1fr}.delivery-check-list .check-note{grid-column:2/-1}.activity-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-search{grid-column:span 2}.activity-filter-actions{justify-content:flex-end}}
@media(max-width:700px){.delivery-template-grid{grid-template-columns:1fr}.delivery-check-list article{grid-template-columns:34px 1fr;padding:.85rem}.delivery-check-list article>label{grid-column:1/-1}.delivery-check-list .check-note{grid-column:1/-1}.checklist-actions{align-items:stretch;flex-direction:column}.checklist-actions .button{width:100%;justify-content:center}.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filters{grid-template-columns:1fr}.activity-search,.activity-filter-actions{grid-column:1}.activity-filter-actions .button{flex:1}.activity-list article{grid-template-columns:38px 1fr}.activity-context,.activity-list time{grid-column:2;text-align:left}.activity-list time{font-size:.68rem}}

/* Service document actions */
.service-heading-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.document-actions{display:flex;align-items:center;gap:.55rem}.document-cost-toggle{min-height:44px;padding:.4rem .7rem;display:flex;align-items:center;gap:.55rem;border:1px solid #cbd5e1;border-radius:8px;color:#344256;background:#fff;cursor:pointer}.document-cost-toggle input{width:17px;height:17px;margin:0;accent-color:#1769e0}.document-cost-toggle span,.document-cost-toggle strong,.document-cost-toggle small{display:block}.document-cost-toggle strong{font-size:.72rem;line-height:1.2}.document-cost-toggle small{margin-top:.12rem;color:#718096;font-size:.64rem;line-height:1.2}.document-cost-toggle:has(input:checked){border-color:#9fc0ef;background:#eef5ff;box-shadow:0 0 0 3px rgba(23,105,224,.08)}.document-cost-toggle:has(input:checked) strong{color:#125dbf}
@media(max-width:1180px){.service-heading-actions{width:100%;justify-content:flex-start}.document-actions{flex-wrap:wrap}}
@media(max-width:700px){.service-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.document-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.document-cost-toggle{grid-column:1/-1}.document-actions .button,.service-heading-actions>.button,.service-heading-actions>a.button{width:100%;justify-content:center}.service-heading-actions>.button.primary{grid-column:1/-1}}
/* Manual income */
.button.income-button{color:#fff;background:#18865d;border-color:#18865d}.button.income-button:hover{background:#126d4b}.manual-income-dialog{width:min(94vw,640px)}.manual-income-dialog textarea{width:100%;min-height:92px;padding:.7rem .8rem;border:1px solid #cfd8e4;border-radius:8px;font:inherit;resize:vertical}.accounting-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.income-customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem}.income-customer-row .searchable-select{min-width:0}.income-customer-row>.button{min-height:46px}

/* Mobile usability */
@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app-main,.page-content{width:100%;min-width:0}
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea{font-size:16px!important}
  button,.button,.table-action,.logout-button,.menu-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  dialog{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow:auto}
}
@media(max-width:700px){
  .page-content{padding:1rem .75rem 1.5rem}
  .page-heading{width:100%;align-items:stretch;flex-direction:column;gap:.8rem}
  .page-heading>div:first-child{min-width:0}
  .page-heading>.button,.page-heading>form,.page-heading>form>.button{width:100%}
  .page-heading>.button,.page-heading>form>.button{justify-content:center}
  .heading-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .heading-actions .button{width:100%;min-width:0;justify-content:center}
  .panel{max-width:100%;min-width:0}
  .filters,.accounting-filters{display:grid;grid-template-columns:1fr;width:100%;gap:.7rem;padding:.8rem}
  .filters>*,.filters label,.filters input,.filters select,.filters .filter-search,.accounting-filters>*{width:100%!important;min-width:0!important;max-width:100%;grid-column:1!important}
  .filters .button,.filters a.button{min-height:46px;justify-content:center}
  .form-grid,.form-grid.three,.customer-form .form-grid{grid-template-columns:1fr!important}
  .form-grid>.span-two,.customer-form .span-two{grid-column:1!important}
  .form-section{padding:1rem}
  .form-actions{padding:.85rem;display:grid;grid-template-columns:1fr;gap:.6rem}
  .form-actions .button,.form-actions button{width:100%;min-height:46px;justify-content:center}
  .button{min-height:44px;border-width:1px;border-style:solid;opacity:1}
  .button.primary{color:#fff!important;border-color:#1769e0!important;background:linear-gradient(180deg,#2474e5,#1769e0)!important}
  .button.dark{color:#fff!important;border-color:#1e293b!important;background:#1e293b!important}
  .button.light{color:#27364a!important;border-color:#cbd5e1!important;background:#fff!important}
  .button.danger{color:#a23b26!important;border-color:#e6b8b4!important;background:#fff!important}
  .button.income-button{color:#fff!important;border-color:#18865d!important;background:#18865d!important}
  .table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
  .table-wrap table{width:max-content;min-width:760px}
  .table-actions{min-width:max-content;justify-content:flex-start;flex-wrap:nowrap}
  .table-actions span{display:inline!important}
  .table-action{width:auto!important;min-width:44px;min-height:44px!important;padding:.55rem .7rem!important;justify-content:center;white-space:nowrap;opacity:1}
  .table-action:not(.complete):not(.danger){color:#27364a!important;border:1px solid #cbd5e1!important;background:#fff!important}
  .table-action.complete{color:#166534!important;border:1px solid #b9e4ce!important;background:#effaf4!important}
  .table-action.danger{color:#a23b26!important;border:1px solid #e6b8b4!important;background:#fff!important}
  .dashboard-grid{grid-template-columns:1fr!important;gap:.8rem}
  .dashboard-grid>*{min-width:0}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .stats-grid .stat-card{min-width:0;min-height:102px;padding:.85rem;gap:.65rem}
  .stats-grid .stat-card>b{display:none}
  .stats-grid .stat-mark{width:42px;height:42px;flex:0 0 auto}
  .stats-grid strong{font-size:1.35rem}
  .shortcuts{grid-template-columns:1fr!important}
  .shortcuts>a{margin:0 .55rem;min-height:66px}
  .dashboard-finance .finance-summary{grid-template-columns:1fr 1fr!important;gap:.55rem;padding:.7rem}
  .dashboard-finance .finance-summary>a{min-width:0;padding:.8rem}
  .panel-title{min-width:0;padding:.85rem;gap:.65rem}
  .panel-title>div{min-width:0}
  .panel-title span{overflow-wrap:anywhere}
  .complete-dialog,.confirm-dialog,.email-dialog,.expense-dialog,.manual-income-dialog,.next-service-dialog{width:calc(100vw - 1rem)!important;margin:auto}
  .complete-dialog form,.confirm-dialog form,.email-dialog form{padding:1rem}
  .dialog-actions{display:grid!important;grid-template-columns:1fr!important}
  .dialog-actions .button,.dialog-actions button{width:100%;min-height:46px;justify-content:center}
  .accounting-ledger article,.payment-list article,.purchase-list>article,.stock-movements article,.used-parts-list article{max-width:100%;min-width:0}
}
@media(max-width:430px){
  .stats-grid{grid-template-columns:1fr}
  .stats-grid .stat-card{min-height:88px}
  .dashboard-finance .finance-summary{grid-template-columns:1fr!important}
  .heading-actions{grid-template-columns:1fr}
  .heading-actions .button.primary{grid-column:1!important}
}
@media(max-width:560px){.income-customer-row{grid-template-columns:1fr}.income-customer-row>.button{width:100%;justify-content:center}}
.draft-restored{margin:0 0 .85rem;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #bad7fa;border-radius:10px;color:#173f73;background:#eff6ff}.draft-restored strong,.draft-restored span{display:block}.draft-restored strong{font-size:.82rem}.draft-restored span{margin-top:.12rem;font-size:.72rem}.draft-restored button{min-height:38px;padding:.45rem .7rem;border:1px solid #9fc5f2;border-radius:7px;color:#175cae;background:#fff;font:inherit;font-size:.74rem;font-weight:700;white-space:nowrap}@media(max-width:560px){.draft-restored{align-items:stretch;flex-direction:column}.draft-restored button{width:100%}}
.service-delete-dialog{width:min(500px,calc(100% - 2rem))}.service-delete-dialog .security-note{margin:1rem 0;padding:.75rem .85rem;border:1px solid #f3d7a1;border-radius:8px;color:#7b4b08;background:#fff8e8;font-size:.78rem;line-height:1.5}.service-delete-dialog label{display:block;margin-top:1rem;color:#253754;font-size:.83rem;font-weight:700}.service-delete-dialog input,.service-delete-dialog textarea{display:block;width:100%;margin-top:.38rem;border:1px solid #cbd8e8;border-radius:8px;padding:.72rem .8rem;color:#13233e;background:#fff;font:inherit;font-size:.9rem}.service-delete-dialog textarea{min-height:86px;resize:vertical}.service-delete-dialog input:focus,.service-delete-dialog textarea:focus{outline:0;border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}.service-delete-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.15rem}@media(max-width:560px){.service-delete-dialog form>div:last-child{flex-direction:column-reverse}.service-delete-dialog form>div:last-child .button{width:100%;justify-content:center}}