.workspace-nav .more-nav{display:none}.management-nav{display:contents}
.customer-register{--customer-columns:minmax(160px,1.35fr) minmax(136px,1fr) minmax(160px,1.2fr) 148px 104px}
.customer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px}.customer-panel-head svg,.customer-search svg{width:16px;height:16px;flex:none}.customer-modes{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.customer-modes button{border:1px solid transparent;background:transparent;color:#626269;min-height:40px;padding:8px 12px;border-radius:8px;font-weight:500}.customer-modes button[aria-pressed=true]{background:#292a2d;color:white;border-color:#292a2d}.customer-modes span{margin-left:8px;font-variant-numeric:tabular-nums;opacity:.75}.customer-panel-head .secondary{min-height:40px;font-size:12px}
.customer-tools{padding:0 20px 12px;display:flex;gap:16px;align-items:center}.customer-search{position:relative;flex:1}.customer-search svg{position:absolute;top:14px;left:12px;color:#77777d}.customer-search input{padding-left:36px;min-height:44px}.customer-tools .customer-all-dates{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:400;font-size:12px}.workspace-app .customer-all-dates input{width:16px;min-height:16px;height:16px;margin:0;accent-color:var(--accent)}
.customer-list-context{padding:0 20px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:#626269;font-size:12px}.customer-list-context>span{white-space:nowrap;font-variant-numeric:tabular-nums}
.customer-columns,.customer-row{display:grid;grid-template-columns:var(--customer-columns);align-items:center;column-gap:16px;padding:16px 20px}.customer-columns{padding-block:12px;background:#f8f8f9;border-top:1px solid var(--line);color:#696970;font-size:12px}.customer-row{border-top:1px solid var(--line);min-height:88px}.customer-cell{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.customer-cell b{font-weight:600}.customer-cell small{display:block;color:#6d6e73;font-size:12px;margin-top:4px}.customer-name{display:block;font-size:14px}.customer-phone{color:#292a2d;text-decoration-color:#b1b1b6;text-underline-offset:4px;font-variant-numeric:tabular-nums}.customer-phone:hover{color:#a00000}.customer-muted{color:#77777d;font-size:12px}.customer-vehicle+.customer-vehicle{margin-top:12px}.customer-service{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.customer-service time{font-weight:600;font-variant-numeric:tabular-nums}.customer-service .badge{margin:0;font-size:11px;font-weight:400}.customer-actions .secondary{width:104px;min-height:40px;font-size:12px;padding:8px}.customer-history{background:#f8f8f9;border-top:1px solid var(--line);padding:16px 20px}.customer-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.customer-history-heading h3{margin:0;font-size:20px}.customer-history-heading button{font-size:12px}.customer-history-row{display:grid;grid-template-columns:160px minmax(120px,1fr) auto 104px;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.customer-history-row b,.customer-history-row small{display:block}.customer-history-row small{font-size:12px;color:#6d6e73;margin-top:4px}.customer-history-row>.secondary{font-size:12px;min-height:40px}.customer-history-row>.badge{justify-self:start}
@media(max-width:1100px){.customer-register{--customer-columns:minmax(136px,1.3fr) minmax(120px,1fr) minmax(128px,1fr) 128px 96px}.customer-columns,.customer-row{gap:12px;padding-inline:16px}.customer-actions .secondary{width:96px}.customer-tools{flex-wrap:wrap}.customer-tools .customer-search{flex-basis:100%}}
@media(max-width:950px){.customer-columns{display:none}.customer-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px}.customer-identity{grid-column:1}.customer-contact{grid-column:1;grid-row:2}.customer-motorcycles{grid-column:2;grid-row:2}.customer-next{grid-column:1;grid-row:3}.customer-actions{grid-column:2;grid-row:1;justify-self:end}.customer-cell:not(.customer-identity):not(.customer-actions)::before{content:attr(data-label);display:block;font-size:11px;color:#77777d;margin-bottom:4px}.customer-history-row{grid-template-columns:1fr 1fr;gap:12px}.customer-history-row>.secondary{justify-self:end}.customer-next{grid-column:1/-1}.customer-service{flex-direction:row;align-items:center;gap:8px}}
@media(max-width:700px){.workspace-app .sidebar nav.workspace-nav,.workspace-app .sidebar nav.workspace-nav:has(#settingsNav:not([hidden])){grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.workspace-app .workspace-nav .more-nav{display:flex}.workspace-app .workspace-nav>.management-nav{display:none;position:absolute;bottom:calc(100% + 8px);right:8px;left:8px;background:#292a2d;border:1px solid #4d4d52;border-radius:12px;box-shadow:0 8px 24px #0003;padding:8px}.workspace-app .workspace-nav.management-open>.management-nav{display:block}.workspace-app .workspace-nav .management-nav button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:13px;margin:0}.workspace-app .workspace-nav .management-nav .nav-full{display:inline}.workspace-app .workspace-nav .management-nav .nav-short{display:none}.workspace-app .workspace-nav .management-nav i svg{width:18px;height:18px}.customer-panel-head{padding:12px;align-items:flex-start;gap:8px}.customer-modes{gap:4px;flex:1;align-items:stretch}.customer-modes button{font-size:12px;min-height:44px;text-align:left;padding:8px}.customer-modes span{margin-left:4px}.customer-panel-head #refreshCustomers{width:44px;min-height:44px;padding:8px}.customer-panel-head #refreshCustomers span{display:none}.customer-tools{padding:0 12px 12px;gap:12px}.customer-list-context{padding:0 12px 12px;flex-direction:column;gap:4px}.customer-row{padding:16px 12px;gap:12px}.customer-actions .secondary{min-height:44px}.customer-history{padding:12px}.customer-history-row>.secondary{min-height:44px}.customer-history-heading h3{font-size:18px}.customer-history-heading{align-items:flex-start}.customer-cell{font-size:13px}.customer-name{font-size:14px}.customer-service time{font-size:13px}}
.customer-history-row .badge{white-space:normal}
@media(max-width:700px){.customer-panel-head .customer-modes{flex-wrap:nowrap}.customer-panel-head .customer-modes button{flex:1;padding:8px 4px;white-space:normal}}
.customer-contact .customer-whatsapp{display:flex;gap:6px;margin-top:8px;min-height:36px;padding:6px 8px;font-size:12px;font-weight:500;color:#17663e;border-color:#b9d3c3;background:#f7fbf8}.customer-whatsapp svg{width:16px;height:16px;flex:none}.customer-contact .customer-whatsapp:hover{background:#eaf4ee}.customer-contact .customer-whatsapp:disabled{color:#77777d;border-color:var(--line);background:#fafafa;opacity:1;cursor:default}.customer-contact>small{font-size:11px}
#customerReminderDialog{width:min(600px,calc(100% - 24px))}.reminder-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}.reminder-shell .dialog-head,.reminder-shell .dialog-foot{flex:none}.reminder-shell .dialog-foot{justify-content:flex-end}.reminder-shell .dialog-foot a{text-decoration:none}.reminder-shell .dialog-foot a[aria-disabled=true]{opacity:.5;cursor:default}.reminder-recipient{display:grid;gap:4px;margin-bottom:16px}.reminder-recipient b{font-size:16px;font-weight:600}.reminder-recipient span{font-size:12px;color:#626269;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.reminder-motorcycle{font-size:14px;font-weight:500}.reminder-date{font-size:12px;color:#626269;margin:8px 0 16px}.reminder-message{gap:8px}.reminder-message textarea{font-size:14px;line-height:1.6;resize:vertical;min-height:216px}.reminder-status{font-size:12px;color:#626269;margin-top:12px}.reminder-shell .formbody{min-height:0}
@media(max-width:700px){.customer-contact .customer-whatsapp{min-height:44px}.reminder-message textarea{font-size:16px}.reminder-shell .dialog-foot{padding:12px;gap:8px}.reminder-shell .dialog-foot .primary,.reminder-shell .dialog-foot .secondary{min-height:44px;font-size:13px}.reminder-shell .dialog-head{padding:12px 16px}}
