:root{--sbho-primary:#2271b1;--sbho-primary-hover:#135e96;--sbho-secondary:#50575e;--sbho-accent:#00a32a;--sbho-success:#16863a;--sbho-warning:#b56b00;--sbho-danger:#d63638;--sbho-info:#2271b1;--sbho-surface:#fff;--sbho-bg:#f6f7f7;--sbho-text:#1d2327;--sbho-muted:#646970;--sbho-border:#dcdcde;--sbho-radius:10px;--sbho-button-radius:10px;--sbho-font:inherit;--sbho-shadow:0 10px 30px rgba(29,35,39,.08)}
.sbho-customer-wrap{max-width:1100px;margin:24px auto;padding:32px;border:1px solid var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-surface);color:var(--sbho-text);font-family:var(--sbho-font);box-sizing:border-box;box-shadow:var(--sbho-shadow)}
.sbho-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.sbho-page-header h2{margin:0 0 6px}.sbho-page-header p{margin:0;color:var(--sbho-muted)}
.sbho-customer-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 auto 18px;max-width:1100px}.sbho-customer-nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--sbho-border);border-radius:var(--sbho-button-radius);background:var(--sbho-surface);color:var(--sbho-text);text-decoration:none;font-weight:650}.sbho-customer-nav a:hover,.sbho-customer-nav a.is-active{border-color:var(--sbho-primary);color:var(--sbho-primary)}.sbho-customer-nav a.is-active{background:color-mix(in srgb,var(--sbho-primary) 8%,var(--sbho-surface))}.sbho-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--sbho-danger);color:#fff;font-size:12px;font-weight:750;line-height:1}
.sbho-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 30px}.sbho-stat-card{padding:20px;border:1px solid var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-surface);box-shadow:0 5px 18px rgba(29,35,39,.05)}.sbho-stat-card__label{display:block;color:var(--sbho-muted);font-size:13px;margin-bottom:8px}.sbho-stat-card__value{font-size:26px;line-height:1.1}.sbho-stat-card__hint{display:block;color:var(--sbho-muted);font-size:12px;margin-top:8px}
.sbho-section{margin-top:32px}.sbho-section__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sbho-section__head h3{margin:0}.sbho-section__head p{margin:0;color:var(--sbho-muted)}
.sbho-customer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0 28px}.sbho-customer-cards>div,.sbho-app-card{padding:20px;border:1px solid var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-surface)}.sbho-customer-cards span{display:block;font-size:13px;margin-bottom:8px}.sbho-customer-cards strong{font-size:24px}
.sbho-form-wrap label,.sbho-business-wizard label{display:block;font-weight:600;margin-bottom:6px}.sbho-form-wrap input,.sbho-form-wrap select,.sbho-business-wizard input:not([type=checkbox]):not([type=radio]):not([type=color]),.sbho-business-wizard select,.sbho-business-wizard textarea{width:100%;padding:12px 13px;border:1px solid var(--sbho-border);border-radius:8px;background:#fff;box-sizing:border-box}.sbho-form-wrap input:focus,.sbho-form-wrap select:focus,.sbho-business-wizard input:focus,.sbho-business-wizard select:focus,.sbho-business-wizard textarea:focus{outline:2px solid color-mix(in srgb,var(--sbho-primary) 22%,transparent);border-color:var(--sbho-primary)}
.sbho-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border:0;border-radius:var(--sbho-button-radius);background:var(--sbho-primary);color:#fff!important;cursor:pointer;text-decoration:none;font-weight:700;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.sbho-button:hover{background:var(--sbho-primary-hover);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.sbho-button--secondary,.sbho-secondary-button{background:var(--sbho-secondary)}.sbho-button--success{background:var(--sbho-success)}.sbho-button--danger{background:var(--sbho-danger)}.sbho-button[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.sbho-notice{padding:14px 16px;border:1px solid;border-left-width:4px;border-radius:8px;margin:16px 0}.sbho-success{border-color:var(--sbho-success);background:#edfaef}.sbho-error{border-color:var(--sbho-danger);background:#fcf0f1}.sbho-warning{border-color:var(--sbho-warning);background:#fff8e5}.sbho-info{border-color:var(--sbho-info);background:#eef6fc}
.sbho-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px;margin:16px 0 28px}.sbho-app-card{position:relative;display:flex;flex-direction:column;min-height:210px;box-shadow:0 5px 18px rgba(29,35,39,.05);transition:transform .15s ease,box-shadow .15s ease}.sbho-app-card:hover{transform:translateY(-2px);box-shadow:var(--sbho-shadow)}.sbho-app-card h4{margin:14px 0 8px}.sbho-app-card p{color:var(--sbho-muted);flex:1}.sbho-app-locked{background:var(--sbho-bg)}.sbho-featured-label{position:absolute;right:14px;top:14px}.sbho-coming-soon{color:var(--sbho-muted);font-weight:650}
.sbho-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--sbho-bg);color:var(--sbho-text)}.sbho-badge--success{background:#e7f7ec;color:#126b2e}.sbho-badge--warning{background:#fff0cf;color:#7d4b00}.sbho-badge--featured{background:color-mix(in srgb,var(--sbho-primary) 12%,#fff);color:var(--sbho-primary)}
.sbho-progress__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px}.sbho-progress__track{height:10px;background:var(--sbho-bg);border-radius:999px;overflow:hidden;border:1px solid var(--sbho-border)}.sbho-progress__track span{display:block;height:100%;background:var(--sbho-primary);border-radius:999px;transition:width .25s ease}
.sbho-empty-state{text-align:center;padding:32px;border:1px dashed var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-bg)}.sbho-empty-state .dashicons{font-size:36px;width:36px;height:36px;color:var(--sbho-primary)}.sbho-empty-state h4{margin:10px 0 6px}.sbho-empty-state p{max-width:560px;margin:0 auto;color:var(--sbho-muted)}.sbho-empty-state__action{margin-top:16px}
.sbho-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.sbho-grid-wide{grid-column:1/-1}.sbho-wizard-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sbho-profile-progress{min-width:180px}.sbho-step-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0}.sbho-step-dot{border:0;background:transparent;color:var(--sbho-text);cursor:pointer;text-align:center;font-size:12px}.sbho-step-dot span{display:block;width:34px;height:34px;line-height:34px;margin:0 auto 7px;border-radius:50%;background:var(--sbho-bg);border:1px solid var(--sbho-border);font-weight:700}.sbho-step-dot.is-active span{background:var(--sbho-primary);border-color:var(--sbho-primary);color:#fff}.sbho-wizard-step{display:none}.sbho-wizard-step.is-active{display:block}.sbho-wizard-step h3{margin:10px 0 24px;padding-bottom:10px;border-bottom:1px solid var(--sbho-border)}.sbho-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:8px 0 22px}.sbho-choice-grid label,.sbho-inline-choices label{padding:10px 12px;border:1px solid var(--sbho-border);border-radius:8px;background:var(--sbho-bg);font-weight:500}.sbho-choice-grid label:has(input:checked),.sbho-inline-choices label:has(input:checked){border-color:var(--sbho-primary);background:color-mix(in srgb,var(--sbho-primary) 8%,#fff)}.sbho-inline-choices{display:flex;flex-wrap:wrap;gap:8px}.sbho-wizard-actions{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--sbho-border)}
.sbho-table-scroll{overflow-x:auto}.sbho-customer-table{width:100%;border-collapse:collapse}.sbho-customer-table th,.sbho-customer-table td{padding:12px;border-bottom:1px solid var(--sbho-border);text-align:left}.sbho-customer-table th{font-size:13px;color:var(--sbho-muted)}input[type=color]{width:100%;height:44px;border:1px solid var(--sbho-border);border-radius:8px;background:#fff;padding:3px}
@media(max-width:900px){.sbho-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sbho-customer-wrap{padding:22px}.sbho-dashboard-grid,.sbho-form-grid{grid-template-columns:1fr}.sbho-step-track{grid-template-columns:repeat(5,42px);overflow-x:auto}.sbho-step-dot{font-size:0}.sbho-wizard-head,.sbho-page-header{display:block}.sbho-profile-progress{margin:15px 0}.sbho-customer-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sbho-customer-nav a{white-space:nowrap}}

.sbho-project-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:28px;align-items:start}.sbho-project-form-card{margin-top:0;padding:20px;border:1px solid var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-bg)}.sbho-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.sbho-project-card{padding:20px;border:1px solid var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-surface);box-shadow:0 5px 18px rgba(29,35,39,.05)}.sbho-project-card__top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--sbho-muted);font-size:12px}.sbho-project-card h4{margin:14px 0 8px}.sbho-project-card p{color:var(--sbho-muted);min-height:48px}.sbho-project-actions{display:flex;gap:8px;margin-top:16px}.sbho-project-actions form{margin:0}.sbho-project-actions .sbho-button{padding:8px 12px;font-size:13px}@media(max-width:850px){.sbho-project-layout{grid-template-columns:1fr}}

.sbho-table-scroll{overflow-x:auto}.sbho-credit-table{width:100%;border-collapse:collapse}.sbho-credit-table th,.sbho-credit-table td{padding:13px 12px;border-bottom:1px solid rgba(0,0,0,.09);text-align:left;vertical-align:middle}.sbho-credit-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--sbho-muted,#64748b)}.sbho-credit-positive{color:var(--sbho-success,#16834a)}.sbho-credit-negative{color:var(--sbho-danger,#b42318)}

.sbho-notification-list,.sbho-activity-list{display:grid;gap:12px}.sbho-notification-item,.sbho-activity-item{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--sbho-border,#ddd);border-radius:var(--sbho-radius,14px);background:#fff}.sbho-notification-item.is-unread{border-left:5px solid var(--sbho-primary,#ff377d)}.sbho-notification-item>div,.sbho-activity-item>div{flex:1}.sbho-notification-item h3{margin:0 0 5px}.sbho-notification-item p{margin:5px 0}.sbho-notification-item small,.sbho-activity-item small{display:block;color:var(--sbho-muted,#6b7280);margin-top:4px}.sbho-activity-item>.dashicons,.sbho-notification-item>.dashicons{font-size:24px;width:24px;height:24px;color:var(--sbho-primary,#ff377d)}

.sbho-project-view-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.sbho-project-view-tabs .sbho-button{text-decoration:none}


/* v0.9.6 customer UI and UX polish */
.sbho-nav-shell{max-width:1180px;margin:22px auto 0;padding:0 20px;box-sizing:border-box}.sbho-nav-toggle{display:none;width:100%;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--sbho-border);border-radius:var(--sbho-button-radius);background:var(--sbho-surface);color:var(--sbho-text);font-weight:750;cursor:pointer;box-shadow:0 4px 14px rgba(29,35,39,.05)}.sbho-customer-nav{margin:0;padding:7px;gap:4px;border:1px solid var(--sbho-border);border-radius:calc(var(--sbho-radius) + 2px);background:var(--sbho-surface);box-shadow:0 8px 26px rgba(29,35,39,.06)}.sbho-customer-nav a{position:relative;min-height:44px;padding:10px 13px;border:0;border-radius:calc(var(--sbho-button-radius) - 2px);background:transparent;font-size:14px;line-height:1.2}.sbho-customer-nav a:hover{background:color-mix(in srgb,var(--sbho-primary) 7%,var(--sbho-surface));transform:none}.sbho-customer-nav a.is-active{background:color-mix(in srgb,var(--sbho-primary) 11%,var(--sbho-surface));color:var(--sbho-primary);box-shadow:inset 4px 0 0 var(--sbho-primary)}.sbho-nav-icon{flex:0 0 20px;width:20px;height:20px;font-size:20px;line-height:20px;text-align:center}.sbho-nav-label{white-space:nowrap}.sbho-notification-dot{width:7px;height:7px;border-radius:50%;background:var(--sbho-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--sbho-danger) 14%,transparent)}.sbho-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;font-size:11px}
.sbho-customer-wrap{max-width:1180px;margin:24px auto 50px;padding:32px}.sbho-page-header{padding-bottom:24px;border-bottom:1px solid var(--sbho-border)}.sbho-page-header h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.025em;margin:0 0 8px}.sbho-page-header p{font-size:16px}.sbho-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sbho-stat-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label icon" "value icon" "hint hint";gap:4px 14px;padding:22px;text-decoration:none!important;color:var(--sbho-text)!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sbho-stat-card:after{content:"";position:absolute;inset:auto -28px -35px auto;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--sbho-primary) 7%,transparent)}.sbho-stat-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sbho-primary) 40%,var(--sbho-border));box-shadow:var(--sbho-shadow)}.sbho-stat-card__label{grid-area:label;margin:0}.sbho-stat-card__value{grid-area:value;font-size:30px}.sbho-stat-card__hint{grid-area:hint;margin-top:7px}.sbho-stat-card__icon{grid-area:icon;align-self:start;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--sbho-primary) 10%,var(--sbho-surface));color:var(--sbho-primary);font-size:22px;line-height:42px}
.sbho-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sbho-quick-actions a{display:flex;align-items:center;gap:10px;min-height:58px;padding:14px 16px;border:1px solid var(--sbho-border);border-radius:var(--sbho-radius);background:var(--sbho-surface);color:var(--sbho-text);text-decoration:none;font-weight:700;box-shadow:0 4px 14px rgba(29,35,39,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.sbho-quick-actions a:hover{transform:translateY(-2px);border-color:var(--sbho-primary);box-shadow:0 9px 22px rgba(29,35,39,.08);color:var(--sbho-primary)}.sbho-quick-actions .dashicons{color:var(--sbho-primary);font-size:22px;width:22px;height:22px}
.sbho-section{margin-top:38px}.sbho-section__head{margin-bottom:17px}.sbho-section__head h3{font-size:22px;letter-spacing:-.01em}.sbho-section__head>a{font-weight:700;text-decoration:none}.sbho-app-card,.sbho-project-card,.sbho-notification-item,.sbho-activity-item{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.sbho-project-card:hover,.sbho-notification-item:hover,.sbho-activity-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sbho-primary) 30%,var(--sbho-border));box-shadow:0 10px 24px rgba(29,35,39,.07)}.sbho-notification-item.is-unread{background:color-mix(in srgb,var(--sbho-primary) 3%,#fff)}.sbho-empty-state{padding:42px 28px;background:linear-gradient(180deg,var(--sbho-bg),color-mix(in srgb,var(--sbho-primary) 2%,var(--sbho-bg)))}.sbho-empty-state .dashicons{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:color-mix(in srgb,var(--sbho-primary) 10%,#fff);font-size:28px;line-height:54px}.sbho-button:focus-visible,.sbho-customer-nav a:focus-visible,.sbho-nav-toggle:focus-visible,.sbho-quick-actions a:focus-visible{outline:3px solid color-mix(in srgb,var(--sbho-primary) 30%,transparent);outline-offset:2px}
@media(max-width:960px){.sbho-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbho-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sbho-nav-shell{margin-top:14px;padding:0 14px}.sbho-nav-toggle{display:flex}.sbho-customer-nav{display:none;flex-direction:column;align-items:stretch;margin-top:8px;padding:8px;overflow:visible}.sbho-nav-shell.is-open .sbho-customer-nav{display:flex}.sbho-customer-nav a{width:100%;box-sizing:border-box;justify-content:flex-start;white-space:normal}.sbho-nav-label{white-space:normal}.sbho-customer-wrap{margin-top:16px;padding:22px 18px}.sbho-page-header{gap:14px}.sbho-page-header h2{font-size:29px}.sbho-dashboard-grid,.sbho-quick-actions{grid-template-columns:1fr}.sbho-section{margin-top:30px}.sbho-section__head{align-items:flex-start}.sbho-notification-item{flex-wrap:wrap}.sbho-notification-item form{width:100%}.sbho-notification-item form .sbho-button{width:100%}}
@media(prefers-reduced-motion:reduce){.sbho-button,.sbho-stat-card,.sbho-app-card,.sbho-project-card,.sbho-notification-item,.sbho-activity-item,.sbho-quick-actions a{transition:none!important}}