.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.section-tabs a{border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:.65rem;font-weight:800;letter-spacing:.08em}.ops-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:30px}.nam-panel{margin-bottom:18px;scroll-margin-top:60px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}textarea{min-height:90px}.records,.order-grid{display:grid;gap:10px;margin-top:20px}.records article,.order-grid article{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:9px;padding:14px;background:#061725}.records strong,.order-grid h3{color:var(--cyan);margin:0}.records span,.order-grid p{color:var(--muted);margin:2px 0}.records small,.order-grid small{color:#a8d2e3}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-head{display:flex;align-items:center;justify-content:space-between}.inline-form{display:flex;align-items:center;gap:8px;margin-top:10px}.inline-form input,.inline-form select{padding:8px}.inline-form button{background:#10405c;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:.65rem;font-weight:800}.inline-form .check{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}.inline-form .check input{width:auto}.low-stock{border-color:var(--amber)!important}.empty{color:var(--muted);font-style:italic}@media(max-width:800px){.ops-section,.order-grid{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}}
.quick-toolbar{display:grid;grid-template-columns:repeat(10,minmax(76px,1fr));gap:9px;margin:-8px 0 24px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(4,24,40,.96);box-shadow:0 14px 28px rgba(0,0,0,.24)}.quick-toolbar a{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.58rem;letter-spacing:.07em;text-align:center}.quick-toolbar span{display:grid;place-items:center;width:50px;height:50px;border:1px solid #21617f;border-radius:50%;background:linear-gradient(145deg,#0d3a55,#061826);color:var(--cyan);font-size:.82rem;font-weight:900;box-shadow:inset 0 0 0 3px rgba(0,183,240,.05)}.quick-toolbar a:hover,.quick-toolbar a:focus{color:var(--text);outline:none}.quick-toolbar a:hover span,.quick-toolbar a:focus span{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 18px rgba(0,183,240,.28)}.quick-toolbar b{font-weight:800}.nam-panel{position:relative}.nam-panel:before{content:"";position:absolute;left:16px;right:16px;top:8px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.35}@media(max-width:1000px){.quick-toolbar{grid-template-columns:repeat(5,1fr)}}@media(max-width:560px){.quick-toolbar{grid-template-columns:repeat(3,1fr)}}
.balance-due{display:inline-block;border-radius:99px;padding:7px 11px;background:#7b1020;color:#fff;font-weight:900;letter-spacing:.04em;box-shadow:0 0 0 1px #ff4d62}.balance-paid{display:inline-block;border-radius:99px;padding:7px 11px;background:rgba(25,229,140,.14);color:var(--green);font-weight:800}.amount-due{color:#ff5368;font-weight:900}
.customer-record-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.customer-status .status-pill,.customer-status .balance-due{font-size:.62rem;padding:5px 9px}
.intake-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}.intake-steps a{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em}.intake-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d3048;color:var(--muted)}.intake-steps a.current{border-color:var(--cyan);background:rgba(0,183,240,.1);color:var(--text)}.intake-steps a.current b{background:var(--cyan);color:#00111c}.intake-steps a.done{border-color:#16875f;color:var(--green)}.intake-steps a.done b{background:rgba(25,229,140,.16);color:var(--green)}.inactive-step{display:none}.record-next{display:inline-block;margin-top:9px;font-size:.68rem;font-weight:800;letter-spacing:.08em}.shop-tools{margin-top:28px;border:1px solid var(--line);border-radius:12px;padding:16px}.shop-tools>summary{cursor:pointer;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em}.shop-tools[open]>summary{margin-bottom:18px;color:var(--cyan)}@media(max-width:650px){.intake-steps{grid-template-columns:1fr}.intake-steps a:not(.current){display:none}}
.quick-toolbar{background:#741313;border-color:#a65a5a;border-radius:0;box-shadow:none;padding:8px 6px;gap:6px}.quick-toolbar a{color:#f4dede;gap:5px;font-size:.55rem}.quick-toolbar span{width:52px;height:52px;border-color:#d8a4a4;background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}.quick-toolbar a:hover span,.quick-toolbar a:focus span{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.2);transform:none}
.quick-toolbar svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick-toolbar span{background:#050505;color:#fff;border-color:#d8a4a4}.quick-toolbar svg{stroke:#fff}
body[data-page="/Index"] .shell:has(> .quick-toolbar){padding-top:0}
body[data-page="/Index"] .shell>.quick-toolbar{margin:0 0 24px;grid-template-columns:repeat(10,minmax(0,1fr))}
body[data-page="/Index"] .shell>.quick-toolbar a{overflow-wrap:anywhere}
body[data-page="/Index"] .quick-toolbar-title{grid-column:1/-1;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.16em;padding:2px 8px 6px;text-align:left}
@media(max-width:1000px){body[data-page="/Index"] .shell>.quick-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:560px){body[data-page="/Index"] .shell>.quick-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:390px){body[data-page="/Index"] .shell>.quick-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Only the new sticker settings controls; existing Auto Repair styling is unchanged. */
#Config_Enabled,#Config_IncludeVin,#Landscape,#TemplateEnabled,#RemoveLogo{width:auto;display:inline-block;margin:0 .5rem 0 0}
label:has(>#Config_Enabled),label:has(>#Config_IncludeVin),label:has(>#Landscape),label:has(>#TemplateEnabled),label:has(>#RemoveLogo){display:flex;align-items:center;gap:.4rem;padding:.5rem 0}

/* ==========================================================
   NAAM CUSTOMER MANAGEMENT
   Additive only - preserves approved Operations design
   ========================================================== */

.customer-actions{
    display:flex;
    align-items:flex-start;
    gap:7px;
    flex-wrap:wrap;
    margin-top:11px
}

.customer-actions form{
    margin:0
}

.record-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:31px;
    border:1px solid var(--line);
    border-radius:6px;
    padding:7px 11px;
    background:#0c3148;
    color:var(--text);
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.06em;
    cursor:pointer
}

.record-action.edit{
    border-color:#1683bb;
    background:#0b3652;
    color:#8edfff
}

.record-action.save{
    border-color:#16875f;
    background:#0c432f;
    color:#77efad
}

.record-action.disable{
    border-color:#b67b1e;
    background:#4d350d;
    color:#ffd36a
}

.record-action.enable{
    border-color:#16875f;
    background:#0c432f;
    color:#77efad
}

.record-action.remove{
    border-color:#b93649;
    background:#531522;
    color:#ff8795
}

.customer-edit{
    position:relative
}

.customer-edit > summary{
    list-style:none
}

.customer-edit > summary::-webkit-details-marker{
    display:none
}

.customer-edit-form{
    width:min(420px,80vw);
    display:grid;
    gap:7px;
    margin-top:8px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#061725
}

.customer-edit-form label{
    margin-top:2px
}

.customer-edit-form .record-action{
    margin-top:5px
}

.customer-disabled{
    border-color:#655227!important;
    opacity:.78
}

.status-pill.inactive{
    border:1px solid #b67b1e;
    background:rgba(182,123,30,.18);
    color:#ffd36a
}

.management-message{
    margin:0 0 14px;
    padding:10px 13px;
    border-radius:7px;
    font-size:.72rem;
    font-weight:800
}

.management-message.error{
    border:1px solid #bd3449;
    background:rgba(189,52,73,.14);
    color:#ff8694
}

.management-message.success{
    border:1px solid #16875f;
    background:rgba(22,135,95,.14);
    color:#70edaa
}

/* ==========================================================
   CUSTOMER DIRECTORY
   Dedicated customer-management screen. Existing intake UI remains intact.
   ========================================================== */
.customer-directory-tools{padding:18px 20px}.customer-search-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.customer-search-form>div{flex:1 1 360px}.customer-search-form input[type="text"],.customer-search-form input:not([type]){width:100%}.customer-show-disabled{display:flex;align-items:center;gap:8px;margin:0 4px 7px 0;color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap}.customer-show-disabled input{width:auto;margin:0}.customer-directory-summary{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.customer-directory-summary .muted{max-width:620px;text-align:right}.customer-directory-list{display:grid;gap:12px}.customer-directory-card{border:1px solid var(--line);border-radius:10px;padding:16px;background:#061725}.customer-directory-card strong{display:block;color:var(--cyan);font-size:1rem}.customer-contact-line{margin-top:4px;color:var(--muted);font-size:.78rem}.customer-directory-card small{display:block;margin-top:3px;color:#a8d2e3}.customer-directory-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.customer-directory-actions{padding-top:2px}.customer-directory-card .customer-edit-form{position:relative;z-index:2}.customer-directory-card .balance-paid{font-size:.62rem;padding:5px 9px}@media(max-width:760px){.customer-directory-summary{display:block}.customer-directory-summary .muted{text-align:left}.customer-record-head{align-items:flex-start;flex-direction:column}.customer-status{justify-content:flex-start}.customer-search-form{align-items:stretch}.customer-search-form .nam-button,.customer-search-form .record-action{width:100%}}