/* v2.5 interaction and theme refinements. Kept separate so older Hostinger
   deployments can fall back to the embedded base stylesheet safely. */

.vin-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.vin-control input{text-transform:uppercase;letter-spacing:.06em}.vin-status{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}.vin-status.loading{color:var(--blue)}.vin-status.success{color:var(--good)}.vin-status.error{color:var(--danger)}

.line-editor{gap:14px}.line-row.line-card{display:block;padding:0;overflow:visible;background:var(--panel-2);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.line-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-3) 56%,var(--panel));border-radius:15px 15px 0 0}.line-card-head>div{display:grid;gap:3px}.line-card-head small{color:var(--muted)}.line-kind-badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent-2);font-size:11px;font-weight:850;letter-spacing:.02em}.line-card-main{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:14px}.line-item-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.line-item-stack>*:last-child{grid-column:1/-1}.line-input{display:grid;align-content:start;gap:5px;min-width:0;color:var(--muted);font-size:11px;font-weight:780}.line-input input,.line-input select{width:100%;min-width:0;height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);outline:none}.line-input input:focus,.line-input select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.line-input input[readonly]{background:color-mix(in srgb,var(--panel-3) 55%,var(--panel));color:var(--muted)}.line-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;padding:0 14px 14px}.money-input,.unit-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.unit-input{grid-template-columns:minmax(0,1fr) auto}.money-input:focus-within,.unit-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.money-input>b,.unit-input>b{padding:0 10px;color:var(--muted);font-size:12px}.money-input input,.unit-input input{border:0;border-radius:0;background:transparent;box-shadow:none!important}.line-warranty{border-top:1px solid var(--line);padding:10px 14px 13px}.line-warranty summary{width:max-content;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.line-warranty[open] summary{margin-bottom:10px}.line-warranty .warranty-fields{margin:0;grid-template-columns:120px 150px minmax(220px,1fr)}

.mode-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:-17px -17px 18px;padding:18px;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:13px 13px 0 0;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel))}.mode-toggle-card strong{display:block;font-size:17px}.mode-toggle-card p{max-width:610px;margin:5px 0 0;color:var(--muted);font-size:12px}

.appointment-list-item{grid-template-columns:4px 80px minmax(0,1fr) auto;color:var(--text)}.appointment-list-item>div:nth-child(3){min-width:0}.appointment-list-item .name,.appointment-list-item .vehicle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-list-item .time{color:var(--text)}

:root[data-theme="light"] .calendar{background:#ccd6e3}:root[data-theme="light"] .calendar-head{background:#e7edf5;color:#53657d}:root[data-theme="light"] .day-count{background:#dce7f3;color:#24364c}:root[data-theme="light"] .appointment-list-item{background:#fff;color:#152033}:root[data-theme="light"] .appointment-list-item:hover{background:#f7fafc;border-color:#9baabd}:root[data-theme="light"] .appointment-list-item .time,:root[data-theme="light"] .appointment-list-item .name{color:#152033}:root[data-theme="light"] .appointment-list-item .vehicle{color:#64748b}:root[data-theme="light"] .status-column{background:linear-gradient(155deg,#fff,#f7f9fc)}:root[data-theme="light"] .status-column-head span{background:#e6edf5;color:#24364c}:root[data-theme="light"] .status-ticket:hover{background:#eef4fa}:root[data-theme="light"] .pill-tabs button{color:#64748b}:root[data-theme="light"] .pill-tabs button.active{background:#fff;color:#152033;box-shadow:0 1px 4px rgba(28,42,61,.13)}:root[data-theme="light"] .dialog-head,:root[data-theme="light"] .dialog-foot{background:#fff;color:#152033}:root[data-theme="light"] .form-section{background:linear-gradient(145deg,color-mix(in srgb,var(--tile) 5%,#fff),#fff)}:root[data-theme="light"] .line-row.line-card{background:#f8fafc}:root[data-theme="light"] .line-card-head{background:#eef3f8}:root[data-theme="light"] .line-input input,:root[data-theme="light"] .line-input select,:root[data-theme="light"] .money-input,:root[data-theme="light"] .unit-input{background:#fff;color:#152033;border-color:#cbd5e1}:root[data-theme="light"] .line-input input[readonly]{background:#edf2f7;color:#526176}:root[data-theme="light"] .line-kind-badge{color:#a94400}:root[data-theme="light"] .mode-toggle-card{background:linear-gradient(125deg,#fff4e9,#fff)}:root[data-theme="light"] .toast{background:#fff;color:#152033}:root[data-theme="light"] .client-update-banner{background:#fff;color:#152033}

@media(max-width:850px){.line-card-main{grid-template-columns:1fr}.line-item-stack{grid-template-columns:1fr}.line-item-stack>*:last-child{grid-column:auto}.line-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-warranty .warranty-fields{grid-template-columns:1fr 1fr}.line-warranty .warranty-fields>*:last-child{grid-column:1/-1}}
@media(max-width:520px){.vin-control{grid-template-columns:1fr}.vin-control .button{width:100%}.line-card-main,.line-pricing-grid{padding:12px}.line-pricing-grid{grid-template-columns:1fr 1fr}.line-warranty{padding-inline:12px}.line-warranty .warranty-fields{grid-template-columns:1fr}.line-warranty .warranty-fields>*:last-child{grid-column:auto}.mode-toggle-card{align-items:flex-start}}