/* Portable salon application. All rules are scoped to .nb-demo. */
.nb-demo{--nb-paper:#f7f5ef;--nb-card:#fffefb;--nb-ink:#202d2a;--nb-muted:#62706b;--nb-line:#e1e6df;--nb-accent:#1b4d4a;--nb-accent2:#2a6a66;--nb-tint:#edf4ef;--nb-error:#a92b1e;width:100%;max-width:1320px;margin-inline:auto;padding:36px 24px 54px;font:17px/1.85 Vazirmatn,Tahoma,sans-serif;color:var(--nb-ink)}
.nb-demo *{box-sizing:border-box}.nb-demo [hidden]{display:none!important}.nb-demo h1,.nb-demo h2,.nb-demo h3,.nb-demo h4,.nb-demo p{margin:0}.nb-demo h1{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;line-height:1.6}.nb-demo h2{font-size:1.65rem;line-height:1.55;font-weight:800}.nb-demo h3{font-size:1.15rem;line-height:1.6;font-weight:750}.nb-demo h4{font-size:1rem;font-weight:700}.nb-demo button,.nb-demo input,.nb-demo select{font:inherit}.nb-demo button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:9px;line-height:1.5;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;overflow-wrap:anywhere}.nb-demo button:disabled{cursor:not-allowed;opacity:.45}.nb-demo svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nb-demo input,.nb-demo select{width:100%;min-width:0;min-height:46px;padding:8px 12px;background:var(--nb-card);color:var(--nb-ink);border:1px solid #bac6bf;border-radius:8px;caret-color:var(--nb-accent)}.nb-demo input[type=number]{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.nb-demo input::placeholder{color:#68766e}.nb-demo :focus-visible{outline:3px solid var(--nb-accent2);outline-offset:3px}.nb-demo ::selection{background:var(--nb-accent);color:#fff}.nb-demo .nb-primary{background:var(--nb-accent);color:#fff;font-weight:650}.nb-demo .nb-primary:hover:not(:disabled){background:var(--nb-accent2)}.nb-demo .nb-secondary{color:var(--nb-accent);background:transparent;border-color:var(--nb-line)}.nb-demo .nb-secondary:hover:not(:disabled){background:var(--nb-tint);border-color:var(--nb-accent)}.nb-demo .nb-delete{color:var(--nb-error);background:transparent;font-size:15px;padding-inline:8px;flex-shrink:0}.nb-demo .nb-delete:hover{background:#fff0e9}
.nb-demo .nb-app-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.nb-demo .nb-app-intro p{color:var(--nb-muted);margin-top:3px;font-size:16px}.nb-demo .nb-expand{background:var(--nb-card);white-space:nowrap}.nb-demo .nb-app-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:680px;background:var(--nb-card);border-radius:16px;overflow:hidden;box-shadow:0 18px 45px -28px #273d3155}.nb-demo .nb-sidebar{display:flex;flex-direction:column;gap:35px;background:var(--nb-tint);padding:28px 18px 24px}.nb-demo .nb-sidebar-brand{display:flex;gap:10px;align-items:center;padding-inline:5px;min-width:0}.nb-demo .nb-sidebar-brand>div{min-width:0;overflow-wrap:anywhere}.nb-demo .nb-sidebar-brand strong{display:block;font-weight:750;font-size:16px}.nb-demo .nb-sidebar-brand>div>span{display:block;color:var(--nb-muted);font-size:14px}.nb-demo .nb-salon-mark{display:grid;place-items:center;background:var(--nb-accent);color:#fff;width:40px;height:40px;border-radius:11px;font-size:23px;flex-shrink:0}.nb-demo .nb-app-nav{display:grid;gap:9px}.nb-demo .nb-app-nav button{justify-content:flex-start;text-align:right;color:#53665c;padding:12px;background:transparent;border-radius:9px;font-size:16px;min-width:0}.nb-demo .nb-app-nav button[aria-pressed=true]{background:var(--nb-accent);color:#fff;font-weight:700}.nb-demo .nb-app-nav button:hover:not([aria-pressed=true]){background:var(--nb-card);color:var(--nb-accent)}.nb-demo .nb-sidebar-bottom{display:flex;gap:9px;align-items:flex-start;margin-top:auto;padding:20px 4px 0;color:var(--nb-accent);border-top:1px solid var(--nb-line)}.nb-demo .nb-sidebar-bottom p{font-size:14px;font-weight:650}.nb-demo .nb-sidebar-bottom span{display:block;font-size:14px;font-weight:400;color:var(--nb-muted);margin-top:3px}.nb-demo .nb-app-workspace{min-width:0;display:flex;flex-direction:column;padding:0 32px}.nb-demo .nb-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:22px;border-bottom:1px solid var(--nb-line);font-size:14px;color:var(--nb-muted)}.nb-demo .nb-demo-label{display:flex;align-items:center;gap:7px;color:var(--nb-accent);font-weight:600}.nb-demo .nb-demo-label>span{width:6px;height:6px;display:block;border-radius:100%;background:var(--nb-accent)}.nb-demo .nb-status:empty{display:none}.nb-demo .nb-status{padding:10px 14px;margin-top:18px;border-radius:8px;background:var(--nb-tint);color:var(--nb-accent);font-size:15px}.nb-demo .nb-status[data-error=true]{color:#8b301d;background:#fff0e9}.nb-demo .nb-view{padding-block:28px 30px;flex:1;min-width:0}
.nb-demo .nb-booking-welcome{display:flex;align-items:center;gap:15px}.nb-demo .nb-booking-welcome>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.nb-demo .nb-booking-welcome h2{font-size:1.4rem}.nb-demo .nb-booking-welcome p{color:var(--nb-muted);font-size:15px;margin-top:4px}.nb-demo .nb-salon-avatar{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;background:var(--nb-tint);color:var(--nb-accent);font-size:29px;border-radius:14px;font-weight:750}.nb-demo .nb-hours{margin-inline-start:auto;display:flex;align-items:center;gap:6px;color:var(--nb-muted);font-size:14px;white-space:nowrap}.nb-demo .nb-hours svg{width:16px;height:16px}.nb-demo .nb-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:30px 28px;padding-block:16px;border-block:1px solid var(--nb-line)}.nb-demo .nb-flow-steps button{padding:0 4px;justify-content:flex-start;gap:9px;color:var(--nb-muted);background:transparent;font-size:15px;min-width:0;min-height:36px}.nb-demo .nb-step-number{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--nb-line);border-radius:100%;font-size:15px;background:var(--nb-paper);color:var(--nb-muted)}.nb-demo .nb-flow-steps button[aria-pressed=true]{font-weight:750;color:var(--nb-accent)}.nb-demo .nb-flow-steps button[aria-pressed=true] .nb-step-number{color:#fff;background:var(--nb-accent);border-color:var(--nb-accent)}.nb-demo .nb-flow-steps button[data-complete=true] .nb-step-number{background:var(--nb-tint);color:var(--nb-accent);border-color:var(--nb-accent)}.nb-demo .nb-flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:start}.nb-demo .nb-flow-content{min-width:0}.nb-demo .nb-panel-heading{margin-bottom:22px}.nb-demo .nb-panel-heading p{font-size:15px;color:var(--nb-muted);margin-top:5px}.nb-demo .nb-service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nb-demo .nb-service-choice{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:94px;text-align:right;background:var(--nb-card);border:1px solid var(--nb-line);padding:15px 13px;color:var(--nb-ink);border-radius:12px}.nb-demo .nb-service-choice .nb-service-icon{display:grid;place-items:center;width:35px;height:40px;flex-shrink:0;color:var(--nb-accent)}.nb-demo .nb-service-icon svg{width:26px;height:26px}.nb-demo .nb-service-choice .nb-service-copy{display:block;min-width:0;flex:1}.nb-demo .nb-service-copy strong{display:block;font-size:16px}.nb-demo .nb-service-copy>span{display:block;font-size:14px;color:var(--nb-muted);margin-top:5px}.nb-demo .nb-service-choice .nb-service-mark{display:grid;place-items:center;width:17px;height:17px;border:1px solid #b8c5be;border-radius:100%;flex-shrink:0;color:var(--nb-card);background:var(--nb-card)}.nb-demo .nb-service-mark svg{width:11px;height:11px;stroke-width:2.5}.nb-demo .nb-service-choice[aria-pressed=true]{border-color:var(--nb-accent);background:var(--nb-tint)}.nb-demo .nb-service-choice[aria-pressed=true] .nb-service-mark{background:var(--nb-accent);border-color:var(--nb-accent);color:#fff}.nb-demo .nb-service-choice:hover:not([aria-pressed=true]){border-color:var(--nb-accent2);background:var(--nb-paper)}.nb-demo .nb-step-actions{margin-top:25px;display:flex;gap:12px;flex-wrap:wrap}.nb-demo .nb-step-actions .nb-primary{min-width:210px;font-size:16px;justify-content:space-between}.nb-demo .nb-step-actions .nb-secondary{font-size:15px}.nb-demo .nb-booking-aside{border-inline-start:1px solid var(--nb-line);padding-inline-start:22px;padding-top:1px;min-width:0}.nb-demo .nb-booking-aside h3{font-size:16px;margin-bottom:15px;color:var(--nb-muted)}.nb-demo [data-nb-booking-summary]{font-size:15px;overflow-wrap:anywhere}.nb-demo [data-nb-booking-summary] strong{display:block;color:var(--nb-accent);font-size:16px;margin-bottom:7px}.nb-demo [data-nb-booking-summary] p{margin-block:5px}.nb-demo [data-nb-booking-summary] .nb-summary-row{display:flex;justify-content:space-between;gap:8px;margin-block:10px}.nb-demo [data-nb-booking-summary] .nb-summary-total{padding-top:12px;margin-top:15px;border-top:1px solid var(--nb-line)}.nb-demo .nb-flow-note{display:flex;align-items:flex-start;gap:8px;color:var(--nb-muted);margin-top:22px;padding-top:18px;border-top:1px solid var(--nb-line);font-size:14px}.nb-demo .nb-flow-note svg{width:17px;height:17px;margin-top:2px;color:var(--nb-accent)}
.nb-demo .nb-calendar-heading,.nb-demo .nb-slot-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.nb-demo .nb-calendar-heading strong{font-size:16px;color:var(--nb-accent)}.nb-demo .nb-calendar-heading span,.nb-demo .nb-slot-heading span{font-size:14px;color:var(--nb-muted)}.nb-demo .nb-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.nb-demo .nb-day{display:block;padding:10px 2px;min-height:68px;background:var(--nb-paper);color:var(--nb-ink);font-size:14px;border:1px solid transparent;border-radius:8px}.nb-demo .nb-day span{display:block;font-size:12px;color:var(--nb-muted);margin-top:5px;white-space:nowrap}.nb-demo .nb-day[aria-pressed=true]{background:var(--nb-accent);color:#fff}.nb-demo .nb-day[aria-pressed=true] span{color:#fff}.nb-demo .nb-day:hover:not([aria-pressed=true]){border-color:var(--nb-accent)}.nb-demo .nb-slot-heading{margin-top:27px}.nb-demo .nb-slot-heading h4{font-size:16px}.nb-demo .nb-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nb-demo .nb-slot{display:block;direction:ltr;text-align:center;padding:9px 4px;background:var(--nb-card);border-color:var(--nb-line);color:var(--nb-ink);font-variant-numeric:tabular-nums;font-size:16px}.nb-demo .nb-slot span{display:block;direction:rtl;font-size:12px;color:var(--nb-muted);margin-top:2px}.nb-demo .nb-slot:hover,.nb-demo .nb-slot[aria-pressed=true]{border-color:var(--nb-accent);color:var(--nb-accent);background:var(--nb-tint)}.nb-demo .nb-empty{grid-column:1/-1;font-size:15px;color:var(--nb-muted);padding-block:14px}.nb-demo .nb-checkout{font-size:16px;background:var(--nb-tint);padding:24px;border-radius:12px;overflow-wrap:anywhere}.nb-demo .nb-checkout p{margin-block:8px}.nb-demo .nb-checkout strong{color:var(--nb-accent)}.nb-demo .nb-checkout .nb-primary{display:flex;width:100%;margin-top:20px}.nb-demo .nb-checkout .nb-secondary{display:flex;width:100%;margin-top:8px;background:var(--nb-card)}.nb-demo .nb-checkout .nb-tz{font-size:14px;color:var(--nb-muted);margin-top:10px}.nb-demo .nb-receipt-head{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--nb-line)}.nb-demo .nb-receipt-head strong{display:block;font-size:20px}.nb-demo .nb-receipt-head p{font-size:15px;color:var(--nb-muted)}.nb-demo .nb-receipt-lines{margin:0;display:grid;gap:10px}.nb-demo .nb-receipt-lines>div{display:flex;align-items:start;justify-content:space-between;gap:18px}.nb-demo .nb-receipt-lines dt{color:var(--nb-muted);font-size:15px}.nb-demo .nb-receipt-lines dd{margin:0;text-align:left;font-weight:600;font-size:15px}.nb-demo .nb-checkout-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--nb-line)}.nb-demo .nb-checkout-success{display:flex;align-items:center;gap:10px;padding-bottom:14px;color:var(--nb-accent)}.nb-demo .nb-checkout-success svg{width:32px;height:32px}.nb-demo .nb-checkout-success strong{font-size:19px}.nb-demo .nb-countdown-line{display:flex;gap:6px;align-items:center;font-size:15px;color:var(--nb-muted)}.nb-demo .nb-countdown{font-weight:750;font-variant-numeric:tabular-nums;color:var(--nb-accent)}.nb-demo .nb-danger-note{color:#943d26}
.nb-demo .nb-view-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.nb-demo .nb-view-heading p{font-size:16px;color:var(--nb-muted);margin-top:6px}.nb-demo .nb-diary-stats{display:flex;gap:0;background:var(--nb-tint);border-radius:12px;margin-bottom:28px;padding:20px 8px;flex-wrap:wrap}.nb-demo .nb-stat{flex:1;text-align:center;padding:0 14px;min-width:100px;border-inline-start:1px solid var(--nb-line);font-size:14px;color:var(--nb-muted)}.nb-demo .nb-stat:first-child{border-inline-start:0}.nb-demo .nb-stat strong{display:block;color:var(--nb-accent);font-size:1.25rem;line-height:1.5}.nb-demo .nb-stat span{display:block}.nb-demo .nb-diary-datebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--nb-line)}.nb-demo .nb-diary-datebar>div{display:flex;align-items:center;gap:9px;color:var(--nb-accent);font-weight:650}.nb-demo .nb-diary-datebar .nb-secondary{font-size:14px}.nb-demo .nb-diary-list{list-style:none;margin:0;padding:0}.nb-demo .nb-booking{padding:20px 0;border-bottom:1px solid var(--nb-line)}.nb-demo .nb-booking-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:16px}.nb-demo .nb-booking-meta{font-size:14px;color:var(--nb-muted);margin-top:7px}.nb-demo .nb-state{font-size:14px;line-height:1.8;padding:3px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0;background:#eef0ec;color:#526059}.nb-demo .nb-state-confirmed{background:var(--nb-tint);color:var(--nb-accent)}.nb-demo .nb-state-held{background:#fbefd4;color:#755415}.nb-demo .nb-state-expired,.nb-demo .nb-state-cancelled{background:#faeae2;color:#943d26}.nb-demo .nb-help{font-size:14px;color:var(--nb-muted);margin-top:20px}
.nb-demo .nb-settings-section-title{margin-bottom:18px}.nb-demo .nb-settings-section-title h3{font-size:16px}.nb-demo .nb-settings-section-title p{font-size:14px;color:var(--nb-muted);margin-top:4px}.nb-demo .nb-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px;align-items:stretch}.nb-demo .nb-form{display:grid;gap:13px}.nb-demo .nb-form label{display:grid;gap:5px;min-width:0;font-size:14px;color:var(--nb-muted)}.nb-demo .nb-form .nb-primary{justify-self:start;font-size:15px;margin-top:2px}.nb-demo .nb-profile-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;min-width:0;background:var(--nb-tint);border-radius:12px;overflow-wrap:anywhere}.nb-demo .nb-preview-label{font-size:14px;color:var(--nb-muted);margin-bottom:23px}.nb-demo .nb-preview-avatar{display:grid;place-items:center;width:61px;height:61px;background:var(--nb-accent);color:#fff;border-radius:15px;font-size:31px;margin-bottom:12px;font-weight:700}.nb-demo .nb-profile-preview strong{font-size:21px;color:var(--nb-accent)}.nb-demo .nb-profile-preview p{font-size:14px;color:var(--nb-muted);margin-top:5px;max-width:30ch}.nb-demo .nb-preview-button{font-size:14px;background:var(--nb-accent);color:#fff;border-radius:7px;padding:8px 35px;margin-top:20px}.nb-demo .nb-field-help{font-size:14px;color:var(--nb-accent)}.nb-demo .nb-owner-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;border-top:1px solid var(--nb-line);margin-top:32px;padding-top:28px}.nb-demo .nb-owner-columns>section{min-width:0}.nb-demo .nb-chair{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:12px;border-bottom:1px solid var(--nb-line)}.nb-demo .nb-chair>div,.nb-demo .nb-service-top>div{min-width:0;overflow-wrap:anywhere}.nb-demo .nb-chair strong{font-size:16px}.nb-demo .nb-chair span{display:block;font-size:14px;color:var(--nb-muted)}.nb-demo .nb-edit-service{padding-block:17px;border-bottom:1px solid var(--nb-line)}.nb-demo .nb-edit-service:first-child{padding-top:0}.nb-demo .nb-service-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.nb-demo .nb-service-top strong{font-size:16px}.nb-demo .nb-service-top small{font-size:14px;color:var(--nb-muted);margin-inline-start:8px}.nb-demo .nb-service-fields{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:9px}.nb-demo .nb-service-fields input,.nb-demo .nb-service-fields select{font-size:15px}.nb-demo .nb-number-fields{display:grid;grid-template-columns:1fr 1fr .8fr;gap:9px}.nb-demo .nb-number-fields input{font-size:15px;padding-inline:7px}.nb-demo .nb-number-fields label{font-size:14px}.nb-demo .nb-edit-service .nb-secondary{font-size:14px;justify-self:start;padding:7px 12px;min-height:37px}.nb-demo .nb-add-section{margin-top:20px}.nb-demo .nb-add-section summary{display:flex;align-items:center;gap:7px;cursor:pointer;padding:9px 0;list-style:none;font-size:15px;font-weight:650;color:var(--nb-accent)}.nb-demo .nb-add-section summary::-webkit-details-marker{display:none}.nb-demo .nb-add-section summary svg{width:16px;height:16px}.nb-demo .nb-add-section[open] summary{margin-bottom:11px}.nb-demo .nb-transfer-section{display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--nb-line);margin-top:32px;padding-top:28px}.nb-demo .nb-transfer-section h3{font-size:16px}.nb-demo .nb-transfer-section p{font-size:14px;color:var(--nb-muted);margin-top:4px}.nb-demo .nb-transfer-actions{display:flex;align-items:start;gap:18px;flex-wrap:wrap}.nb-demo .nb-transfer-actions .nb-secondary{font-size:15px}.nb-demo .nb-import-label{display:grid;gap:6px;font-size:14px;color:var(--nb-muted);min-width:0;max-width:100%}.nb-demo input[type=file]{min-height:44px;width:auto;max-width:100%;font-size:14px;padding:6px;background:var(--nb-paper);border-color:var(--nb-line)}.nb-demo input[type=file]::file-selector-button{font:inherit;background:var(--nb-tint);color:var(--nb-accent);border:0;border-radius:5px;padding:7px 10px;margin-inline-end:9px;cursor:pointer}.nb-demo .nb-reset-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;padding-top:17px;border-top:1px solid var(--nb-line)}.nb-demo .nb-reset-row p{font-size:14px;color:var(--nb-muted)}.nb-demo .nb-app-bottom{display:flex;justify-content:space-between;gap:14px;padding-block:18px;border-top:1px solid var(--nb-line);color:var(--nb-muted);font-size:14px}.nb-demo .nb-app-bottom>span:first-child{color:var(--nb-accent)}.nb-demo .nb-demo-notice{margin-top:20px;background:var(--nb-tint);padding:14px 18px;border-radius:10px;color:var(--nb-accent)}.nb-demo [data-nb-chairs]:empty:before{content:"هنوز صندلی اضافه نشده است.";color:var(--nb-muted);font-size:15px}.nb-demo.nb-expanded{max-width:none;padding-inline:20px}.nb-demo.nb-expanded .nb-app-shell{min-height:calc(100dvh - 190px)}.nb-demo.nb-expanded .nb-flow-layout{grid-template-columns:minmax(0,1fr) 255px}.nb-demo.nb-expanded .nb-service-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.nb-demo .nb-app-shell{grid-template-columns:180px minmax(0,1fr)}.nb-demo .nb-sidebar{padding-inline:13px}.nb-demo .nb-app-workspace{padding-inline:23px}.nb-demo .nb-flow-layout{grid-template-columns:minmax(0,1fr)}.nb-demo .nb-booking-aside{border-inline-start:0;border-top:1px solid var(--nb-line);padding-inline-start:0;padding-top:20px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.nb-demo .nb-booking-aside h3{margin:0}.nb-demo .nb-flow-note{grid-column:1/-1;margin-top:0;padding-top:12px}.nb-demo [data-nb-booking-summary] strong{font-size:16px}.nb-demo .nb-owner-columns{gap:25px}.nb-demo .nb-profile-layout{gap:23px}.nb-demo.nb-expanded .nb-flow-layout{grid-template-columns:minmax(0,1fr)}.nb-demo.nb-expanded .nb-service-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nb-demo{padding:24px 14px 35px}.nb-demo .nb-app-intro{gap:16px;margin-bottom:20px;align-items:flex-start}.nb-demo .nb-app-intro h1{font-size:1.4rem}.nb-demo .nb-app-intro p{font-size:14px}.nb-demo .nb-expand{padding:9px;font-size:0;gap:0;min-width:44px}.nb-demo .nb-expand span{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.nb-demo .nb-app-shell{display:block;min-height:0;border-radius:14px}.nb-demo .nb-sidebar{padding:14px 14px 11px;gap:15px}.nb-demo .nb-sidebar-brand{display:none}.nb-demo .nb-app-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nb-demo .nb-app-nav button{justify-content:center;gap:7px;font-size:14px;padding:10px 7px}.nb-demo .nb-app-nav svg{width:17px;height:17px}.nb-demo .nb-sidebar-bottom{display:none}.nb-demo .nb-app-workspace{padding-inline:20px}.nb-demo .nb-workspace-toolbar{padding-block:15px;font-size:14px}.nb-demo .nb-view{padding-block:24px}.nb-demo .nb-booking-welcome{gap:11px;flex-wrap:wrap}.nb-demo .nb-booking-welcome h2{font-size:1.2rem}.nb-demo .nb-booking-welcome p{font-size:14px}.nb-demo .nb-booking-welcome>div:nth-child(2){flex:1;min-width:120px}.nb-demo .nb-salon-avatar{width:46px;height:46px;font-size:25px;border-radius:12px}.nb-demo .nb-hours{width:100%;margin-inline-start:57px;font-size:14px}.nb-demo .nb-flow-steps{gap:7px;margin-block:22px;padding-block:13px}.nb-demo .nb-flow-steps button{gap:6px;font-size:14px;justify-content:center}.nb-demo .nb-step-number{width:25px;height:25px;font-size:14px}.nb-demo .nb-panel-heading h3{font-size:1.1rem}.nb-demo .nb-service-choice{padding:13px 10px;min-height:90px;gap:7px}.nb-demo .nb-service-choice .nb-service-icon{width:26px}.nb-demo .nb-service-icon svg{width:23px;height:23px}.nb-demo .nb-service-copy strong{font-size:16px}.nb-demo .nb-service-copy>span{font-size:12px}.nb-demo .nb-days{gap:5px}.nb-demo .nb-day{font-size:14px}.nb-demo .nb-day span{font-size:12px}.nb-demo .nb-profile-layout,.nb-demo .nb-owner-columns{grid-template-columns:1fr}.nb-demo .nb-profile-preview{padding:22px}.nb-demo .nb-preview-label{margin-bottom:16px}.nb-demo .nb-owner-columns{gap:28px}.nb-demo .nb-owner-columns>section+section{border-top:1px solid var(--nb-line);padding-top:25px}.nb-demo input,.nb-demo select,.nb-demo .nb-number-fields input,.nb-demo .nb-service-fields input,.nb-demo .nb-service-fields select{font-size:16px}.nb-demo .nb-form .nb-primary{width:100%}.nb-demo .nb-view-heading{align-items:flex-start;gap:14px}.nb-demo .nb-view-heading h2{font-size:1.35rem}.nb-demo .nb-view-heading p{font-size:14px}.nb-demo .nb-view-heading>.nb-primary{font-size:14px;padding:10px;white-space:nowrap}.nb-demo .nb-diary-datebar{gap:10px;flex-wrap:wrap}.nb-demo .nb-diary-datebar>div{font-size:15px}.nb-demo .nb-reset-row{flex-wrap:wrap}.nb-demo .nb-app-bottom{font-size:12px;flex-wrap:wrap;gap:5px}.nb-demo .nb-app-bottom>span+span{display:none}.nb-demo.nb-expanded{padding-inline:6px}.nb-demo.nb-expanded .nb-app-shell{min-height:calc(100dvh - 175px)}}
@media(max-width:390px){.nb-demo .nb-app-workspace{padding-inline:14px}.nb-demo .nb-service-options,.nb-demo.nb-expanded .nb-service-options{grid-template-columns:1fr}.nb-demo .nb-service-choice{min-height:76px;padding-inline:16px;gap:13px}.nb-demo .nb-service-copy>span{font-size:14px}.nb-demo .nb-app-nav button{flex-direction:column;font-size:14px;gap:5px}.nb-demo .nb-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.nb-demo .nb-day span{font-size:12px}.nb-demo .nb-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.nb-demo .nb-flow-steps button{flex-direction:column;gap:6px}.nb-demo .nb-step-actions .nb-primary{width:100%;min-width:0}.nb-demo .nb-number-fields{grid-template-columns:1fr 1fr}.nb-demo .nb-number-fields label:last-child{grid-column:1/-1}.nb-demo .nb-service-fields{grid-template-columns:1fr}.nb-demo .nb-checkout{padding:16px}.nb-demo .nb-booking-line{flex-wrap:wrap}.nb-demo .nb-stat{min-width:85px;padding-inline:8px}.nb-demo .nb-toolbar-local{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nb-demo *{transition:none!important;scroll-behavior:auto!important}}
.nb-demo .nb-workspace-toolbar{flex-wrap:wrap}
.nb-demo .nb-platform-brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--nb-ink);line-height:1.6}
.nb-demo .nb-platform-brand .nobix-logo{width:36px;height:36px}
.nb-demo .nb-platform-brand strong{display:block;font-size:16px;font-weight:750}
.nb-demo .nb-platform-brand>span>span{display:block;font-size:12px;color:var(--nb-muted)}
.nb-demo .nb-toolbar-status{display:flex;flex-direction:column;gap:2px;margin-inline-start:auto;align-items:flex-end}
@media(max-width:390px){.nb-demo .nb-toolbar-status{flex-basis:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:6px}}
@media(max-width:760px){.nb-demo .nb-day span{white-space:normal;overflow-wrap:anywhere}}

/* Separate customer app retains the original booking surface. */
.nb-demo[data-demo-role="customer"] .nb-app-shell { grid-template-columns: minmax(0, 1fr); }
.nb-demo[data-demo-role="owner"] .nb-diary-datebar { flex-wrap: wrap; gap: 12px; }