.hd-clients{width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.hd-clients .client-nav{background:var(--panel);border-right:1px solid var(--border);flex-shrink:0;width:200px;padding:16px 8px}.hd-clients .client-nav a{border-radius:6px;padding:8px;font-size:13px;text-decoration:none;display:block}.hd-clients .client-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.hd-clients .client-content{flex:1;min-width:0;padding:24px 28px;overflow:auto}.hd-clients .client-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.hd-clients table{border-collapse:collapse;width:100%;font-size:13px}.hd-clients th{background:var(--panel);color:var(--text-muted);text-align:left;font-weight:500}.hd-clients td,.hd-clients th{border-bottom:1px solid var(--border);padding:10px 12px}.hd-clients tr:last-child td{border-bottom:0}.hd-clients .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hd-clients .stat{border:1px solid var(--border);border-radius:6px;padding:14px}.hd-clients .stat span{color:var(--text-muted);font-size:12px}.hd-clients .stat strong{font-size:22px;font-weight:600;display:block}.hd-clients a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.hd-clients .client-content h1{font-size:22px;font-weight:600}.hd-clients .client-field{gap:6px;font-size:13px;display:grid}.hd-clients input,.hd-clients select,.hd-clients textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:6px;min-width:0;padding:8px 10px}.hd-clients .client-actions{flex-wrap:wrap;gap:8px;display:flex}.hd-clients :focus-visible,.hd-clients .hd-button:focus-visible{outline-offset:2px;outline:2px solid var(--focus)!important}.hd-clients .client-muted{color:var(--text-muted);font-size:13px}.hd-clients .portal-main{width:min(984px,100% - 32px);margin:24px auto}.hd-clients.portal-shell{height:auto;min-height:100dvh;display:block;overflow:auto}.hd-clients .portal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px max(16px,50% - 492px);display:flex}.hd-clients .portal-footer{color:var(--text-muted);text-align:center;margin:64px 0 24px;font-size:12px}.hd-clients .portal-thread{border:1px solid var(--border);border-radius:6px;padding:14px}.hd-clients .portal-message{border-bottom:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 0;font-size:14px;line-height:1.6}.hd-clients .portal-message:last-child{border:0}.hd-clients .portal-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin:20px 0 14px;display:flex}.hd-clients .portal-login{width:min(400px,100% - 32px);margin:64px auto}.hd-clients .share-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hd-clients .share-block{border:1px solid var(--border);border-radius:6px;padding:14px;font-size:13px}.hd-clients .share-block h2{margin-bottom:8px;font-size:14px;font-weight:600}@media (max-width:700px){.hd-clients .client-nav{border-right:0;border-bottom:1px solid var(--border);gap:4px;width:auto;padding:8px;display:flex}.hd-clients:not(.portal-shell){flex-direction:column}.hd-clients .client-content{padding:16px}.hd-clients .stats{grid-template-columns:1fr 1fr}.hd-clients .share-grid{grid-template-columns:1fr}.hd-clients .client-table{overflow-x:auto}.hd-clients .client-table table{min-width:580px}.hd-clients .portal-header{flex-wrap:wrap}.hd-clients .portal-main .client-table table{min-width:500px}}.hd-clients .client-nav-label{text-transform:uppercase;color:var(--text-muted);padding:0 8px 8px;font-size:10px;display:block}.hd-clients .client-nav a{color:var(--text);text-decoration:none}.hd-clients .client-search{align-items:center;width:240px;min-width:0;display:flex;position:relative}.hd-clients .client-search svg{color:var(--text-muted);position:absolute;left:10px}.hd-clients .client-search input{width:100%;padding-left:32px}.hd-clients .client-filters select{min-width:120px;font-size:13px}.hd-clients .client-empty{border:1px solid var(--border);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:232px;padding:32px;display:flex}.hd-clients .client-empty h2{font-size:16px;font-weight:600}.hd-clients .client-empty p{color:var(--text-muted);max-width:320px;font-size:13px;line-height:1.5}.hd-clients .client-empty-icon{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--text-muted);border-radius:6px;padding:7px}.hd-clients .client-tier{background:var(--panel);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 4px;font-size:11px}.hd-clients .client-table td:first-child a{color:var(--text);font-weight:600;text-decoration:none}.hd-clients .client-table td:first-child a:hover{color:var(--accent)}.hd-clients .client-workspace-accounts{color:var(--text-muted);font-size:12px}.hd-clients .client-workspace-accounts summary{cursor:pointer}.hd-clients .client-workspace-accounts a{margin-top:8px;display:block}@media (max-width:700px){.hd-clients .client-nav-label{display:none}.hd-clients .client-search{width:100%}.hd-clients .client-filters{grid-template-columns:1fr 1fr;display:grid}.hd-clients .client-search{grid-column:1/-1}.hd-clients .client-empty{padding:24px 16px}}.client-directory .client-nav{width:205px;padding:14px 8px}.client-directory .client-nav a{border-radius:4px;padding:6px 7px;font-size:12px;line-height:16px}.client-directory .client-nav-label{padding:0 7px 5px}.client-directory .client-content{padding:24px 28px}.client-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.client-identity{align-items:center;gap:8px;min-width:0;display:flex}.client-directory .client-content h1{line-height:28px}.client-subtitle{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.client-directory .hd-button{height:28px;min-height:28px;font-size:12px}.client-directory .hd-button>span{align-items:center;gap:5px;display:inline-flex}.client-directory .client-filters{gap:6px;margin-bottom:10px}.client-directory .client-filters input,.client-directory .client-filters select{border-radius:4px;height:34px;padding-top:0;padding-bottom:0}.client-directory th,.client-directory td{padding:9px 10px;font-size:12px}.client-directory th{padding-top:7px;padding-bottom:7px}.client-directory th .hd-button{min-width:0;height:18px;min-height:18px;color:var(--text-muted);padding:0;font-weight:400}.client-directory th svg{width:12px;height:12px}.client-directory td:nth-child(n+3){font-variant-numeric:tabular-nums}.client-directory .client-table td:first-child a{align-items:center;gap:7px;display:flex}.client-dot{background:var(--hd-client-1);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.client-dot[data-colour="1"]{background:var(--hd-client-2)}.client-dot[data-colour="2"]{background:var(--hd-client-3)}.client-dot[data-colour="3"]{background:var(--hd-client-4)}.client-dot[data-colour="4"]{background:var(--hd-client-6)}.client-dot[data-colour="5"]{background:var(--hd-client-5)}.client-avatar,.client-owner-avatar{background:var(--accent);color:var(--hd-on-solid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.client-avatar{width:36px;height:36px;font-size:14px}.client-owner-avatar{width:22px;height:22px;font-size:9px}.client-directory .portal-tabs{gap:4px;margin-top:22px;margin-bottom:14px}.client-directory .portal-tabs .hd-button{color:var(--text-muted);background:0 0;border:0;border-radius:0;height:34px;min-height:34px;padding:0 10px}.client-directory .portal-tabs .hd-button[aria-selected=true]{color:var(--text);border-bottom:1px solid var(--accent)}.client-overview{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px;display:grid}.client-overview-main,.client-overview-aside{flex-direction:column;gap:14px;min-width:0;display:flex}.client-directory .stats{gap:14px}.client-directory .stat{padding:14px}.client-directory .stat strong{white-space:normal;font-size:22px;line-height:26px}.client-directory .stat strong[data-missing=true]{color:var(--text-muted);font-size:13px;font-weight:400}.client-section{border:1px solid var(--border);border-radius:6px;overflow:hidden}.client-section>h2{padding:10px 14px;font-weight:600;font-size:14px!important;line-height:20px!important}.client-section-body{padding:8px 14px 14px;font-size:13px;line-height:20px}.client-section-body .hd-button{margin-top:10px}.client-overview-main .client-section>h2{border-bottom:1px solid var(--border)}.client-ticket{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:12px;padding:12px 14px;font-size:13px;display:flex;color:var(--text)!important;text-decoration:none!important}.client-ticket:last-child{border:0}.client-ticket>div{overflow-wrap:anywhere;min-width:0}.client-ticket strong{font-weight:600}.client-ticket-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.client-pill{background:var(--panel);color:var(--text-muted);white-space:nowrap;text-transform:none;border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:11px;line-height:16px;display:inline-flex}.client-pill[data-tone=accent]{background:var(--accent-soft);color:var(--accent)}.client-pill[data-tone=warning]{background:var(--warning-soft);color:var(--warning)}.client-pill[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.client-pill[data-tone=success]{background:var(--success-soft);color:var(--success)}.client-budget{appearance:none;width:102px;height:6px;accent-color:var(--accent);border:0}.client-budget::-webkit-progress-bar{background:var(--border);border-radius:4px}.client-budget::-webkit-progress-value{background:var(--accent);border-radius:4px}.client-budget[data-over=true]::-webkit-progress-value{background:var(--danger)}.client-sharing{color:var(--text-muted);margin-top:20px;font-size:12px}.client-sharing summary{cursor:pointer;margin-bottom:10px}.client-workspace-accounts{margin-top:16px}.client-form-dialog{max-height:85dvh;display:block;overflow:auto}.client-form-dialog .client-field{gap:6px;font-size:13px;display:grid}.client-form-dialog input,.client-form-dialog select,.client-form-dialog textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;min-width:0;padding:8px 10px}.hd-clients.portal-shell .portal-header{height:55px;padding-top:12px;padding-bottom:12px}.portal-brand{align-items:center;gap:8px;min-width:0;font-size:16px;display:flex}.portal-brand img{object-fit:contain;max-width:180px;height:28px}.portal-brand .brand-mark{width:25px;height:25px}.hd-clients.portal-shell .portal-login{width:min(342px,100% - 32px);margin:54px auto 84px}.portal-login h1{font-size:22px!important;line-height:28px!important}.portal-login .client-muted{margin:12px 0}.portal-login .hd-button{height:34px}.portal-shell .portal-tabs{gap:4px}.portal-shell .portal-tabs .hd-button{color:var(--text-muted);background:0 0;border:0;border-radius:0;height:34px;min-height:34px;padding:0 10px;font-size:13px}.portal-shell .portal-tabs .hd-button[aria-selected=true]{color:var(--text);border-bottom:1px solid var(--accent)}.portal-shell .client-table{margin-top:14px}.portal-shell .client-table td:first-child a{color:var(--accent);text-decoration:none}.portal-shell .client-table th{font-size:12px}.portal-shell .client-table td{font-size:13px}.portal-shell .portal-footer{font-size:12px}.portal-shell .portal-header .hd-button{height:28px;min-height:28px;font-size:12px}.portal-shell .hd-button>span{align-items:center;gap:5px;display:inline-flex}.portal-shell .portal-thread{padding:14px}.portal-shell .portal-reply{border:1px solid var(--border);border-radius:6px;padding:0;overflow:hidden}.portal-shell .portal-reply textarea{resize:vertical;border:0;width:100%;min-height:68px;padding:12px}.portal-shell .portal-reply footer{border-top:1px solid var(--border);justify-content:end;gap:8px;padding:8px 10px;display:flex}@media (max-width:1000px){.client-overview{grid-template-columns:minmax(0,1fr)}.client-overview-aside{grid-template-columns:1fr 1fr;display:grid}.client-directory .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-directory .client-table{overflow-x:auto}.client-directory .client-table table{min-width:740px}}@media (max-width:700px){.client-directory .client-nav{width:auto}.client-directory .client-content{padding:20px 16px}.client-heading{flex-wrap:wrap}.client-overview-aside{grid-template-columns:1fr}.client-directory .hd-button{min-height:36px}.hd-clients.portal-shell .portal-header{height:auto;min-height:55px}}.legacy-portal-concept{background:var(--background);color:var(--foreground)}.legacy-portal-concept>header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--background)}.legacy-portal-concept>header>div{max-width:1032px;padding-top:12px;padding-bottom:12px}.legacy-portal-concept>header h1{font-size:16px;font-weight:600}.legacy-portal-concept>header p{display:none}.legacy-portal-concept>main{max-width:1032px;padding-top:20px}.legacy-portal-concept .portal-greeting{font-size:22px;font-weight:600;line-height:30px}.legacy-portal-concept .portal-subtitle{color:var(--muted-foreground);margin:10px 0 16px;font-size:13px}.portal-concept-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.portal-concept-tabs button{height:34px;color:var(--muted-foreground);background:0 0;border-radius:0;padding:0 10px;font-size:13px;font-weight:400}.portal-concept-tabs button[aria-selected=true]{border-bottom:1px solid var(--primary);color:var(--foreground)}.portal-concept-table{border:1px solid var(--border);border-radius:6px;overflow:auto}.portal-concept-table table{border-collapse:collapse;width:100%;font-size:13px}.portal-concept-table th{background:var(--muted);color:var(--muted-foreground);text-align:left;padding:8px 10px;font-size:12px;font-weight:400}.portal-concept-table td{border-top:1px solid var(--border);padding:8px 10px}.portal-concept-table .portal-request-link{text-align:left;white-space:normal;height:auto;color:var(--primary);justify-content:start;padding:0;font-size:13px}.portal-concept-table td p{color:var(--muted-foreground);margin-top:2px;font-size:12px}.portal-state{border-radius:4px;padding:2px 6px;font-size:11px;display:inline-flex}.portal-concept-footer{text-align:center;color:var(--muted-foreground);padding:40px 16px 24px;font-size:12px}.portal-concept-message{border-bottom:1px solid var(--border);padding:14px 0;font-size:14px;line-height:22px}.portal-concept-message:last-child{border-bottom:0}.hd-clients.portal-settings{height:auto;min-height:100%}.portal-settings .share-block{padding:0}.portal-settings .share-block>h2{border-bottom:1px solid var(--border);margin:0;padding:10px 14px;font-size:14px}.portal-settings .portal-setting-toggle{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin:0 14px;padding:10px 0;font-size:13px;display:flex}.portal-settings .portal-setting-toggle:last-child{border:0;padding-bottom:14px}.portal-setting-toggle .client-muted{font-size:12px;line-height:18px}.portal-label-row{grid-template-columns:110px 20px minmax(0,205px);align-items:center;gap:8px;margin:0 14px 12px;font-size:13px;display:grid}.portal-label-row:first-of-type{margin-top:14px}.portal-label-row .client-pill{text-transform:capitalize;width:max-content}.portal-settings input{height:30px;padding:4px 8px}.portal-settings .max-w-3xl{max-width:696px}.hd-clients.portal-settings{width:100%;display:block!important}.portal-settings>div{width:100%}.portal-shell .portal-login button,.portal-shell .portal-header button{border-radius:4px}.client-directory a.hd-button{color:var(--hd-on-solid);text-decoration:none}.client-directory .client-ticket>span{flex-shrink:0}.client-directory .client-ticket strong{overflow-wrap:anywhere}@media (max-width:700px){.client-directory .portal-tabs{flex-wrap:nowrap;overflow-x:auto}.client-directory .portal-tabs .hd-button{flex-shrink:0}.client-directory .stat{min-width:0}.client-directory .stat strong{overflow-wrap:anywhere}}