@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
/* Anova's portal shares the salon site's plum, rose, and warm paper palette. */
:root:has(.workspace-ui){--navy:#35233d;--blue:#684370;--sky:#dec5d3;--ink:#352b3b;--muted:#64586a;--line:#e4d8e0;--wash:#f7f3f5}
.workspace-ui{--portal-border:#e5d6df;--portal-muted:#64586a;--portal-shadow:0 5px 24px #35233d06;font-family:'DM Sans',Arial,sans-serif!important;background:#f7f3f5!important;color:#352b3b}
.workspace-ui :is(h1,h2,h3){font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.025em}
.workspace-ui :is(.portal-header,.billing-header){background:#35233d;border-bottom-color:#624c68}
.workspace-ui :is(.portal-header,.billing-header) img{height:52px;width:182px;object-fit:contain}
.workspace-ui :is(.portal-button.light,.auth-mode-nav,.auth-features .feature-icon){background:#f1e7ed;color:#704b78}
.workspace-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fffdfb;border-color:#e3d3df}
.workspace-ui :is(input[type=checkbox],input[type=radio]){accent-color:#704b78}
.workspace-ui :is(.card,.signup-card,.auth-panel){background:#fffdfb;border-color:#e5d6df}
.workspace-ui :is(.portal-label,.panel-eyebrow,.auth-copy h1 span){color:#8c5a7e}
.workspace-ui :is(.portal-tabs,[role=tablist]) [aria-selected=true]{background:#704b78;color:#fff}
.workspace-ui .auth-copy h1{line-height:1.12}
.workspace-ui .auth-mode-nav a[aria-current=page]{color:#704b78}
.workspace-ui .auth-mode-nav a:hover{color:#704b78;background:#f1e7ed}
.workspace-ui .auth-features .feature-icon{border-color:#e5d6df}
.workspace-ui .message-bubble.admin,.workspace-ui .message-bubble.outgoing{background:#704b78}
.workspace-ui .asset-playback-button{background:#704b78}
.workspace-ui .admin-sidebar{background:#fffdfb;border-color:#e5d6df}
.workspace-ui .admin-nav-button[aria-current=page],.workspace-ui .admin-nav-button.active{background:#f1e7ed;color:#704b78}
.signup-body .back-to-dashboard a{color:#704b78}
@media(max-width:720px){.workspace-ui :is(.portal-header,.billing-header) img{width:145px;height:44px}}

/* Set foreground and background together for each control state. */
.workspace-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff;color:var(--ink);border-color:#d8cbd6}
.workspace-ui :is(input,textarea)::placeholder{color:#716575;opacity:1}
.workspace-ui :is(input,textarea)[readonly]{background:#f5f0f4;color:var(--portal-muted)}
.workspace-ui :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#8b5d83}
.workspace-ui :is(button,.button,.portal-button):disabled{opacity:1;background:#ede7ec;color:#6d6270;border-color:#dfd5de;cursor:not-allowed}
.workspace-ui :is(.portal-label,.panel-eyebrow,.auth-panel-heading p,.portal-footer,.footer-note,.signup-legal){color:#77516e}
.workspace-ui :is(.card,.signup-card,.auth-panel){background:#fff;border-color:var(--portal-border)}
.workspace-ui .auth-domain-notice{max-width:650px;margin:40px auto;padding:32px}
.workspace-ui .auth-domain-notice h1{font-size:30px;line-height:1.2}
.workspace-ui .auth-domain-notice p{color:var(--portal-muted);line-height:1.7;margin-bottom:24px}

/* Admin navigation stays quiet until a section is selected. */
.admin-page.workspace-ui .admin-sidebar{border:1px solid var(--portal-border);border-radius:15px;padding:8px;background:#fff}
.admin-page.workspace-ui .admin-sidebar nav :is(button,a){background:transparent;color:#605166}
.admin-page.workspace-ui .admin-sidebar nav :is(button,a):hover{background:#f3ecf2;color:#35233d}
.admin-page.workspace-ui .admin-sidebar nav [aria-current]{background:#684370;color:#fff}
.admin-page.workspace-ui .admin-sidebar nav [aria-current]:hover{background:#58365f;color:#fff}
.admin-page.workspace-ui .admin-sidebar nav button:not([aria-current]) b{background:#eee5ee;color:#684370}
.admin-page.workspace-ui .admin-sidebar nav [aria-current] b{background:#ffffff26;color:#fff}
.admin-page.workspace-ui .sidebar-bottom{padding:18px 10px 10px;margin-top:20px}
.admin-page.workspace-ui .sidebar-bottom button,.dashboard-page.workspace-ui #signout{background:#fff;color:#605166;border:1px solid #ded1db;padding:10px 12px;border-radius:9px}
.admin-page.workspace-ui :is(.admin-account,.admin-stats .card){background:#fff;color:var(--ink)}
.admin-page.workspace-ui .admin-stats .stat-priority{background:#f4edf3}
.admin-page.workspace-ui .admin-stats :is(span,small),.admin-page.workspace-ui :is(.queue-person small,td small,.account-summary dt){color:var(--portal-muted)}
.admin-page.workspace-ui .admin-quick-start{background:#f4edf3;color:var(--ink);border:1px solid var(--portal-border)}
.admin-page.workspace-ui .admin-quick-start h3{color:var(--ink)}
.admin-page.workspace-ui .admin-quick-start p:last-child{color:var(--portal-muted)}
.admin-page.workspace-ui .admin-quick-start .portal-button{background:#684370;color:#fff}
.admin-page.workspace-ui .account-filters button{background:#f3edf3;color:#605166}
.admin-page.workspace-ui .account-filters button[aria-pressed=true]{background:#684370;color:#fff}

/* Client account, profile, and invoice details. */
.dashboard-page.workspace-ui .portal-tabs button{background:transparent;color:#605166}
.dashboard-page.workspace-ui .portal-tabs button[aria-selected=true]{background:#fff;color:#58365f;box-shadow:0 1px 5px #35233d0b}
.dashboard-page.workspace-ui :is(.detail-list dt,.detail-list dd.detail-empty,.profile-tip,.dashboard-empty p,.account-chip-label,.account-email){color:var(--portal-muted)}
.dashboard-page.workspace-ui .dashboard-help{background:#fff;color:var(--ink)}
.dashboard-page.workspace-ui .dashboard-help :is(.portal-label,.muted){color:var(--portal-muted)}
.dashboard-page.workspace-ui .onboarding-card{background:#f4edf3;color:var(--ink)}
.dashboard-page.workspace-ui .onboarding-card :is(p,.portal-label){color:#605166}
.dashboard-page.workspace-ui .onboarding-card h2{color:var(--ink)}
.dashboard-page.workspace-ui .onboarding-card .portal-button{background:#684370;color:#fff}
.dashboard-page.workspace-ui .assigned-service-summary{background:#fff;color:var(--ink)}
.dashboard-page.workspace-ui .assigned-service-summary :is(span,p){color:var(--portal-muted)}
.invoice-admin.workspace-ui .service-add{background:#fff;color:var(--ink);border-color:#ded1db}
.invoice-admin.workspace-ui .service-add.primary-add{background:#f4edf3;color:var(--ink)}
.invoice-admin.workspace-ui .service-add:hover{background:#f4edf3;border-color:#b58aaa}
.invoice-admin.workspace-ui .service-add small{color:var(--portal-muted)}
.billing.workspace-ui .summary :is(small,.muted,p){color:var(--portal-muted)}
.billing.workspace-ui .summary :is(.summary-term,.send-help,.private-note){color:var(--portal-muted)}
.billing.workspace-ui .summary .summary-total{color:#58365f}
.invoice-admin.workspace-ui .summary #issue-invoice{background:#684370;color:#fff}
.invoice-admin.workspace-ui .summary #issue-invoice:disabled{background:#ede7ec;color:#6d6270;border-color:#dfd5de}
.invoice-admin.workspace-ui .summary #save-draft{background:#fff;color:#605166;border-color:#ded1db}
.invoice-admin.workspace-ui :is(#customer-picker-status,#duration-help,#unit-price-help,.line-item label,.line-amount span,.venue-option small,.summary-kicker>span:last-child,.invoice-options>summary>span){color:var(--portal-muted)}

/* Keep small asset and inbox metadata readable on the paper surfaces. */
.workspace-ui :is(.asset-meta,.asset-note,.asset-storage,.asset-upload-help,.asset-filters label,.client-assets-fields label,.client-assets-picker-footer p,.client-assets-empty p,.client-creative-brief strong){color:var(--portal-muted)}
.workspace-ui .asset-type-filters button{color:#605166!important}
.workspace-ui .asset-type-filters button[aria-pressed=true]{background:#fff!important;color:#58365f!important;border-color:#ded1db!important}
.workspace-ui :is(.message-panel-heading p,.message-private-label,.message-empty p,.message-loading,.message-day,.message-author,.message-meta,.message-sent,.message-compose-footer>span,.inbox-page-heading p,.conversation-row-top time,.conversation-preview,.conversation-list-empty,.conversation-list-state,.inbox-chat-person p,.inbox-prompt p,.conversation-list-heading #message-client-count){color:var(--portal-muted)}
.workspace-ui .portal-message p{background:#fff;color:var(--ink);border-color:#e5d8e3}
.workspace-ui .portal-message.own p{background:#684370;border-color:#684370;color:#fff}
.workspace-ui .portal-message.own p a{color:#fff;text-decoration:underline}
.workspace-ui .conversation-filters button{background:transparent;color:#605166}
.workspace-ui .conversation-filters button[aria-pressed=true]{background:#eee5ee;color:#58365f;border-color:#ded1db}
.workspace-ui :is(.inbox-icon-button,.message-refresh,.message-older,.conversation-more){color:#605166}
.workspace-ui .conversation-avatar{background:#eee5ee;color:#684370}
.workspace-ui .message-compose textarea{color:var(--ink)}
.workspace-ui .message-compose textarea::placeholder{color:#716575}
.workspace-ui .message-compose .message-send{background:#684370;color:#fff;border-color:#684370}
.workspace-ui .message-compose .message-send:disabled{background:#ede7ec;color:#6d6270;border-color:#dfd5de}

/* Clerk controls retain their own geometry instead of inheriting page buttons. */
.workspace-ui .cl-socialButtonsBlockButton{background:#fff;color:var(--ink);border-color:#ded1db}
.workspace-ui .cl-formButtonPrimary{background:#684370!important;color:#fff!important}
.workspace-ui .cl-formFieldInputShowPasswordButton{background:transparent;color:#605166}
.workspace-ui :is(#admin-user,#user-button) .cl-userButtonTrigger{background:transparent;padding:0;border:0;border-radius:50%;width:32px;height:32px;min-height:32px;box-shadow:none}
.workspace-ui :is(#admin-user,#user-button) .cl-avatarBox{width:32px;height:32px;border-radius:50%}
@media(max-width:760px){.admin-page.workspace-ui .admin-sidebar{padding:7px}.admin-page.workspace-ui .admin-sidebar nav :is(button,a){font-size:12px;min-height:43px}.admin-page.workspace-ui .sidebar-bottom button{min-height:38px}}

/* Workspace layout: one calm navigation rail and one clear task surface. */
.workspace-ui{--portal-border:#e8dfe6;--portal-muted:#655b69;--portal-radius:15px;--portal-shadow:0 3px 18px #35233d04;font-size:14px;line-height:1.65}
.workspace-ui :is(h2,h3){font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
.workspace-ui h1{font-size:clamp(32px,3.2vw,42px);font-weight:500;line-height:1.18}
.workspace-ui :is(.portal-header,.billing-header){min-height:80px;padding-block:12px}
.workspace-ui :is(.portal-header,.billing-header) img{height:46px;width:164px}
.workspace-ui :is(.portal-header,.billing-header) nav>a{font-size:12px;color:#f0e7f0}
.workspace-ui :is(.portal-main,.admin-main,.billing-main){max-width:1420px;padding:36px 36px 52px}
.workspace-ui :is(.card,.signup-card){border-radius:15px;box-shadow:var(--portal-shadow)}
.workspace-ui :is(button,.button,.portal-button){font-weight:600;letter-spacing:0;line-height:1.5}
.workspace-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:46px;border-radius:9px;font-size:14px;box-shadow:0 1px 2px #35233d02}
.workspace-ui :is(input,select,textarea):focus-visible{outline:3px solid #b38aa54d;outline-offset:1px;border-color:#92718c}
.workspace-ui :is(label,.field-help){line-height:1.65}
.workspace-ui :is(.icon-close,button[aria-label^="Close"]){width:38px;min-width:38px;min-height:38px!important;height:38px;background:#f7f3f6!important;color:#605166!important;border-color:#e8dfe6!important}
.workspace-ui :is(.status-note,.asset-feedback,.message-notice){border-radius:10px;line-height:1.7}
.workspace-ui .portal-footer{padding-top:24px;border-top:1px solid var(--portal-border);font-size:11px;letter-spacing:.03em}

/* Admin overview and account lists. */
.admin-page.workspace-ui .admin-welcome{margin-bottom:28px}
.admin-page.workspace-ui .admin-welcome h1{font-size:40px;margin-bottom:8px}
.admin-page.workspace-ui .admin-welcome .muted{font-size:14px}
.admin-welcome-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.admin-welcome-actions>.portal-button{font-size:13px;white-space:nowrap;padding:12px 18px;background:#684370;color:white}
.admin-page.workspace-ui .admin-account{padding:10px 14px;border-radius:10px}
.admin-page.workspace-ui .admin-account span{font-size:9px;letter-spacing:.12em}
.admin-page.workspace-ui .admin-account strong{font-size:12px}
.admin-page.workspace-ui .admin-layout{grid-template-columns:232px minmax(0,1fr);gap:28px}
.admin-page.workspace-ui .admin-sidebar{padding:12px 9px;top:24px}
.admin-page.workspace-ui .sidebar-label{font-size:9px;letter-spacing:.13em;margin:5px 13px 15px;color:var(--portal-muted)}
.admin-page.workspace-ui .admin-sidebar nav{gap:5px}
.admin-page.workspace-ui .admin-sidebar nav :is(button,a){min-height:45px;padding:11px 12px;font-size:13px;font-weight:500;gap:10px;border-radius:9px;line-height:1.5}
.admin-page.workspace-ui .admin-sidebar nav [aria-current]{font-weight:600;box-shadow:0 2px 5px #35233d0b}
.admin-page.workspace-ui .admin-sidebar nav b{flex:0 0 auto;min-width:22px;line-height:22px;font-size:10px}
.admin-page.workspace-ui .sidebar-bottom{padding-inline:12px;gap:15px;margin-top:18px}
.admin-page.workspace-ui .sidebar-bottom button{justify-content:center;width:100%;font-size:12px}
.admin-page.workspace-ui .admin-toolbar{margin-bottom:20px;min-height:20px}
.admin-page.workspace-ui .admin-toolbar p{font-size:11px;color:var(--portal-muted)}
.admin-page.workspace-ui .admin-section-heading h2{font-size:23px}
.admin-page.workspace-ui .admin-section-heading h3{font-size:18px}
.admin-page.workspace-ui .admin-stats{gap:14px}
.admin-page.workspace-ui .admin-stats .card{min-height:136px;padding:20px;border-color:var(--portal-border);transition:border-color .15s,box-shadow .15s}
.admin-page.workspace-ui .stat-action:hover{transform:none;border-color:#b591ae;box-shadow:0 4px 18px #35233d09}
.admin-page.workspace-ui .admin-stats strong{font-size:35px;line-height:1.5}
.admin-page.workspace-ui .admin-stats :is(span,small){font-size:11px;line-height:1.65}
.admin-page.workspace-ui .approval-card{padding:25px}
.admin-page.workspace-ui .admin-empty{border:1px dashed #e5d9e3;border-radius:11px;background:#fcfafc;padding:30px 22px;margin-top:16px}
.admin-page.workspace-ui .admin-empty h3{font-size:15px;margin-bottom:7px}
.admin-page.workspace-ui .admin-empty p{font-size:13px;line-height:1.7;max-width:470px;margin:auto}
.admin-page.workspace-ui .admin-recent-grid{gap:20px}
.admin-page.workspace-ui .admin-recent-grid>.card{padding:24px}
.admin-page.workspace-ui :is(.account-filters,.account-search-row){gap:10px}
.admin-page.workspace-ui .account-filters button{border:1px solid transparent;border-radius:8px;min-height:38px;padding:8px 12px;font-size:12px}
.admin-page.workspace-ui .account-filters button:not([aria-pressed=true]):hover{border-color:#d8c8d6;background:#ede5ed}
.workspace-ui :is(th,td){line-height:1.6}
.workspace-ui th{background:#f8f5f8;color:#655b69;font-size:10px;letter-spacing:.07em}
.workspace-ui td{border-bottom-color:#eee6ed}
.workspace-ui tbody tr:hover{background:#fdfbfd}
.workspace-ui :is(.admin-badge,.badge,.status){font-weight:600;letter-spacing:0}

/* The client has the same navigation rhythm as the admin workspace. */
.dashboard-page.workspace-ui .portal-header{padding:0}
.dashboard-page.workspace-ui .portal-header-inner{max-width:1420px;padding:12px 36px;min-height:80px}
.dashboard-page.workspace-ui .welcome-row{margin-bottom:30px}
.dashboard-page.workspace-ui .welcome-row .muted{color:var(--portal-muted)}
.dashboard-page.workspace-ui .welcome-row h1{font-size:40px;margin-bottom:10px}
.dashboard-page.workspace-ui .dashboard-grid{grid-template-columns:232px minmax(0,1fr);gap:28px}
.client-sidebar{display:flex;flex-direction:column;gap:20px;min-width:0;position:sticky;top:24px;align-self:start}
.dashboard-page.workspace-ui .client-navigation{padding:17px 9px 10px}
.client-navigation>.portal-label{font-size:9px;color:var(--portal-muted);letter-spacing:.13em;margin:0 13px 14px}
.dashboard-page.workspace-ui .client-navigation .portal-tabs{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;border:0;background:transparent;border-radius:0;overflow:visible}
.dashboard-page.workspace-ui .client-navigation .portal-tabs button{display:flex;justify-content:flex-start;flex:0 0 auto;width:100%;border:0;min-height:45px;padding:11px 12px;gap:10px;white-space:nowrap;font-size:13px;font-weight:500;color:#605166;background:transparent;box-shadow:none;border-radius:9px}
.dashboard-page.workspace-ui .client-navigation .portal-tabs button:hover{background:#f3edf3;color:#35233d}
.dashboard-page.workspace-ui .client-navigation .portal-tabs button[aria-selected=true]{background:#684370;color:#fff;font-weight:600;box-shadow:0 2px 5px #35233d0b}
.dashboard-page.workspace-ui .client-navigation .portal-tabs svg{display:block;width:19px;height:19px;flex:0 0 19px}
.dashboard-page.workspace-ui .client-navigation #tab-messages svg{display:block}
.client-navigation .portal-message-count{margin-left:auto;background:#eee5ee;color:#684370}
.client-navigation [aria-selected=true] .portal-message-count{background:#ffffff26;color:#fff}
.dashboard-page.workspace-ui .dashboard-content{min-width:0}
.dashboard-page.workspace-ui .dashboard-content>.card{padding:28px 30px}
.dashboard-page.workspace-ui .section-heading h2{font-size:23px}
.dashboard-page.workspace-ui .panel-eyebrow{font-size:10px;color:#77516e}
.dashboard-page.workspace-ui .client-sidebar .dashboard-help{padding:21px 20px;margin:0;background:#f1eaf0;border:1px solid #e5d8e2;box-shadow:none}
.dashboard-page.workspace-ui .dashboard-help .help-symbol{display:none}
.dashboard-page.workspace-ui .dashboard-help h3{font-size:18px;margin-bottom:9px}
.dashboard-page.workspace-ui .dashboard-help .portal-label{font-size:9px}
.dashboard-page.workspace-ui .dashboard-help .muted{font-size:12px;margin-bottom:15px}
.dashboard-page.workspace-ui .dashboard-help #client-support-message{width:100%;min-height:40px;background:#fff;border:1px solid #dfd1dc;font-size:12px;margin-bottom:18px;padding:9px 10px}
.dashboard-page.workspace-ui .dashboard-help p:has(a){margin-bottom:16px}
.dashboard-page.workspace-ui .dashboard-help a{font-size:11px;overflow-wrap:anywhere}
.dashboard-page.workspace-ui .dashboard-help #signout{font-size:11px;min-height:38px;padding:9px 0;border:0;border-top:1px solid #dfd1dc;border-radius:0;background:transparent;margin:0;color:#605166}
.dashboard-page.workspace-ui .client-sidebar #setup-checklist{padding:20px;order:3}
.dashboard-page.workspace-ui #setup-checklist h2{font-size:17px}
.dashboard-page.workspace-ui .step-list{margin-top:15px}
.dashboard-page.workspace-ui .step-list li{padding:13px 0;gap:10px}
.dashboard-page.workspace-ui .step-list :is(small,strong){font-size:11px;line-height:1.7}
.dashboard-page.workspace-ui .dashboard-empty{padding:50px 24px;background:#fcfafc;border:1px dashed #e3d7e1;border-radius:12px}
.dashboard-page.workspace-ui .dashboard-empty p{font-size:14px;color:var(--portal-muted);max-width:440px}
.dashboard-page.workspace-ui .dashboard-empty h3{font-size:17px;color:var(--ink)}
.dashboard-page.workspace-ui .empty-symbol{width:48px;height:48px;color:#77516e;background:#f1eaf0}
.dashboard-page.workspace-ui :is(.campaign-identity small,.campaign-facts dt,.campaign-facts dd small,.campaign-locations,.campaign-term,.test-record-note,td small,.mobile-email,.profile-form .optional,.profile-form .field-help){color:var(--portal-muted)}
.dashboard-page.workspace-ui .profile-group h3{font-size:14px;color:#58365f}
.dashboard-page.workspace-ui .detail-list dd{font-size:14px;color:var(--ink)}
.dashboard-page.workspace-ui .profile-form label{font-size:13px;color:#514456}
.dashboard-page.workspace-ui .profile-form :is(input,select,textarea){font-size:14px;color:var(--ink)}
.dashboard-page.workspace-ui .profile-form input[readonly]{color:var(--portal-muted);background:#f5f0f4}
.dashboard-page.workspace-ui .profile-tip{font-size:12px;background:#f8f5f8;border-color:var(--portal-border)}

/* Quiet invoice steps, with totals and primary actions easy to identify. */
.invoice-admin.workspace-ui .page-title h1{font-size:38px}
.invoice-admin.workspace-ui .page-title .muted{font-size:14px}
.invoice-admin.workspace-ui .editor-grid{gap:24px;grid-template-columns:minmax(0,1fr) 320px}
.invoice-admin.workspace-ui .simple-step-heading h2{font-size:20px}
.invoice-admin.workspace-ui .invoice-main-steps>.card{padding:26px}
.invoice-admin.workspace-ui .service-add{min-height:78px;border-radius:11px;padding:16px;gap:12px}
.invoice-admin.workspace-ui .service-add strong{font-size:13px}
.invoice-admin.workspace-ui .service-add small{font-size:12px;line-height:1.5}
.invoice-admin.workspace-ui .summary{background:#fff;padding:26px;border-top:3px solid #92718c}
.invoice-admin.workspace-ui .simple-total{background:#f7f2f6;border-radius:11px;padding:18px;margin-top:20px}
.invoice-admin.workspace-ui .summary .summary-total{font-size:38px;line-height:1.25;margin:4px 0}
.invoice-admin.workspace-ui .summary .actions{gap:10px}
.invoice-admin.workspace-ui .summary .actions button{min-height:46px;border-radius:9px}
.invoice-admin.workspace-ui :is(.invoice-options,.saved-client-details){border-color:var(--portal-border);border-radius:10px}
.invoice-admin.workspace-ui :is(.invoice-options,.saved-client-details)>summary{padding-block:4px;color:#58365f}
.invoice-admin.workspace-ui .invoice-options[open]>summary{margin-bottom:18px}
.billing.workspace-ui .client-intro{max-width:750px}
.billing.workspace-ui .client-intro h1{font-size:36px}
.billing.workspace-ui .client-grid{gap:24px}
.billing.workspace-ui :is(.terms p,.consent span){color:#514456;line-height:1.8}
.billing.workspace-ui .signature-options label{background:#fcfafc}

/* Larger metadata and clearer actions throughout the creative library. */
.workspace-ui .asset-file-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.workspace-ui .asset-card{border-color:var(--portal-border);border-radius:12px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.workspace-ui .asset-card:hover{border-color:#c5acc0;box-shadow:0 3px 12px #35233d07}
.workspace-ui .asset-card .asset-file-name{font-size:13px;color:var(--ink)}
.workspace-ui .asset-card :is(.asset-file-meta,.asset-file-note){font-size:12px;line-height:1.65;color:var(--portal-muted)}
.workspace-ui :is(.asset-total,.asset-loading,.asset-empty p,.asset-dialog-intro,.asset-dropzone span,.asset-selected-file small,.asset-note-label>span,.asset-preview-note,.asset-playback-status,.client-assets-identity p,.client-assets-identity small,.client-creative-brief p){color:var(--portal-muted)}
.workspace-ui :is(.asset-storage-note,.asset-privacy-note){font-size:12px!important;color:var(--portal-muted)}
.workspace-ui .asset-card .asset-file-actions .portal-button{font-size:11px!important;min-height:34px!important;padding:8px 10px!important;color:#684370;background:#f2ebf2}
.workspace-ui .asset-card .asset-remove{min-height:34px!important;height:34px;width:34px;color:#76667a}
.workspace-ui .asset-format{font-size:10px;color:#605166;background:#ffffffed}
.workspace-ui .asset-filters label{font-size:12px;color:var(--portal-muted)}
.workspace-ui .asset-filters input{font-size:13px;min-height:42px}
.workspace-ui .asset-type-filters button{font-size:11px!important;min-height:34px!important}
.workspace-ui .asset-empty{background:#fcfafc;border-color:#e3d7e1;padding:38px 24px}
.workspace-ui .asset-dropzone{background:#fbf8fb;border-color:#cbb3c6;padding:30px 22px}
.workspace-ui .asset-dropzone:focus-visible{outline:3px solid #b38aa54d;outline-offset:3px}

/* Compact conversation surfaces, without tiny or washed-out text. */
.workspace-ui .admin-inbox{border-color:var(--portal-border);box-shadow:var(--portal-shadow);border-radius:14px}
.workspace-ui .conversation-sidebar{background:#fbf9fb;border-right-color:var(--portal-border)}
.workspace-ui .conversation-search{border-color:#e3d7e1;background:#f4eff4}
.workspace-ui .conversation-search input{font-size:13px}
.workspace-ui :is(.conversation-row-top time,.message-meta,.message-author,.message-day,.message-private-label,.message-compose-footer>span){font-size:11px;line-height:1.6}
.workspace-ui :is(.conversation-preview,.conversation-list-empty p,.inbox-page-heading p,.inbox-chat-person p){font-size:12px;line-height:1.7}
.workspace-ui .conversation-row-top strong{font-size:13px;color:#514456}
.workspace-ui .conversation-row{min-height:80px;padding:13px 11px}
.workspace-ui .conversation-row[aria-current=true]{background:#eee5ee;border-color:#ded0dc}
.workspace-ui .conversation-filters button{font-size:12px}
.workspace-ui .inbox-prompt h3{font-family:'DM Sans',Arial,sans-serif;font-size:18px;color:var(--ink)}
.workspace-ui .inbox-prompt p{font-size:13px;max-width:310px;color:var(--portal-muted)}
.workspace-ui .portal-message p{font-size:14px;line-height:1.65;padding:10px 14px;border-radius:12px}
.workspace-ui .message-compose textarea{font-size:14px;line-height:1.6;padding:10px;min-height:44px}
.workspace-ui .message-compose .message-send{width:40px;height:40px;min-height:40px!important;flex-basis:40px;border-radius:9px}
.workspace-ui .message-empty p{font-size:13px}
.workspace-ui .message-timeline{border-color:#e8dfe6;background:#faf7fa}
.workspace-ui .message-history{padding:18px;gap:15px}

/* Consistent account access, setup, and dismissible windows. */
.workspace-ui .auth-main{max-width:1160px;grid-template-columns:minmax(0,1fr) 450px;gap:64px}
.workspace-ui .auth-copy h1{font-size:48px;line-height:1.16}
.workspace-ui .auth-copy>p:not(.portal-label){font-size:16px;line-height:1.8}
.workspace-ui .auth-panel--clean{padding:30px;border-color:var(--portal-border);box-shadow:0 8px 32px #35233d06}
.workspace-ui .auth-session-choice h2{font-size:24px}
.workspace-ui .auth-features li{align-items:flex-start;gap:14px}
.workspace-ui .auth-features small{font-size:13px;line-height:1.7;color:var(--portal-muted)}
.workspace-ui .account-setup-main{max-width:850px}
.workspace-ui .account-setup-main h1{font-size:38px}
.workspace-ui .account-setup-main h2{font-size:21px}
.workspace-ui .account-setup-main label{color:#514456;font-size:13px}
.workspace-ui .setup-next{background:#f1eaf0;color:var(--portal-muted);line-height:1.8}
.workspace-ui .setup-actions{padding-top:6px;gap:12px}
.workspace-ui dialog{border:1px solid #dfd1dd;border-radius:16px;box-shadow:0 28px 90px #35233d26;scroll-padding-block:85px}
.workspace-ui dialog::backdrop{background:#24152b66;backdrop-filter:blur(3px)}
.workspace-ui dialog :is(.portal-dialog-heading,.admin-section-heading,.section-top){background:#fff;border-bottom-color:var(--portal-border)}
.workspace-ui dialog :is(h2,h3){font-size:21px;line-height:1.4}
.workspace-ui .asset-dialog-actions{position:sticky;bottom:-28px;background:#fff;padding:18px 0 12px;z-index:2;border-top-color:var(--portal-border)}
.workspace-ui .asset-dialog-actions button{min-height:44px}
.workspace-ui :is(.portal-not-ready,.admin-loading,.auth-card){background:#fff;border-color:var(--portal-border);box-shadow:var(--portal-shadow)}

@media(max-width:1100px){
 .admin-page.workspace-ui .admin-layout,.dashboard-page.workspace-ui .dashboard-grid{grid-template-columns:210px minmax(0,1fr);gap:22px}
 .admin-page.workspace-ui .admin-sidebar nav :is(button,a),.dashboard-page.workspace-ui .client-navigation .portal-tabs button{font-size:12px;padding-inline:10px}
 .admin-page.workspace-ui .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-welcome-actions .admin-account{display:none}
 .invoice-admin.workspace-ui .editor-grid{grid-template-columns:minmax(0,1fr) 300px}
 .workspace-ui .auth-main{gap:36px;grid-template-columns:minmax(0,1fr) 420px}
}
@media(max-width:850px){
 .workspace-ui :is(.portal-main,.admin-main,.billing-main){padding:28px 24px 44px}
 .invoice-admin.workspace-ui .editor-grid,.billing.workspace-ui .client-grid{grid-template-columns:minmax(0,1fr)}
 .invoice-admin.workspace-ui .summary{position:static}
 .workspace-ui .auth-main{grid-template-columns:minmax(0,1fr);max-width:620px;gap:26px;padding:34px 24px}
 .workspace-ui .auth-copy h1{font-size:38px}
 .workspace-ui .auth-copy h1 br{display:none}
}
@media(max-width:760px){
 .workspace-ui :is(.portal-main,.admin-main,.billing-main){padding:26px 18px 40px}
 .workspace-ui :is(.portal-header,.billing-header){min-height:72px;padding:10px 18px}
 .workspace-ui :is(.portal-header,.billing-header) img{height:42px;width:148px}
 .dashboard-page.workspace-ui .portal-header{padding:0}
 .dashboard-page.workspace-ui .portal-header-inner{min-height:72px;padding:10px 18px}
 .admin-page.workspace-ui .admin-layout,.dashboard-page.workspace-ui .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .admin-page.workspace-ui .admin-welcome h1,.dashboard-page.workspace-ui .welcome-row h1{font-size:34px}
 .admin-page.workspace-ui .admin-welcome{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}
 .admin-welcome-actions{width:100%}
 .admin-welcome-actions>.portal-button{min-height:42px;font-size:12px;padding:10px 15px}
 .admin-page.workspace-ui .admin-sidebar{padding:8px;position:static}
 .admin-page.workspace-ui .sidebar-label{display:none}
 .admin-page.workspace-ui .admin-sidebar nav{gap:6px;padding-bottom:5px}
 .admin-page.workspace-ui .admin-sidebar nav :is(button,a){min-height:42px;min-width:max-content;font-size:12px;padding:10px 11px;white-space:nowrap}
 .admin-page.workspace-ui .sidebar-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--portal-border);margin-top:7px;padding:12px 7px 3px;gap:10px}
 .admin-page.workspace-ui .sidebar-bottom button{width:auto;border:0;background:transparent;padding:0;min-height:34px;font-size:11px}
 .admin-page.workspace-ui .sidebar-bottom a{font-size:11px}
 .client-sidebar{position:static;display:contents}
 .dashboard-page.workspace-ui .client-navigation{grid-row:1;padding:8px;margin:0}
 .client-navigation>.portal-label{display:none}
 .dashboard-page.workspace-ui .client-navigation .portal-tabs{flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:thin;padding-bottom:3px}
 .dashboard-page.workspace-ui .client-navigation .portal-tabs button{width:auto;min-width:max-content;flex:0 0 auto;min-height:42px;padding:10px 13px;font-size:12px;white-space:nowrap}
 .dashboard-page.workspace-ui .client-navigation .portal-tabs svg{display:block;width:16px;height:16px;flex-basis:16px}
 .dashboard-page.workspace-ui .client-navigation #tab-profile{grid-column:auto}
 .dashboard-page.workspace-ui .dashboard-content{grid-row:2}
 .dashboard-page.workspace-ui .client-sidebar .dashboard-help{grid-row:3;margin-top:0;max-width:none;padding:22px}
 .dashboard-page.workspace-ui .client-sidebar #setup-checklist{grid-row:4;max-width:none}
 .dashboard-page.workspace-ui .dashboard-help #client-support-message{width:auto;padding-inline:18px}
 .dashboard-page.workspace-ui .dashboard-help a{font-size:12px}
 .dashboard-page.workspace-ui .dashboard-help #signout{max-width:none;width:100%}
 .dashboard-page.workspace-ui .dashboard-content>.card{padding:24px 22px}
 .dashboard-page.workspace-ui .dashboard-empty{padding:36px 20px}
 .dashboard-page.workspace-ui .welcome-row{margin-bottom:24px}
 .invoice-admin.workspace-ui .page-title h1,.billing.workspace-ui .client-intro h1{font-size:32px}
 .workspace-ui .asset-file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .workspace-ui .asset-card .asset-file-name{font-size:12px}
 .workspace-ui .asset-card :is(.asset-file-meta,.asset-file-note){font-size:11px}
 .workspace-ui dialog{padding:24px 20px;max-height:90dvh}
 .workspace-ui .asset-dialog-actions{bottom:-24px}
}
@media(max-width:540px){
 .workspace-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 .workspace-ui .auth-main{padding:28px 18px;gap:22px}
 .workspace-ui .auth-copy h1{font-size:34px}
 .workspace-ui .auth-copy>p:not(.portal-label){font-size:14px}
 .workspace-ui .auth-panel--clean{padding:24px 21px}
 .workspace-ui .account-setup-main h1{font-size:32px}
 .admin-page.workspace-ui .admin-stats .card{min-height:128px;padding:17px}
 .admin-page.workspace-ui .admin-stats strong{font-size:32px}
 .admin-page.workspace-ui .admin-record-note{font-size:12px}
 .admin-page.workspace-ui .approval-card{padding:22px 18px}
 .workspace-ui .asset-card .asset-file-actions .portal-button{font-size:10px!important;padding:7px!important}
 .workspace-ui .portal-message p{font-size:13px}
 .workspace-ui .message-history{padding:14px}
 .dashboard-page.workspace-ui .profile-form-actions{gap:10px}
 .dashboard-page.workspace-ui .profile-form-actions>button{flex:1 1 auto;min-height:44px}
}