/* Ownlybiz expert workspace — accepted warm sand / white / violet direction.
 * Presentation only. Existing controllers, visibility gates and DOM IDs remain
 * authoritative. This file is loaded last and scopes workspace/call surfaces.
 * DM Sans: Google Fonts, SIL Open Font License (fonts/dm-sans-OFL.txt).
 */
@font-face{font-family:"Ownlybiz DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url("/assets/fonts/dm-sans-variable.ttf") format("truetype")}
body[class] #view-3,
body[class] :is(#session-request-overlay,#ob-call-connection-status),
body[class]:has(#view-3.active) :is(.ob-client-transcript-modal,.ob-files-history-modal){
  --ow-canvas:#fcfbf9;--ow-surface:#fff;--ow-sidebar:#f2efe9;--ow-text:#171629;
  --ow-muted:#646780;--ow-faint:#76798e;--ow-line:#e4e3eb;--ow-soft:#f6f3fd;
  --ow-action-text:#fff;--ow-violet:#6436d8;--ow-violet-hover:#5225c5;--ow-selected:#eae3f8;
  --ow-live-accent:#d6ef9e;--ow-live-accent-text:#293b15;
  --ob-chat-mine-bg:var(--ow-violet);--ob-chat-mine-text:var(--ow-action-text,#fff);--ob-chat-mine-line:var(--ow-violet);--ob-chat-mine-shadow:0 2px 8px rgba(76,43,142,.12);
  --ob-chat-theirs-bg:var(--ow-soft);--ob-chat-theirs-text:var(--ow-text);--ob-chat-theirs-line:var(--ow-line);--ob-chat-theirs-shadow:none;
  --ow-success:#276d26;--ow-success-soft:#eaf5e4;--ow-warning:#8c5413;--ow-warning-soft:#fff5e6;
  --ow-danger:#c5373a;--ow-danger-soft:#fff0ed;--ow-shadow:0 3px 12px rgba(31,23,55,.035);
  --font-head:"Ownlybiz DM Sans",sans-serif;--font-body:"Ownlybiz DM Sans",sans-serif;--font-mono:"Ownlybiz DM Sans",sans-serif;
  --cream:var(--ow-canvas);--white:var(--ow-surface);--brown:var(--ow-text);--brown-light:var(--ow-muted);
  --gray-100:var(--ow-soft);--gray-200:var(--ow-line);--gray-300:#c4c2cf;--gray-400:var(--ow-muted);--gray-500:var(--ow-muted);--gray-600:var(--ow-text);
  --terra:var(--ow-violet);--terra-dark:var(--ow-violet-hover);--terra-light:#8d70e4;--sage:var(--ow-success);
  --text:var(--ow-text);--text-mid:var(--ow-muted);--text-mute:var(--ow-muted);--text-muted:var(--ow-muted);--text-soft:var(--ow-muted);--text-faint:var(--ow-faint);
  --bg:var(--ow-canvas);--bg-card:var(--ow-surface);--bg-soft:var(--ow-soft);--line:var(--ow-line);--line-strong:var(--ow-line);
  --db-dashboard-focus:var(--ow-violet);--db-guidance-focus:var(--ow-violet);--db-guidance-foreground:var(--ow-text);
  color:var(--ow-text);font-family:var(--font-body);font-size:14px;line-height:1.5;letter-spacing:0;
}
body.ob-ui-dark #view-3,
body.ob-ui-dark :is(#session-request-overlay,#ob-call-connection-status),
body.ob-ui-dark:has(#view-3.active) :is(.ob-client-transcript-modal,.ob-files-history-modal){
  --ow-canvas:#181720;--ow-surface:#24222e;--ow-sidebar:#1e1c26;--ow-text:#f5f1fd;
  --ow-muted:#bcb6cc;--ow-faint:#aaa2bb;--ow-line:#3d384b;--ow-soft:#2e283e;
  --ow-action-text:#201339;--ow-violet:#b49aff;--ow-violet-hover:#c9b6ff;--ow-selected:#3d3058;
  --ow-success:#a6d89a;--ow-success-soft:#29372a;--ow-warning:#e8bd81;--ow-warning-soft:#3a3022;
  --ow-danger:#ffaba4;--ow-danger-soft:#432b30;--ow-shadow:none;
}
body[class] #view-3 :is(button,input,textarea,select){font-family:var(--font-body);letter-spacing:0}
body[class] #view-3 :is(h1,h2,h3,h4){font-family:var(--font-head);letter-spacing:-.025em;color:var(--ow-text)}
body[class] #view-3 :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--ow-violet);outline-offset:3px}
body[class] #view-3 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--ow-surface)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important;border-radius:8px;box-shadow:none!important}
body[class] #view-3 :is(input,textarea)::placeholder{color:var(--ow-faint);opacity:1}
body[class] #view-3 :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--ow-violet)}
body[class] #view-3 :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.55}
/* Shell. Utility state stays separate from navigation and its role/plan gates. */
body[class] #view-3 .dashboard-layout,body[class] #view-3 .db-main{background:var(--ow-canvas)!important;color:var(--ow-text)!important}
body[class] #view-3 .db-sidebar{
  --db-sidebar-bg:var(--ow-sidebar);--db-sidebar-text:var(--ow-text);--db-sidebar-muted:var(--ow-text);--db-sidebar-faint:var(--ow-muted);--db-sidebar-line:var(--ow-line);
  --db-sidebar-hover:var(--ow-soft);--db-sidebar-active:var(--ow-selected);--db-sidebar-active-text:var(--ow-violet);--db-sidebar-active-line:transparent;
  --db-sidebar-icon-bg:transparent;--db-sidebar-icon-line:transparent;--db-sidebar-icon-text:var(--ow-text);--db-sidebar-active-icon-bg:transparent;--db-sidebar-active-icon-line:transparent;--db-sidebar-active-icon-text:var(--ow-violet);
  --db-sidebar-utility:transparent;--db-sidebar-positive:var(--ow-success);--db-sidebar-accent:var(--ow-violet);--db-sidebar-focus:var(--ow-violet);
  --text:var(--ow-text);--text-mid:var(--ow-muted);--text-mute:var(--ow-muted);--cream:var(--ow-canvas);--white:var(--ow-surface);--brown:var(--ow-text);--gray-200:var(--ow-line);--gray-400:var(--ow-muted);
  width:264px;min-width:264px;max-width:264px;background:var(--ow-sidebar)!important;border-right:1px solid var(--ow-line)!important;box-shadow:none!important;scrollbar-width:thin;
}
body[class] #view-3 .db-sidebar-logo{height:88px;min-height:88px;box-sizing:border-box;display:flex;align-items:center;padding:24px 26px;border:0}
body[class] #view-3 .db-sidebar-logo .mkt-logo{color:var(--ow-text)!important;font:500 28px/1 var(--font-head)!important;letter-spacing:-1.2px!important}
body[class] #view-3 .db-sidebar-logo .mkt-logo span{color:#f5654b!important;-webkit-text-fill-color:#f5654b!important;font-weight:400;font-style:italic}
body[class] #view-3 .db-sidebar-logo .mkt-logo::before{box-shadow:none!important;animation:none;background:#cce742!important}
body[class] #view-3 .db-sidebar-logo .mkt-logo::after{background:var(--ow-sidebar)!important}
body[class] #view-3 .db-nav{padding:10px 10px 12px;flex:1 0 auto}
body[class] #view-3 .db-nav-group{margin:12px 0 0}
body[class] #view-3 .db-nav-section{padding:4px 16px 7px;font:700 11px/1.4 var(--font-body)!important;color:var(--ow-muted)!important}
body[class] #view-3 .db-nav-group-toggle{padding:7px 16px;min-height:32px;font-size:11px;font-weight:700;letter-spacing:.055em;color:var(--ow-muted)}
body[class] #view-3 .db-nav-group-state{font-size:10px;font-weight:400}
body[class] #view-3 .db-nav-item,body[class] #view-3 .db-nav-group .db-nav-item{
  min-height:43px;width:100%;margin:2px 0!important;padding:10px 15px;gap:13px;border:0!important;border-radius:8px!important;font-size:14px;font-weight:500;color:var(--ow-text)!important;
}
body[class] #view-3 .db-nav-item.active{color:var(--ow-violet)!important;background:var(--ow-selected)!important;box-shadow:none!important;font-weight:650}
body[class] #view-3 .db-nav-item .icon{width:22px;height:22px;min-width:22px;border:0!important;padding:0!important;background:transparent!important;border-radius:0;display:flex;align-items:center;justify-content:center;color:inherit!important}
body[class] #view-3 .db-nav-item .icon svg{width:20px!important;height:20px!important;stroke:currentColor;stroke-width:1.8}
body[class] #view-3 .db-nav-item .icon[data-ob-outline-icon]::before{content:none!important}
body[class] #view-3 .db-nav-live-badge{font-size:8px;padding:3px 5px;letter-spacing:0;border-radius:4px}
body[class] #view-3 .db-nav-utility{margin:0 16px;padding:12px 0 8px;background:transparent;border-top:1px solid var(--ow-line)}
body[class] #view-3 .db-nav-utility-item{min-height:42px;margin:0;padding:9px 10px;font-size:13px;font-weight:500;gap:10px;border-radius:8px;color:var(--ow-text);justify-content:flex-start}
body[class] #view-3 .db-nav-utility-note{font-size:9px;font-weight:500;margin-left:auto;text-transform:none;letter-spacing:0}
body[class] #view-3 .ob-workspace-utility-icon{display:flex;align-items:center;flex:none;color:var(--ow-violet)}
body[class] #view-3 .ob-workspace-utility-icon svg{width:20px;height:20px}
body[class] #view-3 .db-stripe-badge{padding:9px 12px;margin:4px 20px 10px;border-radius:7px;background:transparent!important;box-shadow:none}
body[class] #view-3 .db-stripe-badge-label{font-size:9px;margin-bottom:2px}
body[class] #view-3 .db-stripe-status{font-size:11px}
body[class] #view-3 .db-nav-footer{margin:0 16px;padding:5px 0 10px;border-color:var(--ow-line)}
body[class] #view-3 .db-nav-logout{width:100%;min-height:38px;font-size:12px;color:var(--ow-muted)}
body[class] #view-3 .db-topbar{height:76px;min-height:76px;padding:12px 30px;background:var(--ow-canvas)!important;box-shadow:none!important;border-color:var(--ow-line)!important;gap:16px}
body[class] #view-3 .db-page-title{font:500 14px/1.4 var(--font-body)!important;color:var(--ow-muted)!important;letter-spacing:0}
body[class] #view-3 .db-topbar-actions{gap:15px}
body[class] #view-3 .db-date{font-size:11px;max-width:150px;line-height:1.5;color:var(--ow-muted)}
body[class] #view-3 .ob-guidance-topbar-button{min-height:36px;padding:7px 12px;border-radius:7px;background:var(--ow-soft);border-color:var(--ow-line);font-size:11px;font-weight:600;color:var(--ow-violet)}
body[class] #view-3 .db-topbar .db-expert-info{border:0;border-left:1px solid var(--ow-line);padding:0 0 0 16px;gap:10px;max-width:210px;min-width:0}
body[class] #view-3 .db-topbar .db-avatar{width:38px;height:38px;background:var(--ow-selected)!important;color:var(--ow-violet)!important;font-size:13px}
body[class] #view-3 .db-topbar .db-expert-name{font-size:12px;line-height:1.3;color:var(--ow-text)!important;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[class] #view-3 .db-topbar .db-expert-role{font-size:10px;line-height:1.4;color:var(--ow-muted)!important}
body[class] #view-3 .db-topbar .db-online{margin:2px 0 0;gap:4px}
body[class] #view-3 .db-topbar .db-online-text{font-size:10px;color:var(--ow-success)!important}
body[class] #view-3 #golive-btn{min-height:37px;padding:7px 12px!important;background:var(--ow-surface)!important;color:var(--ow-text)!important;border:1px solid var(--ow-line)!important;border-radius:8px!important;font-size:12px!important;box-shadow:none}
body[class] #view-3 .db-content{padding:32px;max-width:none!important;min-width:0;width:100%;box-sizing:border-box}
body[class] #view-3 .ob-workspace-page-heading{margin:0 0 25px;min-width:0}
body[class] #view-3 :is(.ob-workspace-page-heading h1,.ob-workspace-page-heading h2,.ob-workspace-payments-heading h1,.ob-bookings-heading h2){font:700 42px/1.15 var(--font-head)!important;letter-spacing:-1.35px!important;color:var(--ow-text)!important;margin:0 0 7px!important}
body[class] #view-3 :is(.ob-workspace-page-heading p,.ob-workspace-page-heading>div>div:not([id]),.ob-workspace-payments-heading p,.ob-bookings-heading p){font-size:17px!important;line-height:1.5!important;color:var(--ow-muted)!important;margin:0}
/* Cards and controls. State-specific warning/danger surfaces keep their meaning. */
body[class] #view-3 :is(.db-card,.kpi-card,.pay-section,.settings-block,.rate-adjuster,.pkg-card,.rate-config-card,.session-full-row,.booking-row,.client-row,.msg-item,.messages-layout,.messages-sidebar,.chat-panel){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 :is(.db-card,.pay-section,.settings-block,.pkg-card){border-radius:10px!important;padding:20px}
body[class] #view-3 .db-card-title,body[class] #view-3 .pay-section-title{font-size:21px;font-weight:700;letter-spacing:-.55px;margin-bottom:14px}
body[class] #view-3 .btn{min-height:39px;border-radius:7px!important;font-weight:600;font-size:13px;box-shadow:none!important;letter-spacing:0}
body[class] #view-3 .btn-primary:not(.btn-lime),body[class] #view-3 .ob-booking-primary{background:var(--ow-violet)!important;color:#fff!important;border:1px solid var(--ow-violet)!important}
body.ob-ui-dark #view-3 .btn-primary:not(.btn-lime),body.ob-ui-dark #view-3 .ob-booking-primary{color:#201339!important}
body[class] #view-3 .btn-primary:not(.btn-lime):hover{background:var(--ow-violet-hover)!important;border-color:var(--ow-violet-hover)!important}
body[class] #view-3 .btn-secondary{background:var(--ow-surface)!important;color:var(--ow-violet)!important;border:1px solid var(--ow-line)!important}
/* Daily work leads the overview; all four accounting/rating KPIs and chart remain. */
body[class] #view-3 .ob-workspace-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}
body[class] #view-3 .ob-workspace-overview>*{grid-column:1/-1}
body[class] #view-3 .ob-workspace-overview .ob-workspace-page-heading{order:0;margin-bottom:0}
body[class] #view-3 .ob-workspace-overview #payment-setup-banner{order:0;margin:0!important}
body[class] #view-3 .ob-workspace-appointments{order:1;grid-column:1;min-height:315px;margin:0!important}
body[class] #view-3 .ob-workspace-overview-secondary{display:contents}
body[class] #view-3 .ob-workspace-overview-secondary>.db-card:first-child{order:4;grid-column:1/-1}
body[class] #view-3 .ob-workspace-overview-secondary>.db-card:last-child{order:2;grid-column:2;min-height:315px}
body[class] #view-3 .ob-workspace-overview .kpi-row{order:3;grid-column:1/-1;gap:0;margin:0;padding:20px 0;background:var(--ow-surface);border:1px solid var(--ow-line);border-radius:10px;grid-template-columns:1.2fr 1fr 1fr 1fr}
body[class] #view-3 .kpi-card{padding:4px 20px;border:0;border-right:1px solid var(--ow-line);border-radius:0!important;min-width:0}
body[class] #view-3 .kpi-card:last-child{border-right:0}
body[class] #view-3 .kpi-label{font:500 12px/1.5 var(--font-body)!important;text-transform:none;letter-spacing:0!important;color:var(--ow-muted)!important;margin-bottom:9px}
body[class] #view-3 .kpi-value{font:700 30px/1.2 var(--font-head);letter-spacing:-.9px;color:var(--ow-text)!important}
body[class] #view-3 .kpi-change{font-size:11px;line-height:1.5;color:var(--ow-muted)!important;margin-top:8px}
body[class] #view-3 #db-today-sessions{margin:0;gap:0}
body[class] #view-3 #db-today-sessions>article{padding:18px 0!important;gap:14px!important}
body[class] #view-3 #db-today-sessions>article strong{font-size:15px;font-weight:650}
body[class] #view-3 .ob-workspace-appointments .ob-bookings-heading{gap:10px;align-items:center;margin-bottom:10px}
body[class] #view-3 .ob-workspace-appointments .ob-bookings-heading .btn{padding:5px 0;min-height:32px;font-size:12px;background:transparent;color:var(--ow-violet)}
body[class] #view-3 .msg-item{padding:18px 0;gap:12px;border-radius:0!important}
body[class] #view-3 .msg-avatar{width:42px;height:42px;font-size:13px}
body[class] #view-3 .msg-name{font-size:14px}
body[class] #view-3 .msg-preview{font-size:12px;line-height:1.5}
body[class] #view-3 #db-recent-messages{text-align:left!important;padding:0!important}
/* Client directory. Desktop details stay alongside the unmodified list controller. */
body[class] #view-3 .clients-toolbar{gap:12px!important;margin-bottom:16px!important}
body[class] #view-3 .clients-toolbar :is(input,select){min-height:44px;font-size:13px!important;padding:10px 14px!important}
body[class] #view-3 #clients-count{font-size:12px!important;color:var(--ow-muted)!important}
body[class] #view-3 #clients-list-view>.db-card{padding:0!important;overflow:auto!important}
body[class] #view-3 .clients-table{min-width:550px}
body[class] #view-3 .clients-table th{font:500 12px/1.5 var(--font-body)!important;padding:13px 14px!important;text-transform:none!important;letter-spacing:0!important;background:var(--ow-canvas)!important;color:var(--ow-muted)!important;border-color:var(--ow-line)!important}
body[class] #view-3 .clients-table td{padding:18px 14px!important;font-size:13px!important;border-color:var(--ow-line)!important}
body[class] #view-3 .clients-table tbody tr{border-bottom:1px solid var(--ow-line)}
body[class] #view-3 .clients-table tbody tr:hover{background:var(--ow-soft)!important}
body[class] #view-3 #clients-detail-view{padding:20px;background:var(--ow-surface);border:1px solid var(--ow-line);border-radius:10px;min-width:0;scroll-margin-top:96px}
body[class] #view-3 #clients-detail-view>.db-card{padding:16px 0!important;border:0;border-bottom:1px solid var(--ow-line);border-radius:0!important;margin-bottom:14px!important}
body[class] #view-3 #clients-detail-view>.db-card:has(#cd-avatar){padding-top:4px!important}
body[class] #view-3 #cd-avatar{width:64px!important;height:64px!important;border-radius:50%!important;background:var(--ow-selected)!important;color:var(--ow-text)!important;font-size:22px!important}
body[class] #view-3 #cd-name{font-size:24px!important;line-height:1.2;letter-spacing:-.65px}
body[class] #view-3 .ob-workspace-client-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important;margin:20px 0!important}
body[class] #view-3 .ob-workspace-client-stats .db-card{padding:0!important;border:0;border-radius:0!important;text-align:left!important}
body[class] #view-3 .ob-workspace-client-stats [id^=cd-stat]{font-size:27px!important;color:var(--ow-text)!important}
body[class] #view-3 .ob-client-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[class] #view-3 .ob-client-insight{background:transparent!important;border:0!important;padding:0!important}
body[class] #view-3 .ob-client-insights-title{font-size:17px}
body[class] #view-3 :is(.ob-private-notes-heading,.ob-client-insights-title){letter-spacing:-.3px;color:var(--ow-text)!important}
body[class] #view-3 :is(.ob-notes-history-item,.ob-note-history-item){background:var(--ow-soft)!important;border-color:var(--ow-line)!important;border-radius:8px}
/* Bookings preserve every metadata line, readiness decision and action. */
body[class] #view-3 #db-panel-bookings>.db-content>.ob-bookings-heading{margin-bottom:24px;align-items:center}
body[class] #view-3 .ob-bookings-views{gap:10px;border-bottom:1px solid var(--ow-line);padding:0;margin-bottom:20px}
body[class] #view-3 .bk-filter{background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--ow-muted)!important;min-height:48px;padding:11px 12px;font-size:13px;font-weight:500}
body[class] #view-3 .bk-filter.active{color:var(--ow-violet)!important;border-bottom-color:var(--ow-violet)!important;font-weight:700}
body[class] #view-3 .bk-filter [data-booking-count]{background:var(--ow-soft);color:var(--ow-violet);margin-left:5px;padding:2px 7px;border-radius:20px}
body[class] #view-3 .ob-bookings-toolbar{grid-template-columns:minmax(220px,2.2fr) repeat(3,minmax(120px,1fr));gap:12px}
body[class] #view-3 .ob-bookings-toolbar label{font-size:11px;color:var(--ow-muted);font-weight:500}
body[class] #view-3 .ob-bookings-toolbar :is(input,select){font-size:13px;min-height:43px;padding:10px 12px;margin-top:5px}
body[class] #view-3 .ob-bookings-summary{color:var(--ow-muted);font-size:12px;margin:10px 0 16px}
body[class] #view-3 .ob-booking-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:24px;row-gap:4px;padding:20px!important;border-radius:9px!important}
body[class] #view-3 .ob-booking-card-title{grid-column:1/-1;margin-bottom:4px;gap:12px}
body[class] #view-3 .ob-booking-card-title h3{font-size:17px;font-weight:700}
body[class] #view-3 .ob-booking-status{font-size:11px;border:0;background:var(--ow-soft);color:var(--ow-violet);padding:4px 10px}
body[class] #view-3 .ob-booking-card:has([data-booking-action=confirmed]){background:var(--ow-warning-soft)!important;border-color:#ecd8ba!important}
body[class] #view-3 .ob-booking-card:has([data-booking-action=confirmed]) .ob-booking-status{color:var(--ow-warning);background:#ffebcc}
body[class] #view-3 .ob-booking-meta{font-size:12px;line-height:1.5;color:var(--ow-muted);margin:1px 0;overflow-wrap:anywhere}
body[class] #view-3 .ob-booking-note{grid-column:1/-1;font-size:13px;background:var(--ow-soft);border:0;border-radius:7px;padding:10px 12px;margin:8px 0 2px}
body[class] #view-3 .ob-booking-next{grid-column:1;align-self:center;margin:12px 0 0;font-size:12px}
body[class] #view-3 .ob-booking-actions{grid-column:2;justify-content:flex-end;align-items:center;margin:12px 0 0;gap:8px}
body[class] #view-3 .ob-booking-secondary{background:transparent!important;color:var(--ow-violet)!important;border:1px solid var(--ow-line)!important}
/* Services: channel, amount/slider and existing availability switch form one row. */
body[class] #view-3 .ob-workspace-payments-heading{gap:20px;align-items:flex-start!important}
body[class] #view-3 .ob-workspace-pricing-title{display:none}
body[class] #view-3 #db-panel-payments.show-pricing .ob-workspace-pricing-title{display:block}
body[class] #view-3 #db-panel-payments.show-pricing .ob-workspace-payment-title{display:none}
body[class] #view-3 #ob-services-rates-tabs{margin:8px 0 24px;gap:18px;border-color:var(--ow-line)}
body[class] #view-3 #ob-services-rates-tabs [role=tab]{padding:12px 10px 15px;background:transparent!important;color:var(--ow-muted);font-size:15px;min-height:49px}
body[class] #view-3 #ob-services-rates-tabs [aria-selected=true]{color:var(--ow-violet)}
body[class] #view-3 #ob-services-rates-tabs [aria-selected=true]::after{left:0;right:0}
body[class] #view-3 #ob-pricing-panel-rates{padding:24px!important}
body[class] #view-3 .pay-section-sub{font-size:14px;line-height:1.6;color:var(--ow-muted);max-width:none}
body[class] #view-3 .rate-config-grid{display:flex;flex-direction:column;gap:0;margin-top:22px}
body[class] #view-3 .rate-config-card{display:grid;grid-template-columns:64px minmax(140px,1.05fr) minmax(220px,1.1fr) minmax(160px,.8fr);grid-template-rows:auto auto;column-gap:24px;row-gap:6px;align-items:center;border:0;border-top:1px solid var(--ow-line);border-radius:0!important;padding:26px 0}
body[class] #view-3 .rate-config-card:first-child{border-top:0}
body[class] #view-3 .rate-config-icon{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--ow-soft)!important;color:var(--ow-violet)!important;border:0!important;border-radius:50%;margin:0!important;font-size:24px}
body[class] #view-3 .rate-config-icon svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[class] #view-3 .rate-config-label{grid-column:2;grid-row:1/3;font-size:18px;font-weight:700;text-align:left;margin:0;color:var(--ow-text)}
body[class] #view-3 .ob-workspace-channel-description{display:block;font-size:13px;color:var(--ow-muted);font-weight:400;margin-top:4px}
body[class] #view-3 .rate-big-input{grid-column:3;grid-row:1;justify-content:flex-start;margin:0;gap:12px;padding-left:22px;border-left:1px solid var(--ow-line)}
body[class] #view-3 .rate-num-input{font-size:21px!important;font-weight:700;width:136px!important;padding:10px 14px!important;border:1px solid var(--ow-line)!important;height:46px}
body[class] #view-3 .rate-currency{color:var(--ow-text);font-size:20px}
body[class] #view-3 .rate-unit{color:var(--ow-muted);font-size:14px}
body[class] #view-3 .rate-slider{grid-column:3;grid-row:2;width:calc(100% - 22px);margin:9px 0 0 22px;height:6px;accent-color:var(--ow-violet)}
body[class] #view-3 .ob-channel-toggle{grid-column:4;grid-row:1/3;display:flex;align-items:center;gap:12px;margin:0!important;padding:12px 0 12px 20px!important;border:0!important;border-left:1px solid var(--ow-line)!important;background:transparent!important;border-radius:0!important;color:var(--ow-text)!important;font-size:12px}
body[class] #view-3 .ob-channel-toggle input{order:-1;accent-color:var(--ow-violet)}
body[class] #view-3 .ob-channel-state{font-size:10px;color:var(--ow-muted)}
body[class] #view-3 .rate-preview{grid-column:2/-1;font-size:12px;color:var(--ow-danger);padding:8px 0;margin:0}
body[class] #view-3 .session-start-mode{grid-column:2/-1}
/* Settings directory: every destination remains, with nested navigation available. */
body[class] #view-3 .settings-sections{display:flex;flex-direction:column;gap:20px}
body[class] #view-3 .settings-nav{display:flex;flex-wrap:wrap;gap:4px;width:100%;max-width:none;position:static;padding:0 0 14px;border:0;border-bottom:1px solid var(--ow-line);background:transparent!important;box-shadow:none!important}
body[class] #view-3 .settings-nav-section-label{flex:1 0 100%;padding:8px 0 2px;font-size:10px;color:var(--ow-muted)}
body[class] #view-3 .settings-nav-item{width:auto;margin:0;padding:8px 12px;border-radius:7px;font-size:12px;min-height:37px;color:var(--ow-muted)!important;gap:7px}
body[class] #view-3 .settings-nav-item.active{background:var(--ow-selected)!important;color:var(--ow-violet)!important}
body[class] #view-3 .settings-form{width:100%;min-width:0}
body[class] #view-3 .settings-sections:has(#sblock-home:not([style*="display: none"]):not([style*="display:none"]))>.settings-nav{display:none}
body[class] #view-3 #sblock-home{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[class] #view-3 .ob-settings-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;gap:24px 54px;margin:10px 0 26px}
body[class] #view-3 .ob-settings-home-card{border:0!important;border-radius:0!important;padding:0;min-height:0;background:transparent!important;box-shadow:none!important}
body[class] #view-3 .ob-settings-home-card:nth-child(1){grid-column:1;grid-row:1}
body[class] #view-3 .ob-settings-home-card:nth-child(2){grid-column:1;grid-row:2}
body[class] #view-3 .ob-settings-home-card:nth-child(3){grid-column:1;grid-row:3}
body[class] #view-3 .ob-settings-home-card:nth-child(4){grid-column:2;grid-row:1}
body[class] #view-3 .ob-settings-home-card:nth-child(5){grid-column:2;grid-row:2}
body[class] #view-3 .ob-settings-home-card:nth-child(6){grid-column:2;grid-row:3}
body[class] #view-3 .ob-settings-home-kicker{font:700 11px/1.4 var(--font-body)!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--ow-muted)!important;margin:0!important;padding:0 0 12px;border-bottom:1px solid var(--ow-line)}
body[class] #view-3 .ob-settings-home-actions{display:flex;flex-direction:column;gap:0;margin:0}
body[class] #view-3 .ob-settings-home-actions button{display:flex;align-items:center;gap:18px;min-height:85px;width:100%;text-align:left;padding:15px 0;margin:0;border:0;border-bottom:1px solid var(--ow-line);border-radius:0;background:transparent!important;color:var(--ow-text);font-size:15px;font-weight:500}
body[class] #view-3 .ob-settings-home-actions button:hover{color:var(--ow-violet);background:var(--ow-soft)!important}
body[class] #view-3 .ob-workspace-setting-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:var(--ow-soft);color:var(--ow-text)}
body[class] #view-3 .ob-workspace-setting-icon svg{width:21px;height:21px;stroke-width:1.8}
body[class] #view-3 .ob-workspace-setting-copy{display:block;min-width:0}
body[class] #view-3 .ob-workspace-setting-copy strong{font-size:16px;font-weight:650;letter-spacing:-.3px;display:block}
body[class] #view-3 .ob-workspace-setting-copy small{display:block;font-size:12px;line-height:1.5;color:var(--ow-muted);font-weight:400;margin-top:4px}
body[class] #view-3 .ob-workspace-settings-support{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:18px 20px;background:var(--ow-soft);border:1px solid var(--ow-line);border-radius:9px}
body[class] #view-3 .ob-workspace-settings-support strong{font-size:14px;font-weight:650}
body[class] #view-3 .ob-workspace-settings-support p{font-size:12px;color:var(--ow-muted);margin:4px 0 0}
body[class] #view-3 .ob-workspace-settings-support>.btn{flex:none;font-size:12px}
body[class] #view-3 .ob-workspace-settings-integrations{display:flex;gap:14px;margin-top:5px}
body[class] #view-3 .ob-workspace-settings-integrations button{border:0;padding:0;min-height:24px;background:transparent;color:var(--ow-violet);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
/* Live workspace: metrics above media; keep readiness, multi-session and billing state. */
body[class] #view-3 #db-panel-live-session .db-content{display:flex;flex-direction:column;gap:18px}
body[class] #view-3 #db-panel-live-session .db-content>div:first-child{margin-bottom:0!important;order:0}
body[class] #view-3 #db-panel-live-session .db-content>div:first-child h2{font:700 40px/1.15 var(--font-head)!important;letter-spacing:-1px;margin:0}
body[class] #view-3 #live-sess-subtitle{font-size:15px!important;color:var(--ow-muted)!important;margin-top:7px!important}
body[class] #view-3 #ob-expert-media-ready-card{order:1;margin:0!important;background:var(--ow-soft)!important;border-color:var(--ow-line)!important;border-radius:9px;padding:14px 18px}
body[class] #view-3 .ls-stats-row{order:2;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0!important;border:1px solid var(--ow-line);border-radius:9px;background:var(--ow-surface);padding:14px 0}
body[class] #view-3 .ls-stats-row>div{background:transparent!important;border:0!important;border-right:1px solid var(--ow-line)!important;border-radius:0!important;padding:0 20px!important;text-align:left!important}
body[class] #view-3 .ls-stats-row>div:last-child{border-right:0!important}
body[class] #view-3 .ls-stats-row>div>div:last-child{font-size:11px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ow-muted)!important;font-weight:400!important}
body[class] #view-3 #expert-rtc-area{order:3;margin:0!important;--call-bg:var(--ow-surface);--call-surface:var(--ow-soft);--call-line:var(--ow-line);--call-text:var(--ow-text);--call-muted:var(--ow-muted);--call-accent:var(--ow-violet)}
body[class] #view-3 #expert-rtc-area .ob-call-shell{padding:16px!important;background:var(--ow-surface)!important;border-color:var(--ow-line)!important;border-radius:10px!important}
body[class] #view-3 #expert-rtc-video-box{max-width:none!important;width:100%;border-radius:7px!important;margin-bottom:14px!important}
body[class] #view-3 #expert-rtc-local-video{width:23%!important;height:auto!important;aspect-ratio:4/3}
body[class] #view-3 .ob-call-primary{gap:12px!important}
body[class] #view-3 .ob-call-primary button{min-height:44px;border-radius:7px!important;background:var(--ow-soft)!important;border:1px solid var(--ow-line)!important;color:var(--ow-text)!important}
body[class] #view-3 .ob-call-primary [data-ob-end-rtc-session]{background:#d74740!important;border-color:#d74740!important;color:white!important}
body[class] #view-3 #expert-rtc-area .ob-call-primary button:hover:not(:disabled){background:var(--ow-selected)!important;border-color:var(--ow-violet)!important;color:var(--ow-text)!important}
body[class] #view-3 #expert-rtc-area .ob-call-primary button[aria-pressed=true],body[class] #view-3 #expert-rtc-area .ob-call-primary button[aria-expanded=true]{background:var(--ow-selected)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 #expert-rtc-area .ob-call-primary [data-ob-end-rtc-session]:hover:not(:disabled){background:var(--ow-danger)!important;color:#fff!important;border-color:var(--ow-danger)!important}
body[class] #view-3 #expert-rtc-area #rtc-mute-btn[aria-pressed=true],body[class] #view-3 #expert-rtc-area #rtc-cam-btn[aria-pressed=true]{background:var(--ow-danger-soft)!important;color:var(--ow-danger)!important;border-color:var(--ow-danger)!important}
body[class] #view-3 #expert-rtc-voice-viz>.ob-expert-voice-avatar{background:var(--ow-soft)!important;color:var(--ow-violet)!important;font-size:32px!important;border:1px solid var(--ow-line);border-radius:20px!important;animation:none!important;box-shadow:none!important}
body[class] #view-3 #expert-rtc-voice-viz>.ob-expert-voice-avatar::before,body[class] #view-3 #expert-rtc-voice-viz>.ob-expert-voice-avatar::after{content:none!important;animation:none!important}
body[class] #view-3 #ob-expert-live-focus-pane{order:4;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)!important;gap:18px!important}
body[class] #view-3 #ob-expert-conversation-card{border-radius:9px!important;border-color:var(--ow-line)!important;background:var(--ow-surface)!important}
body[class] #view-3 :is(#ob-expert-conversation-card,#ob-expert-session-files-settings,#ob-expert-media-ready-card,#ob-human-reply-toolbar)[hidden]{display:none!important}
body[class] #view-3 #ob-expert-live-focus-pane:is([data-session-mode=voice],[data-session-mode=video]){grid-template-columns:minmax(0,1fr)!important}
body[class] #view-3 #ob-expert-live-focus-pane:is([data-session-mode=voice],[data-session-mode=video]) #ob-expert-session-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;align-items:start}
body[class] #view-3 #ob-expert-live-focus-pane:is([data-session-mode=voice],[data-session-mode=video]) .live-session-notes-card{grid-column:1/-1}
body[class] #view-3 .live-session-notes-card{padding:18px!important;background:var(--ow-surface)!important;border-color:var(--ow-line)!important;border-radius:9px!important}
body[class] #view-3 #live-session-notes{font-size:13px!important;line-height:1.6;min-height:128px!important}
body[class] #view-3 #ob-expert-live-focus-pane:is([data-session-mode=voice],[data-session-mode=video]) #live-session-notes{min-height:240px!important}
body[class] #view-3 .ob-session-files-preferences{min-width:0;border:1px solid var(--ow-line);border-radius:9px;background:var(--ow-surface);color:var(--ow-text)}
body[class] #view-3 .ob-session-files-preferences>summary{padding:14px 16px;font-weight:650;cursor:pointer;min-height:44px;box-sizing:border-box}
body[class] #view-3 .ob-session-files-preferences>summary:focus-visible{outline:3px solid var(--ow-violet);outline-offset:3px}
body[class] #view-3 #ob-session-files-control-slot .ob-files-settings{padding:0 16px 12px;margin:0;border:0;border-radius:0;background:transparent}
body[class] #view-3 #ob-session-files-control-slot .ob-live-control-help-body{position:static;width:auto;max-width:none;margin-top:8px;box-shadow:none}
body[class] #view-3 #ob-human-reply-toolbar{background:var(--ow-soft);color:var(--ow-muted);border-color:var(--ow-line)}
body[class] #view-3 #live-client-status{color:var(--ow-success)!important}
body[class] #view-3 .ob-expert-live-session-card-meta .ob-expert-live-pill[data-tone="live"]{background:var(--ow-live-accent);color:var(--ow-live-accent-text)}
@media(max-width:700px){body[class] #view-3 #ob-expert-live-focus-pane:is([data-session-mode=voice],[data-session-mode=video]) #ob-expert-session-sidebar{grid-template-columns:minmax(0,1fr)}body[class] #view-3 #live-session-notes{font-size:16px!important}}
body[class] #view-3 .live-session-notes-save{background:var(--ow-violet)!important;color:var(--ow-surface)!important;border-color:var(--ow-violet)!important;min-height:36px;min-width:84px}
body[class] #view-3 .live-session-billing-card{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;border-radius:9px!important}
body[class] #view-3 #ob-expert-live-session-switcher{order:5;background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;border-radius:9px!important;padding:16px;margin:0!important}
body[class] #view-3 .ob-expert-live-workspace-head{margin-bottom:8px}
body[class] #view-3 #ob-expert-live-workspace-title{font-size:16px}
/* Personal Assistant remains a contextual, scrollable drawer with all features. */
body[class] #view-3 .ob-guidance-drawer{width:min(480px,100vw);background:var(--ow-surface)!important;color:var(--ow-text)!important;border-left:1px solid var(--ow-line)!important;box-shadow:-8px 0 28px rgba(27,20,47,.07)!important}
body[class] #view-3 .ob-guidance-header{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;padding:24px 22px 18px;gap:16px}
body[class] #view-3 .ob-guidance-header h2{font:700 23px/1.2 var(--font-head);color:var(--ow-text)!important;margin:3px 0 6px;letter-spacing:-.5px}
body[class] #view-3 .ob-guidance-header p{color:var(--ow-muted)!important;font-size:13px}
body[class] #view-3 .ob-guidance-eyebrow{color:var(--ow-violet)!important;letter-spacing:.03em;font-size:9px}
body[class] #view-3 .ob-guidance-presence{background:var(--ow-violet);box-shadow:none;width:6px;height:6px}
body[class] #view-3 .ob-guidance-close{min-height:34px;border:1px solid var(--ow-line);color:var(--ow-muted);background:transparent;border-radius:6px;padding:6px 10px}
body[class] #view-3 .ob-guidance-scroll{padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px}
body[class] #view-3 :is(.ob-guidance-practice,.ob-guidance-context,.ob-guidance-section,.ob-guidance-support){background:transparent!important;border:0!important;border-radius:0!important;padding:0;margin:0;color:var(--ow-text)!important}
body[class] #view-3 .ob-guidance-context{order:0;background:var(--ow-soft)!important;border:1px solid var(--ow-line)!important;border-radius:8px!important;padding:16px}
body[class] #view-3 .ob-guidance-practice{order:1;border-bottom:1px solid var(--ow-line)!important;padding:0 0 16px}
body[class] #view-3 .ob-guidance-section{order:2;border-bottom:1px solid var(--ow-line)!important;padding:0 0 16px}
body[class] #view-3 .ob-guidance-ai{order:3}
body[class] #view-3 .ob-guidance-knowledge{order:4}
body[class] #view-3 #ob-guidance-support{order:5}
body[class] #view-3 .ob-guidance-section-label{font-size:10px;letter-spacing:.035em;color:var(--ow-muted)!important;font-weight:700}
body[class] #view-3 .ob-guidance-drawer h3{font:650 17px/1.3 var(--font-head);letter-spacing:-.3px;color:var(--ow-text)!important;margin:6px 0 5px}
body[class] #view-3 .ob-guidance-drawer p{color:var(--ow-muted)!important;font-size:12px;line-height:1.5;margin:5px 0 10px}
body[class] #view-3 .ob-guidance-action-list{gap:8px;margin-top:12px}
body[class] #view-3 :is(.ob-guidance-action-list button,.ob-guidance-goal-list button,.ob-guidance-onboarding-controls button,.ob-guidance-knowledge-actions button,.ob-guidance-ai-toolbar button,.ob-guidance-form-actions button){background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px!important;min-height:34px;padding:7px 11px;font-size:11px}
body[class] #view-3 .ob-guidance-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-top:10px}
body[class] #view-3 .ob-guidance-shortcuts button{background:transparent!important;border:0!important;border-bottom:1px solid var(--ow-line)!important;color:var(--ow-text)!important;border-radius:0!important;min-height:43px;padding:9px 0;font-size:12px;font-weight:500;text-align:left}
body[class] #view-3 .ob-guidance-shortcuts button:hover{color:var(--ow-violet)!important;background:var(--ow-soft)!important}
body[class] #view-3 .ob-guidance-ai-toolbar{gap:6px}
body[class] #view-3 .ob-guidance-ai-status{background:var(--ow-warning-soft)!important;color:var(--ow-warning)!important;border:1px solid #ead7b8!important;border-radius:7px;padding:11px 12px;font-size:12px;line-height:1.5;margin:10px 0}
body[class] #view-3 .ob-guidance-ai-status:empty{display:none}
body[class] #view-3 .ob-guidance-ai-log:empty{display:none}
body[class] #view-3 .ob-guidance-ai-form{display:flex;gap:8px;align-items:flex-end;margin:12px 0 0}
body[class] #view-3 .ob-guidance-ai-form textarea{min-height:48px;font-size:12px;padding:11px 12px;border:1px solid var(--ow-line)!important;flex:1}
body[class] #view-3 .ob-guidance-ai-form button{min-height:43px;padding:8px 13px;border:0;border-radius:7px;background:var(--ow-violet)!important;color:#fff!important;font-size:12px}
body[class] #view-3 .ob-guidance-support{border:1px solid var(--ow-line)!important;border-radius:8px!important;padding:0}
body[class] #view-3 .ob-guidance-support summary{min-height:48px;padding:14px 13px;color:var(--ow-text)!important;font-size:12px;font-weight:600}
body[class] #view-3 .ob-guidance-support-body{padding:0 14px 14px}
body[class] #view-3 .ob-guidance-support-body label{color:var(--ow-muted)!important}
body[class] #view-3 .ob-guidance-boundary{background:var(--ow-surface)!important;border-top:1px solid var(--ow-line)!important;color:var(--ow-muted)!important;padding:16px 22px;margin:0;font-size:11px;line-height:1.6}
body[class] #view-3 .ob-guidance-history,body[class] #view-3 .ob-guidance-ai-message{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important}
/* Viewport adaptation never overrides [hidden] or native feature visibility. */
@media(min-width:1180px){
  body[class] #view-3 .ob-workspace-clients:has(#clients-detail-view:is([style*="display: block"],[style*="display:block"])) {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);gap:20px;align-items:start}
  body[class] #view-3 .ob-workspace-clients>.ob-workspace-page-heading{grid-column:1/-1}
  body[class] #view-3 .ob-workspace-clients:has(#clients-detail-view:is([style*="display: block"],[style*="display:block"])) #clients-list-view{display:block!important;min-width:0}
  body[class] #view-3 #clients-detail-view{max-height:calc(100dvh - 130px);overflow:auto;position:sticky;top:96px}
}
@media(max-width:1200px){
  body[class] #view-3 .db-sidebar{width:236px;min-width:236px;max-width:236px}
  body[class] #view-3 .db-sidebar-logo{padding-left:23px}
  body[class] #view-3 .db-content{padding:26px}
  body[class] #view-3 .db-topbar{padding:12px 24px}
  body[class] #view-3 .db-date{max-width:110px}
  body[class] #view-3 .rate-config-card{grid-template-columns:48px minmax(110px,1fr) minmax(190px,1.1fr) minmax(125px,.8fr);column-gap:14px}
  body[class] #view-3 .rate-config-icon{width:46px;height:46px}
  body[class] #view-3 .rate-num-input{width:110px!important}
  body[class] #view-3 .rate-big-input{padding-left:14px;gap:8px}
  body[class] #view-3 .ob-channel-toggle{padding-left:12px!important}
  body[class] #view-3 .ob-settings-home-grid{column-gap:30px}
}
@media(max-width:1024px){
  body[class] #view-3 .db-topbar .db-expert-role,body[class] #view-3 .db-topbar .db-online{display:none}
  body[class] #view-3 .ob-guidance-topbar-button{font-size:10px;padding:6px 8px}
  body[class] #view-3 .db-topbar-actions{gap:10px}
  body[class] #view-3 .db-date{display:none}
  body[class] #view-3 .ob-workspace-overview{grid-template-columns:minmax(0,1fr)}
  body[class] #view-3 .ob-workspace-overview-secondary>.db-card:last-child,body[class] #view-3 .ob-workspace-appointments{grid-column:1;min-height:0}
  body[class] #view-3 .ob-workspace-overview .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
  body[class] #view-3 .kpi-card:nth-child(2){border-right:0}
  body[class] #view-3 .ob-bookings-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[class] #view-3 .rate-config-card{grid-template-columns:48px 1fr 1fr;column-gap:16px}
  body[class] #view-3 .rate-config-label{grid-column:2;grid-row:1/3}
  body[class] #view-3 .rate-big-input{grid-column:3;grid-row:1;border:0;padding:0}
  body[class] #view-3 .rate-slider{grid-column:3;grid-row:2;width:100%;margin-left:0}
  body[class] #view-3 .ob-channel-toggle{grid-column:2/-1;grid-row:3;border:0!important;padding:10px 0 0!important;justify-content:flex-start}
  body[class] #view-3 #ob-expert-live-focus-pane{grid-template-columns:minmax(0,1fr)!important}
  body[class] #view-3 .ob-workspace-settings-support{align-items:flex-start;flex-direction:column;gap:14px}
}
@media(max-width:768px){
  body[class] #view-3 .db-sidebar{width:264px;min-width:264px;max-width:264px}
  body[class] #view-3 .db-content{padding:22px 18px}
  body[class] #view-3 .db-topbar{height:66px;min-height:66px;padding:10px 15px;gap:8px}
  body[class] #view-3 .db-page-title{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[class] #view-3 .db-topbar .db-expert-info{padding-left:10px;max-width:42px}
  body[class] #view-3 .db-topbar .db-expert-info>div:last-child{display:none}
  body[class] #view-3 .db-topbar .db-avatar{width:30px;height:30px;font-size:11px}
  body[class] #view-3 .db-topbar-actions{gap:8px}
  body[class] #view-3 .ob-guidance-topbar-button{display:none}
  body[class] #view-3 #golive-btn{min-height:34px;padding:6px 9px!important;font-size:11px!important}
  body[class] #view-3 :is(.ob-workspace-page-heading h1,.ob-workspace-page-heading h2,.ob-workspace-payments-heading h1,.ob-bookings-heading h2){font-size:31px!important;letter-spacing:-.8px!important}
  body[class] #view-3 :is(.ob-workspace-page-heading p,.ob-workspace-page-heading>div>div:not([id]),.ob-workspace-payments-heading p,.ob-bookings-heading p){font-size:14px!important}
  body[class] #view-3 .ob-workspace-page-heading{margin-bottom:20px}
  body[class] #view-3 .ob-bookings-views{gap:2px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0}
  body[class] #view-3 .bk-filter{font-size:11px;white-space:nowrap;padding:10px 9px;flex:none}
  body[class] #view-3 .ob-booking-card{grid-template-columns:minmax(0,1fr);padding:16px!important}
  body[class] #view-3 .ob-booking-next,body[class] #view-3 .ob-booking-actions{grid-column:1;justify-content:flex-start}
  body[class] #view-3 #ob-services-rates-tabs{gap:4px}
  body[class] #view-3 #ob-services-rates-tabs [role=tab]{font-size:12px;padding:12px 7px}
  body[class] #view-3 #ob-pricing-panel-rates{padding:18px!important}
  body[class] #view-3 .ob-workspace-payments-heading{flex-wrap:wrap}
  body[class] #view-3 .rate-config-label{font-size:16px}
  body[class] #view-3 .ob-workspace-channel-description{font-size:11px}
  body[class] #view-3 .ob-settings-home-grid{grid-template-columns:1fr;grid-template-rows:none;gap:23px}
  body[class] #view-3 .ob-settings-home-card:nth-child(n){grid-column:auto;grid-row:auto}
  body[class] #view-3 .ob-settings-home-actions button{min-height:76px}
  body[class] #view-3 .ob-workspace-setting-copy strong{font-size:15px}
  body[class] #view-3 .settings-nav{max-height:210px;overflow:auto}
  body[class] #view-3 .ls-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 0!important}
  body[class] #view-3 .ls-stats-row>div:nth-child(2){border-right:0!important}
  body[class] #view-3 #db-panel-live-session .db-content>div:first-child h2{font-size:31px!important}
  body[class] #view-3 .ob-guidance-drawer{width:min(480px,100vw);top:0;bottom:0}
  body[class] #view-3 .ob-guidance-header{padding:20px 18px 16px}
  body[class] #view-3 .ob-guidance-scroll{padding:16px 18px}
}
@media(max-width:480px){
  body[class] #view-3 .rate-config-card{grid-template-columns:42px 1fr;gap:12px}
  body[class] #view-3 .rate-config-icon{width:42px;height:42px;grid-row:1}
  body[class] #view-3 .rate-config-label{grid-column:2;grid-row:1}
  body[class] #view-3 .rate-big-input{grid-column:2;grid-row:2}
  body[class] #view-3 .rate-slider{grid-column:2;grid-row:3;margin-top:0}
  body[class] #view-3 .ob-channel-toggle{grid-column:2;grid-row:4}
  body[class] #view-3 .rate-preview{grid-column:1/-1}
  body[class] #view-3 .ob-bookings-toolbar{grid-template-columns:1fr}
  body[class] #view-3 .kpi-card{padding:3px 13px}
  body[class] #view-3 .kpi-value{font-size:24px}
  body[class] #view-3 .ob-guidance-shortcuts{grid-template-columns:1fr}
  body[class] #view-3 #clients-detail-view{padding:16px}
}
@media(prefers-reduced-motion:reduce){body[class] #view-3 *{scroll-behavior:auto!important;transition:none!important}}
/* Browser QA: readable compact booking rows and matching drawer reservation. */
body[class] #view-3 .db-topbar .db-expert-info{border-bottom:0!important;border-top:0!important;border-right:0!important;border-left:1px solid var(--ow-line)!important}
body[class] #view-3 .db-nav-item,body[class] #view-3 .db-nav-group .db-nav-item{font-size:15px}
body[class] #view-3 .db-nav-group-toggle{font-size:12px}
body[class] #view-3 .btn{font-size:14px}
body[class] #view-3 .db-topbar .db-expert-name{font-size:13px}
body[class] #view-3 .db-topbar .db-expert-role{font-size:11px}
body[class] #view-3 .db-date{font-size:12px}
body[class] #view-3 .bk-filter{font-size:14px}
body[class] #view-3 .ob-bookings-toolbar label{font-size:12px}
body[class] #view-3 .ob-bookings-toolbar :is(input,select){font-size:14px}
body[class] #view-3 .ob-bookings-summary{font-size:13px}
body[class] #view-3 .ob-booking-card{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px 16px;padding:15px 18px!important;align-items:center}
body[class] #view-3 .ob-booking-card-title{grid-column:span 4;gap:9px;margin:0;min-width:0}
body[class] #view-3 .ob-booking-card-title h3{font-size:17px;line-height:1.35}
body[class] #view-3 .ob-booking-status{font-size:12px;line-height:1.4;padding:3px 9px}
body[class] #view-3 .ob-booking-meta{grid-column:span 4;font-size:13px;line-height:1.45;margin:0;min-width:0}
body[class] #view-3 .ob-booking-note{grid-column:span 4;background:transparent;padding:0;margin:0;font-size:13px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
body[class] #view-3 .ob-booking-next{grid-column:1/8;margin:5px 0 0;font-size:13px;line-height:1.4}
body[class] #view-3 .ob-booking-actions{grid-column:8/-1;margin:5px 0 0;gap:8px}
body[class] #view-3 .ob-booking-actions .btn{min-height:36px;padding:7px 12px;font-size:13px}
body[class] #view-3 .ob-guidance-drawer p{font-size:13px}
body[class] #view-3 .ob-guidance-shortcuts button{font-size:13px}
body[class] #view-3 .ob-guidance-support summary{font-size:13px}
body[class] #view-3 .ob-workspace-settings-integrations{align-items:center;flex-wrap:wrap}
body[class] #view-3 .ob-workspace-settings-integrations>span{font-size:11px;color:var(--ow-muted);font-weight:600}
@media(min-width:1180px){body.ob-guidance-open #view-3 .db-main{margin-right:480px}}
@media(max-width:1100px){
  body[class] #view-3 .ob-booking-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
  body[class] #view-3 .ob-booking-card-title{grid-column:1/-1}
  body[class] #view-3 .ob-booking-meta,body[class] #view-3 .ob-booking-note{grid-column:span 1}
  body[class] #view-3 .ob-booking-next{grid-column:1/-1}
  body[class] #view-3 .ob-booking-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:768px){
  body[class] #view-3 .bk-filter{font-size:12px}
  body[class] #view-3 .ob-bookings-toolbar :is(input,select){font-size:14px}
  body[class] #view-3 .ob-booking-card{padding:15px!important}
}
@media(max-width:480px){
  body[class] #view-3 .ob-booking-card{grid-template-columns:minmax(0,1fr)}
  body[class] #view-3 .ob-booking-meta,body[class] #view-3 .ob-booking-note{grid-column:1}
}
/* Focus remains visible despite legacy inline outline declarations. */
body[class] #view-3 :is(#expert-chat-input,#live-session-notes):focus-visible{outline:3px solid var(--ow-violet)!important;outline-offset:3px!important}
/* Semantic foregrounds also cover the light-violet action color in dark mode. */
body[class] #view-3{--ow-action-text:#fff}
body.ob-ui-dark #view-3{--ow-action-text:#201339}
body[class] #view-3 .ob-guidance-ai-form button{color:var(--ow-action-text)!important}
body[class] #view-3 .ob-booking-card:has([data-booking-action=confirmed]) .ob-booking-status{background:var(--ow-warning-soft);color:var(--ow-warning)}
/* Required first setup precedes daily work; optional growth remains below it. */
body[class] #view-3 .ob-workspace-overview>#ob-launch-center-v1{order:5;margin:0!important;box-shadow:none!important;border:1px solid var(--ow-line)!important;background:var(--ow-surface)!important;border-radius:10px!important}
body[class] #view-3 .ob-workspace-overview>#ob-launch-center-v1[data-setup-required="true"]{order:0}
body[class] #view-3 .ob-workspace-overview>#ob-dashboard-plan-card{order:6;margin:0!important;box-shadow:none!important}
body[class] #view-3 .ob-workspace-overview #payment-setup-banner{padding:12px 16px!important;gap:12px!important;box-shadow:none!important;border-radius:9px!important}
body[class] #view-3 .ob-workspace-overview #payment-setup-banner>div:first-child{font-size:23px!important}
body[class] #view-3 .ob-workspace-overview #payment-setup-banner>div:nth-child(2)>div:first-child{font-size:14px!important}
body[class] #view-3 .ob-workspace-overview #payment-setup-banner>div:nth-child(2)>div:last-child{font-size:12px!important;line-height:1.4!important}
body[class] #view-3 .ob-workspace-overview .db-card-title{font:700 20px/1.3 var(--font-head)!important;text-transform:none!important;letter-spacing:-.4px!important;color:var(--ow-text)!important}
body[class] #view-3 #db-today-sessions>article{padding:16px 0!important}
body[class] #view-3 #db-today-sessions>article strong{font-size:16px!important}
body[class] #view-3 #db-today-sessions>article .ob-booking-meta{font-size:14px!important;line-height:1.55}
body[class] #view-3 #db-today-sessions>article .btn{font-size:13px!important}
body[class] #view-3 #db-recent-messages{font-size:14px!important}
body[class] #view-3 .clients-table tbody tr[data-client-id]{height:80px;--ow-client-avatar:#e8e0fa;--ow-client-avatar-text:#252039}
body[class] #view-3 .clients-table tbody tr[data-client-id]:nth-child(4n+1){--ow-client-avatar:#dfedff}
body[class] #view-3 .clients-table tbody tr[data-client-id]:nth-child(4n+2){--ow-client-avatar:#ffe4dc}
body[class] #view-3 .clients-table tbody tr[data-client-id]:nth-child(4n+3){--ow-client-avatar:#fce1ec}
body[class] #view-3 .clients-table tbody tr[data-client-id]:nth-child(4n){--ow-client-avatar:#e7f2dd}
body[class] #view-3 .clients-table tbody tr[data-client-id] td{padding:12px 11px!important;vertical-align:middle}
body[class] #view-3 .clients-table tbody tr[data-client-id] td:first-child>div>div:first-child{width:44px!important;height:44px!important;border-radius:50%!important;background:var(--ow-client-avatar)!important;color:var(--ow-client-avatar-text)!important;font-size:13px!important}
body.ob-ui-dark #view-3 .clients-table tbody tr[data-client-id] td:first-child>div>div:first-child{background:#3d3058!important;color:#f5f1fd!important}
body[class] #view-3 .clients-table tbody tr[data-client-id] td:last-child{white-space:nowrap;min-width:82px}
body[class] #view-3 .clients-table tbody tr[data-client-id] td:last-child>span{display:inline-flex!important;align-items:center;vertical-align:middle;margin-right:6px}
body[class] #view-3 .clients-table tbody tr[data-client-id] td:last-child>button{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;min-height:34px;font-size:12px!important;padding:5px 8px!important;border:1px solid var(--ow-line)!important;border-radius:7px!important;background:var(--ow-surface)!important;color:var(--ow-violet)!important;margin:0!important}
body[class] #view-3 #clients-detail-view>.db-card{border:0!important;border-bottom:1px solid var(--ow-line)!important;border-radius:0!important;padding:14px 0!important;box-shadow:none!important;min-width:0;overflow-wrap:anywhere}
body[class] #view-3 #clients-detail-view>.db-card:has(#cd-avatar){padding:3px 0 16px!important;margin:0!important}
body[class] #view-3 .ob-workspace-client-stats .db-card{border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;min-width:0}
body[class] #view-3 .ob-workspace-client-stats{margin:18px 0!important;gap:18px 16px!important}
body[class] #view-3 #cd-private-notes{padding-top:18px!important}
body[class] #view-3 #cd-private-notes-heading{font:700 18px/1.35 var(--font-head)!important;letter-spacing:-.3px}
body[class] #view-3 #cd-private-notes .ob-private-notes-help{font-size:13px;line-height:1.5;margin-bottom:12px}
body[class] #view-3 #cd-private-notes .ob-notes-history-list{grid-template-columns:minmax(0,1fr);gap:8px}
body[class] #view-3 #cd-private-notes .ob-notes-history-item{border:0!important;border-radius:7px!important;background:var(--ow-soft)!important}
body[class] #view-3 #cd-private-notes .ob-notes-history-item summary{font-size:13px;padding:11px 12px}
body[class] #view-3 #cd-private-notes .ob-notes-history-meta{font-size:12px;line-height:1.5}
body[class] #view-3 .ob-client-insights-heading{padding:0 0 12px!important;border:0!important}
body[class] #view-3 .ob-client-insights-title{font:700 18px/1.35 var(--font-head)!important;color:var(--ow-text)!important}
body[class] #view-3 .ob-client-insights-subtitle{font-size:12px;line-height:1.5;margin-top:4px;color:var(--ow-muted)}
body[class] #view-3 .ob-client-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:0!important;min-width:0}
body[class] #view-3 .ob-client-insight,body[class] #view-3 .ob-client-insight>*{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
body[class] #view-3 .ob-client-insight{border:0!important;padding:0!important;background:transparent!important}
body[class] #view-3 .ob-client-insight-label{font-size:10px;letter-spacing:.025em;line-height:1.5;color:var(--ow-muted)}
body[class] #view-3 .ob-client-insight-value{font-size:13px;line-height:1.5}
body[class] #view-3 .ob-client-insight-meta{font-size:12px;line-height:1.5}
/* Browser QA: native channel controls, prepaid surfaces and readable settings. */
body[class] #view-3 #ob-pricing-panel-rates:not([hidden]){display:flex;flex-direction:column}
body[class] #view-3 #ob-pricing-panel-rates>.pay-section-title{order:0;font:700 20px/1.35 var(--font-head)!important;text-transform:none!important;letter-spacing:-.3px!important;color:var(--ow-text)!important}
body[class] #view-3 #ob-pricing-panel-rates>.rate-config-grid{order:1;margin-top:8px}
body[class] #view-3 #minute-rate-guidance{order:2;background:var(--ow-soft)!important;border-radius:7px;padding:14px 16px;margin:18px 0 0;font-size:13px;line-height:1.6}
body[class] #view-3 .rate-config-card{border:0!important;border-bottom:1px solid var(--ow-line)!important;background:transparent!important;box-shadow:none!important;padding:25px 0!important}
body[class] #view-3 .rate-config-card:last-child{border-bottom:0!important}
body[class] #view-3 .rate-config-icon{width:56px!important;height:56px!important;border-radius:50%!important;flex:none}
body[class] #view-3 .rate-config-icon::before,body[class] #view-3 .rate-config-icon::after{content:none!important;display:none!important}
body[class] #view-3 .rate-config-label{font-size:18px!important;text-transform:none!important;letter-spacing:0!important;line-height:1.35}
body[class] #view-3 .ob-workspace-channel-description{font-size:13px!important;text-transform:none!important;letter-spacing:0!important}
body[class] #view-3 .ob-channel-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:block;width:48px!important;height:28px!important;min-width:48px;margin:0;padding:0;border:1px solid var(--ow-line)!important;border-radius:99px!important;background:var(--ow-faint)!important;box-shadow:none!important;cursor:pointer;flex:none}
body[class] #view-3 .ob-channel-toggle input[type=checkbox]::before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .15s ease}
body[class] #view-3 .ob-channel-toggle input[type=checkbox]:checked{background:var(--ow-violet)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 .ob-channel-toggle input[type=checkbox]:checked::before{transform:translateX(20px)}
body[class] #view-3 .ob-channel-toggle input[type=checkbox]:focus-visible{outline:3px solid var(--ow-violet)!important;outline-offset:3px!important}
body[class] #view-3 .ob-channel-toggle input[type=checkbox]:disabled{cursor:wait;opacity:.55}
body[class] #view-3 .ob-channel-toggle .ob-channel-state{color:var(--ow-muted)!important;font-size:11px;text-transform:none!important}
body[class] #view-3 #ob-pricing-panel-prepaid .ob-credit-card{background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;color:var(--ow-text)!important;border-radius:10px!important;box-shadow:none!important}
body[class] #view-3 #ob-pricing-panel-prepaid .ob-credit-card h3{color:var(--ow-text)!important;font:700 20px/1.35 var(--font-head)!important;letter-spacing:-.3px}
body[class] #view-3 #ob-pricing-panel-prepaid .ob-credit-sub{color:var(--ow-muted)!important;font-size:14px;line-height:1.55}
body[class] #view-3 #ob-pricing-panel-prepaid :is(.ob-credit-dashboard-group,.ob-credit-config-summary,.ob-credit-drill,.ob-credit-toggle-pill){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;box-shadow:none!important;color:var(--ow-text)!important}
body[class] #view-3 #ob-pricing-panel-prepaid :is(label,summary){color:var(--ow-text)!important}
body[class] #view-3 #ob-pricing-panel-prepaid .ob-credit-note{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;font-size:13px;line-height:1.55}
body[class] #view-3 #ob-pricing-panel-prepaid .ob-credit-btn:not(.secondary):not(.danger){background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important;border-radius:7px!important;font-size:14px}
body[class] #view-3 #ob-pricing-panel-prepaid :is(.ob-credit-btn.secondary,.ob-credit-chip){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px!important}
body[class] #view-3 #ob-pricing-panel-prepaid .ob-credit-chip.active{background:var(--ow-selected)!important;border-color:var(--ow-violet)!important;color:var(--ow-violet)!important}
body[class] #view-3 #ob-pricing-panel-prepaid #ob-credit-settings-status{color:var(--ow-muted)!important}
body[class] #view-3 .ob-workspace-setting-copy small{font-size:14px;line-height:1.45}
/* Keep assistance immediately useful while retaining setup and all detail sections. */
body[class] #view-3 .ob-guidance-scroll{gap:14px}
body[class] #view-3 .ob-guidance-context{order:0;padding:14px}
body[class] #view-3 .ob-guidance-section[aria-labelledby=ob-guidance-move-title]{order:1;padding-bottom:12px}
body[class] #view-3 .ob-guidance-ai{order:2;padding-bottom:14px}
body[class] #view-3 .ob-guidance-practice{order:3;padding-bottom:14px}
body[class] #view-3 .ob-guidance-practice-meta{color:var(--ow-success)!important}
body[class] #view-3 .ob-guidance-action-list{margin-top:8px}
body[class] #view-3 .ob-guidance-shortcuts{margin-top:6px}
/* Idle and active live-session surfaces use the same workspace palette. */
body[class] #view-3 #db-panel-live-session .db-content{background:transparent!important}
body[class] #view-3 #db-panel-live-session .ls-main-grid>div,
body[class] #view-3 #db-panel-live-session .ls-main-grid>div>div{background:var(--ow-surface)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important;box-shadow:none!important}
body[class] #view-3 #db-panel-live-session .ls-main-grid>div:last-child{background:transparent!important}
body[class] #view-3 #expert-chat-area,body[class] #view-3 #expert-chat-messages{background:var(--ow-surface)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 #expert-chat-area>div:last-child{background:var(--ow-surface)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #expert-chat-send{background:var(--ow-violet)!important;color:var(--ow-action-text)!important;border-radius:8px!important}
body[class] #view-3 #expert-chat-messages .ob-msg-bubble{line-height:1.55!important;box-shadow:none!important}
body[class] #view-3 #expert-chat-messages .ob-msg-mine .ob-msg-bubble{background:var(--ob-chat-mine-bg)!important;color:var(--ob-chat-mine-text)!important;border-color:var(--ob-chat-mine-line)!important}
body[class] #view-3 #expert-chat-messages .ob-msg-theirs .ob-msg-bubble{background:var(--ob-chat-theirs-bg)!important;color:var(--ob-chat-theirs-text)!important;border-color:var(--ob-chat-theirs-line)!important}
body[class] #view-3 #expert-chat-messages .ob-file-tile .ob-msg-bubble{background:var(--ow-soft)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #expert-chat-messages .ob-file-tile[data-mine=true] .ob-msg-bubble{background:var(--ow-selected)!important;color:var(--ow-text)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 #expert-chat-messages :is(.ob-file-image,.ob-file-icon){background:var(--ow-surface);color:var(--ow-text)}
body[class] #view-3 #expert-chat-area .ob-new-messages{background:var(--ow-violet);color:var(--ow-action-text);border-color:var(--ow-violet)}
body[class] #view-3 #expert-chat-messages [data-ob-delivery-status=failed]{color:var(--ow-danger)}
body[class] #view-3 #db-panel-live-session .ls-main-grid .live-session-billing-card{background:var(--ow-soft)!important;border-radius:9px!important}
body[class] #view-3 #db-panel-live-session .live-session-earning-pill{background:var(--ow-surface)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #db-panel-live-session .ls-stats-row>div::after{content:none!important;display:none!important}
body[class] #view-3 #db-panel-live-session :is(#expert-sess-timer,#live-sess-rate,#live-sess-cut,#expert-session-earnings,#expert-net-earnings){color:var(--ow-text)!important}
body[class] #view-3 #live-client-status,body[class] #view-3 #live-earn-rate{color:var(--ow-success)!important}
body[class] #view-3 #live-client-avatar{background:var(--ow-selected)!important;color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-live-session .live-session-notes-save{color:var(--ow-action-text)!important}
@media(max-width:480px){body[class] #view-3 .rate-config-icon{width:42px!important;height:42px!important}}
/* Avoid a clipped duplicate breadcrumb where the active panel has its own title. */
@media(max-width:700px){
  body[class] #view-3 .db-main:has(.db-tab-panel.active :is(.ob-workspace-page-heading,.ob-workspace-payments-heading,.ob-bookings-heading)) .db-topbar .db-page-title,
  body[class] #view-3 .db-main:has(#db-panel-live-session.active) .db-topbar .db-page-title{display:none!important}
}
/* Dark booking controls override the legacy lime selection and browser text color. */
body.ob-ui-dark #view-3 #db-panel-bookings .bk-filter.active{background:var(--ow-selected)!important;color:var(--ow-violet)!important;border-bottom-color:var(--ow-violet)!important}
body.ob-ui-dark #view-3 #bookings-refresh{color:var(--ow-violet)!important}
/* Live page heading and readiness use flat surfaces, including inherited shadows. */
body[class] #view-3 #db-panel-live-session .db-content>div:first-child{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body[class] #view-3 #ob-expert-media-ready-card{background:var(--ow-soft)!important;border:1px solid var(--ow-line)!important;border-radius:9px!important;box-shadow:none!important;padding:14px 18px!important}
body[class] #view-3 #ob-expert-media-ready-card .btn{background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #view-3 #db-panel-live-session .ls-stats-row>div{box-shadow:none!important}
/* R2: shared expert module surfaces. Public renderers and preview iframe documents
 * are separate views; these selectors deliberately remain inside the expert view. */
body[class] #view-3{--surface:var(--ow-surface);--surface-raised:var(--ow-soft);--border:var(--ow-line);--danger:var(--ow-danger)}
body[class] #view-3 :is(.ob-plan-console,.ob-plan-status-pill,.ob-plan-choice){background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;border-radius:10px!important;box-shadow:none!important;color:var(--ow-text)!important}
body[class] #view-3 .ob-plan-title{font:700 22px/1.35 var(--font-head);letter-spacing:-.4px}
body[class] #view-3 .ob-plan-sub{font-size:14px;line-height:1.6;color:var(--ow-muted)!important}
body[class] #view-3 .ob-plan-choice.active{background:var(--ow-soft)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 .ob-plan-interval-group{border-color:var(--ow-line)!important;background:var(--ow-surface)!important;border-radius:7px}
body[class] #view-3 .ob-plan-interval-btn{color:var(--ow-muted)!important;min-height:40px;font-weight:600}
body[class] #view-3 .ob-plan-interval-btn.active{background:var(--ow-selected)!important;color:var(--ow-violet)!important}
body[class] #view-3 #ob-payments-help-btn{color:var(--ow-violet)!important;border-color:var(--ow-line)!important;background:var(--ow-surface)!important}
body[class] #view-3 #ob-expert-stripe-processor .btn{background:var(--ow-violet)!important;color:var(--ow-action-text)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 .pay-proc-icon{color:var(--ow-violet)!important;background:var(--ow-soft)!important;border-color:var(--ow-line)!important;box-shadow:none!important}
body[class] #view-3 .pay-proc-icon::before{background:var(--ow-violet)!important;box-shadow:none!important}
body[class] #view-3 #ob-promotion-content>.ob-credit-card{margin-top:0!important}
body[class] #view-3 #ob-free-minute-section .rate-btn{background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px!important;box-shadow:none!important;min-height:38px;min-width:38px}
body[class] #view-3 #ob-free-minute-save:disabled,body[class] #view-3 #ob-free-minute-section .rate-btn:disabled{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;opacity:1!important;cursor:not-allowed!important}
body[class] #view-3 #ob-free-minute-section .free-mins-label{color:var(--ow-text)!important;font-size:15px}
body[class] #view-3 #ob-free-minute-section .free-mins-desc{color:var(--ow-muted)!important;font-size:13px;line-height:1.6}
body[class] #view-3 :is(.ob-record-heading h2,.ob-review-title,.ob-group-title,.ob-ec-v1-head h2){font:700 42px/1.15 var(--font-head)!important;letter-spacing:-1.1px!important;color:var(--ow-text)!important}
body[class] #view-3 :is(.ob-record-copy,.ob-review-note,.ob-group-sub,.ob-ec-v1-head p){font-size:14px!important;line-height:1.6;color:var(--ow-muted)!important}
body[class] #view-3 :is(.ob-record-row,.ob-record-message,.ob-review-card,.ob-review-kpi,.ob-review-collection,.ob-group-band,.ob-group-room-row,.ob-group-schedule,.ob-ec-v1-panel,.ob-ec-v1-box,.ob-ec-v1-stat,.analytics-card,.stat-sum-card,.pkg-card){background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;border-radius:10px!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 :is(.ob-record-status,.ob-review-empty,.ob-group-muted,.ob-ec-v1-empty,.ob-ec-v1-small,.ob-ec-v1-status){color:var(--ow-muted)!important;border-color:var(--ow-line)!important;font-size:13px;line-height:1.6}
body[class] #view-3 :is(.ob-record-button,.ob-review-btn,.ob-group-btn,.ob-ec-v1-btn,.pkg-edit-btn){border:1px solid var(--ow-line)!important;border-radius:7px!important;background:var(--ow-surface)!important;color:var(--ow-violet)!important;box-shadow:none!important;font-size:13px;font-weight:650;min-height:38px}
body[class] #view-3 :is(.ob-review-btn:not(.secondary):not(.danger),.ob-group-btn:not(.secondary):not(.danger),.ob-ec-v1-btn.primary){background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #view-3 :is(.ob-review-btn.danger,.ob-group-btn.danger,.ob-ec-v1-btn.danger){background:var(--ow-danger-soft)!important;color:var(--ow-danger)!important;border-color:var(--ow-danger)!important}
body[class] #view-3 :is(.ob-record-filters,.ob-review-filters,.ob-ec-v1-tabs){gap:8px;border-bottom:1px solid var(--ow-line);padding-bottom:12px}
body[class] #view-3 :is(.ob-record-button[aria-pressed=true],.ob-review-filter.active,.ob-ec-v1-tab.active,.sessions-filter-btn.active){background:var(--ow-selected)!important;color:var(--ow-violet)!important;border-color:var(--ow-violet)!important;box-shadow:none!important}
body[class] #view-3 :is(.ob-review-filter,.ob-ec-v1-tab,.sessions-filter-btn){background:var(--ow-surface)!important;color:var(--ow-muted)!important;border:1px solid var(--ow-line)!important;border-radius:7px!important;font-size:13px;font-weight:600;min-height:38px}
body[class] #view-3 :is(.ob-review-badge,.ob-record-badge,.ob-group-pill,.ob-ec-v1-badge){background:var(--ow-soft)!important;color:var(--ow-muted)!important;border-color:var(--ow-line)!important;text-transform:none;letter-spacing:0;font-size:12px}
body[class] #view-3 :is(.ob-review-badge.live,.ob-ec-v1-badge.ready){background:var(--ow-success-soft)!important;color:var(--ow-success)!important;border-color:var(--ow-success)!important}
body[class] #view-3 .ob-review-badge.unpublished{background:var(--ow-warning-soft)!important;color:var(--ow-warning)!important}
body[class] #view-3 .ob-review-avatar{background:var(--ow-selected)!important;color:var(--ow-violet)!important;width:42px;height:42px;font-weight:650}
body[class] #view-3 :is(.ob-review-name,.ob-review-text,.ob-review-kpi b,.ob-ec-v1-stat b,.ob-ec-v1-box h3,.ob-ec-v1-table td,.ob-group-room-name){color:var(--ow-text)!important}
body[class] #view-3 .ob-review-reply{background:var(--ow-soft)!important;border-left-color:var(--ow-violet)!important;color:var(--ow-text)!important}
body[class] #view-3 :is(.ob-review-meta,.ob-review-kpi span,.ob-ec-v1-stat span,.ob-ec-v1-table th,.ob-group-room-meta){color:var(--ow-muted)!important;text-transform:none;letter-spacing:0;font-size:12px}
body[class] #view-3 :is(.ob-ec-v1-table td,.ob-ec-v1-table th){border-color:var(--ow-line)!important;padding:12px 10px}
body[class] #view-3 .ob-ec-v1-shell{color:var(--ow-text)!important;max-width:none}
body[class] #view-3 .ob-ec-v1-kicker{color:var(--ow-violet)!important;font-size:11px;font-weight:650;letter-spacing:.04em}
body[class] #view-3 .ob-ec-v1-form label,body[class] #view-3 .ob-group-field label{color:var(--ow-text)!important;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
body[class] #view-3 .ob-ec-v1-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea),body[class] #view-3 .ob-group-input{background-color:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;font-size:14px;font-weight:400}
body[class] #view-3 :is(.ob-ec-v1-pre,.ob-ec-v1-file,.ob-ec-v1-schedule-panel,.ob-group-date-control){background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 .ob-ec-v1-lock{background:var(--ow-warning-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-warning)!important}
/* Email controls outside the main form and inline consent rows. */
body[class] #view-3 #db-panel-email-center .ob-ec-v1-toolbar>label{display:grid;gap:6px;min-width:0;color:var(--ow-text);font-size:13px;font-weight:600}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-toolbar :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 11px;border:1px solid var(--ow-line);border-radius:8px;font-size:14px;font-weight:400}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-toolbar>.ob-ec-v1-btn{min-height:44px}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-form label:has(>input[type=checkbox]){display:flex!important;align-items:flex-start;gap:10px;line-height:1.6;font-weight:500!important}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-form label>input[type=checkbox]{flex:0 0 16px;width:16px!important;height:16px;min-height:16px!important;max-height:16px;margin:3px 0 0!important;padding:0;accent-color:var(--ow-violet)}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-file strong{background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important;font-weight:650}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-file-meta{color:var(--ow-muted)!important;font-size:13px;font-weight:500}
body[class] #view-3 #db-panel-email-center .ob-ec-v1-file:focus-within{outline:3px solid var(--ow-violet);outline-offset:3px}
body[class] #view-3 .ob-group-dot{background:var(--ow-success);box-shadow:none}
body[class] #view-3 .ob-group-draft-error{background:var(--ow-danger-soft);border-color:var(--ow-danger);color:var(--ow-danger)}
body[class] #view-3 :is(.ob-group-calendar-button,.ob-group-funding-warning){color:var(--ow-violet)}
body[class] #view-3 .ob-group-shell :is(button,input,select,textarea):focus-visible{outline:3px solid var(--ow-violet)!important;outline-offset:3px!important}
/* Website management chrome only: template images, swatches and iframe contents
 * retain their independent public designs. */
body[class] #view-3 #db-panel-website-editor{
  --ob-ww-card:var(--ow-surface);--ob-ww-raised:var(--ow-soft);--ob-ww-text:var(--ow-text);--ob-ww-muted:var(--ow-muted);--ob-ww-line:var(--ow-line);--ob-ww-lime:var(--ow-violet);--ob-ww-coral:var(--ow-violet);
  background:var(--ow-canvas)!important;color:var(--ow-text)!important;
}
body[class] #view-3 #db-panel-website-editor .db-content.ob-website-workspace{padding:32px!important;max-width:none!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-header{gap:20px;margin-bottom:24px}
body[class] #view-3 #db-panel-website-editor .ob-ww-title{font:700 42px/1.15 var(--font-head)!important;letter-spacing:-1.1px!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-subtitle{font-size:15px;line-height:1.6;color:var(--ow-muted);max-width:850px;margin-top:10px}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-eyebrow,.ob-ww-template-family){color:var(--ow-violet)!important;font-weight:650!important;letter-spacing:.035em!important;font-size:11px!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-eyebrow::before{background:var(--ow-violet)!important;box-shadow:none!important;width:6px;height:6px}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-button,.ob-ww-template-action,.ob-ww-media-remove,.ob-ww-upload-button){background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px!important;font-size:13px!important;font-weight:600!important;min-height:40px;box-shadow:none!important}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-button.primary,.ob-ww-button.coral,.ob-ww-template-use){background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-button.danger{background:var(--ow-danger-soft)!important;border-color:var(--ow-danger)!important;color:var(--ow-danger)!important}
/* Keep unavailable actions visibly distinct without lowering text contrast. */
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-button,.ob-ww-template-action,.ob-ww-template-use,.ob-ww-media-remove,.ob-ww-upload-button,.btn):is(:disabled,[aria-disabled="true"]),
body[class] #view-3 #db-panel-website-editor #ob-content-pages-card button:is(:disabled,[aria-disabled="true"]){background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;opacity:1!important;box-shadow:none!important;transform:none!important;cursor:not-allowed!important}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-inline-action,.ob-ww-readiness-action){color:var(--ow-violet)!important;font-weight:600;font-size:13px}
body[class] #view-3 #db-panel-website-editor .ob-ww-status{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;font:500 12px/1.4 var(--font-body);text-transform:none;min-height:34px;padding:7px 11px}
body[class] #view-3 #db-panel-website-editor .ob-ww-status.is-live{background:var(--ow-success-soft)!important;color:var(--ow-success)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-status.is-live::before{background:var(--ow-success)!important;box-shadow:none!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-status.is-dirty{background:var(--ow-warning-soft)!important;color:var(--ow-warning)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-status.is-error{background:var(--ow-danger-soft)!important;color:var(--ow-danger)!important}
body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs{background:transparent!important;border:0!important;border-bottom:1px solid var(--ow-line)!important;border-radius:0!important;padding:0!important;gap:12px!important;margin-bottom:24px!important}
body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs .we-tab{border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--ow-muted)!important;font:500 14px/1.4 var(--font-body)!important;padding:12px 8px!important;min-height:49px;gap:6px;box-shadow:none!important}
body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs .we-tab:hover{background:var(--ow-soft)!important;color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs .we-tab.active{background:transparent!important;border-bottom-color:var(--ow-violet)!important;color:var(--ow-violet)!important;font-weight:650!important;box-shadow:none!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-tab-icon{font-size:10px;width:auto;opacity:.7;align-items:center}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-surface>.db-card,.ob-ww-surface>.settings-block,.ob-ww-summary-card,.ob-ww-template-card-shell,.ob-ww-template,.ob-ww-address-card){background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;border-radius:10px!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-template[data-selected=true]{border-color:var(--ow-violet)!important;box-shadow:0 0 0 1px var(--ow-violet)!important}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-surface-intro h2,.ob-ww-template-head h3,.ob-ww-foundation-style-head h3,.ob-ww-media-context h3){font:700 20px/1.35 var(--font-head);letter-spacing:-.3px}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-surface-intro p,.ob-ww-template-head p,.ob-ww-template-description,.ob-ww-foundation-style-head p,.ob-ww-media-context p,.ob-ww-foundation-advanced>p){font-size:14px;line-height:1.6;color:var(--ow-muted)}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-media-item,.ob-ww-locked-colors,.ob-ww-upload-item,.ob-ww-boundary,.ob-ww-domain-tabs,#dns-instructions-box,#domain-status-section,#domain-disconnect-section){background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;border-radius:8px!important}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-media-thumb,.ob-ww-upload-preview,.ob-ww-inline-field>span){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important}
body[class] #view-3 #db-panel-website-editor :is(.ob-ww-template-current,.ob-ww-media-count,.ob-ww-foundation-advanced summary span){background:var(--ow-selected)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-domain-tabs button{color:var(--ow-muted)!important;font-size:13px;font-weight:600}
body[class] #view-3 #db-panel-website-editor .ob-ww-domain-tabs button.active{background:var(--ow-surface)!important;border-color:var(--ow-violet)!important;color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-surface :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){background:var(--ow-surface)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-surface :is(input,textarea)::placeholder{color:var(--ow-faint)!important}
body[class] #view-3 #db-panel-website-editor :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--ow-violet)!important;outline-offset:3px!important;box-shadow:none!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-address-field:focus-within{outline-color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-website-editor .ob-ww-summary-label{font:600 12px/1.4 var(--font-body);letter-spacing:0;text-transform:none}
body[class] #view-3 #db-panel-website-editor .ob-ww-summary-value{font-weight:650;font-size:20px}
body[class] #view-3 #db-panel-website-editor #ob-ww-summary-grid>.ob-ww-summary-card:nth-child(2) .ob-ww-summary-value{font-size:16px;line-height:1.5;overflow-wrap:anywhere;word-break:normal}
body[class] #view-3 #db-panel-website-editor .ob-ww-summary-copy{font-size:13px;line-height:1.6}
body[class] #view-3 #db-panel-website-editor .ob-ww-readiness-row.is-ready .ob-ww-readiness-mark{background:var(--ow-success-soft)!important;border-color:var(--ow-success)!important;color:var(--ow-success)!important}
body[class] #view-3 #db-panel-website-editor #sblock-seo>h3{font-size:20px;line-height:1.4;margin:0 0 8px}
body[class] #view-3 #db-panel-website-editor #sblock-seo>.settings-field-row+h3{margin-top:24px}
body[class] #view-3 #db-panel-website-editor #sblock-seo .settings-field-row{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:12px 24px;align-items:start;padding:15px 0}
body[class] #view-3 #db-panel-website-editor #sblock-seo .settings-field-row>div{min-width:0}
body[class] #view-3 #db-panel-website-editor #sblock-seo .settings-field-input{width:100%!important;max-width:none!important;min-width:0!important;font-size:14px;box-sizing:border-box}
body[class] #view-3 #db-panel-website-editor #sblock-seo textarea.settings-field-input{min-height:112px;resize:vertical}
body[class] #view-3 #db-panel-website-editor #sblock-seo .toggle-sm{justify-self:start;margin-top:5px}
/* Session-package editor: native published/draft and distribution states remain. */
body[class] #view-3 #ob-sp-workspace{--sp-bg:var(--ow-surface);--sp-raised:var(--ow-soft);--sp-line:var(--ow-line);--sp-text:var(--ow-text);--sp-muted:var(--ow-muted);--sp-accent:var(--ow-violet);border-radius:10px;box-shadow:none;padding:24px}
body[class] #view-3 #ob-sp-workspace h2{font:700 22px/1.3 var(--font-head);letter-spacing:-.4px}
body[class] #view-3 #ob-sp-workspace h3{font-size:18px;font-weight:650}
body[class] #view-3 #ob-sp-workspace .ob-sp-eyebrow{color:var(--ow-violet)!important;font:600 11px/1.4 var(--font-body);letter-spacing:.03em}
body[class] #view-3 #ob-sp-workspace .ob-sp-button{background:var(--ow-violet)!important;color:var(--ow-action-text)!important;font-size:13px;font-weight:650;border-radius:7px}
body[class] #view-3 #ob-sp-workspace .ob-sp-button.is-secondary{background:var(--ow-surface)!important;color:var(--ow-violet)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #ob-sp-workspace .ob-sp-item.is-selected{background:var(--ow-selected);border-color:var(--ow-violet)}
body[class] #view-3 #ob-sp-workspace :is(.ob-sp-boundary,.ob-sp-preview-card,.ob-sp-refund-economics){background:var(--ow-soft);border-color:var(--ow-line);border-radius:8px}
body[class] #view-3 #ob-sp-workspace :is(#ob-sp-status.is-error,.ob-sp-offer-status.is-error){color:var(--ow-danger)!important}
body[class] #view-3 :is(.pkg-name,.pkg-price){color:var(--ow-text)!important;font-weight:650}
body[class] #view-3 .pkg-edit-btn{padding:8px 12px;margin-top:12px}
/* Prepaid credit and promotions share management surfaces, including gated cards. */
body[class] #view-3 .ob-credit-card.ob-credit-dashboard-card{background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;border-radius:10px!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 .ob-credit-dashboard-card :is(h3,.ob-credit-promo-code,label,[style*="var(--brown)"]){color:var(--ow-text)!important}
body[class] #view-3 .ob-credit-dashboard-card :is(.ob-credit-sub,.ob-credit-amount-summary,.ob-credit-promo-meta,.ob-credit-empty,[style*="var(--gray-400)"],[style*="var(--gray-500)"]){color:var(--ow-muted)!important;font-size:13px;line-height:1.6}
body[class] #view-3 .ob-credit-dashboard-card h3{font:700 20px/1.35 var(--font-head)!important;letter-spacing:-.3px}
body[class] #view-3 .ob-credit-dashboard-card :is(.ob-credit-config-summary,.ob-credit-drill,.ob-credit-toggle-pill,.ob-credit-promo-item){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 .ob-credit-dashboard-card :is(.ob-credit-note,.ob-credit-promo-lock-inner){background:var(--ow-soft)!important;border:1px solid var(--ow-line)!important;border-radius:8px!important;color:var(--ow-muted)!important}
body[class] #view-3 .ob-credit-dashboard-card .ob-credit-promo-lock-inner{box-shadow:var(--ow-shadow)!important}
body[class] #view-3 .ob-credit-dashboard-card .ob-credit-promo-lock-inner strong{color:var(--ow-text)!important}
body[class] #view-3 .ob-credit-dashboard-card .ob-credit-promo-lock-inner span{color:var(--ow-muted)!important;font-size:13px;line-height:1.6}
body[class] #view-3 .ob-credit-dashboard-card .ob-credit-drill summary::after{color:var(--ow-violet)!important}
body[class] #view-3 .ob-credit-dashboard-card .ob-credit-btn:not(.secondary):not(.danger){background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important;border-radius:7px;font-size:13px}
body[class] #view-3 .ob-credit-dashboard-card :is(.ob-credit-btn.secondary,.ob-credit-chip){background:var(--ow-surface)!important;color:var(--ow-violet)!important;border-color:var(--ow-line)!important;border-radius:7px}
body[class] #view-3 .ob-credit-dashboard-card .ob-credit-chip.active{background:var(--ow-selected)!important;border-color:var(--ow-violet)!important;color:var(--ow-violet)!important}
/* Written-answer management, not the public request/checkout presentation. */
body[class] #view-3 #db-panel-on-demand :is(.ob-od-card,.ob-od-dark-card,.ob-od-mini-card,.ob-od-service-card,.ob-od-stype-card,.ob-od-request,.ob-od-kv,.ob-od-bucket){background:var(--ow-surface)!important;border:1px solid var(--ow-line)!important;color:var(--ow-text)!important;border-radius:10px!important;box-shadow:none!important}
body[class] #view-3 #db-panel-on-demand :is(.ob-od-card h3,.ob-od-request-summary,.ob-od-reading-text,.ob-od-kv strong){color:var(--ow-text)!important}
body[class] #view-3 #db-panel-on-demand .ob-od-card h3{font:700 20px/1.35 var(--font-head);letter-spacing:-.3px}
body[class] #view-3 #db-panel-on-demand :is(.ob-od-sub,.ob-od-stype-meta,.ob-od-kv span,.ob-od-status){color:var(--ow-muted)!important;font-size:13px;line-height:1.6}
body[class] #view-3 #db-panel-on-demand .ob-od-btn{background:var(--ow-violet)!important;border:1px solid var(--ow-violet)!important;color:var(--ow-action-text)!important;border-radius:7px;font-size:13px;font-weight:650}
body[class] #view-3 #db-panel-on-demand .ob-od-btn.secondary{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-on-demand .ob-od-btn.danger{background:var(--ow-danger-soft)!important;border-color:var(--ow-danger)!important;color:var(--ow-danger)!important}
body[class] #view-3 #db-panel-on-demand .ob-od-dash-tabs{border-color:var(--ow-line)!important;background:transparent!important}
body[class] #view-3 #db-panel-on-demand .ob-od-dash-tab{background:var(--ow-surface)!important;color:var(--ow-muted)!important;border-color:var(--ow-line)!important;font-size:14px;border-radius:7px!important}
body[class] #view-3 #db-panel-on-demand .ob-od-dash-tab.active{background:var(--ow-selected)!important;color:var(--ow-violet)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 #db-panel-on-demand :is(.ob-od-save-bar,.ob-od-intake-answer){background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 #db-panel-on-demand .db-content>div:first-child h2{font:700 42px/1.15 var(--font-head)!important;letter-spacing:-1.1px!important}
body[class] #view-3 #db-panel-on-demand :is(.ob-od-dark-card h3,.ob-od-dark-card strong,.ob-od-dark-card label,.ob-od-intake-answer span,.ob-od-request-summary [style],.ob-od-request-body [style],.ob-od-builder-row [style],.ob-od-bucket-row [style]){color:var(--ow-text)!important}
body[class] #view-3 #db-panel-on-demand :is(.ob-od-dark-card p,.ob-od-intake-answer b,.ob-od-dark-card [style*="color:rgba(246,241,233"]){color:var(--ow-muted)!important}
body[class] #view-3 #db-panel-on-demand .ob-od-builder-row{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;box-shadow:none!important;border-radius:8px!important}
body[class] #view-3 #db-panel-on-demand #ob-od-live-status{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important}
body[class] #view-3 #db-panel-on-demand #ob-od-live-status :is(strong,span){color:var(--ow-text)!important}
/* Settings forms, payments and analytics retain their original information order. */
body[class] #view-3 #db-panel-settings .settings-block:not(#sblock-home){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;border-radius:10px!important;box-shadow:none!important}
body[class] #view-3 :is(.settings-block-title,.settings-section-title,.pay-section-title,.analytics-card-title){color:var(--ow-text)!important;font:700 20px/1.35 var(--font-head)!important;text-transform:none!important;letter-spacing:-.3px!important;border-color:var(--ow-line)!important}
body[class] #view-3 :is(.settings-block-desc,.settings-field-sub,.settings-field-row,.pay-proc-desc){color:var(--ow-muted)!important;font-size:13px;line-height:1.6;border-color:var(--ow-line)!important}
body[class] #view-3 .settings-field-label{font-size:14px;font-weight:600;color:var(--ow-text)!important}
body[class] #view-3 :is(.settings-save-row,.settings-field-row){border-color:var(--ow-line)!important}
body[class] #view-3 .avail-day-btn{border-color:var(--ow-line)!important;background:var(--ow-surface)!important;color:var(--ow-muted)!important;min-height:40px}
body[class] #view-3 .avail-day-btn.active{border-color:var(--ow-violet)!important;background:var(--ow-selected)!important;color:var(--ow-violet)!important}
body[class] #view-3 .toggle-switch input:focus-visible+.toggle-track{outline:3px solid var(--ow-violet)!important;outline-offset:3px}
body[class] #view-3 :is(.pay-processor,.session-start-mode){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;border-radius:9px!important;box-shadow:none!important}
body[class] #view-3 .pay-processor.connected{background:var(--ow-success-soft)!important;border-color:var(--ow-success)!important}
body[class] #view-3 .pay-processor.selected{background:var(--ow-soft)!important;border-color:var(--ow-violet)!important}
body[class] #view-3 :is(.stat-sum-val,.pkg-price){font-size:28px!important;letter-spacing:-.6px!important;color:var(--ow-text)!important}
body[class] #view-3 :is(.stat-sum-label,.channel-bar-label,.channel-bar-pct,.admin-card-title-sub){font-size:13px;color:var(--ow-muted)!important;text-transform:none!important;letter-spacing:0!important}
/* Message and inquiry lists: retain native conversation selection and controls. */
body[class] #view-3 #db-panel-messages :is(.messages-layout,.messages-sidebar,.messages-chat){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 #db-panel-messages .messages-chat>div{background:var(--ow-surface)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #db-panel-messages .messages-chat>div:has(.chat-msg){background:var(--ow-soft)!important}
body[class] #view-3 #db-panel-messages .chat-bubble{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:none!important}
body[class] #view-3 #db-panel-messages .chat-msg.client .chat-bubble{background:var(--ow-selected)!important;color:var(--ow-text)!important}
body[class] #view-3 #db-panel-messages .chat-send{background:var(--ow-violet)!important;color:var(--ow-action-text)!important;border-radius:7px!important}
body[class] #view-3 #db-panel-messages .session-action-btn{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important}
body[class] #view-3 #contact-inbox-list>div{border-color:var(--ow-line)!important;background:var(--ow-surface)!important;color:var(--ow-text)!important;border-radius:9px!important;box-shadow:none!important}
/* Expert AI editors and nested settings: no styling of generated public sections. */
body[class] #view-3 :is(.ob-ai-console,.ob-ai-editor,.ob-ai-result,.ob-ai-website-credits,.ob-ai-feature-card,.ob-ai-owner-card,.ob-ai-master-card,.ob-ai-dedicated-panel,.ob-ai-route-card,.ob-ai-stat-tile,.ob-ai-credit-tile){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;border-radius:10px!important;box-shadow:none!important}
body[class] #view-3 :is(.ob-ai-editor-title,.ob-ai-feature-title,.ob-ai-credit-value){color:var(--ow-text)!important;font-family:var(--font-head)}
body[class] #view-3 :is(.ob-ai-editor-copy,.ob-ai-route-note,.ob-ai-status,.ob-ai-editor-status,.ob-ai-credit-copy,.ob-ai-credit-label){color:var(--ow-muted)!important}
body[class] #view-3 :is(.ob-ai-editor-btn,.ob-ai-btn,.ob-ai-pack-btn,.ob-ai-editor-close,.ob-ai-inline-action,.ob-ai-field-wand,.ob-ai-page-wand){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px!important;font-weight:650;box-shadow:none!important}
body[class] #view-3 :is(.ob-ai-editor-btn.primary,.ob-ai-btn.primary){background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #view-3 :is(.ob-ai-tab,.ob-ai-feature-tab){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;border-radius:7px!important}
body[class] #view-3 :is(.ob-ai-tab.active,.ob-ai-feature-tab.active){background:var(--ow-selected)!important;border-color:var(--ow-violet)!important;color:var(--ow-violet)!important}
body[class] #view-3 .ob-ai-savebar{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important;box-shadow:var(--ow-shadow)!important;backdrop-filter:none}
body[class] #view-3 .ob-ra-manager{--ob-ra-line:var(--ow-line);--ob-ra-muted:var(--ow-muted);background:var(--ow-surface)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important;border-radius:10px}
body[class] #view-3 :is(.ob-ra-section,.ob-ra-choice,.ob-ra-retention,.ob-ra-create-card,.ob-ra-source){background:var(--ow-surface)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important;border-radius:8px}
body[class] #view-3 :is(.ob-ra-gate,.ob-ra-source-content,.ob-ra-source-notice){background:var(--ow-soft)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important}
body[class] #view-3 .ob-ra-button{background:var(--ow-surface)!important;color:var(--ow-violet)!important;border-color:var(--ow-line)!important;border-radius:7px;font-size:13px;font-weight:600}
body[class] #view-3 .ob-ra-button.primary{background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #view-3 .ob-ra-button.danger{background:var(--ow-danger-soft)!important;border-color:var(--ow-danger)!important;color:var(--ow-danger)!important}
body[class] #view-3 #ob-content-pages-card :is(.ob-cp-list-wrap,.ob-cp-editor){border-color:var(--ow-line)!important;border-radius:9px!important;background:var(--ow-surface)!important}
body[class] #view-3 #ob-content-pages-card .ob-cp-list-top{font-size:12px;font-weight:600;text-transform:none;background:var(--ow-soft)!important;color:var(--ow-muted)!important;border-color:var(--ow-line)!important}
body[class] #view-3 #ob-content-pages-card .ob-cp-list-item.active{background:var(--ow-selected)!important;color:var(--ow-violet)!important}
body[class] #view-3 #ob-content-pages-card .ob-cp-empty.tall{background:var(--ow-soft)!important;border-color:var(--ow-line)!important;border-radius:8px!important}
/* Nested settings: compact destination strip and readable paired form fields. */
body[class] #view-3 #settings-nav{align-items:center;align-content:start;gap:5px 6px;padding-bottom:14px;max-height:none;overflow:visible}
body[class] #view-3 #settings-nav .settings-nav-section-label{display:block;flex:0 0 auto;align-self:center;padding:7px 8px 7px 12px!important;margin:0;font-size:10px;font-weight:600;letter-spacing:.025em;line-height:1.3;border-left:1px solid var(--ow-line);color:var(--ow-muted)}
body[class] #view-3 #settings-nav .settings-nav-section-label:first-child{border-left:0;padding-left:0!important}
body[class] #view-3 #settings-nav .settings-nav-item{flex:0 0 auto;font-size:13px;min-height:36px;padding:7px 10px;gap:7px}
body[class] #view-3 #settings-form-area>.settings-block:not(#sblock-home){width:100%;max-width:960px;box-sizing:border-box;padding:24px!important}
body[class] #view-3 #settings-form-area .settings-field-row:not([hidden]){display:grid;grid-template-columns:minmax(180px,240px) minmax(0,560px);gap:12px 24px;justify-content:start;align-items:center;padding:15px 0;min-width:0}
body[class] #view-3 #settings-form-area .settings-field-row>div{min-width:0}
body[class] #view-3 #settings-form-area .settings-field-row>div:has(.settings-field-input){width:100%;max-width:560px!important}
body[class] #view-3 #settings-form-area .settings-field-input{min-width:0!important;width:100%!important;max-width:560px!important;box-sizing:border-box;min-height:44px;font-size:14px;line-height:1.5;padding:10px 12px}
body[class] #view-3 #settings-form-area textarea.settings-field-input{min-height:144px;height:auto!important;resize:vertical}
body[class] #view-3 #settings-form-area .settings-field-row[style*="flex-direction:column"]{grid-template-columns:minmax(0,560px)}
body[class] #view-3 #settings-form-area .settings-field-row>label:is(.toggle-sm,.toggle-switch){justify-self:start}
body[class] #view-3 #settings-form-area .settings-field-row>button{justify-self:start}
body[class] #view-3 #availability-timezone-editor>div:last-child{justify-items:start}
body[class] #view-3 #settings-form-area .settings-save-row{margin-top:20px;padding-top:18px}
@media(max-width:768px){
  body[class] #view-3 #db-panel-website-editor #sblock-seo .settings-field-row{grid-template-columns:minmax(0,1fr);gap:10px}
  body[class] #view-3 #db-panel-website-editor .db-content.ob-website-workspace{padding:22px 18px!important}
  body[class] #view-3 :is(.ob-record-heading h2,.ob-review-title,.ob-group-title,.ob-ec-v1-head h2),body[class] #view-3 #db-panel-website-editor .ob-ww-title{font-size:31px!important;letter-spacing:-.8px!important}
  body[class] #view-3 #db-panel-on-demand .db-content>div:first-child h2{font-size:31px!important;letter-spacing:-.8px!important}
  body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs{gap:5px!important}
  body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs .we-tab{font-size:13px!important;padding:10px 7px!important}
  body[class] #view-3 #ob-sp-workspace{padding:18px 14px}
  body[class] #view-3 #settings-nav{flex-wrap:wrap;overflow:visible;max-width:100%;padding-bottom:10px;gap:4px}
  body[class] #view-3 #settings-nav .settings-nav-section-label{white-space:nowrap}
  body[class] #view-3 #settings-form-area>.settings-block:not(#sblock-home){padding:18px!important}
  body[class] #view-3 #settings-form-area .settings-field-row:not([hidden]){grid-template-columns:minmax(0,1fr);gap:8px!important;align-items:start;padding:14px 0}
  body[class] #view-3 #settings-form-area .settings-field-input{font-size:16px;max-width:none!important}
  body[class] #view-3 #settings-form-area .settings-field-row>div:has(.settings-field-input){max-width:none!important}
}
/* Final capture review: AI controls keep native selected/disabled authority. */
body[class] #view-3 .ob-expert-ai-tab{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-muted)!important;font-size:13px;font-weight:600}
body[class] #view-3 .ob-expert-ai-tab:is(.is-active,:hover){background:var(--ow-selected)!important;border-color:var(--ow-violet)!important;color:var(--ow-violet)!important}
body[class] #view-3 .ob-expert-ai-tab:focus-visible{outline:3px solid var(--ow-violet)!important;outline-offset:3px}
body[class] #view-3 #ob-automatic-ai-coach .ob-credit-btn{background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px;font-size:13px;font-weight:600}
body[class] #view-3 #ob-automatic-ai-coach .ob-credit-btn.primary{background:var(--ow-violet)!important;border-color:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #view-3 #ob-automatic-ai-coach .ob-credit-btn[role=tab][aria-selected=true]{background:var(--ow-selected)!important;color:var(--ow-violet)!important}
body[class] #view-3 #ob-guidance-starters button{background:var(--ow-soft)!important;border:1px solid var(--ow-line)!important;color:var(--ow-violet)!important;font-size:12px;line-height:1.5;border-radius:7px;padding:7px 10px}
body[class] #view-3 #ob-guidance-starters button:disabled,
body[class] #view-3 #ob-automatic-ai-coach .ob-credit-btn:disabled,
body[class] #view-3 #ob-expert-stripe-processor .btn:disabled{background:var(--ow-soft)!important;color:var(--ow-muted)!important;border-color:var(--ow-line)!important;opacity:1;cursor:not-allowed}
/* Only the workspace preview shell changes; its iframe document is untouched. */
body[class] #view-3 #ob-ww-preview-dialog{background:var(--ow-surface);color:var(--ow-text);border-color:var(--ow-line);box-shadow:0 18px 60px rgba(23,22,41,.2);border-radius:12px}
body[class] #view-3 #ob-ww-preview-dialog .ob-ww-preview-head{background:var(--ow-surface);border-color:var(--ow-line);color:var(--ow-text)}
body[class] #view-3 #ob-ww-preview-dialog :is(.ob-ww-preview-head span,.ob-ww-preview-tools label){color:var(--ow-muted)!important}
body[class] #view-3 #ob-ww-preview-dialog .ob-ww-preview-device{background:var(--ow-surface);border-color:var(--ow-line);color:var(--ow-muted);font-size:12px;font-weight:600}
body[class] #view-3 #ob-ww-preview-dialog .ob-ww-preview-device[aria-pressed=true]{background:var(--ow-selected);border-color:var(--ow-violet);color:var(--ow-violet)}
body[class] #view-3 #ob-ww-preview-dialog .ob-ww-preview-stage{background:var(--ow-sidebar)}
/* These native history dialogs mount under body, outside view-3. The active
   expert-view guard keeps the shared client/public dialog presentation intact. */
body[class]:has(#view-3.active) :is(.ob-client-transcript-dialog,.ob-files-history-dialog){background:var(--ow-surface)!important;color:var(--ow-text)!important;border:1px solid var(--ow-line);border-radius:12px;box-shadow:0 18px 60px rgba(23,22,41,.2);font-family:var(--font-body)}
body[class]:has(#view-3.active) :is(.ob-client-transcript-header,.ob-client-transcript-body,.ob-files-history-dialog .ob-files-drawer-head,.ob-files-history-dialog .ob-files-drawer-log,.ob-files-history-dialog .ob-files-drawer-footer){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-text)!important}
body[class]:has(#view-3.active) :is(.ob-client-transcript-title,.ob-files-history-dialog h3){color:var(--ow-text)!important}
body[class]:has(#view-3.active) :is(.ob-client-transcript-meta,.ob-client-transcript-loading,.ob-client-transcript-empty,.ob-client-transcript-sender,.ob-files-history-dialog .ob-files-empty,.ob-files-history-dialog .ob-file-note){color:var(--ow-muted)!important;opacity:1}
body[class]:has(#view-3.active) :is(.ob-client-transcript-close,.ob-files-history-dialog button){background:var(--ow-surface)!important;border-color:var(--ow-line)!important;color:var(--ow-violet)!important;border-radius:7px;font-family:var(--font-body)}
body[class]:has(#view-3.active) :is(.ob-client-transcript-close,.ob-files-history-dialog button):focus-visible{outline:3px solid var(--ow-violet)!important;outline-offset:3px}
body[class]:has(#view-3.active) .ob-client-transcript-bubble{background:var(--ow-soft);color:var(--ow-text);border-color:var(--ow-line);box-shadow:none}
body[class]:has(#view-3.active) .ob-client-transcript-message.is-expert .ob-client-transcript-bubble{background:var(--ow-selected);border-color:var(--ow-line);color:var(--ow-text)}
@media(max-width:768px){
  body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs{flex-wrap:wrap!important;overflow:visible!important;gap:4px!important;margin-left:0!important;margin-right:0!important;padding:0!important}
  body[class] #view-3 #db-panel-website-editor #we-tabs.ob-ww-tabs .we-tab{flex:0 1 auto!important;min-width:0!important;padding:9px 7px!important;white-space:normal!important}
  body[class] #view-3 #settings-nav .settings-nav-item{font-size:12px;padding:7px 8px}
  body[class] #view-3 #settings-nav .settings-nav-section-label{font-size:9px;padding:5px 6px!important}
}
@media(max-width:700px){
  body[class] #view-3 .db-main:has(:is(#db-panel-on-demand.active,#db-panel-website-editor.active)) .db-topbar .db-page-title{display:none!important}
  body[class] #view-3 .ob-ui-theme-toggle[aria-label="Switch to light mode"]::after{content:"Light"}
  body[class] #view-3 .ob-ui-theme-toggle[aria-label="Switch to dark mode"]::after{content:"Dark"}
}

/* Incoming requests are portaled beside the workspace, retaining its tokens. */
body[class] #session-request-sheet{background:var(--ow-surface)!important;color:var(--ow-text)!important;border:1px solid var(--ow-line);font-family:var(--font-body)}
body[class] #session-request-sheet :is(button,input,textarea){font-family:var(--font-body);letter-spacing:0}
body[class] #session-request-sheet button:focus-visible{outline:3px solid var(--ow-violet);outline-offset:3px}
body[class] #session-request-sheet #req-avatar{background:var(--ow-violet)!important;color:var(--ow-action-text)!important}
body[class] #session-request-sheet #req-accept-btn{background:var(--ow-violet)!important;color:var(--ow-action-text)!important;border:1px solid var(--ow-violet)!important;box-shadow:none!important}
body[class] #session-request-sheet #req-accept-btn:hover{background:var(--ow-violet-hover)!important;border-color:var(--ow-violet-hover)!important}
body[class] #session-request-sheet #req-decline-btn{background:var(--ow-surface)!important;color:var(--ow-text)!important;border:1px solid var(--ow-line)!important;box-shadow:none!important}
body[class] #session-request-sheet .ob-browser-notify-btn{background:var(--ow-soft)!important;color:var(--ow-text)!important;border-color:var(--ow-line)!important;font-family:var(--font-body)}
body[class] #ob-call-connection-status{color:var(--ow-warning)}