/* Client design system. Loaded after workspace, project, chat and studio styles. */
body .whw.whw-client-app{--whu-font:neue-haas-grotesk-text,"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--whw-space:16px;--whw-box-pad:16px;font-family:var(--whu-font)!important;font-size:13px!important;line-height:1.5!important;letter-spacing:0!important;text-align:left!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body .whw.whw-client-app :is(h1,h2,h3,h4,p,a,button,label,input,select,textarea,summary,small,strong,span,time){font-family:var(--whu-font)!important;letter-spacing:0!important}
body .whw.whw-client-app :is(p,label,li){font-size:13px!important;line-height:1.5!important}
body .whw.whw-client-app :is(strong,b){font-weight:600!important}
body .whw.whw-client-app :is(h1,h2){font-size:22px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.35px!important;margin:0!important}
body .whw.whw-client-app :is(h3,h4){font-size:14px!important;line-height:1.4!important;font-weight:600!important;margin:0 0 10px!important}
body .whw.whw-client-app :is(.whw-eyebrow,.whu-business-switch>label){font-size:10px!important;line-height:1.4!important;letter-spacing:.08em!important;font-weight:600!important;text-transform:uppercase!important;color:#747572!important}
body .whw.whw-client-app .whu-business-context{display:grid!important;gap:4px!important;align-items:start!important;margin:0!important}
body .whw.whw-client-app .whu-business-context strong{font-size:13px!important;line-height:1.4!important}
body .whw.whw-client-app .whw-header{display:flex!important;align-items:center!important;padding:0!important;margin:0!important;gap:12px!important}
body .whw.whw-client-app .whw-header>div{min-width:0}
body .whw.whw-client-app .whw-dashboard-date{display:block!important;align-self:stretch!important;text-align:left!important;padding:0!important;margin:0!important}
body .whw.whw-client-app .whw-dashboard-date time{display:block!important;font-size:12px!important;line-height:1.4!important;font-weight:400!important;text-align:left!important}
body .whw.whw-client-app .whw-main{gap:16px!important}
body .whw.whw-client-app :is(.whw-panel,.whw-client-request,.whw-request-group){margin:0!important}
body .whw.whw-client-app .whw-panel{padding:16px!important}
body .whw.whw-client-app .whw-panel>p{margin:8px 0 12px!important}
body .whw.whw-client-app :is(.whw-button,.whc-send,.whc-voice,.whc-install){font-size:13px!important;line-height:1.4!important;font-weight:600!important;min-height:44px!important;letter-spacing:0!important}
body .whw.whw-client-app .whw-logout{font-size:15px!important;font-weight:600!important}
body .whw.whw-client-app :is(input:not([type=checkbox]):not([type=hidden]):not([type=radio]),select,textarea){font-size:16px!important;line-height:1.4!important;font-weight:400!important;max-width:100%;min-width:0;box-sizing:border-box}
body .whw.whw-client-app :is(.whw-form,.whp-form){gap:14px!important}
body .whw.whw-client-app .whw-form>label{margin:0!important}
body .whw.whw-client-app .whw-panel>.whw-form{margin-top:16px!important}
body .whw.whw-client-app .whw-client-tabs{display:flex;gap:8px!important;align-items:stretch}
body .whw.whw-client-app .whw-client-tabs a{display:flex;align-items:center;justify-content:center;font-size:12px!important;line-height:1.4!important;font-weight:500!important;min-height:44px;padding:10px 12px!important}
body .whw.whw-client-app .whw-client-tabs a.active{font-weight:600!important}
body .whw.whw-client-app .whw-client-request>summary{padding:14px 16px!important;gap:12px!important}
body .whw.whw-client-app .whw-client-request>summary strong{font-size:13px!important;line-height:1.45!important;font-weight:600!important}
body .whw.whw-client-app .whw-client-request>summary small{font-size:11px!important;line-height:1.5!important;font-weight:400!important;margin-top:4px!important}
body .whw.whw-client-app .whw-request-body{padding:16px!important}
body .whw.whw-client-app :is(.whw-request-group>summary,.whu-websites>summary,.whw-panel>summary){font-size:14px!important;line-height:1.4!important;font-weight:600!important;min-height:44px;box-sizing:border-box}
body .whw.whw-client-app .whw-request-group>summary{padding:14px 16px!important;display:flex;align-items:center;gap:10px}
body .whw.whw-client-app .whw-request-count{font-size:11px!important;line-height:1.4!important;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#e5e3de!important}
body .whw.whw-client-app .whw-panel>summary{display:flex;align-items:center}
body .whw.whw-client-app .whw-panel[open]>summary{margin-bottom:12px!important}
body .whw.whw-client-app .whs-client-attention>.whw-eyebrow{display:block;margin-bottom:6px!important}
body .whw.whw-client-app .whs-simple-row{padding:14px 0!important;margin:0!important;gap:6px!important}
body .whw.whw-client-app .whs-simple-row strong{font-size:13px!important;line-height:1.45!important}
body .whw.whw-client-app .whs-simple-row span{font-size:12px!important;line-height:1.4!important}
body .whw.whw-client-app .whw-stats strong{font-size:22px!important;line-height:1.2!important;font-weight:600!important}
body .whw.whw-client-app .whw-stats span{font-size:11px!important;line-height:1.4!important}
body .whw.whw-client-app .whc-bubble{font-size:13px!important;line-height:1.5!important}
body .whw.whw-client-app :is(.whc-bubble small,.whp-message small){font-size:10px!important;font-weight:400!important}
body .whw.whw-client-app .whw-brand-caption{font-size:16px!important;font-weight:600!important}
body .whw.whw-client-app .whw-bottom-link span{font-size:10px!important;line-height:1.4!important;font-weight:500!important}
body .whw.whw-client-app .whw-bottom-link.active span{font-weight:600!important}
body .whw.whw-client-app .whw-private-files{margin:16px 0!important;padding:14px!important}
body .whw.whw-client-app :is(.whu-compose-extras,.whu-product-extras){padding:12px!important;margin:0!important}
@media(max-width:767px){body .whw.whw-client-app .whw-header{flex-wrap:wrap}body .whw.whw-client-app .whw-header>.whw-button{width:100%}body .whw.whw-client-app .whw-sidebar{padding:12px 14px!important}body .whw.whw-client-app .whw-brand{margin:0!important}body .whw.whw-client-app .whw-guide-grid,body .whw.whw-client-app .whp-project-grid{gap:16px!important}}
body .whw.whw-client-app :is(.whw-header,.whw-header>div,h1,h2,h3,h4){text-align:left!important}
body .whw.whw-client-app .whw-header>div{width:100%}
body .whw.whw-client-app .whw-stats strong{font-size:20px!important;white-space:nowrap!important}
@media(max-width:767px){body .whw.whw-client-app .whw-stats>div{padding-left:12px!important;padding-right:12px!important}}

/* Use the same clear disclosure affordance as Current updates. */
body .whw.whw-client-app .whu-websites>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer}
body .whw.whw-client-app .whu-websites>summary::-webkit-details-marker{display:none}
body .whw.whw-client-app .whu-websites>summary::marker{content:""}
body .whw.whw-client-app .whu-websites>summary::after{content:"+";margin-left:auto;flex:0 0 24px;text-align:center;font-size:24px;line-height:1;color:inherit}
body .whw.whw-client-app .whu-websites[open]>summary::after{content:"−"}

/* Match the two dashboard disclosure cards to the brand surface. */
body .whw.whw-client-app :is(.whu-websites,.whw-request-group){background:#f3f2f0!important;border:1px solid transparent!important}

/* Small visual business name over the native phone picker; no input zoom. */
body .whw.whw-client-app .whu-business-switch{display:flex;align-self:flex-start;align-items:center!important;width:auto!important;max-width:100%;gap:8px;flex-wrap:wrap}
body .whw.whw-client-app .whu-business-switch>label{position:relative;display:flex!important;align-items:center;gap:0!important;flex:0 1 auto!important;min-width:0;max-width:100%;min-height:44px;padding:0 30px 0 12px;border:1px solid #dedcd6;border-radius:8px;background:#f3f2f0;white-space:nowrap;text-transform:none!important;letter-spacing:0!important}
body .whw.whw-client-app .whu-business-switch .whu-business-name{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#4e534e!important;font-size:13px!important;line-height:20px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;pointer-events:none}
body .whw.whw-client-app .whu-business-switch>label::after{content:"";position:absolute;right:13px;top:17px;width:6px;height:6px;border-right:1.5px solid #777b75;border-bottom:1.5px solid #777b75;transform:rotate(45deg);pointer-events:none}
body .whw.whw-client-app .whu-business-switch select{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;min-height:44px!important;font-size:16px!important;margin:0!important;cursor:pointer;z-index:1}
body .whw.whw-client-app .whu-business-switch>label:focus-within{border-color:#777b75}
body .whw.whw-client-app .whu-business-switch>label:has(select:focus-visible){outline:2px solid #626861;outline-offset:3px}
/* Neutral feedback rather than inherited lilac hover, focus and tap colours. */
body .whw.whw-client-app .whs-client-attention .whs-simple-row{padding:12px 10px!important;border-top:1px solid #dedcd6!important;border-radius:6px;color:#252827!important;background:transparent!important;text-decoration:none!important;box-shadow:none!important;-webkit-tap-highlight-color:rgba(37,40,39,.08)}
body .whw.whw-client-app .whs-client-attention .whs-simple-row:is(:hover,:active){background:#e8e6e0!important;color:#252827!important}
body .whw.whw-client-app .whs-client-attention .whs-simple-row:focus:not(:focus-visible){outline:none!important}
body .whw.whw-client-app .whs-client-attention .whs-simple-row:focus-visible{outline:2px solid #626861!important;outline-offset:2px;background:#e8e6e0!important}

body .whw.whw-client-app .whu-history-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap}body .whw.whw-client-app .whu-history-filters a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:12px!important;color:#747572;border-radius:7px;background:transparent}body .whw.whw-client-app .whu-history-filters a.active{color:#252827;background:#e5e3de;font-weight:600}body .whw.whw-client-app .whu-history-filters a:focus-visible{outline:2px solid #626861;outline-offset:2px}

/* Embedded agreement follows the client app; public agreement pages keep their own styles. */
body .whw.whw-client-app .whca-wrap{width:100%;max-width:680px;margin:0!important;font-family:var(--whu-font)!important;color:#252827;font-size:13px;line-height:1.5}
body .whw.whw-client-app .whca-wrap .whca-form{display:grid!important;gap:14px!important;padding:16px!important;margin:0!important;background:#f3f2f0!important;border:1px solid #dedcd6!important;border-radius:10px!important;box-shadow:none!important}
body .whw.whw-client-app .whca-wrap .whca-form>*{min-width:0;margin:0!important}
body .whw.whw-client-app .whca-wrap .whca-intro h2{font-size:20px!important;line-height:1.25!important;margin:0 0 8px!important}
body .whw.whw-client-app .whca-wrap .whca-eyebrow{font-size:10px!important;line-height:1.4!important;color:#747572!important;letter-spacing:.06em!important;margin:0 0 6px!important}
body .whw.whw-client-app .whca-wrap .whca-intro p:not(.whca-eyebrow){font-size:12px!important;line-height:1.5!important;color:#6d706a!important;margin:0!important}
body .whw.whw-client-app .whca-wrap .whca-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;margin:0!important}
body .whw.whw-client-app .whca-wrap .whca-form label:not(.whca-check){display:block!important;font-size:12px!important;line-height:1.5!important;font-weight:500!important;color:#4e534e!important;margin:0!important}
body .whw.whw-client-app .whca-wrap .whca-form label:not(.whca-check)>:is(input,textarea){margin:5px 0 0!important}
body .whw.whw-client-app .whca-wrap .whca-form :is(input:not([type=checkbox]):not([type=hidden]),textarea){font-size:16px!important;line-height:1.4!important;min-height:44px!important;width:100%!important;max-width:100%;padding:10px 12px!important;border:1px solid #d8d6cf!important;border-radius:8px!important;background:#fff!important;color:#252827!important;box-shadow:none!important}
body .whw.whw-client-app .whca-wrap .whca-form textarea{height:80px!important;min-height:80px!important;resize:vertical}
body .whw.whw-client-app .whca-wrap .whca-form input[readonly]{background:#eeede8!important;color:#62675f!important}
body .whw.whw-client-app .whca-wrap .whca-form input[type=file]{font-size:12px!important;white-space:normal;overflow-wrap:anywhere}
body .whw.whw-client-app .whca-wrap .whca-form small{display:block;font-size:11px!important;line-height:1.45!important;margin-top:5px!important;color:#747572!important}
body .whw.whw-client-app .whca-wrap :is(.whca-terms-box,.whca-signature-section){padding:16px 0 0!important;margin:0!important;border-top:1px solid #dedcd6!important}
body .whw.whw-client-app .whca-wrap :is(.whca-terms-box,.whca-signature-section) h3{font-size:14px!important;margin:0 0 8px!important}
body .whw.whw-client-app .whca-wrap :is(.whca-terms-box,.whca-signature-section) p{font-size:12px!important;line-height:1.5!important;margin:0 0 12px!important}
body .whw.whw-client-app .whca-wrap .whca-check{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:44px;margin:10px 0 0!important;padding:6px 0!important}
body .whw.whw-client-app .whca-wrap .whca-check>span{font-size:12px!important;line-height:1.5!important;color:#4e534e!important}
body .whw.whw-client-app .whca-wrap .whca-check>input{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:2px 0 0!important;accent-color:#252827}
body .whw.whw-client-app .whca-wrap .whca-legal{font-size:11px!important;line-height:1.5!important;color:#747572!important}
body .whw.whw-client-app .whca-wrap :is(.whca-submit,.whca-clear-signature){font-size:13px!important;min-height:44px!important;border-radius:8px!important;padding:10px 14px!important;margin-top:12px!important}
body .whw.whw-client-app .whca-wrap :is(input,textarea,button,a):focus-visible{outline:2px solid #626861!important;outline-offset:3px!important}
body .whw.whw-client-app .whca-wrap .whca-form .whca-invalid{border-color:#a34141!important}
@media(max-width:640px){body .whw.whw-client-app .whca-wrap .whca-grid{grid-template-columns:minmax(0,1fr)}body .whw.whw-client-app .whca-wrap .whca-submit{width:100%!important}}