@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap");
:root{--navy:#063b5b;--blue:#0871b9;--sky:#eaf5fb;--orange:#ff8500;--ink:#15364b;--muted:#678091;--line:#d5e4ed;--white:#fff;--danger:#c63b3b;--success:#138765;--shadow:0 20px 55px rgba(2,54,87,.11)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f4f9fc}a{color:inherit}.crm-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 10%,rgba(255,133,0,.2),transparent 28%),linear-gradient(145deg,#032d49,#075a83)}.crm-login-card{width:min(460px,100%);background:#fff;border-radius:28px;padding:38px;box-shadow:0 34px 90px rgba(0,0,0,.3);border-top:5px solid var(--orange)}.crm-brand{display:flex;align-items:center;gap:14px;font-weight:900;font-size:22px;color:var(--navy)}.crm-brand img{width:64px;height:auto}.crm-login-card h1{font-size:34px;margin:28px 0 8px}.crm-login-card p{color:var(--muted);line-height:1.65}.crm-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.crm-sidebar{background:linear-gradient(180deg,#053d5d,#032e49);padding:24px 18px;color:#fff;position:sticky;top:0;height:100vh;overflow:auto}.crm-sidebar .crm-brand{color:#fff;padding:0 10px 25px}.crm-nav{display:grid;gap:6px}.crm-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;text-decoration:none;color:rgba(255,255,255,.82);font-weight:750}.crm-nav a:hover,.crm-nav a.active{background:rgba(255,255,255,.13);color:#fff}.crm-main{min-width:0}.crm-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.crm-content{padding:30px;max-width:1500px;margin:auto}.crm-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.crm-page-head h1{margin:0;color:var(--navy);font-size:clamp(29px,4vw,42px)}.crm-page-head p{margin:8px 0 0;color:var(--muted)}.crm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:0;border-radius:10px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.crm-btn.orange{background:var(--orange)}.crm-btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.crm-btn.small{min-height:36px;padding:8px 12px;font-size:13px}.crm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.crm-stat,.crm-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.crm-stat{padding:22px;position:relative;overflow:hidden}.crm-stat:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:rgba(8,113,185,.07);right:-24px;top:-24px}.crm-stat span{display:block;color:var(--muted);font-weight:750}.crm-stat strong{display:block;font-size:34px;margin-top:8px;color:var(--navy)}.crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.crm-card{padding:24px}.crm-card h2,.crm-card h3{margin-top:0;color:var(--navy)}.crm-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.crm-table{width:100%;border-collapse:collapse;min-width:800px}.crm-table th{background:#edf6fb;color:#34566b;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.crm-table th,.crm-table td{padding:14px 16px;border-bottom:1px solid #e4eef4;vertical-align:top}.crm-table tr:last-child td{border-bottom:0}.crm-table a{color:#086ca8;font-weight:800;text-decoration:none}.crm-badge{display:inline-flex;padding:6px 10px;border-radius:99px;background:#eaf5fb;color:#075b87;font-size:12px;font-weight:850}.crm-badge.New,.crm-badge.Draft{background:#edf2f5;color:#526875}.crm-badge.Won,.crm-badge.Paid,.crm-badge.Accepted,.crm-badge.Completed{background:#e4f7ef;color:#087555}.crm-badge.Lost,.crm-badge.Overdue,.crm-badge.Rejected{background:#fdeaea;color:#a72f2f}.crm-badge.Urgent{background:#fff0e1;color:#b45100}.crm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.crm-form .full{grid-column:1/-1}.crm-form label{display:grid;gap:7px;font-weight:800;color:#34566b}.crm-form input,.crm-form select,.crm-form textarea{width:100%;border:1px solid #cbdde8;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit}.crm-form textarea{min-height:110px;resize:vertical}.crm-flash{padding:14px 18px;border-radius:12px;margin-bottom:18px;font-weight:750}.crm-flash.success{background:#e3f7ef;color:#086d50}.crm-flash.error{background:#fde8e8;color:#9d2929}.crm-timeline{display:grid;gap:0}.crm-event{position:relative;padding:0 0 24px 28px;border-left:2px solid #d5e6ef}.crm-event:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:-7px;top:4px;background:var(--orange);box-shadow:0 0 0 5px #fff}.crm-event strong{display:block;color:var(--navy)}.crm-event time{font-size:12px;color:var(--muted)}.crm-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.crm-empty{padding:28px;text-align:center;color:var(--muted)}.crm-line-items{display:grid;gap:12px}.crm-line{display:grid;grid-template-columns:2fr 2fr .65fr .9fr .75fr .75fr auto;gap:8px;align-items:end}.crm-balance{font-size:28px;color:var(--navy);font-weight:900}.crm-mobile-toggle{display:none}.crm-client-shell{min-height:100vh}.crm-client-top{background:#06496f;color:#fff;padding:16px 5vw;border-bottom:4px solid var(--orange);display:flex;justify-content:space-between;align-items:center}.crm-client-top .crm-brand{color:#fff}.crm-client-main{padding:34px 5vw;max-width:1300px;margin:auto}.crm-doc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}@media(max-width:1100px){.crm-stats{grid-template-columns:repeat(2,1fr)}.crm-line{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.crm-shell{display:block}.crm-sidebar{position:fixed;left:-280px;z-index:50;width:260px;transition:.25s}.crm-sidebar.open{left:0}.crm-mobile-toggle{display:inline-flex}.crm-topbar{padding:0 16px}.crm-content{padding:20px 14px}.crm-page-head{align-items:stretch;flex-direction:column}.crm-stats,.crm-grid,.crm-form{grid-template-columns:1fr}.crm-form .full{grid-column:auto}.crm-card{padding:18px}.crm-line{grid-template-columns:1fr}.crm-login-card{padding:28px 22px}.crm-client-top{align-items:flex-start;gap:14px;flex-direction:column}}

/* Client portal v2 */
.crm-client-shell{background:linear-gradient(180deg,#edf7fc 0,#f8fbfd 460px,#f4f9fc 100%)}
.crm-client-top{display:block;padding:0 5vw;background:linear-gradient(115deg,#033b5d,#086f9d);box-shadow:0 10px 30px rgba(1,48,75,.14)}
.crm-client-brand-row{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.crm-client-brand-row .crm-brand{text-decoration:none}
.crm-client-brand-row .crm-brand img{width:78px;background:#fff;padding:4px;border-radius:7px}
.crm-client-brand-row .crm-brand span{display:grid;font-size:22px;line-height:1.1}
.crm-client-brand-row .crm-brand small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#9ed6ed;margin-bottom:5px}
.client-logout{display:inline-flex;padding:9px 14px;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;text-decoration:none;font-weight:800;font-size:13px}
.client-nav{display:flex;gap:4px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}
.client-nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;padding:10px 13px;border-radius:9px}
.client-nav a:hover,.client-nav a.active{background:#fff;color:var(--navy)}
.crm-client-main{padding:42px 5vw 58px;max-width:1500px}
.client-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.client-welcome h1{margin:4px 0 8px;color:var(--navy);font-size:clamp(34px,4vw,52px);letter-spacing:-.035em}
.client-welcome p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}
.client-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.client-stat{position:relative;overflow:hidden;min-height:150px;padding:23px;border:1px solid #d4e6f0;border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(2,54,87,.08);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.client-stat:after{content:"";position:absolute;right:-32px;top:-36px;width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,rgba(8,113,185,.11),rgba(255,133,0,.08))}
.client-stat:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(2,54,87,.13)}
.client-stat span{display:block;color:#577488;font-weight:800}
.client-stat strong{display:block;margin:10px 0 5px;color:var(--navy);font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.025em}
.client-stat small{color:#78909f;font-size:12px}
.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:22px}
.client-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.client-panel-head h2{margin:4px 0 0}
.client-panel-head>a{color:#076da8;font-weight:800;text-decoration:none;font-size:13px}
.client-activity-list{display:grid}
.client-activity-list>a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 2px;border-bottom:1px solid #e4eef4;text-decoration:none}
.client-activity-list>a:last-child{border-bottom:0}
.client-activity-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #fff3e6}
.client-activity-list strong,.client-activity-list small{display:block}
.client-activity-list small{margin-top:4px;color:var(--muted)}
.client-activity-list time{font-size:12px;color:#8297a4;white-space:nowrap}
.client-quick{background:linear-gradient(155deg,#063f61,#075d83);color:#fff;border:0}
.client-quick h2{color:#fff;margin:5px 0 16px}
.client-quick>a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none}
.client-quick>a:last-child{border-bottom:0}
.client-quick strong,.client-quick small{display:block}
.client-quick small{margin-top:4px;color:rgba(255,255,255,.67);line-height:1.45}
.client-list{display:grid;gap:14px}
.client-list-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 13px 38px rgba(2,54,87,.07)}
.client-list-card h2{font-size:20px;margin:10px 0 5px;color:var(--navy)}
.client-list-card p{margin:0;color:var(--muted)}
.client-list-action{display:grid;justify-items:end;gap:12px;min-width:180px}
.client-list-action>strong{color:var(--navy);font-size:18px}
.client-empty{padding:42px;text-align:center;color:var(--muted)}
.client-empty strong{display:block;color:var(--navy);font-size:20px}
.client-empty p{margin:8px auto 18px;max-width:540px;line-height:1.6}
.client-support-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}
.client-muted{color:var(--muted);line-height:1.6}
.client-request-list{display:grid;gap:14px}
.client-request-list>article{border:1px solid #dbe8ef;border-radius:15px;padding:17px;background:#fbfdfe;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.client-request-list article>div>strong,.client-request-list article>div>small{display:block}
.client-request-list article>div>small{margin-top:5px;color:var(--muted);font-size:11px}
.client-request-list article>p{grid-column:1/-1;margin:4px 0;color:#486779;line-height:1.55}
.client-reply{grid-column:1/-1;background:#edf7fc;border-left:4px solid var(--blue);padding:13px;border-radius:8px}
.client-reply p{margin:5px 0 0!important}
.client-security-note{margin-top:25px;padding:18px;border-radius:14px;background:#edf7fc;border:1px solid #d5e6ef}
.client-security-note p{color:var(--muted);line-height:1.55;margin-bottom:0}
.client-document-copy{color:#486779;line-height:1.75;margin-bottom:24px}
.client-document-total{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.client-document-total strong{font-size:28px;color:var(--navy)}
.client-decision{margin-top:24px}
.client-invoice-summary{width:min(430px,100%);margin:24px 0 10px auto}
.client-invoice-summary p,.client-payment-list p{display:flex;justify-content:space-between;gap:20px;padding:10px 0;margin:0;border-bottom:1px solid #e1ecf2}
.client-invoice-summary .balance{font-size:20px;color:var(--navy);border-bottom:0}
.client-payment-list{width:min(650px,100%)}
.client-table{min-width:680px}
.client-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 5vw;background:#043b5b;color:rgba(255,255,255,.72);font-size:12px}
.client-footer a{color:#fff}
.client-login-help{text-align:center;font-size:13px!important;margin:22px 0 0!important}
.client-login-help a{color:#076da8;font-weight:800}
.crm-badge.Open,.crm-badge.In-Progress{background:#e8f4fb;color:#07628f}
.crm-badge.Resolved,.crm-badge.Closed{background:#e4f7ef;color:#087555}
@media(max-width:1050px){.client-stat-grid{grid-template-columns:repeat(2,1fr)}.client-dashboard-grid,.client-support-grid{grid-template-columns:1fr}}
@media(max-width:760px){.crm-client-top{padding:0 16px}.crm-client-brand-row{min-height:74px}.crm-client-brand-row .crm-brand img{width:62px}.crm-client-brand-row .crm-brand span{font-size:18px}.client-nav{margin:0 -16px;padding:0 16px 11px}.crm-client-main{padding:28px 14px 44px}.client-welcome{display:block}.client-welcome .crm-btn{margin-top:18px}.client-stat-grid{grid-template-columns:1fr 1fr;gap:11px}.client-stat{min-height:130px;padding:17px}.client-stat strong{font-size:25px}.client-list-card{align-items:flex-start;flex-direction:column}.client-list-action{width:100%;min-width:0;justify-items:start}.client-list-action .crm-btn{width:100%}.client-activity-list>a{grid-template-columns:12px minmax(0,1fr)}.client-activity-list time{grid-column:2}.client-footer{flex-direction:column}.crm-doc{padding:21px 16px}}
@media(max-width:460px){.client-stat-grid{grid-template-columns:1fr}.crm-client-brand-row .crm-brand small{display:none}.client-logout{padding:8px 10px}.client-request-list>article{grid-template-columns:1fr}.client-request-list .crm-badge{justify-self:start}.client-document-total{justify-content:space-between;align-items:flex-end}.client-document-total strong{font-size:22px}}
/* Admin dashboard v3 */
.crm-admin-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:235px;margin-bottom:24px;padding:36px 40px;border-radius:26px;background:linear-gradient(115deg,#053b5c 0%,#075e87 65%,#0a7ca5 100%);box-shadow:0 24px 60px rgba(2,54,87,.18);color:#fff}
.crm-admin-hero:before,.crm-admin-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.crm-admin-hero:before{width:290px;height:290px;right:14%;top:-190px;box-shadow:0 0 0 48px rgba(255,255,255,.035)}
.crm-admin-hero:after{width:190px;height:190px;left:43%;bottom:-155px;box-shadow:0 0 0 38px rgba(255,133,0,.08)}
.crm-admin-hero .crm-kicker{color:#ffad4d}
.crm-admin-hero h1{margin:7px 0 8px;color:#fff;font-size:clamp(30px,4vw,47px);letter-spacing:-.035em}
.crm-admin-hero p{margin:0;color:rgba(255,255,255,.74);font-size:16px;line-height:1.6}
.crm-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.crm-btn.hero-ghost{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(8px)}
.crm-hero-signal{flex:0 0 230px;padding:23px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.crm-hero-signal span,.crm-hero-signal small{display:block;color:rgba(255,255,255,.72)}
.crm-hero-signal span{font-weight:800}
.crm-hero-signal strong{display:block;margin:5px 0;font-size:46px;line-height:1;color:#fff}
.crm-hero-signal small{line-height:1.45}
.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.admin-stat{text-decoration:none;min-height:155px;padding:20px 21px;border-top:4px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.admin-stat:after{width:100px;height:100px;background:currentColor;opacity:.035}
.admin-stat:hover{transform:translateY(-3px);box-shadow:0 23px 50px rgba(2,54,87,.15)}
.admin-stat.tone-1{border-top-color:#0871b9}.admin-stat.tone-2{border-top-color:#12a27c}.admin-stat.tone-3{border-top-color:#f48a15}.admin-stat.tone-4{border-top-color:#6f65cf}
.admin-stat-icon{position:absolute!important;right:17px;top:17px;display:grid!important;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef7fc;color:#086caa!important;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 1px #d9eaf3}
.admin-stat.tone-2 .admin-stat-icon{background:#e8f8f2;color:#128261!important}.admin-stat.tone-3 .admin-stat-icon{background:#fff2e5;color:#c86808!important}.admin-stat.tone-4 .admin-stat-icon{background:#f0eefc;color:#6358bc!important}
.admin-stat-label{max-width:calc(100% - 46px);font-size:13px;text-transform:uppercase;letter-spacing:.035em}
.admin-stat strong{font-size:31px;margin-top:14px;white-space:nowrap}
.admin-stat small{display:block;margin-top:4px;color:#8aa0ad;font-size:11px;font-weight:750}
.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:22px;align-items:start}
.admin-dashboard-side{display:grid;gap:22px}
.admin-recent-card{padding:27px}
.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-section-head h2{margin:5px 0 0;font-size:25px}
.admin-section-head>a{color:#0871b9;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap}
.admin-recent-table{min-width:720px}
.admin-recent-table tbody tr{transition:background .18s ease}
.admin-recent-table tbody tr:hover{background:#f7fbfd}
.admin-pipeline{padding:25px}
.admin-pipeline-list{display:grid;gap:16px}
.admin-pipeline-list>a{text-decoration:none}
.admin-pipeline-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.admin-pipeline-list strong{font-size:13px;color:#365b70}
.admin-pipeline-list em{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:9px;background:#edf6fb;color:#086caa;font-style:normal;font-size:12px;font-weight:900}
.admin-pipeline-list i{display:block;height:7px;border-radius:99px;background:#e8f0f4;overflow:hidden}
.admin-pipeline-list b{display:block;height:100%;min-width:8px;border-radius:99px;background:linear-gradient(90deg,#ff8a0b,#0c83bb)}
.admin-quick-actions{padding:25px;background:linear-gradient(155deg,#fff,#f5fafc)}
.admin-quick-actions h2{margin:5px 0 12px}
.admin-quick-actions>a{display:block;padding:13px 0;border-bottom:1px solid #e0ebf1;text-decoration:none}
.admin-quick-actions>a:last-child{border-bottom:0}
.admin-quick-actions strong,.admin-quick-actions small{display:block}
.admin-quick-actions strong{color:var(--navy)}
.admin-quick-actions small{margin-top:4px;color:var(--muted);line-height:1.45}
.crm-sidebar{box-shadow:14px 0 38px rgba(2,45,69,.08)}
.crm-nav a{position:relative;overflow:hidden}
.crm-nav a.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:4px;border-radius:0 5px 5px 0;background:var(--orange)}
@media(max-width:1250px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-side{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.crm-admin-hero{display:block;min-height:0;padding:28px 22px;border-radius:21px}.crm-hero-signal{display:none}.crm-hero-actions .crm-btn{flex:1}.admin-stats{grid-template-columns:repeat(2,1fr);gap:11px}.admin-stat{min-height:142px;padding:17px}.admin-stat strong{font-size:25px}.admin-stat-label{font-size:11px}.admin-stat-icon{right:12px;top:12px}.admin-dashboard-side{grid-template-columns:1fr}.admin-recent-card{padding:18px}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-section-head>a{white-space:normal}}
@media(max-width:440px){.admin-stats{grid-template-columns:1fr}.admin-stat{min-height:130px}.crm-hero-actions{display:grid}.crm-admin-hero h1{font-size:31px}}
.crm-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crm-source-grid>div{padding:13px 14px;border:1px solid var(--line);background:#f7fbfd;border-radius:12px;min-width:0}.crm-source-grid .full{grid-column:1/-1}.crm-source-grid small{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.crm-source-grid strong,.crm-source-grid a{display:block;overflow-wrap:anywhere;color:var(--navy)}@media(max-width:640px){.crm-source-grid{grid-template-columns:1fr}.crm-source-grid .full{grid-column:auto}}

/* Compact admin typography */
.crm-shell{font-size:14px}
.crm-sidebar .crm-brand{font-size:20px}
.crm-nav a{font-size:14px}
.crm-topbar{font-size:14px}
.admin-section-head h2,.admin-quick-actions h2{font-size:22px}
.admin-quick-actions strong{font-size:15px}
.admin-quick-actions small{font-size:13px}
.admin-recent-table td{font-size:14px}
.admin-recent-table td>a{font-size:15px}
@media(max-width:760px){.crm-shell{font-size:14px}.crm-nav a{font-size:14px}}
/* CRM brand and lead trend */
.crm-sidebar .crm-brand{gap:14px;padding:4px 8px 27px;font-size:18px;white-space:nowrap}
.crm-sidebar .crm-brand img{width:82px;padding:5px 7px;background:#fff;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.admin-trend-card{margin-bottom:22px;padding:26px 28px}
.admin-trend-card .admin-section-head{align-items:center;margin-bottom:20px}
.admin-trend-total{display:grid;justify-items:end}.admin-trend-total strong{font-size:28px;color:var(--navy)}.admin-trend-total small{color:var(--muted)}
.admin-trend-chart{display:grid;grid-template-columns:repeat(14,minmax(28px,1fr));gap:10px;align-items:end;height:230px;padding:15px 4px 0;border-top:1px solid #e1edf3}
.admin-trend-column{display:grid;grid-template-rows:20px 1fr 20px;gap:6px;height:100%;min-width:0;text-align:center}
.admin-trend-column>strong{font-size:11px;color:#5f7888}.admin-trend-column>i{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#f5fafc,#e8f2f7)}
.admin-trend-column>i>b{display:block;width:min(28px,65%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ff9218,#087cb4);box-shadow:0 8px 18px rgba(8,124,180,.18);transition:height .25s ease}
.admin-trend-column>span{font-size:10px;color:#78909f;white-space:nowrap;overflow:hidden;text-overflow:clip}
@media(max-width:900px){.admin-trend-chart{overflow-x:auto;grid-template-columns:repeat(14,48px);justify-content:start}.admin-trend-card{padding:21px 18px}}
@media(max-width:520px){.admin-trend-card .admin-section-head{flex-direction:row}.admin-trend-total strong{font-size:23px}}

/* Portal responsive hardening 2026-08-17 */
html,body{max-width:100%;overflow-x:hidden}
.crm-main,.crm-content,.crm-card,.crm-doc,.crm-client-main{min-width:0;max-width:100%}
.crm-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:760px){
  .crm-login{padding:14px}
  .crm-login-card{width:100%;max-width:440px;padding:27px 20px;border-radius:20px}
  .crm-login-card h1{font-size:28px;line-height:1.15}
  .crm-topbar{height:64px;gap:9px;padding:0 12px}
  .crm-topbar>span{font-size:11px;line-height:1.25;text-align:right}
  .crm-content{padding:18px 12px 34px}
  .crm-admin-hero h1{font-size:30px}
  .crm-hero-actions{display:grid;grid-template-columns:1fr}
  .crm-hero-actions .crm-btn{width:100%}
  .crm-table,.admin-recent-table,.client-table{min-width:680px}
  .crm-client-main{width:100%}
  .client-welcome h1{font-size:34px;line-height:1.12}
  .client-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
}
@media(max-width:420px){
  .crm-topbar>strong{display:none}
  .crm-login-card .crm-brand{font-size:18px}
  .crm-login-card .crm-brand img{width:78px}
  .admin-stats,.client-stat-grid{grid-template-columns:1fr}
  .client-welcome h1{font-size:29px}
}


/* Client onboarding and verification v1 */
.onboarding-auth{padding:28px 16px}
.onboarding-card{width:min(620px,100%);padding:34px}
.onboarding-card .crm-brand{justify-content:center;text-decoration:none}
.onboarding-card .crm-brand img{width:94px;padding:6px 9px;background:#fff;border:1px solid #dbe8ef;border-radius:12px}
.onboarding-card h1{text-align:center;margin-top:24px}
.onboarding-card>p{text-align:center;margin-left:auto;margin-right:auto;max-width:500px}
.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 8px}
.onboarding-steps span{position:relative;padding:9px 7px;border-radius:999px;background:#edf5f9;color:#6c8391;text-align:center;font-size:11px;font-weight:850}
.onboarding-steps span.active{background:linear-gradient(135deg,#ff8b0b,#ff6a36);color:#fff}
.onboarding-form{margin-top:24px}
.onboarding-form label small{font-weight:600;color:#8196a2}
.onboarding-consent{display:flex!important;grid-template-columns:22px 1fr!important;align-items:flex-start;gap:10px!important;padding:14px;border:1px solid #d9e7ef;border-radius:12px;background:#f7fbfd;font-size:13px;line-height:1.5}
.onboarding-consent input{width:18px!important;height:18px;margin:1px 0 0}
.onboarding-consent a{color:#0871b9}
.otp-destination,.activation-person{padding:15px 17px;border-radius:13px;background:#eef7fb;border:1px solid #d5e6ef;color:#486779;text-align:center}
.otp-destination strong,.activation-person strong,.activation-person span{display:block;color:#063b5b}
.otp-input{text-align:center;font-size:28px!important;font-weight:900;letter-spacing:9px}
.resend-form{margin-top:10px}.resend-form .crm-btn{width:100%}
.portal-entry-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.portal-entry-links a{display:grid;gap:3px;padding:14px;border:1px solid #d6e5ed;border-radius:13px;text-decoration:none;background:#f7fbfd;transition:.2s ease}
.portal-entry-links a:hover{border-color:#ff8a0b;transform:translateY(-2px)}
.portal-entry-links strong{font-size:12px;color:#678091}.portal-entry-links span{font-weight:900;color:#063b5b}
.client-account-state{display:inline-flex;margin-top:10px;padding:7px 11px;border-radius:99px;background:#eaf5fb;color:#075b87;font-size:12px;font-weight:850}
.profile-progress{margin:0 0 24px;padding:20px;border-radius:17px;background:#fff;border:1px solid #d5e4ed;box-shadow:0 14px 36px rgba(2,54,87,.08)}
.profile-progress-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.profile-progress-track{height:9px;border-radius:99px;background:#e5eff4;overflow:hidden}.profile-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8a0b,#0a83b8)}
@media(max-width:620px){.onboarding-card{padding:26px 18px}.onboarding-steps span{font-size:9px}.portal-entry-links{grid-template-columns:1fr}.otp-input{font-size:24px!important;letter-spacing:6px}.onboarding-form{grid-template-columns:1fr}.onboarding-form .full{grid-column:auto}}

/* Progressive client profile and verification state */
.profile-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;padding:16px 18px;margin-bottom:22px;border:1px solid #d6e7f0;border-radius:14px;background:linear-gradient(135deg,#f5fbfe,#fff8ef)}
.profile-progress span{display:flex;flex-direction:column;gap:3px}.profile-progress small{color:#647d8d}.profile-progress b{font-size:22px;color:#0871b9}.profile-progress i{grid-column:1/-1;display:block;height:7px;border-radius:999px;background:#dbeaf1;overflow:hidden}.profile-progress i:after{content:"";display:block;width:var(--profile-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8700,#0c88ba)}
.client-account-state{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;margin:0 0 20px;border:1px solid #f5ca99;border-radius:14px;background:#fff8ee;color:#70400d}.client-account-state strong{color:#073c5c}.client-account-state a{font-weight:800;color:#0871b9}
@media(max-width:700px){.profile-progress{grid-template-columns:1fr auto}.client-account-state{align-items:flex-start;flex-direction:column}.onboarding-card{padding:24px 18px}.onboarding-steps{gap:6px}.onboarding-steps span{font-size:10px}}@media(max-width:620px){body.onboarding-auth{display:block;overflow-x:hidden;padding:14px 0}.onboarding-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px);min-width:0;margin:0 auto;padding:24px 16px}.onboarding-card *{min-width:0}.onboarding-card h1{font-size:clamp(25px,8vw,30px);overflow-wrap:anywhere}.onboarding-card>p{font-size:14px}.onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-steps span{white-space:normal;line-height:1.2}.onboarding-form input,.onboarding-form select,.onboarding-form textarea{max-width:100%}}
@media(max-width:620px){.onboarding-card{width:calc(100vw - 40px);max-width:calc(100vw - 40px);overflow:hidden}.onboarding-card h1{max-width:100%;white-space:normal!important;word-break:break-word;font-size:24px}.onboarding-form,.onboarding-form>label{width:100%;max-width:100%;overflow:hidden}.onboarding-form input,.onboarding-form select,.onboarding-form textarea{display:block;width:100%;min-width:0}}

.client-legal-links{text-align:center!important;font-size:12px;margin:14px 0 0!important}.client-legal-links a{color:#0871b9}.activation-note{text-align:center;font-size:13px;color:#678091;margin-top:18px}

.crm-doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.crm-doc-actions form{margin:0}@media(max-width:620px){.crm-doc-actions,.crm-doc-actions .crm-btn,.crm-doc-actions form{width:100%}}

/* Maitrix brand typography and new master logo, 2026-08-17 */
:root{--crm-font-body:"Albert Sans",Arial,Helvetica,sans-serif;--crm-font-display:"Clash Display","Albert Sans",Arial,Helvetica,sans-serif}
html,body,input,select,textarea,button{font-family:var(--crm-font-body)!important}
:is(h1,h2,h3,h4,h5,h6){font-family:var(--crm-font-display)!important;font-weight:500;letter-spacing:-.025em}
.crm-brand img{width:150px!important;max-width:46vw!important;height:auto!important;object-fit:contain;background:#fff;padding:4px 7px;border-radius:9px}
.crm-sidebar .crm-brand{display:grid;justify-items:start;white-space:normal}
.crm-sidebar .crm-brand img{width:152px!important}
.crm-login-card .crm-brand img,.onboarding-card .crm-brand img{width:170px!important;max-width:52vw!important}
.crm-client-brand-row .crm-brand img{width:155px!important}
@media(max-width:760px){.crm-brand img,.crm-sidebar .crm-brand img,.crm-client-brand-row .crm-brand img{width:125px!important}.crm-login-card .crm-brand img,.onboarding-card .crm-brand img{width:145px!important}}