/* LawApp V6.23 — Full Site Visual Audit & Unified Polish
   Purpose: eliminate weak/oversized page intros and bring every portal, auth,
   public and admin surface into one modern legal-SaaS visual system.
   This file is intentionally loaded last and does not change business logic. */

:root{
  --v623-navy:#0b315d;
  --v623-navy-2:#123f72;
  --v623-blue:#2f73bd;
  --v623-blue-2:#4f87bf;
  --v623-blue-soft:#eaf3fb;
  --v623-blue-faint:#f5f9fd;
  --v623-ink:#183153;
  --v623-text:#526a82;
  --v623-muted:#7b8ea3;
  --v623-border:#dce6ef;
  --v623-border-strong:#cbd9e7;
  --v623-surface:#fff;
  --v623-workspace:#f4f8fc;
  --v623-success:#2f9d68;
  --v623-warning:#c88b2d;
  --v623-danger:#d65d63;
  --v623-shadow-xs:0 4px 14px rgba(18,56,92,.045);
  --v623-shadow-sm:0 9px 28px rgba(18,56,92,.07);
  --v623-shadow-md:0 18px 48px rgba(18,56,92,.10);
  --v623-radius-sm:12px;
  --v623-radius:16px;
  --v623-radius-lg:20px;
}

/* ---------- Foundation / layout rhythm ---------- */
.lawapp-app.workspace-body{background:var(--v623-workspace);color:var(--v623-ink)}
.lawapp-app .workspace-content{padding-top:26px;padding-bottom:48px}
.lawapp-app .workspace-content>div:not(.ui-toast-stack),
.lawapp-app .workspace-content>section:not(.ui-toast-stack){scroll-margin-top:96px}
.lawapp-app .panel,
.lawapp-app .lawyer-panel-v43,
.lawapp-app .corp-panel-v44,
.lawapp-app .client-card,
.lawapp-app .case-panel-v46,
.lawapp-app .settings-card-v54{
  border:1px solid var(--v623-border);
  border-radius:var(--v623-radius);
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-app h1,.lawapp-app h2,.lawapp-app h3{color:var(--v623-ink)}
.lawapp-app p,.lawapp-app .muted,.lawapp-app .muted-copy{color:var(--v623-text)}
.lawapp-app a{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}

/* ---------- Universal authenticated page intro system ---------- */
.lawapp-app .page-head,
.lawapp-app .lawyer-page-hero-v43,
.lawapp-app .corp-page-hero-v44,
.lawapp-app .citizen-page-hero,
.lawapp-app .settings-hero-v54,
.lawapp-app .lawyer-application-hero,
.lawapp-app .admin-hero,
.lawapp-app .admin-lawyers-hero-v47,
.lawapp-app .legal-market-hero-v614{
  position:relative;
  overflow:hidden;
  margin:0 0 16px;
  padding:24px 26px;
  min-height:0;
  border:1px solid var(--v623-border);
  border-radius:var(--v623-radius-lg);
  background:
    radial-gradient(circle at 84% 18%,rgba(64,131,198,.12),transparent 30%),
    linear-gradient(135deg,#fff 0%,#fbfdff 58%,#eef6fd 100%);
  box-shadow:var(--v623-shadow-sm);
}
.lawapp-app .page-head::after,
.lawapp-app .lawyer-page-hero-v43::after,
.lawapp-app .corp-page-hero-v44::after,
.lawapp-app .citizen-page-hero::after,
.lawapp-app .settings-hero-v54::after,
.lawapp-app .lawyer-application-hero::after,
.lawapp-app .admin-hero::after,
.lawapp-app .admin-lawyers-hero-v47::after,
.lawapp-app .legal-market-hero-v614::after{
  content:"";
  position:absolute;
  width:250px;height:250px;
  right:-72px;top:-112px;
  border:1px solid rgba(45,111,177,.07);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(45,111,177,.028),0 0 0 84px rgba(45,111,177,.018);
  pointer-events:none;
}
.lawapp-app .page-head>*,
.lawapp-app .lawyer-page-hero-v43>*,
.lawapp-app .corp-page-hero-v44>*,
.lawapp-app .citizen-page-hero>*,
.lawapp-app .settings-hero-v54>*,
.lawapp-app .lawyer-application-hero>*,
.lawapp-app .admin-hero>*,
.lawapp-app .admin-lawyers-hero-v47>*,
.lawapp-app .legal-market-hero-v614>*{position:relative;z-index:1}

.lawapp-app .page-head,
.lawapp-app .lawyer-page-hero-v43,
.lawapp-app .corp-page-hero-v44,
.lawapp-app .citizen-page-hero,
.lawapp-app .settings-hero-v54,
.lawapp-app .admin-hero,
.lawapp-app .admin-lawyers-hero-v47,
.lawapp-app .legal-market-hero-v614{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.lawapp-app .page-head>div:first-child,
.lawapp-app .lawyer-page-hero-v43>div:first-child,
.lawapp-app .corp-page-hero-v44>div:first-child,
.lawapp-app .citizen-page-hero>div:first-child,
.lawapp-app .settings-hero-v54>div:first-child,
.lawapp-app .admin-hero>div:first-child,
.lawapp-app .admin-lawyers-hero-v47>div:first-child,
.lawapp-app .legal-market-hero-v614>div:first-child{min-width:0;max-width:850px}

.lawapp-app .eyebrow,
.lawapp-app .section-kicker,
.lawapp-app .lawyer-v43-kicker,
.lawapp-app .corp-kicker-v44,
.lawapp-app .citizen-kicker,
.lawapp-app .legal-market-hero-v614 small:first-child,
.lawapp-app .admin-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 8px;
  color:#5d83aa;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.lawapp-app .page-head h1,
.lawapp-app .lawyer-page-hero-v43 h1,
.lawapp-app .corp-page-hero-v44 h1,
.lawapp-app .citizen-page-hero h1,
.lawapp-app .settings-hero-v54 h1,
.lawapp-app .lawyer-application-hero h1,
.lawapp-app .admin-hero h1,
.lawapp-app .admin-lawyers-hero-v47 h1,
.lawapp-app .legal-market-hero-v614 h1{
  margin:0 0 8px!important;
  max-width:880px;
  color:var(--v623-ink)!important;
  font-size:clamp(30px,2.6vw,40px)!important;
  line-height:1.02!important;
  letter-spacing:-.042em!important;
  font-weight:760!important;
}
.lawapp-app .page-head p,
.lawapp-app .lawyer-page-hero-v43 p,
.lawapp-app .corp-page-hero-v44 p,
.lawapp-app .citizen-page-hero p,
.lawapp-app .settings-hero-v54 p,
.lawapp-app .lawyer-application-hero p,
.lawapp-app .admin-hero p,
.lawapp-app .admin-lawyers-hero-v47 p,
.lawapp-app .legal-market-hero-v614 p{
  max-width:760px!important;
  margin:0!important;
  color:#687d92!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* Primary actions should never float off-screen or feel detached. */
.lawapp-app .lawyer-action-primary-v43,
.lawapp-app .corp-primary-v44,
.lawapp-app .client-btn-primary,
.lawapp-app .btn.primary,
.lawapp-app .legal-market-hero-actions-v614 .client-btn{
  border-radius:11px;
  font-weight:750;
}
.lawapp-app .lawyer-page-hero-v43>.lawyer-action-primary-v43,
.lawapp-app .corp-page-hero-v44>.corp-primary-v44,
.lawapp-app .citizen-page-hero>.client-btn,
.lawapp-app .legal-market-hero-v614>.legal-market-hero-actions-v614{flex:0 0 auto;max-width:100%}

/* ---------- KPI / submetric consistency ---------- */
.lawapp-app .lawyer-submetrics-v43,
.lawapp-app .corp-metric-strip-v44,
.lawapp-app .request-summary-v42,
.lawapp-app .admin-lawyer-stats-v47,
.lawapp-app .admin-market-kpis-v617{
  gap:10px;
  margin-bottom:16px;
}
.lawapp-app .lawyer-submetrics-v43>* ,
.lawapp-app .corp-metric-strip-v44>* ,
.lawapp-app .request-summary-v42>* ,
.lawapp-app .admin-lawyer-stats-v47>* ,
.lawapp-app .admin-market-kpis-v617>*{
  border:1px solid var(--v623-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--v623-shadow-xs)!important;
}

/* ---------- Lawyer workspace data surfaces ---------- */
.role-lawyer .lawyer-directory-page-v43,
.role-lawyer .lawyer-cases-page-v43,
.role-lawyer .lawyer-tasks-page-v43,
.role-lawyer .lawyer-calendar-page-v43,
.role-lawyer .lawyer-search-page-v43,
.role-law-firm-admin .lawyer-directory-page-v43,
.role-law-firm-admin .lawyer-cases-page-v43,
.role-law-firm-admin .lawyer-tasks-page-v43,
.role-law-firm-admin .lawyer-calendar-page-v43,
.role-law-firm-admin .lawyer-search-page-v43{
  width:min(100%,1440px);
  margin-inline:auto;
}
.lawapp-app .lawyer-filterbar-v43,
.lawapp-app .calendar-shell-v46,
.lawapp-app .cases-filter-v43,
.lawapp-app .lawyer-search-hero-form-v43{
  border:1px solid var(--v623-border);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-app .lawyer-case-table-v43,
.lawapp-app .lawyer-task-rows-v43,
.lawapp-app .lawyer-calendar-rows-v43{
  overflow:hidden;
  border-radius:14px;
}

/* ---------- Knowledge page (the area shown as weak) ---------- */
.lawapp-app[data-page="knowledge.php"] .page-head{padding:28px 30px;margin-bottom:14px}
.lawapp-app[data-page="knowledge.php"] .page-head h1{font-size:38px!important}
.lawapp-app[data-page="knowledge.php"] .knowledge-cats{
  display:flex;
  gap:7px;
  margin:0 0 16px;
  padding:7px;
  overflow:auto;
  border:1px solid var(--v623-border);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
  scrollbar-width:none;
}
.lawapp-app[data-page="knowledge.php"] .knowledge-cats::-webkit-scrollbar{display:none}
.lawapp-app[data-page="knowledge.php"] .knowledge-cats span{
  flex:0 0 auto;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:10px;
  color:#647a91;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.lawapp-app[data-page="knowledge.php"] .knowledge-cats span:first-child,
.lawapp-app[data-page="knowledge.php"] .knowledge-cats span:hover{
  color:#285f98;
  background:#edf5fc;
  border-color:#d7e7f5;
}
.lawapp-app[data-page="knowledge.php"] .article-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.lawapp-app[data-page="knowledge.php"] .article-grid>a{
  text-decoration:none;
  color:inherit;
}
.lawapp-app[data-page="knowledge.php"] .article-grid article,
.lawapp-app[data-page="knowledge.php"] .article-grid article:nth-child(even){
  min-height:190px;
  height:100%;
  padding:22px;
  border:1px solid var(--v623-border);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-app[data-page="knowledge.php"] .article-grid article:hover{border-color:#c9dbea;box-shadow:var(--v623-shadow-sm);transform:translateY(-1px)}
.lawapp-app[data-page="knowledge.php"] .article-grid h2{margin:10px 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.025em}
.lawapp-app[data-page="knowledge.php"] .article-grid p{color:#667b90;line-height:1.6}
.lawapp-app[data-page="knowledge.php"] .knowledge-detail{max-width:980px;margin:0 auto;padding:30px;font-size:15px;line-height:1.78}

/* ---------- Citizen portal ---------- */
.role-citizen .citizen-subpage-v42,
.role-citizen .citizen-directory-v42,
.role-citizen .citizen-case-detail-v42,
.role-citizen .citizen-lawyer-profile-v42{width:min(100%,1360px);margin-inline:auto}
.role-citizen .citizen-page-hero{padding:23px 25px;margin-bottom:16px;align-items:center}
.role-citizen .citizen-page-hero-stat{
  min-width:150px;
  padding:14px 16px;
  border:1px solid var(--v623-border);
  border-radius:13px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.role-citizen .citizen-lawyer-card-v42,
.role-citizen .my-lawyer-card-v42,
.role-citizen .citizen-request-card-v42{
  border-color:var(--v623-border);
  border-radius:16px;
  box-shadow:var(--v623-shadow-xs);
}

/* ---------- Corporate portal ---------- */
.role-company-admin .corp-page-v44,
.role-company-user .corp-page-v44{width:min(100%,1460px);margin-inline:auto}
.role-company-admin .corp-page-hero-v44,
.role-company-user .corp-page-hero-v44{padding:24px 26px;align-items:center}
.role-company-admin .corp-panel-v44,
.role-company-user .corp-panel-v44{
  border-color:var(--v623-border);
  border-radius:16px;
  box-shadow:var(--v623-shadow-xs);
}
.role-company-admin .corp-filter-v44,
.role-company-user .corp-filter-v44,
.role-company-admin .corp-tabs-v44,
.role-company-user .corp-tabs-v44{
  border:1px solid var(--v623-border);
  border-radius:13px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}

/* ---------- Profile / application / AI ---------- */
.lawapp-app .settings-page-v54{width:min(100%,1280px);margin-inline:auto}
.lawapp-app .settings-tabs-v54{
  position:sticky;top:72px;z-index:6;
  margin:0 0 14px;padding:6px;
  border:1px solid var(--v623-border);
  border-radius:13px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-app .settings-tab-panel-v54{gap:12px}
.lawapp-app .lawyer-application-wrap{width:min(100%,1240px);margin-inline:auto}
.lawapp-app .lawyer-application-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.lawapp-app .ai-wrap{width:min(100%,1260px);margin-inline:auto}
.lawapp-app .ai-intro{
  min-height:0!important;
  padding:28px!important;
  border:1px solid var(--v623-border)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff,#f5faff)!important;
  box-shadow:var(--v623-shadow-sm)!important;
}
.lawapp-app .ai-intro h1{font-size:38px!important;line-height:1.02!important}

/* ---------- Notifications ---------- */
.lawapp-app[data-page="notifications.php"] .page-head{margin-bottom:14px}
.lawapp-app .notification-ledger{
  display:grid;
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
}
.lawapp-app .notification-row{
  padding:15px 16px;
  border:1px solid var(--v623-border);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-app .notification-row:hover{border-color:#c8dae9;box-shadow:var(--v623-shadow-sm)}

/* ---------- Legal Document Market ---------- */
.lawapp-app .legal-market-page-v614,
.lawapp-app .legal-library-v614,
.lawapp-app .legal-doc-detail-v614{width:min(100%,1460px);margin-inline:auto}
.lawapp-app .legal-market-hero-v614{padding:24px 26px}
.lawapp-app .legal-market-grid-v614{gap:12px}
.lawapp-app .legal-doc-card-v614{border-radius:16px;box-shadow:var(--v623-shadow-xs)}

/* ---------- Admin ---------- */
.role-admin .workspace-content,
.role-super-admin .workspace-content{max-width:1500px;margin-inline:auto;width:100%}
.role-admin .admin-hero,
.role-super-admin .admin-hero{
  margin:0 0 16px!important;
  padding:24px 26px!important;
}
.role-admin .admin-lawyers-v47,
.role-super-admin .admin-lawyers-v47,
.role-admin .admin-market-v614,
.role-super-admin .admin-market-v614,
.role-admin .admin-forum-v56,
.role-super-admin .admin-forum-v56{width:min(100%,1480px);margin-inline:auto}
.role-admin .admin-lawyer-card-v47,
.role-super-admin .admin-lawyer-card-v47,
.role-admin .admin-forum-panel-v56,
.role-super-admin .admin-forum-panel-v56{
  border:1px solid var(--v623-border);
  border-radius:16px;
  box-shadow:var(--v623-shadow-xs);
}

/* ---------- Auth: login hub / role login / register ---------- */
.lawapp-auth.auth-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(50,116,184,.12),transparent 28%),
    linear-gradient(145deg,#f3f7fb,#eef4fa 48%,#f8fbfd);
}
.lawapp-auth .main,.lawapp-auth .main-public{min-height:100vh}
.lawapp-auth .auth-content{min-height:100vh;padding:0}
.lawapp-auth .login-hub-v601{
  width:min(1180px,calc(100% - 40px));
  min-height:680px;
  margin:44px auto;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  overflow:hidden;
  border:1px solid #d6e2ed;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(16,50,84,.14);
}
.lawapp-auth .login-hub-brand-v601{
  position:relative;
  padding:42px;
  color:#fff;
  background:
    radial-gradient(circle at 75% 25%,rgba(91,157,219,.26),transparent 32%),
    linear-gradient(155deg,#092c52 0%,#0b3e71 66%,#0d4c87 100%);
}
.lawapp-auth .login-hub-logo-v601{color:#fff;text-decoration:none}
.lawapp-auth .login-hub-logo-v601>span,
.lawapp-auth .role-login-brand>span,
.lawapp-auth .auth-art-brand>span{
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.lawapp-auth .login-hub-copy-v601>span,
.lawapp-auth .role-login-copy>span{color:#9bc4ec!important}
.lawapp-auth .login-hub-copy-v601 h1{
  margin:18px 0;
  color:#fff;
  font-size:clamp(38px,4vw,56px);
  line-height:.98;
  letter-spacing:-.045em;
}
.lawapp-auth .login-hub-copy-v601 p{color:#c2d6e9;line-height:1.68}
.lawapp-auth .login-hub-back-v601{color:#d5e6f5}
.lawapp-auth .login-hub-options-v601{padding:46px;background:#fff}
.lawapp-auth .login-hub-options-v601>header{max-width:720px;margin-bottom:24px}
.lawapp-auth .login-hub-options-v601>header h2{margin:5px 0 9px;font-size:30px;letter-spacing:-.035em}
.lawapp-auth .login-hub-grid-v601{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.lawapp-auth .login-hub-card-v601{
  min-height:148px;
  padding:18px;
  border:1px solid var(--v623-border);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-auth .login-hub-card-v601:hover{transform:translateY(-2px);border-color:#c2d7e9;box-shadow:var(--v623-shadow-sm)}
.lawapp-auth .login-hub-card-v601 strong{font-size:17px;color:var(--v623-ink)}
.lawapp-auth .login-hub-card-v601 p{font-size:12.5px;line-height:1.5;color:#6f8296}
.lawapp-auth .login-hub-icon-v601{background:#edf5fc;color:#3475b6}
.lawapp-auth .login-hub-help-v601{margin-top:18px;border-radius:13px;background:#f6f9fc;border:1px solid #e1e9f1;color:#657b91}

.lawapp-auth .role-login{
  width:min(1120px,calc(100% - 40px));
  min-height:650px;
  margin:44px auto;
  overflow:hidden;
  border:1px solid #d5e1ec;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(16,50,84,.14);
}
.lawapp-auth .role-login-art{
  padding:42px;
  color:#fff!important;
  background:
    radial-gradient(circle at 75% 24%,rgba(98,168,232,.24),transparent 32%),
    linear-gradient(155deg,#092c52,#0c4278 72%,#0e568f)!important;
}
.lawapp-auth .role-login-brand{color:#fff;text-decoration:none}
.lawapp-auth .role-login-copy h2{color:#fff;font-size:clamp(36px,4vw,52px);line-height:1.02;letter-spacing:-.045em}
.lawapp-auth .role-login-copy p{color:#c6d8e9;line-height:1.65}
.lawapp-auth .role-back{color:#d9e9f6}
.lawapp-auth .role-login-form{padding:44px;background:#fff}
.lawapp-auth .role-login-form .auth-card,
.lawapp-auth .auth-form-side .auth-card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.lawapp-auth .auth-card h1{font-size:34px;letter-spacing:-.04em}
.lawapp-auth .auth-card label{gap:7px;color:#526a82;font-size:11px;font-weight:760}
.lawapp-auth .auth-card input,
.lawapp-auth .auth-card select,
.lawapp-auth .auth-card textarea{
  min-height:48px;
  border:1px solid #d8e3ed!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#223b57!important;
  box-shadow:none!important;
}
.lawapp-auth .auth-card input:focus,
.lawapp-auth .auth-card select:focus,
.lawapp-auth .auth-card textarea:focus{border-color:#6e9dcc!important;box-shadow:0 0 0 4px rgba(60,125,190,.10)!important}
.lawapp-auth .auth-card .btn.primary{min-height:48px;background:#286db3;border-color:#286db3;box-shadow:0 10px 24px rgba(40,109,179,.18)}
.lawapp-auth .auth-card .btn.primary:hover{background:#225f9d;border-color:#225f9d;transform:translateY(-1px)}

.lawapp-auth .auth-wrap{
  width:min(1120px,calc(100% - 40px));
  min-height:680px;
  margin:44px auto;
  overflow:hidden;
  border:1px solid #d5e1ec;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(16,50,84,.14);
}
.lawapp-auth .auth-art{
  color:#fff!important;
  background:
    radial-gradient(circle at 70% 22%,rgba(98,168,232,.24),transparent 32%),
    linear-gradient(155deg,#092c52,#0c4278 72%,#0e568f)!important;
}
.lawapp-auth .auth-art h1,.lawapp-auth .auth-art h2{color:#fff!important}
.lawapp-auth .auth-art p,.lawapp-auth .auth-art-foot{color:#c8daea!important}
.lawapp-auth .auth-form-side{padding:42px;background:#fff}
.lawapp-auth .role-options{gap:8px}
.lawapp-auth .role-option{border:1px solid var(--v623-border);border-radius:12px;background:#fff}
.lawapp-auth .role-option:has(input:checked){border-color:#8cb2d6;background:#f1f7fd;box-shadow:0 0 0 3px rgba(65,126,187,.08)}

/* ---------- Public site / entrance surfaces ---------- */
.lawapp-site.public-body{background:#fff;color:var(--v623-ink)}
.lawapp-site .fresh-public-header{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e3eaf1}
.lawapp-site .portal-brand-mark,
.lawapp-site .site-logo-mark{background:#edf5fc!important;color:#2c6eaf!important;border-color:#d5e4f1!important}
.lawapp-site .portal-register,
.lawapp-site .portal-btn.gold,
.lawapp-site .btn-site.primary{
  background:#286db3!important;
  border-color:#286db3!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(40,109,179,.18)!important;
}
.lawapp-site .portal-register:hover,
.lawapp-site .portal-btn.gold:hover,
.lawapp-site .btn-site.primary:hover{background:#225f9d!important;border-color:#225f9d!important;transform:translateY(-1px)}
.lawapp-site .persona-hero{min-height:600px;padding:76px 0 72px;background:linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%)}
.lawapp-site .persona-copy h1{font-size:clamp(48px,5.6vw,76px);line-height:.95;letter-spacing:-.06em;color:#173452}
.lawapp-site .persona-copy h1 em{color:#4d7fab;font-style:normal}
.lawapp-site .persona-copy>p{max-width:650px;color:#63798f;font-size:16px;line-height:1.7}
.lawapp-site .persona-eyebrow{color:#4f7cac;font-size:10px;letter-spacing:.10em;font-weight:850}
.lawapp-site .lawyer-workspace,
.lawapp-site .corp-console,
.lawapp-site .citizen-product-preview{
  border:1px solid #d9e4ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 22px 60px rgba(20,58,95,.12);
}
.lawapp-site .persona-feature-grid article,
.lawapp-site .verify-steps article,
.lawapp-site .corp-op-grid article{
  border:1px solid #e0e8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-site .modern-hero{padding:72px 0 62px;background:linear-gradient(180deg,#f7fbff,#fff)}
.lawapp-site .modern-hero h1{font-size:clamp(44px,5.5vw,72px);line-height:.98;letter-spacing:-.055em}

/* Main public home: reduce landing-page excess and move toward product-SaaS balance. */
.lawapp-site .home-hero-v55{padding:78px 0 68px;gap:70px}
.lawapp-site .home-hero-copy-v55 h1{font-size:clamp(52px,5.3vw,78px);line-height:.94}
.lawapp-site .home-product-v55{border-color:#d8e4ef;border-radius:22px;box-shadow:0 24px 70px rgba(20,59,96,.13)}
.lawapp-site .home-portal-card-v55{border-radius:18px;box-shadow:var(--v623-shadow-xs)}
.lawapp-site .home-portal-card-v55:hover{box-shadow:var(--v623-shadow-md);transform:translateY(-2px)}

/* Public knowledge / security — replace symbol-era feeling with clean cards. */
.lawapp-site .security-cards-modern article,
.lawapp-site .tech-grid article,
.lawapp-site .knowledge-grid-modern>a,
.lawapp-site .knowledge-empty{
  border:1px solid #dfe8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-site .security-icon,
.lawapp-site .feature-icon{
  display:grid;place-items:center;
  width:42px;height:42px;
  border-radius:12px;
  background:#edf5fc;
  color:#3475b6;
}

/* ---------- Tables / forms / empty states, globally ---------- */
.lawapp-app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.lawapp-app select,
.lawapp-app textarea{
  border-color:#d9e4ee;
  background:#fff;
  color:#253d58;
}
.lawapp-app input:focus,
.lawapp-app select:focus,
.lawapp-app textarea:focus{border-color:#78a3cc;box-shadow:0 0 0 4px rgba(61,126,190,.09)}
.lawapp-app .ui-empty-state,
.lawapp-app .corp-empty-v44,
.lawapp-app .empty{
  border-color:#dce7f0;
  background:#f8fbfe;
  color:#647a90;
}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .lawapp-auth .login-hub-v601{grid-template-columns:1fr;max-width:820px}
  .lawapp-auth .login-hub-brand-v601{min-height:300px}
  .lawapp-auth .role-login{grid-template-columns:1fr;max-width:820px}
  .lawapp-auth .role-login-art{min-height:300px}
}
@media(max-width:900px){
  .lawapp-app .page-head,
  .lawapp-app .lawyer-page-hero-v43,
  .lawapp-app .corp-page-hero-v44,
  .lawapp-app .citizen-page-hero,
  .lawapp-app .settings-hero-v54,
  .lawapp-app .lawyer-application-hero,
  .lawapp-app .admin-hero,
  .lawapp-app .admin-lawyers-hero-v47,
  .lawapp-app .legal-market-hero-v614{align-items:flex-start;flex-direction:column;padding:21px}
  .lawapp-app[data-page="knowledge.php"] .article-grid{grid-template-columns:1fr}
  .lawapp-auth .login-hub-grid-v601{grid-template-columns:1fr}
  .lawapp-site .persona-hero{padding:58px 0 54px}
}
@media(max-width:640px){
  .lawapp-app .workspace-content{padding-top:16px}
  .lawapp-app .page-head,
  .lawapp-app .lawyer-page-hero-v43,
  .lawapp-app .corp-page-hero-v44,
  .lawapp-app .citizen-page-hero,
  .lawapp-app .settings-hero-v54,
  .lawapp-app .lawyer-application-hero,
  .lawapp-app .admin-hero,
  .lawapp-app .admin-lawyers-hero-v47,
  .lawapp-app .legal-market-hero-v614{padding:18px 16px;border-radius:15px}
  .lawapp-app .page-head h1,
  .lawapp-app .lawyer-page-hero-v43 h1,
  .lawapp-app .corp-page-hero-v44 h1,
  .lawapp-app .citizen-page-hero h1,
  .lawapp-app .settings-hero-v54 h1,
  .lawapp-app .lawyer-application-hero h1,
  .lawapp-app .admin-hero h1,
  .lawapp-app .admin-lawyers-hero-v47 h1,
  .lawapp-app .legal-market-hero-v614 h1{font-size:29px!important}
  .lawapp-auth .login-hub-v601,
  .lawapp-auth .role-login,
  .lawapp-auth .auth-wrap{width:calc(100% - 20px);margin:10px auto;border-radius:18px;min-height:0}
  .lawapp-auth .login-hub-brand-v601,
  .lawapp-auth .login-hub-options-v601,
  .lawapp-auth .role-login-art,
  .lawapp-auth .role-login-form,
  .lawapp-auth .auth-form-side{padding:24px 20px}
  .lawapp-auth .login-hub-copy-v601 h1{font-size:36px}
  .lawapp-site .persona-copy h1{font-size:44px}
  .lawapp-site .home-hero-v55{padding:52px 0 48px}
  .lawapp-site .home-hero-copy-v55 h1{font-size:48px}
}

/* ---------- Dashboard polish across all three portals ---------- */
.role-lawyer .lawyer-workspace-v43,
.role-law-firm-admin .lawyer-workspace-v43{width:min(100%,1460px);margin-inline:auto}
.role-lawyer .lawyer-command-hero-v43,
.role-law-firm-admin .lawyer-command-hero-v43{
  padding:28px 30px;
  border:1px solid rgba(22,73,120,.75);
  border-radius:20px;
  background:
    linear-gradient(90deg,rgba(7,42,78,.98),rgba(9,61,111,.94)),
    url('../images/legal-hero-v620.svg') right center/auto 145% no-repeat;
  box-shadow:0 18px 44px rgba(8,47,86,.18);
}
.role-lawyer .lawyer-command-hero-v43 h1,
.role-law-firm-admin .lawyer-command-hero-v43 h1{font-size:clamp(36px,3.4vw,50px);letter-spacing:-.048em;color:#fff!important}
.role-lawyer .lawyer-command-hero-v43 p,
.role-law-firm-admin .lawyer-command-hero-v43 p{color:#c8dbea!important;max-width:720px}
.role-lawyer .lawyer-command-hero-v43 .lawyer-v43-kicker,
.role-law-firm-admin .lawyer-command-hero-v43 .lawyer-v43-kicker{color:#91bde5}
.role-lawyer .lawyer-status-card-v43,
.role-law-firm-admin .lawyer-status-card-v43{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);backdrop-filter:blur(9px);border-radius:15px;color:#fff}
.role-lawyer .lawyer-status-card-v43 strong,
.role-law-firm-admin .lawyer-status-card-v43 strong{color:#fff}
.role-lawyer .lawyer-status-card-v43 p,
.role-law-firm-admin .lawyer-status-card-v43 p,
.role-lawyer .lawyer-status-card-v43 small,
.role-law-firm-admin .lawyer-status-card-v43 small{color:#bdd2e5!important}
.role-lawyer .lawyer-status-card-v43>a,
.role-law-firm-admin .lawyer-status-card-v43>a{color:#eaf5ff}
.role-lawyer .lawyer-metrics-v43,
.role-law-firm-admin .lawyer-metrics-v43{gap:10px}
.role-lawyer .lawyer-metrics-v43>a,
.role-law-firm-admin .lawyer-metrics-v43>a{border:1px solid var(--v623-border);border-radius:15px;background:#fff;box-shadow:var(--v623-shadow-xs)}
.role-lawyer .lawyer-metrics-v43>a:hover,
.role-law-firm-admin .lawyer-metrics-v43>a:hover{border-color:#c6d8e8;box-shadow:var(--v623-shadow-sm);transform:translateY(-1px)}

.role-citizen .citizen-dashboard-v42{width:min(100%,1360px);margin-inline:auto}
.role-citizen .citizen-dash-welcome{
  padding:27px 29px;
  border:1px solid var(--v623-border);
  border-radius:20px;
  background:radial-gradient(circle at 86% 12%,rgba(61,130,197,.13),transparent 27%),linear-gradient(135deg,#fff,#f2f8fd);
  box-shadow:var(--v623-shadow-sm);
}
.role-citizen .citizen-dash-welcome h1{font-size:clamp(36px,3.3vw,48px);line-height:1.02;letter-spacing:-.048em}
.role-citizen .citizen-dash-welcome p{color:#667d93}
.role-citizen .citizen-profile-metrics>a{border:1px solid var(--v623-border);border-radius:13px;background:#fff;box-shadow:var(--v623-shadow-xs)}
.role-citizen .citizen-dashboard-v42 .client-card,
.role-citizen .citizen-next-step-v42{border-radius:16px;box-shadow:var(--v623-shadow-xs)}

.role-company-admin .corp-dashboard-v44,
.role-company-user .corp-dashboard-v44{width:min(100%,1460px);margin-inline:auto}
.role-company-admin .corp-dashboard-v44 .corp-hero-v44,
.role-company-user .corp-dashboard-v44 .corp-hero-v44{
  padding:28px 30px;
  border:1px solid #d7e3ee;
  border-radius:20px;
  background:radial-gradient(circle at 86% 14%,rgba(54,124,193,.12),transparent 28%),linear-gradient(135deg,#fff,#f2f8fd);
  box-shadow:var(--v623-shadow-sm);
}
.role-company-admin .corp-dashboard-v44 .corp-hero-v44 h1,
.role-company-user .corp-dashboard-v44 .corp-hero-v44 h1{font-size:clamp(34px,3.1vw,46px);letter-spacing:-.045em}
.role-company-admin .corp-role-v44,
.role-company-user .corp-role-v44{border:1px solid #cfe0ef;border-radius:999px;background:#edf5fc;color:#386f9f}
.role-company-admin .corp-metric-strip-v44>a,
.role-company-user .corp-metric-strip-v44>a{padding:17px;border-radius:14px}

/* ---------- Detail page surfaces ---------- */
.lawapp-app .case-hero-v46,
.lawapp-app .client-profile-hero-v43,
.lawapp-app .citizen-lawyer-profile-hero{
  border:1px solid var(--v623-border);
  border-radius:20px;
  background:radial-gradient(circle at 86% 14%,rgba(61,130,197,.10),transparent 28%),linear-gradient(135deg,#fff,#f5faff);
  box-shadow:var(--v623-shadow-sm);
}
.lawapp-app .case-hero-v46 h1,
.lawapp-app .client-profile-hero-v43 h1,
.lawapp-app .citizen-lawyer-profile-hero h1{font-size:clamp(30px,2.8vw,42px);letter-spacing:-.04em}

/* ---------- Forum visual integration ---------- */
.lawapp-app .forum-v613,
.lawapp-app .forum-shell-v613{width:min(100%,1500px);margin-inline:auto}
.lawapp-app .forum-topic-row-v613,
.lawapp-app .forum-entry-v613,
.lawapp-app .forum-question-card-v56{border-color:var(--v623-border);box-shadow:var(--v623-shadow-xs)}

/* ---------- Stronger product consistency for buttons ---------- */
.lawapp-app .btn.primary,
.lawapp-app .client-btn-primary,
.lawapp-app .lawyer-action-primary-v43,
.lawapp-app .corp-primary-v44,
.lawapp-app .ui-quick-create{
  background:#2d70b6!important;
  border-color:#2d70b6!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(45,112,182,.16)!important;
}
.lawapp-app .btn.primary:hover,
.lawapp-app .client-btn-primary:hover,
.lawapp-app .lawyer-action-primary-v43:hover,
.lawapp-app .corp-primary-v44:hover,
.lawapp-app .ui-quick-create:hover{background:#255f9d!important;border-color:#255f9d!important;transform:translateY(-1px)}

/* ---------- Prevent clipped text / horizontal layout breaks ---------- */
.lawapp-app .workspace-content,
.lawapp-app .lawyer-page-hero-v43,
.lawapp-app .corp-page-hero-v44,
.lawapp-app .citizen-page-hero,
.lawapp-app .page-head{min-width:0;max-width:100%}
.lawapp-app .workspace-content p,
.lawapp-app .workspace-content h1,
.lawapp-app .workspace-content h2,
.lawapp-app .workspace-content h3{overflow-wrap:anywhere}
.lawapp-app .workspace-content img{max-width:100%}

@media(max-width:900px){
  .role-lawyer .lawyer-command-hero-v43,
  .role-law-firm-admin .lawyer-command-hero-v43{padding:22px}
  .role-citizen .citizen-dash-welcome,
  .role-company-admin .corp-dashboard-v44 .corp-hero-v44,
  .role-company-user .corp-dashboard-v44 .corp-hero-v44{padding:22px}
}

/* ---------- Generic public solution / product / about / contact pages ---------- */
.lawapp-site .site-page .page-hero:not(.persona-hero){
  border-bottom:1px solid #e7edf3;
}
.lawapp-site .site-page .solution-hero,
.lawapp-site .site-page .product-hero,
.lawapp-site .site-page .contact-hero{
  padding:72px 0 68px;
  background:radial-gradient(circle at 82% 15%,rgba(51,119,188,.10),transparent 28%),linear-gradient(180deg,#f7fbff,#fff);
}
.lawapp-site .site-page .solution-hero h1,
.lawapp-site .site-page .product-hero h1,
.lawapp-site .site-page .contact-hero h1{
  margin:12px 0 18px;
  color:#173452;
  font-size:clamp(46px,5.4vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}
.lawapp-site .site-page .solution-hero h1 span,
.lawapp-site .site-page .product-hero h1 span,
.lawapp-site .site-page .contact-hero h1 span{color:#4d7fab}
.lawapp-site .site-page .solution-hero p,
.lawapp-site .site-page .product-hero p,
.lawapp-site .site-page .contact-hero p{color:#63798f;line-height:1.7}
.lawapp-site .solution-dashboard,
.lawapp-site .client-preview,
.lawapp-site .product-side-card,
.lawapp-site .contact-card{
  border:1px solid #d9e4ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 22px 60px rgba(20,58,95,.11);
}
.lawapp-site .benefit-grid article,
.lawapp-site .product-feature-grid article,
.lawapp-site .solution-grid-modern>a,
.lawapp-site .about-values article{
  border:1px solid #e0e8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--v623-shadow-xs);
}
.lawapp-site .benefit-grid article:hover,
.lawapp-site .product-feature-grid article:hover,
.lawapp-site .solution-grid-modern>a:hover{border-color:#cbddeb;box-shadow:var(--v623-shadow-sm);transform:translateY(-2px)}
.lawapp-site .role-icon{display:grid;place-items:center;color:#3475b6;background:#edf5fc;border-radius:12px}
.lawapp-site .feature-icon svg,.lawapp-site .role-icon svg,.lawapp-site .security-icon svg{width:22px;height:22px}
.lawapp-site .contact-card input,
.lawapp-site .contact-card textarea{border:1px solid #d9e4ee;border-radius:12px;background:#fff;color:#253d58}
.lawapp-site .contact-card input:focus,
.lawapp-site .contact-card textarea:focus{border-color:#78a3cc;box-shadow:0 0 0 4px rgba(61,126,190,.09)}

@media(max-width:640px){
  .lawapp-site .site-page .solution-hero,
  .lawapp-site .site-page .product-hero,
  .lawapp-site .site-page .contact-hero{padding:52px 0 48px}
  .lawapp-site .site-page .solution-hero h1,
  .lawapp-site .site-page .product-hero h1,
  .lawapp-site .site-page .contact-hero h1{font-size:42px}
}