/* Operational refinement. Existing Takeovers paper/ink/acid tokens and native actions. */
html[data-ui="v3"] .page{--hq-muted:var(--text-2);--hq-line:var(--border);font-variant-numeric:tabular-nums}
html[data-ui="v3"] .page ::selection{background:var(--acid,#c6ff3f);color:#111310}
html[data-ui="v3"] .page :is(input,textarea){caret-color:var(--text)}
html[data-ui="v3"] .page :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--text);outline-offset:3px}
html[data-ui="v3"] .page .btn{box-shadow:none;transition:background 160ms ease,border-color 160ms ease;border-radius:10px;min-height:44px}
html[data-ui="v3"] .page .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
html[data-ui="v3"] .page :is(.card,.v3-panel,.workflow-review){box-shadow:none;border-radius:16px}
html[data-ui="v3"] .page-head h1{font-size:40px;line-height:1.12;letter-spacing:-.035em}
html[data-ui="v3"] .page :is(.card-title h3,.v3-panel-head h3){letter-spacing:-.02em;line-height:1.3}
html[data-ui="v3"] .page :is(.page-head .sub,.commercial-note,.workflow-review p){font-size:14px;line-height:1.6;color:var(--hq-muted)}
html[data-ui="v3"] .page .field label{font-size:13px;line-height:1.5;color:var(--hq-muted)}
html[data-ui="v3"] .page :is(th,td){line-height:1.5}
html[data-ui="v3"] .page th{font-size:12px;letter-spacing:.02em;text-transform:none;white-space:normal}
html[data-ui="v3"] .page td{font-size:14px;padding-block:16px}
html[data-ui="v3"] .page .row-act{gap:8px}
html[data-ui="v3"] .page .row-act .btn{min-height:44px}
html[data-ui="v3"] .workflow-review{gap:24px;padding:24px}
html[data-ui="v3"] .workflow-review-list button{padding:20px 48px 20px 20px}
html[data-ui="v3"] .workflow-review-list button>span{font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--hq-muted)}
html[data-ui="v3"] .workflow-review-list b{font-size:17px;line-height:1.4}
html[data-ui="v3"] .workflow-review-list small{font-size:14px;color:var(--hq-muted)}
html[data-ui="v3"] .side-nav .nav-text{font-size:14px}
/* Lists, inbox and inquiry detail share the same readable vocabulary. */
html[data-ui="v3"] #page-websiteleads{--wl-line:var(--border);--wl-soft:var(--surface-2);max-width:1660px;margin-inline:auto}
html[data-ui="v3"] .wl-head{gap:16px;align-items:center;margin-bottom:24px}
html[data-ui="v3"] .wl-head h1{font-size:38px;letter-spacing:-.035em;line-height:1.15}
html[data-ui="v3"] .wl-head p{font-size:14px;line-height:1.6;max-width:68ch;color:var(--hq-muted)}
html[data-ui="v3"] .wl-counts{border-radius:14px;margin-bottom:20px}
html[data-ui="v3"] .wl-counts span{font-size:13px;color:var(--text)}
html[data-ui="v3"] .wl-filters{gap:10px;margin-bottom:24px}
html[data-ui="v3"] .wl-filters :is(input,select){font-size:14px;min-height:46px;border-radius:10px;padding:11px 12px}
html[data-ui="v3"] .wl-workspace{grid-template-columns:minmax(250px,.7fr) minmax(0,1.5fr);gap:24px}
html[data-ui="v3"] .wl-results-meta{font-size:12px;color:var(--hq-muted);gap:12px;flex-wrap:wrap;line-height:1.5}
html[data-ui="v3"] .wl-results{border:0;gap:10px}
html[data-ui="v3"] .wl-row{border:1px solid var(--wl-line,var(--border));background:var(--surface);border-radius:12px;padding:18px;width:100%;text-align:left;color:var(--text);transition:background 160ms ease,border-color 160ms ease;box-shadow:none}
html[data-ui="v3"] .wl-row:hover{background:var(--surface-2)}
html[data-ui="v3"] .wl-row[aria-pressed="true"]{border-color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--text)}
html[data-ui="v3"] .wl-row-name{font-size:17px;font-weight:750;line-height:1.35;letter-spacing:-.015em}
html[data-ui="v3"] .wl-row-company{font-size:13px;line-height:1.5;color:var(--hq-muted);margin-top:5px}
html[data-ui="v3"] .wl-row-time{font-size:12px;color:var(--hq-muted);margin-top:14px}
html[data-ui="v3"] .wl-wait{font-size:12px;color:var(--hq-muted)}
html[data-ui="v3"] .wl-row-bottom{margin-top:14px;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.4}
html[data-ui="v3"] .wl-pill{font-size:12px;line-height:1.4;padding:5px 9px;border-radius:6px;display:inline-flex;align-items:center;background:var(--surface-2);color:var(--text);font-weight:650}
html[data-ui="v3"] .wl-pill[data-tone="new"]{background:var(--acid,#c6ff3f);color:#27351a}
html[data-ui="v3"] .wl-pill[data-tone="due"]{background:#ffe2d9;color:#8c2b1b}
html[data-ui="v3"] .wl-detail{border:0;border-radius:0;background:transparent;overflow:visible;display:flex;flex-direction:column;gap:16px}
html[data-ui="v3"] :is(.wl-detail-head,.wl-section,.wl-disclosure){border:1px solid var(--wl-line,var(--border));border-radius:14px;background:var(--surface);padding:24px;min-width:0}
html[data-ui="v3"] .wl-detail-head{position:relative}
html[data-ui="v3"] .wl-detail-meta{justify-content:flex-start;align-items:center;gap:10px}
html[data-ui="v3"] .wl-channel{font-size:12px;color:var(--hq-muted)}
html[data-ui="v3"] .wl-detail-head h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;font-weight:750;margin:18px 0 5px;overflow-wrap:anywhere;text-wrap:balance}
html[data-ui="v3"] .wl-detail-head .wl-company{font-size:16px;line-height:1.5;font-weight:600;color:var(--hq-muted)}
html[data-ui="v3"] .wl-receipt{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;border-block:1px solid var(--wl-line);padding:16px 0;margin-top:20px;font-size:13px;line-height:1.5}
html[data-ui="v3"] .wl-receipt>span:first-child{display:flex;align-items:center;gap:10px;color:var(--hq-muted)}
html[data-ui="v3"] .wl-receipt time{display:block;color:var(--text);font-size:14px;font-weight:650}
html[data-ui="v3"] .wl-receipt svg{width:21px;height:21px;flex:none}
html[data-ui="v3"] .wl-age{color:var(--hq-muted);margin-left:auto}
html[data-ui="v3"] .wl-contact{margin-top:18px;gap:8px}
html[data-ui="v3"] .wl-contact :is(a,button){min-height:44px;padding:10px 14px;font-size:13px;border-radius:10px;border-color:var(--wl-line);background:var(--surface);color:var(--text);box-shadow:none}
html[data-ui="v3"] .wl-contact :is(a,button):hover{background:var(--surface-2);border-color:var(--text)}
html[data-ui="v3"] .wl-detail-head .wl-contact-details{font-size:13px;color:var(--hq-muted);line-height:1.6;margin-top:10px;overflow-wrap:anywhere}
html[data-ui="v3"] .wl-section h3{font-size:18px;font-weight:720;line-height:1.3;margin:0 0 20px;letter-spacing:-.02em}
html[data-ui="v3"] .wl-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
html[data-ui="v3"] .wl-section-title h3{margin:0}
html[data-ui="v3"] .wl-owner{display:flex;align-items:center;gap:12px;margin-bottom:20px}
html[data-ui="v3"] .wl-avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--surface-2);border:1px solid var(--wl-line);color:var(--text);font-size:15px;font-weight:750}
html[data-ui="v3"] .wl-owner>div{display:grid;gap:3px;min-width:0}
html[data-ui="v3"] .wl-owner :is(span:not(.wl-avatar),small){font-size:12px;line-height:1.5;color:var(--hq-muted)}
html[data-ui="v3"] .wl-owner strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
html[data-ui="v3"] .wl-next-task{padding:16px 0;border-top:1px solid var(--wl-line);margin-bottom:8px}
html[data-ui="v3"] .wl-next-task>span{font-size:12px;font-weight:650;color:var(--hq-muted)}
html[data-ui="v3"] .wl-next-task p{font-size:15px;line-height:1.6;margin:5px 0 10px;overflow-wrap:anywhere;max-width:70ch}
html[data-ui="v3"] .wl-next-task .btn{font-size:13px}
html[data-ui="v3"] .wl-main-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
html[data-ui="v3"] .wl-main-actions>.btn-primary{grid-column:1/-1;background:var(--ink,#111310);color:#fff;box-shadow:none}
html[data-ui="v3"] .wl-main-actions .btn{justify-content:center;min-height:48px;font-size:14px;white-space:normal;line-height:1.45;overflow-wrap:anywhere}
html[data-ui="v3"] .wl-more{margin-top:16px;border-top:1px solid var(--wl-line)}
html[data-ui="v3"] :is(.wl-more,.wl-disclosure) summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:650;padding:13px 0;color:var(--text);line-height:1.5;overflow-wrap:anywhere}
html[data-ui="v3"] .wl-more .wl-actions{padding:8px 0 0;gap:8px}
html[data-ui="v3"] .wl-more .btn{font-size:13px;min-height:44px}
html[data-ui="v3"] .wl-more [data-wl-action="close"],html[data-ui="v3"] .wl-more [data-wl-action="visit_cancel"]{color:#9c2d1c}
html[data-ui="v3"] .wl-visit{padding-block:14px;border-block:1px solid var(--wl-line);display:grid;gap:8px;margin-bottom:16px;font-size:14px;line-height:1.6}
html[data-ui="v3"] .wl-visit>span{color:var(--hq-muted)}
html[data-ui="v3"] .wl-visit>.btn{justify-self:start}
html[data-ui="v3"] .wl-feature-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
html[data-ui="v3"] .wl-feature-facts>div{display:grid;grid-template-columns:24px 1fr;align-content:start;gap:7px 10px;padding:16px 0;border-top:1px solid var(--wl-line);min-width:0}
html[data-ui="v3"] .wl-feature-facts>div:first-child{grid-column:1/-1}
html[data-ui="v3"] .wl-feature-facts svg{grid-row:1/3;width:22px;height:22px;color:var(--hq-muted);margin-top:2px}
html[data-ui="v3"] .wl-feature-facts dt{font-size:12px;font-weight:600;color:var(--hq-muted)}
html[data-ui="v3"] .wl-feature-facts dd{font-size:16px;line-height:1.55;font-weight:650;margin:0;overflow-wrap:anywhere}
html[data-ui="v3"] .wl-facts{grid-template-columns:1fr 1fr;gap:20px 24px}
html[data-ui="v3"] .wl-other-facts{margin-top:8px;padding-top:20px;border-top:1px solid var(--wl-line)}
html[data-ui="v3"] .wl-facts dt{font-size:12px;color:var(--hq-muted);line-height:1.5;margin-bottom:5px}
html[data-ui="v3"] .wl-facts dd{font-size:14px;line-height:1.6}
html[data-ui="v3"] .wl-message{font-size:15px;line-height:1.75;max-width:72ch}
html[data-ui="v3"] .wl-footnote{font-size:12px;line-height:1.6;color:var(--hq-muted);max-width:72ch}
html[data-ui="v3"] .wl-section>p{font-size:14px;line-height:1.6}
html[data-ui="v3"] .wl-disclosure{padding:4px 24px}
html[data-ui="v3"] .wl-disclosure summary>span{margin-left:12px;font-size:12px;color:var(--hq-muted);font-weight:400}
html[data-ui="v3"] .wl-disclosure>.wl-section{border:0;border-radius:0;padding:16px 0 20px}
html[data-ui="v3"] .wl-disclosure>.wl-section>h3{display:none}
html[data-ui="v3"] .wl-timeline li{font-size:14px;line-height:1.6;padding-bottom:22px}
html[data-ui="v3"] .wl-timeline time{font-size:12px;color:var(--hq-muted)}
html[data-ui="v3"] .wl-check-visible{margin:0;padding:18px;border:1px solid #c07b5e;border-radius:12px;background:#fff0e7;color:#733a21;font-size:14px;line-height:1.6}
/* Native detail dialogs, offers and task cards retain their own business semantics. */
html[data-ui="v3"] :is(#modalWebsiteLead,#modalInquiry,#modalCrm,#modalTask) .modal-head h2{font-size:23px;line-height:1.3;letter-spacing:-.02em}
html[data-ui="v3"] .wl-form-grid :is(label,input,select,textarea){font-size:14px}
html[data-ui="v3"] .wl-form-grid input,html[data-ui="v3"] .wl-form-grid select{min-height:46px}
html[data-ui="v3"] .commercial-context{padding:20px;border-radius:14px}
html[data-ui="v3"] .commercial-section-head h3{font-size:18px;line-height:1.4}
html[data-ui="v3"] .commercial-line label{font-size:12px;line-height:1.5}
html[data-ui="v3"] :is(.tk-card,.teams-task-card){box-shadow:none}
html[data-ui="v3"] :is(.task-card,.tk-card) :is(h3,h4,.tk-title,.task-title){font-size:15px;line-height:1.5}
html[data-ui="v3"] .v3-mobile-nav{background:var(--surface);box-shadow:0 6px 22px rgba(17,19,16,.12);backdrop-filter:none}
html[data-ui="v3"] .v3-mobile-nav>button{color:var(--text-2)}
html[data-ui="v3"] .v3-mobile-nav>button.active{background:var(--surface-2);color:var(--text)}
html[data-ui="v3"] .v3-mobile-nav span{font-size:10px}
html[data-ui="v3"] .v3-mobile-nav .v3-mobile-create{background:var(--ink,#111310);color:var(--acid,#c6ff3f);box-shadow:none;margin-top:0;border-radius:12px}
html[data-ui="v3"][data-theme="dark"] .v3-mobile-nav .v3-mobile-create{background:var(--acid,#c6ff3f);color:#111310}
html[data-ui="v3"] .d53 h1{font-size:42px;letter-spacing:-.035em}
html[data-ui="v3"] .d53-panel{border-radius:16px}
html[data-ui="v3"] .d53-row-top{gap:8px 12px}
html[data-ui="v3"] .d53-detail{font-size:14px;line-height:1.6}
html[data-ui="v3"] .d53-badge{padding:4px 8px;border-radius:6px;background:var(--surface-2)}
html[data-ui="v3"] .d53-badge[data-tone="new"]{background:var(--acid,#c6ff3f);color:#27351a}
html[data-ui="v3"] .d53-badge[data-tone="urgent"]{background:#ffe2d9;color:#8c2b1b}
html[data-ui="v3"][data-theme="dark"] .page{--hq-muted:#c1c5ba}
html[data-ui="v3"][data-theme="dark"] .wl-main-actions>.btn-primary{background:var(--acid,#c6ff3f);color:#111310}
html[data-ui="v3"][data-theme="dark"] :is(.wl-pill,.d53-badge)[data-tone="due"],html[data-ui="v3"][data-theme="dark"] .d53-badge[data-tone="urgent"]{background:#502d25;color:#ffd5c8}
html[data-ui="v3"][data-theme="dark"] .wl-more :is([data-wl-action="close"],[data-wl-action="visit_cancel"]){color:#ffb5a1}
html[data-ui="v3"][data-theme="dark"] .wl-check-visible{background:#3c2b23;color:#ffdbc8;border-color:#835840}
@media(min-width:1200px){html[data-ui="v3"] .wl-detail-head{padding:28px}html[data-ui="v3"] .wl-detail-head h2{font-size:30px}}
@media(max-width:1100px){html[data-ui="v3"] .wl-workspace{grid-template-columns:minmax(230px,.75fr) minmax(0,1.4fr);gap:16px}html[data-ui="v3"] :is(.wl-section,.wl-detail-head){padding:20px}html[data-ui="v3"] .wl-age{margin-left:0}}
@media(max-width:720px){
 html[data-ui="v3"] .wl-workspace{display:block}
 html[data-ui="v3"] .wl-workspace .wl-detail{display:none}
 html[data-ui="v3"] .wl-workspace[data-detail="true"] .wl-detail{display:flex}
 html[data-ui="v3"] .wl-workspace[data-detail="true"] .wl-list-pane{display:none}
 html[data-ui="v3"] :is(.wl-section,.wl-detail-head){padding:18px}
 html[data-ui="v3"] .wl-detail-head h2{font-size:25px}
 html[data-ui="v3"] .wl-section h3{font-size:18px}
 html[data-ui="v3"] .wl-detail{gap:12px}
 html[data-ui="v3"] .wl-main-actions{grid-template-columns:1fr}
 html[data-ui="v3"] .wl-main-actions>.btn-primary{grid-column:auto}
 html[data-ui="v3"] .wl-feature-facts{grid-template-columns:1fr}
 html[data-ui="v3"] .wl-feature-facts>div:first-child{grid-column:auto}
 html[data-ui="v3"] .wl-facts{grid-template-columns:1fr 1fr;gap:16px}
 html[data-ui="v3"] .wl-disclosure{padding-inline:18px}
 html[data-ui="v3"] .wl-contact{display:grid;grid-template-columns:1fr 1fr}
 html[data-ui="v3"] .wl-contact :is(a,button){justify-content:center;white-space:normal}
 html[data-ui="v3"] .wl-more .btn{flex:1 1 100%;justify-content:center}
 html[data-ui="v3"] .wl-receipt{gap:8px;padding-block:14px}
 html[data-ui="v3"] .wl-age{flex-basis:100%}
 html[data-ui="v3"] .wl-head h1,html[data-ui="v3"] .page-head h1{font-size:30px}
 html[data-ui="v3"] .wl-head .wl-actions{width:100%}
 html[data-ui="v3"] .wl-form-grid :is(input,select,textarea){font-size:16px}
 html[data-ui="v3"] .workflow-review{padding:18px}
 html[data-ui="v3"] .d53 h1{font-size:36px}
}
@media(max-width:380px){html[data-ui="v3"] .wl-facts{grid-template-columns:1fr}html[data-ui="v3"] .wl-disclosure summary>span{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){html[data-ui="v3"] .page :is(.btn,.wl-row){transition:none}}