.card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.grid{display:grid;gap:var(--spacing-lg)}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.billing-ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.billing-ops-kpi-card{background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);min-height:124px;display:flex;flex-direction:column;gap:var(--spacing-xs)}.billing-ops-kpi-card.warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.billing-ops-kpi-card.danger{border-color:var(--color-danger);background:var(--color-danger-bg)}.billing-ops-kpi-label{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.billing-ops-kpi-value{font-size:clamp(var(--font-size-2xl),2.2vw,var(--font-size-3xl));line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.billing-ops-kpi-helper{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width: 1100px){.billing-ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.billing-ops-kpi-grid{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-panel{width:min(500px,100%)}.login-captcha{display:flex;justify-content:center}@media (max-width: 640px){.login-container{padding:10px}.login-panel{width:min(480px,95%)}}.list{display:flex;flex-direction:column;gap:var(--spacing-md)}.notice{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid rgba(88,166,255,.2)}.notice.error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#f8514933}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.section-title h2,.section-title h3{margin:0}.inline-form{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.inline-form input{flex:1;min-width:200px}.customer-information-page{margin:2rem;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:var(--spacing-lg);align-items:start}.customer-information-main-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-information-form-card,.customer-information-summary-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-information-heading{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-information-step{margin:0;color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.customer-information-title{margin:0;font-size:clamp(var(--font-size-2xl),2.2vw,var(--font-size-3xl));color:var(--color-text-primary)}.customer-information-description{margin:0}.customer-information-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-information-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md) var(--spacing-lg)}.customer-information-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-information-field--full{grid-column:1 / -1}.customer-information-field-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.customer-information-field input{width:100%;min-height:44px;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:inherit;padding:.7rem .9rem}.customer-information-field input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-bg)}.customer-information-summary-card{position:sticky;top:var(--spacing-lg)}.customer-information-placement-card{gap:var(--spacing-lg)}.customer-information-section-description{margin:var(--spacing-xs) 0 0}.customer-information-placement-notice{margin:0 2rem}.customer-information-placement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.customer-information-placement-grid--ops{margin-top:var(--spacing-sm)}.customer-information-placement-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-primary)}.customer-information-runtime-mode{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.customer-information-placement-warnings{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-information-placement-warning{margin:0}.customer-information-move-status{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.customer-information-move-status--modal{margin-top:var(--spacing-sm)}.customer-information-history-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-information-move-result{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-information-move-ops-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.customer-information-move-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.customer-information-move-form select{width:100%;min-height:44px;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:inherit;padding:.7rem .9rem}.customer-information-move-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.customer-information-summary-title{margin:0;font-size:var(--font-size-2xl)}.customer-information-summary-description{margin:0}.customer-information-summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-information-summary-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.customer-information-summary-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-md);border-top:1px solid var(--color-border-subtle)}.customer-information-summary-total strong{color:var(--color-accent-primary);font-size:var(--font-size-xl)}.customer-information-summary-save{width:100%}.customer-information-photo-controls{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.customer-information-photo-enabled{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.customer-information-photo-quota{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--color-text-primary);font-size:var(--font-size-sm)}.customer-information-photo-quota-input-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.customer-information-photo-quota-input-row input{min-width:120px;min-height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);color:var(--color-text-primary);padding:.45rem .6rem}@media (max-width: 1080px){.customer-information-page{grid-template-columns:1fr}.customer-information-summary-card{position:static}}@media (max-width: 720px){.customer-information-page{margin:1rem}.customer-information-placement-notice{margin:0 1rem}.customer-information-fields{grid-template-columns:1fr;gap:var(--spacing-md)}.customer-information-move-actions{flex-direction:column}}.back-button-large{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;margin-right:var(--spacing-md);transition:all var(--transition-fast)}.back-button-large:hover{background:var(--color-border-default)}.car-detail-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.car-detail-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-lg)}.car-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.car-detail-header-main{display:flex;align-items:center;gap:var(--spacing-md)}.brand-logo-container{display:flex;align-items:center}.brand-logo-large{width:44px;height:44px;object-fit:contain}.car-title-container{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.car-detail-brand{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.car-detail-model{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-detail-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-detail-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--spacing-lg)}.task-detail-main-column,.task-detail-side-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-detail-inline-section{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-detail-inline-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle)}.task-detail-inline-row:last-child{border-bottom:none}.task-detail-inline-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.task-detail-inline-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.task-detail-inline-title{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.task-detail-inline-value{margin:0;color:var(--color-text-primary);white-space:pre-wrap}.task-detail-inline-value.is-empty{color:var(--color-text-muted);font-style:italic}.task-detail-inline-editor{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-detail-inline-assignee-editor{width:100%;max-width:320px}.task-detail-inline-editor input,.task-detail-inline-editor textarea,.task-detail-inline-editor select,.task-detail-inline-assignee-editor select{width:100%;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;padding:var(--spacing-sm)}.task-detail-inline-editor textarea{resize:vertical}.task-detail-inline-editor input:focus,.task-detail-inline-editor textarea:focus,.task-detail-inline-editor select:focus,.task-detail-inline-assignee-editor select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg)}.task-detail-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.task-detail-inline-badge{display:inline-flex;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-bg-secondary);color:var(--color-text-primary)}.task-detail-inline-assignee{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.task-detail-inline-assignee-trigger{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:0;cursor:pointer}.task-detail-inline-assignee-trigger:disabled{cursor:not-allowed;opacity:.7}.task-detail-inline-assignee-saving{font-size:var(--font-size-xs);color:var(--color-text-muted)}.task-detail-inline-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-border-default);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-detail-inline-avatar.unassigned{background:#dc2626;color:#fff}.task-detail-ics-actions{display:flex;justify-content:flex-start}.task-detail-back-row{display:flex;justify-content:flex-end}.task-detail-header{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.task-detail-title{flex:1;min-width:0}.task-detail-title h2{margin:0 0 var(--spacing-xs)}.task-detail-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-border-default);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-detail-avatar.unassigned{background:#dc2626;color:#fff}.task-detail-description{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-detail-description .text-placeholder{color:var(--color-text-muted);font-style:italic}.task-detail-edit-btn{position:absolute;top:0;right:0;background:transparent;border:none;cursor:pointer;padding:4px;opacity:0;transition:opacity .15s ease;font-size:14px}.task-detail-description:hover .task-detail-edit-btn{opacity:1}.task-detail-description-edit{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.task-detail-description-edit textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;min-height:80px}.task-detail-description-edit textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg)}.task-detail-description-edit-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.task-detail-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:var(--spacing-lg)}.task-detail-panel{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--spacing-md)}.task-detail-panel-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-detail-panel-title{font-weight:var(--font-weight-semibold)}.task-detail-panel-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.task-detail-checklist{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-detail-checklist-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.task-detail-checklist-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-detail-checklist-item[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.task-detail-checklist-item.is-done{background:var(--color-success-bg);border-color:var(--color-success)}.task-detail-checklist-avatar{width:22px;height:22px;border-radius:50%;background:var(--color-border-default);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:var(--font-weight-semibold);flex-shrink:0}.task-detail-checklist-avatar.unassigned{background:#dc2626;color:#fff}.task-detail-checklist-text{flex:1}.task-detail-checklist-item.is-done .task-detail-checklist-text{text-decoration:line-through;color:var(--color-text-muted)}.task-detail-blocking-placeholder{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-detail-blocking-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-detail-blocking-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning);text-transform:uppercase;letter-spacing:.04em}.task-detail-blocking-title{font-weight:var(--font-weight-semibold)}.task-detail-blocking-text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.task-detail-blocking-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.task-detail-blocking-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-border-default);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.task-detail-blocking-avatar.unassigned{background:#dc2626;color:#fff}.task-detail-blocking-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-danger);text-transform:uppercase;letter-spacing:.04em}@media (max-width: 900px){.task-detail-grid{grid-template-columns:1fr}}.task-detail-comments{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--spacing-md)}.task-detail-comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-detail-comment{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border-subtle)}.task-detail-comment-header{display:flex;justify-content:space-between;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.task-detail-comment-author{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-detail-comment-body{font-size:var(--font-size-sm)}.notes-panel-item{padding:var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.notes-panel-item-meta{font-size:var(--font-size-xs)}.notes-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.image-gallery{display:flex;flex-direction:column;gap:var(--spacing-lg)}.image-gallery-toolbar{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.image-gallery-grid{margin-top:var(--spacing-sm)}.image-gallery-card{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-gallery-card.is-primary{border-color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.image-gallery-thumb{width:100%;aspect-ratio:4 / 3;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center}.image-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-gallery-placeholder{color:var(--color-text-muted);font-size:var(--font-size-xs)}.image-gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.image-gallery-name{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-gallery-metadata-text{display:flex;flex-direction:column;gap:2px}.image-gallery-description{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm)}.image-gallery-description-empty{margin:0;font-size:var(--font-size-xs)}.image-gallery-link{font-size:var(--font-size-xs);word-break:break-all}.image-gallery-metadata-editor{display:flex;flex-direction:column;gap:var(--spacing-xs)}.image-gallery-field{display:flex;flex-direction:column;gap:4px}.image-gallery-field span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.image-gallery-field textarea,.image-gallery-field input{width:100%;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-xs);padding:var(--spacing-xs)}.image-gallery-metadata-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.image-gallery-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle)}.image-gallery-actions{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;gap:var(--spacing-xs)}.image-gallery-action{border:none;border-radius:var(--radius-sm);padding:4px 6px;font-size:12px;cursor:pointer;background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.image-gallery-action:disabled{opacity:.6;cursor:not-allowed}.image-gallery-delete{background:var(--color-danger);color:#fff}.task-detail-pending-photos{background:var(--color-bg-primary)}.task-detail-pending-photos-grid{margin-top:var(--spacing-sm)}.task-detail-pending-photo-card{border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-detail-pending-photo-thumb{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-bg-primary)}.task-detail-pending-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.task-detail-pending-photo-meta{display:flex;flex-direction:column;gap:4px}.task-detail-pending-photo-name{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-pending-photo-badge.is-failed{background:var(--color-danger-bg);color:var(--color-danger)}.task-detail-pending-photo-error{margin:0;font-size:var(--font-size-xs);color:var(--color-danger)}@media (max-width: 980px){.task-detail-layout{grid-template-columns:1fr}.task-detail-inline-row{grid-template-columns:1fr;gap:var(--spacing-xs)}}.segmented-view-switch{display:flex;background:var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs);width:100%}.segmented-view-button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-muted);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:center}.segmented-view-button:hover{color:var(--color-text-primary)}.segmented-view-button.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.car-detail-overview,.car-detail-left-column,.car-detail-right-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (min-width: 768px){.car-detail-overview{flex-direction:row}}.car-media-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.car-media-content{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.car-primary-image{width:100%;height:100%;object-fit:contain}.car-media-image-link{display:block;width:100%;height:100%;cursor:zoom-in}.car-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-muted)}.car-media-actions{display:flex;justify-content:center}.car-media-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:var(--spacing-xs)}.car-media-thumbnail{background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);overflow:hidden;height:48px;display:flex;align-items:center;justify-content:center}.car-media-thumbnail-image{width:100%;height:100%;object-fit:cover}.car-media-thumbnail-placeholder{width:100%;height:100%;background:var(--color-border-subtle)}.car-quick-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.car-info-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.info-card-collapsible{padding:0;overflow:hidden}.info-card-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);gap:var(--spacing-md)}.info-card-toggle{width:12px;height:12px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform .2s ease;margin-left:auto}.info-card-collapsible[open] .info-card-toggle,.collapsible-card[open] .info-card-toggle{transform:rotate(-135deg)}.info-card-summary::-webkit-details-marker{display:none}.info-card-collapsible .info-card-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.info-card h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.info-card-summary h3{margin:0}.info-card-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.collapsible-card{padding:0}.collapsible-card-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);gap:var(--spacing-md)}.collapsible-card-summary::-webkit-details-marker{display:none}.collapsible-card-body{padding:0 var(--spacing-xl) var(--spacing-xl)}.page-back-row{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-lg)}.organization-selector{display:flex;flex-direction:column;gap:var(--spacing-xs)}.organization-selector-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.organization-selector-input{width:100%;padding:var(--spacing-xs);font-size:var(--font-size-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary)}.organization-selector--header{min-width:220px}.organization-selector--header .organization-selector-label{display:none}.customer-top-header{position:sticky;top:0;z-index:var(--z-sticky);min-height:60px;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.customer-top-header-main{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.customer-top-header-left{display:flex;align-items:center;gap:var(--spacing-lg);min-width:0;flex:1}.top-header-logo{width:67px;height:auto;display:block;flex-shrink:0}.top-header-global-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 var(--spacing-sm);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;background:var(--color-info-bg);color:var(--color-accent-primary);flex-shrink:0}.customer-top-header-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.customer-top-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.customer-top-header-secondary{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-sm)}.customer-top-secondary-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.customer-top-header .customer-top-nav-item{border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);padding:8px 12px;display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.customer-top-header .customer-top-nav-item:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.customer-top-header .customer-top-nav-item.active{background:var(--color-accent-primary);color:#fff}.customer-top-secondary-nav-item{font-size:var(--font-size-md)}.customer-top-nav-item:focus-visible,.customer-top-menu-toggle:focus-visible,.customer-user-chip:focus-visible,.customer-top-logout:focus-visible,.customer-top-drawer-item:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.customer-top-header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.top-header-org-selector-wrap{display:flex;flex-direction:column;gap:2px;min-width:220px}.top-header-org-error{font-size:11px;color:var(--color-danger)}.customer-inline-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning);text-transform:uppercase;letter-spacing:.03em}.customer-inline-status.is-offline{color:var(--color-danger)}.customer-user-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);min-width:148px;padding:4px 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-bg-primary);color:inherit;text-align:left;cursor:pointer}.customer-user-chip:hover{border-color:var(--color-border-default);background:var(--color-bg-elevated)}.customer-user-chip.active{border-color:var(--color-accent-primary)}.customer-user-chip-avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-bg-elevated);color:var(--color-text-primary);flex-shrink:0}.customer-user-chip-text{display:flex;flex-direction:column;min-width:0}.customer-user-chip-name{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-user-chip-role{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.1}.customer-user-chip.is-loading .customer-user-chip-name,.customer-user-chip.is-loading .customer-user-chip-role{color:var(--color-text-muted)}.customer-top-logout{width:36px;height:36px;border-radius:50%;padding:0;color:var(--color-text-secondary)}.customer-top-logout:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.customer-top-menu-toggle{display:none;width:36px;height:36px;border-radius:var(--radius-md);padding:0}.customer-top-menu-toggle-icon{width:18px;height:14px;display:inline-flex;flex-direction:column;justify-content:space-between}.customer-top-menu-toggle-icon span{display:block;width:100%;height:2px;border-radius:2px;background:currentColor}.customer-top-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#00000059;z-index:var(--z-modal-backdrop)}.customer-top-drawer{position:fixed;top:0;left:0;width:min(320px,85vw);height:100vh;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);z-index:var(--z-modal)}.customer-top-header .customer-top-drawer-item{border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);gap:10px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.customer-top-header .customer-top-drawer-item:hover{background:var(--color-bg-elevated)}.customer-top-header .customer-top-drawer-item.active{background:var(--color-info-bg);color:var(--color-accent-primary)}@media (max-width: 1080px){.customer-top-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.customer-top-nav,.customer-top-secondary-nav{display:none}.top-header-org-selector-wrap{min-width:170px}}@media (max-width: 780px){.customer-top-header{padding:var(--spacing-sm) var(--spacing-md)}.customer-user-chip{min-width:0;width:36px;height:36px;padding:0;justify-content:center;gap:0}.customer-user-chip-text{display:none}.top-header-org-selector-wrap{min-width:150px}}@media (max-width: 520px){.top-header-logo{width:53px}.customer-top-header-title{max-width:42vw}.customer-inline-status span,.top-header-org-selector-wrap{display:none}}.page-header{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.page-header-main{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.page-header-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.page-header-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.page-header-back{flex-shrink:0}.page-header-actions{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.page-header-subtitle{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 640px){.page-header-title{font-size:var(--font-size-xl)}}.pwa-update-banner{position:fixed;right:16px;bottom:16px;z-index:1400;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.ghost.back-button{border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);padding:8px 12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;line-height:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.ghost.back-button:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.ghost.back-button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.back-button-icon{width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0}.back-button-label{line-height:1;white-space:nowrap}.log-card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.log-card-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.log-card-meta{word-break:break-word}.field-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.field-value-container{display:flex;align-items:center;gap:var(--spacing-xs)}.field-value{font-size:var(--font-size-md);color:var(--color-text-primary);min-width:0;word-break:break-word}.field-edit-hint{color:var(--color-text-muted);opacity:.5;display:flex;align-items:center}.field-row-actions{margin-left:auto;display:inline-flex;align-items:center}.field-action-group{display:inline-flex;align-items:center;gap:var(--spacing-xxs)}.app-field-action-button{width:28px;height:28px;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,color .12s ease}.app-field-action-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.app-field-action-button:disabled{cursor:not-allowed;opacity:.45}.app-field-action-toast{position:fixed;right:var(--spacing-lg);bottom:var(--spacing-lg);max-width:min(420px,calc(100vw - 2 * var(--spacing-lg)));padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-md);z-index:1100}.tasks-summary{display:flex;flex-direction:column;gap:var(--spacing-md)}.tasks-count{display:flex;align-items:baseline;gap:var(--spacing-xs)}.tasks-count-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.tasks-count-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.next-task{display:flex;flex-direction:column;gap:var(--spacing-xs)}.next-task-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.next-task-title{font-size:var(--font-size-md);color:var(--color-text-primary)}.next-task-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.car-detail-tasks{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tasks-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.tasks-grid{grid-template-columns:repeat(2,1fr)}}.tasks-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.task-tile{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:default;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:180px}.task-tile-clickable{cursor:pointer}.task-tile-clickable:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.task-tile-clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.task-tile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.task-tile-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);background:var(--color-bg-secondary);color:var(--color-text-primary)}.task-tile-points{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.task-tile-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-tile-description{margin:0;font-size:var(--font-size-sm);line-height:1.5}.task-tiles-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.task-tiles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.task-tiles-grid{grid-template-columns:repeat(3,1fr)}}.car-detail-tasks-view{margin-top:var(--spacing-lg)}.car-detail-tasks-view .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.car-detail-tasks-view .section-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.car-cards-grid-new{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.car-cards-grid-new{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.car-cards-grid-new{grid-template-columns:repeat(3,1fr)}}.car-card-new{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;display:flex;gap:var(--spacing-lg);min-height:200px;align-items:stretch}.car-card-new:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.car-card-new:focus{outline:2px solid var(--color-primary);outline-offset:2px}.car-card-hero{width:45%;min-width:200px;background:#8b8b8b;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.car-card-image{width:100%;height:100%;object-fit:cover}.car-card-image--fallback{object-fit:contain;padding:var(--spacing-sm)}.car-card-image-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;height:100%;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.car-card-title-area{display:flex;align-items:flex-start;gap:var(--spacing-md)}.car-card-brand-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.car-card-title-stack{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.car-card-brand{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.car-card-title{margin:0;font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.car-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xs);color:var(--color-text-primary)}.car-card-meta-item{font-size:var(--font-size-sm)}.car-card-tasks{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.car-card-task-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.car-card-task-text{font-size:var(--font-size-md);color:var(--color-text-primary)}.car-card-responsible{display:flex;gap:var(--spacing-xxs);margin-top:var(--spacing-md)}.car-card-responsible-icon{width:36px;height:36px;border-radius:50%;background:#7b7b7b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.car-card-responsible-icon.unassigned{background:#dc2626}.car-card-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.app-store-tile{cursor:default}.app-store-description{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.app-store-highlights{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.app-store-highlight{font-size:var(--font-size-xs);padding:2px 8px;border-radius:999px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.app-store-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.app-store-hero{background:var(--color-bg-elevated)}.app-store-hero-image{object-fit:cover;opacity:.85}@media (max-width: 720px){.car-card-new{flex-direction:column}.car-card-hero{width:100%;min-width:0;height:160px}}.cars-filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.cars-filter-item{display:flex;align-items:center;gap:var(--spacing-xs)}.cars-filter-item label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.cars-filter-item select,.cars-filter-item input[type=text]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.cars-filter-item select:focus,.cars-filter-item input[type=text]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.cars-filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.cars-filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-car-card{background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-height:200px}.empty-car-card:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.empty-car-card-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.empty-car-card h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.empty-car-card p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.task-template-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:180px}.task-template-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.task-template-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.task-template-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.task-template-card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}.task-template-card-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);flex-shrink:0}.task-template-card-status.status-active{background:var(--color-success-bg);color:var(--color-success)}.task-template-card-status.status-disabled{background:var(--color-bg-secondary);color:var(--color-text-muted)}.task-template-card-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.task-template-card-footer{display:flex;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.task-template-card-points{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.task-template-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.task-template-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.task-template-cards-grid{grid-template-columns:repeat(3,1fr)}}.task-templates-filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.task-templates-filter-item{display:flex;align-items:center;gap:var(--spacing-xs)}.task-templates-filter-item label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.task-templates-filter-item select,.task-templates-filter-item input[type=text],.task-templates-filter-item input[type=search]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.task-templates-filter-item select:focus,.task-templates-filter-item input[type=text]:focus,.task-templates-filter-item input[type=search]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.task-templates-filter-search{flex:1;min-width:200px}.task-templates-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.task-templates-page-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-templates-create-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.task-templates-create-button:hover{background:var(--color-accent-hover)}.task-templates-create-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.task-templates-page-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.task-templates-secondary-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.task-templates-secondary-button:hover{border-color:var(--color-primary)}.task-templates-secondary-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.task-templates-empty-state{background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.task-templates-empty-state-icon{font-size:3rem;color:var(--color-text-muted);opacity:.5}.task-templates-empty-state h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.task-templates-empty-state p{margin:0;font-size:var(--font-size-md);color:var(--color-text-muted);max-width:400px}.task-templates-empty-state-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.task-templates-empty-state-button:hover{background:var(--color-accent-hover)}.task-templates-empty-state-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.task-template-edit-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-template-edit-back{align-self:flex-start;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer}.task-template-edit-back:hover{color:var(--color-text-primary)}.task-template-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.task-template-edit-banner h2{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.task-template-edit-banner-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.task-template-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-template-edit-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-template-edit-field input,.task-template-edit-field textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.task-template-edit-checklist{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.task-template-edit-checklist-header label{font-weight:var(--font-weight-semibold)}.task-template-edit-checklist-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-template-edit-checklist-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle)}.task-template-edit-checklist-item input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm)}.task-template-edit-checklist-item input:focus{outline:none}.task-template-edit-checklist-index{width:28px;height:28px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-muted);border:1px solid var(--color-border)}.task-template-edit-checklist-actions{display:flex;gap:var(--spacing-xs)}.task-template-edit-checklist-actions button{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer}.task-template-edit-checklist-actions button:hover{border-color:var(--color-primary)}.task-template-edit-add{align-self:flex-start;background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer}.task-template-edit-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.task-template-edit-primary{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer}.task-template-edit-secondary{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer}.task-template-edit-danger{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer}.inline-selector-container{position:relative;z-index:var(--z-popover)}.inline-selector{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:240px;max-width:320px;z-index:var(--z-popover);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inline-selector-content{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.inline-selector-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.inline-selector-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit}.inline-selector-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #58a6ff1a}.inline-selector-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);justify-content:flex-end}.task-detail-avatar-wrapper,.task-detail-metadata-item-wrapper{position:relative;display:inline-block}.task-tile-wrapper{position:relative}