/*
 * LawApp V6.81 · Visual refinement
 * Presentation only. Scoped to the class added by the shared header/call room.
 * Existing routes, role checks, payment states, modal visibility and JS stay intact.
 * Kept last in the cascade to contain legacy !important overrides in one file.
 */

body.lawapp-v681 {
  --v681-ink: #172c43;
  --v681-muted: #607286;
  --v681-brand: #203f60;
  --v681-hover: #142f4b;
  --v681-bg: #f4f7fa;
  --v681-paper: #ffffff;
  --v681-soft: #edf3f8;
  --v681-line: #dde5ed;
  --v681-accent: #397d87;
  --v681-shadow: 0 4px 18px rgba(24, 45, 67, .045);
  --v681-radius: 16px;
  --la-bg: var(--v681-bg);
  --la-surface: var(--v681-paper);
  --la-surface-alt: #f6f8fb;
  --la-primary: var(--v681-brand);
  --la-primary-hover: var(--v681-hover);
  --la-primary-soft: var(--v681-soft);
  --la-border: var(--v681-line);
  --la-text: var(--v681-ink);
  --la-text-2: var(--v681-muted);
  --la-focus: rgba(57, 125, 135, .18);
  color: var(--v681-ink);
  -webkit-font-smoothing: antialiased;
}

body.lawapp-v681 :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #397d87 !important;
  outline-offset: 3px;
}
body.lawapp-v681 :is(button, input, select, textarea) { font-family: var(--la-font-ui, Inter, system-ui, sans-serif); }
body.lawapp-v681 :is(button, [role="button"]):disabled { cursor: not-allowed; }
body.lawapp-v681 input::placeholder,
body.lawapp-v681 textarea::placeholder { color: #64758a !important; opacity: 1; }

/* Public landing · calm canvas, clear editorial hierarchy, original copy. */
body.lawapp-v681.lawapp-site { background: #f8fafc !important; }
.lawapp-v681 .launch-v644 {
  --ink: var(--v681-ink); --muted: var(--v681-muted);
  --line: var(--v681-line); --soft: var(--v681-soft);
  background: #f8fafc; color: var(--v681-ink);
}
.lawapp-v681 .launch-nav-v644 {
  width: min(1280px, calc(100% - 48px)); height: 74px; margin-top: 20px;
  padding-inline: 22px; border-radius: 16px; border-color: var(--v681-line);
  background: #fff; box-shadow: 0 3px 16px rgba(24,45,67,.035); gap: 24px;
}
.lawapp-v681 .launch-brand-mark-v644 {
  background: var(--v681-ink); border-radius: 10px; width: 40px; height: 40px;
  box-shadow: none; font-family: var(--la-font-display, Georgia, serif);
}
.lawapp-v681 .launch-brand-v644 strong { font-size: 20px; font-weight: 700; letter-spacing: -.6px; }
.lawapp-v681 .launch-brand-v644 small { letter-spacing: .08em; color: #677b8c; font-size: 9px; }
.lawapp-v681 .launch-nav-v644 nav { gap: 24px; }
.lawapp-v681 .launch-nav-v644 nav a { font-size: 13px; font-weight: 550; color: #50657b; }
.lawapp-v681 .launch-nav-v644 nav a:hover { color: #142f4b; }
.lawapp-v681 .launch-nav-cta-v644,
.lawapp-v681 .launch-primary-v644 {
  background: var(--v681-brand); color: #fff; border-radius: 10px;
  box-shadow: 0 4px 10px rgba(24,45,67,.10); font-weight: 600;
  transition: background-color .16s ease, box-shadow .16s ease;
}
.lawapp-v681 .launch-nav-cta-v644:hover,
.lawapp-v681 .launch-primary-v644:hover { background: var(--v681-hover); box-shadow: 0 6px 16px rgba(24,45,67,.15); }
.lawapp-v681 .launch-secondary-v644 { border-radius: 10px; border-color: #d4dfe9; color: #294965; font-weight: 600; }
.lawapp-v681 .launch-secondary-v644:hover { background: #f0f5f9; }
.lawapp-v681 .launch-hero-v644 {
  width: min(1240px, calc(100% - 56px));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 58px; padding: 84px 0 92px;
}
.lawapp-v681 .launch-hero-v644::before { content: none; }
.lawapp-v681 .launch-eyebrow-v644 {
  background: #edf4f5; border-color: #d5e5e7; color: #326773;
  padding: 8px 10px; font-size: 9.5px; letter-spacing: .055em;
  font-weight: 650; max-width: 100%; line-height: 1.55;
}
.lawapp-v681 .launch-eyebrow-v644 svg { flex-shrink: 0; }
.lawapp-v681 .launch-hero-copy-v644 h1 {
  font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important;
  font-size: clamp(36px, 3.65vw, 54px) !important;
  line-height: 1.14 !important; letter-spacing: -.045em !important;
  font-weight: 650 !important; margin: 24px 0 20px; color: var(--v681-ink);
}
.lawapp-v681 .launch-hero-copy-v644 h1 span {
  font-family: var(--la-font-display, Georgia, serif); font-style: normal;
  font-weight: 450; color: #477682; letter-spacing: -.04em;
}
.lawapp-v681 .launch-hero-copy-v644 > p { font-size: 16px; line-height: 1.8; max-width: 450px; color: #5f7387; }
.lawapp-v681 .launch-hero-actions-v644 { margin-top: 26px; gap: 12px; flex-wrap: wrap; }
.lawapp-v681 .launch-proof-v644 { gap: 14px; font-size: 11px; font-weight: 500; margin-top: 24px; color: #5c7285; }
.lawapp-v681 .launch-proof-v644 svg { color: #477f83; }
.lawapp-v681 .launch-stage-v644 { min-height: 440px; padding: 16px 20px 32px 0; }
.lawapp-v681 .launch-browser-v644 {
  transform: none; border-radius: 18px; border: 1px solid #cfdae5;
  box-shadow: 0 22px 60px -16px rgba(27,49,73,.24), 0 2px 4px rgba(27,49,73,.04);
}
.lawapp-v681 .launch-browser-bar-v644 { height: 40px; background: #fff; color: #637b90; }
.lawapp-v681 .launch-app-shell-v644 { height: 360px; }
.lawapp-v681 .launch-chat-body-v644 { background: #f0f5f8; padding: 18px 18px 16px; }
.lawapp-v681 .launch-bubble-v644 { font-size: 11px; line-height: 1.6; max-width: 78%; box-shadow: none; }
.lawapp-v681 .launch-bubble-v644.me { background: #2a526f; }
.lawapp-v681 .launch-file-v644 { width: 70%; min-width: 0; }
.lawapp-v681 .launch-file-v644 b { font-size: 10px; }
.lawapp-v681 .launch-file-v644 small { color: #657b8d; }
.lawapp-v681 .launch-composer-v644 { border-radius: 10px; color: #657b8d; }
.lawapp-v681 .launch-phone-v644 {
  width: 156px; height: 322px; right: -9px; bottom: 0;
  transform: rotate(2deg); border-width: 6px; border-radius: 28px;
  background: #142f47; box-shadow: 0 20px 34px rgba(24,45,67,.19);
}
.lawapp-v681 .launch-phone-v644::before { background: none; }
.lawapp-v681 .launch-call-person-v644 { padding-top: 21px; }
.lawapp-v681 .launch-call-person-v644 > div { width: 58px; height: 58px; background: #2c526b; }
.lawapp-v681 .launch-call-wave-v644 { height: 42px; }
.lawapp-v681 .launch-call-controls-v644 { gap: 9px; }
.lawapp-v681 .launch-call-controls-v644 span { width: 33px; height: 33px; }
.lawapp-v681 .launch-call-note-v644 { margin-top: 12px; color: #b6c9d7; }
.lawapp-v681 .launch-feature-grid-v644 {
  width: min(1240px, calc(100% - 56px)); margin-bottom: 82px;
  border-radius: 16px; box-shadow: var(--v681-shadow);
}
.lawapp-v681 .launch-feature-grid-v644 article { min-height: 156px; padding: 26px 24px; grid-template-columns: 38px minmax(0,1fr); gap: 14px; }
.lawapp-v681 .launch-feature-icon-v644 { width: 38px; height: 38px; background: #edf4f5; color: #3a747d; border-radius: 10px; }
.lawapp-v681 .launch-feature-grid-v644 small { color: #3d7580 !important; font-size: 10px !important; }
.lawapp-v681 .launch-feature-grid-v644 h2 { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: 18px; line-height: 1.4; font-weight: 600; letter-spacing: -.025em; }
.lawapp-v681 .launch-feature-grid-v644 p { font-size: 13px; color: #60768a; }
.lawapp-v681 .launch-how-v644 { width: min(1240px, calc(100% - 56px)); padding-bottom: 86px; }
.lawapp-v681 .launch-section-head-v644 { gap: 28px; margin-bottom: 28px; }
.lawapp-v681 .launch-section-head-v644 h2,
.lawapp-v681 .launch-story-copy-v644 h2,
.lawapp-v681 .launch-final-v644 h2 {
  font-size: clamp(28px, 2.7vw, 38px) !important; line-height: 1.22 !important;
  letter-spacing: -.035em !important; font-weight: 550 !important;
}
.lawapp-v681 .launch-section-head-v644 > p { max-width: 390px; font-size: 13px; }
.lawapp-v681 .launch-steps-v644 { gap: 16px; }
.lawapp-v681 .launch-steps-v644 article { padding: 24px; min-height: 198px; border-radius: 14px; border-color: var(--v681-line); box-shadow: none; }
.lawapp-v681 .launch-steps-v644 article > b { color: #9ab0c1; font-size: 24px; top: 23px; right: 22px; letter-spacing: -.04em; font-weight: 500; }
.lawapp-v681 .launch-steps-v644 article > span { background: #f0f5f8; color: #3f647f; border-radius: 10px; }
.lawapp-v681 .launch-steps-v644 h3 { font-size: 15px; margin-top: 24px; letter-spacing: -.02em; }
.lawapp-v681 .launch-steps-v644 p { font-size: 12px; line-height: 1.7; color: #61788b; }
.lawapp-v681 .launch-product-story-v644 { width: min(1240px, calc(100% - 56px)); padding: 40px; background: #edf3f6; border: 1px solid #dce6ec; border-radius: 20px; margin-bottom: 80px; gap: 32px; }
.lawapp-v681 .launch-story-copy-v644 em { color: #477682; }
.lawapp-v681 .launch-stack-v644 article { border-radius: 14px; box-shadow: 0 8px 20px rgba(24,45,67,.07); }
.lawapp-v681 .launch-final-v644 { width: min(1240px, calc(100% - 56px)); border-radius: 18px; box-shadow: none; margin-bottom: 80px; padding: 38px 42px; background: #eaf1f6; border-color: #d4e0ea; }

/* Public inner pages and footer. */
.lawapp-v681.lawapp-site :is(.site-header, .portal-site-header) { background: #fff !important; border-color: #e0e7ee !important; box-shadow: 0 3px 12px rgba(24,45,67,.025) !important; }
.lawapp-v681.lawapp-site :is(.page-hero, .persona-hero) { background: #f4f8fa !important; }
.lawapp-v681.lawapp-site :is(.page-hero, .persona-hero) h1 { font-size: clamp(34px,4vw,52px) !important; line-height: 1.16 !important; letter-spacing: -.035em !important; }
.lawapp-v681.lawapp-site :is(.persona-feature-grid article, .security-cards-modern article, .tech-grid article, .knowledge-grid-modern > a) { border-radius: 14px !important; border-color: var(--v681-line) !important; box-shadow: var(--v681-shadow) !important; background: #fff !important; }
.lawapp-v681 .site-footer-v55 { background: #172c43; color: #e7eef5; border-color: #172c43; }
.lawapp-v681 .site-footer-v55 :is(.footer-logo-v55, .footer-logo-v55 strong, .footer-column-v55 > header) { color: #f1f5f9 !important; }
.lawapp-v681 .site-footer-v55 :is(.footer-logo-v55 small, .footer-brand-v55 > p, .footer-motion-v55, .footer-social-v55, .footer-contact-v55 p, .footer-location-v55, .footer-v55-bottom, .footer-v55-bottom > div a) { color: #b5c6d7 !important; }
.lawapp-v681 .site-footer-v55 :is(.footer-column-v55 > header, .footer-v55-bottom) { border-color: #33485f; }
.lawapp-v681 .site-footer-v55 .footer-trust-v55 span { background: #20374e; color: #c9d9e6; border-color: #365069; }
.lawapp-v681 .site-footer-v55 :is(.footer-motion-v55, .footer-social-v55):hover { color: #fff !important; background: #223b52; }

/* Workspace shell. Dimensions/visibility of sidebar remain owned by existing JS/CSS. */
.lawapp-v681.lawapp-app:not(.lawapp-native-app),
.lawapp-v681.lawapp-app:not(.lawapp-native-app) :is(.workspace-main, .workspace-content) { background: var(--v681-bg) !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app):not([data-page="messages.php"]) .workspace-content { padding-top: 26px; padding-bottom: 48px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar.fresh-sidebar {
  background: #fff !important; border-right: 1px solid #dfe7ef !important;
  box-shadow: none !important; scrollbar-width: thin; scrollbar-color: #d3dde7 transparent;
}
.lawapp-v681.lawapp-app:not(.lawapp-native-app) :is(.sidebar-head, .sidebar-footer) { border-color: #e6edf3 !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-brand strong { color: #172c43 !important; font-size: 21px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-brand small { color: #6b7f91 !important; font-size: 9px; letter-spacing: .035em; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-monogram { background: #203f60 !important; border: 1px solid #203f60 !important; color: #fff !important; border-radius: 11px; box-shadow: none !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-edition { background: #f0f5f8 !important; border-color: #e0e8ef !important; color: #546f85 !important; font-size: 8px; letter-spacing: .04em; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .nav-label { color: #708498 !important; font-size: 9px !important; letter-spacing: .09em !important; margin-top: 18px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .nav-label.secondary { border-color: #edf1f5 !important; padding-top: 15px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav > a {
  color: #536b81 !important; background: transparent !important; border: 1px solid transparent !important;
  border-radius: 10px !important; min-height: 40px !important; font-size: 13px !important;
  font-weight: 500 !important; transform: none !important; box-shadow: none !important;
  transition: background-color .15s ease, color .15s ease !important;
}
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav > a .ui-icon { color: #7890a5 !important; stroke-width: 1.75; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav > a:hover { background: #f0f5f9 !important; color: #203f60 !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav > a.active { background: #203f60 !important; border-color: #203f60 !important; color: #fff !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav > a.active .ui-icon { color: #d9e9f3 !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav :is(.nav-pro, .nav-beta) { color: #53738c !important; border-color: #dce7ee !important; background: #edf4f8 !important; font-size: 8px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-nav .nav-count { color: #fff; background: #3d7a87; box-shadow: none; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar-user { background: #f7f9fb !important; border: 1px solid #e3eaf1 !important; border-radius: 12px !important; box-shadow: none !important; transform: none !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar-user strong { color: #29445d !important; font-size: 12px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar-user small { color: #637c90 !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar-footer-links a { background: #fff !important; color: #647c90 !important; border-color: #e0e8ef !important; font-size: 11px; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar-footer-links a:hover { color: #203f60 !important; background: #f0f5f9 !important; }
.lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-topbar.fresh-workspace-header { background: rgba(255,255,255,.96) !important; min-height: 72px !important; border-color: #e1e8ef !important; box-shadow: none !important; }
.lawapp-v681.lawapp-app .workspace-title strong { font-size: 17px !important; color: #2a435b; }
.lawapp-v681.lawapp-app .workspace-title small { color: #718698; font-size: 9px !important; }

/* Readable typography and shared components. Scope excludes message composer/media. */
.lawapp-v681.lawapp-app :is(.page-head, .page-hero, .citizen-page-hero, .lawyer-page-hero-v43, .corp-page-hero-v44, .case-hero-v46, .settings-hero-v54, .directory-hero-v659, .lawyer-finance-hero-v662, .lc-hero-copy-v665) h1 {
  font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important;
  font-size: clamp(24px,2.25vw,32px) !important; line-height: 1.3 !important;
  letter-spacing: -.035em !important; font-weight: 650 !important;
}
.lawapp-v681.lawapp-app :is(.page-head, .page-hero, .citizen-page-hero, .lawyer-page-hero-v43, .corp-page-hero-v44, .case-hero-v46, .settings-hero-v54, .directory-hero-v659, .lawyer-finance-hero-v662, .lc-hero-copy-v665) p { font-size: 13px !important; line-height: 1.75 !important; }
.lawapp-v681.lawapp-app :is(.lc-section-head-v665, .citizen-card-head-v42, .settings-section-head-v54, .corp-panel-v44 > header, .lawyer-panel-v43 > header) :is(h2,h3) {
  font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important;
  font-size: 17px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: -.025em !important;
}
.lawapp-v681.lawapp-app :is(.panel, .client-card, .lawyer-panel-v43, .corp-panel-v44, .settings-card-v54, .lc-section-v665, .lc-consult-v665, .lc-finance-v665, .lc-pro-v665, .lawyer-finance-panel-v662, .directory-control-card-v659) {
  background: #fff !important; border: 1px solid #dfe7ef !important;
  border-radius: var(--v681-radius) !important; box-shadow: var(--v681-shadow) !important;
}
.lawapp-v681.lawapp-app :is(.ui-dropdown-menu, .ui-context-menu, .ui-command-dialog, .modal-card) { border-radius: 14px !important; border-color: #dce5ed !important; box-shadow: 0 16px 44px rgba(23,44,67,.14) !important; }
.lawapp-v681.lawapp-app :is(.modal-card, .form-card, .settings-form-v54, .v624-auth-form) :is(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="url"], input[type="search"], select) {
  min-height: 44px; background: #fff !important; color: #263f55 !important;
  border-color: #d5e0ea !important; border-radius: 9px !important; box-shadow: none !important;
}
.lawapp-v681.lawapp-app :is(.modal-card, .form-card, .settings-form-v54) textarea { border-color: #d5e0ea !important; border-radius: 10px !important; background: #fff !important; line-height: 1.65; }
.lawapp-v681.lawapp-app :is(.btn.primary, .client-btn-primary, .lawyer-action-primary-v43, .corp-primary-v44, .premium-primary-v659, .ui-quick-create) { background: #203f60 !important; border-color: #203f60 !important; color: #fff !important; border-radius: 10px !important; font-weight: 600 !important; box-shadow: none !important; }
.lawapp-v681.lawapp-app :is(.btn.primary, .client-btn-primary, .lawyer-action-primary-v43, .corp-primary-v44, .premium-primary-v659, .ui-quick-create):hover { background: #142f4b !important; }
.lawapp-v681.lawapp-app :is(.btn.secondary, .client-btn-secondary, .lawyer-action-secondary-v43, .premium-secondary-v659) { border-color: #d6e1ea !important; color: #355771 !important; background: #fff !important; border-radius: 10px !important; box-shadow: none !important; }
.lawapp-v681.lawapp-app :is(.lawyer-filterbar-v43, .corp-filter-v44, .directory-filter-v659, .settings-tabs-v54) { border-color: #dfe7ef !important; border-radius: 12px !important; box-shadow: none !important; }
.lawapp-v681.lawapp-app :is(.case-tabs-v46, .settings-tabs-v54) a.active { background: #eaf2f7 !important; color: #254b68 !important; border-color: #cbdde9 !important; }
.lawapp-v681.lawapp-app :is(.data-table, .table-wrap, .table-card) { border-color: #e0e8ef !important; }
.lawapp-v681.lawapp-app table th { background: #f5f8fa !important; color: #627b8f; font-size: 11px; letter-spacing: .035em; }
.lawapp-v681.lawapp-app table td { border-color: #edf1f5; }

/* Lawyer dashboard. The same cards and actions get a quieter, balanced hierarchy. */
.lawapp-v681 .lawyer-command-v665 { gap: 22px; }
.lawapp-v681 .lc-hero-v665 { background: #203c58; border: 1px solid #284960; border-radius: 18px; padding: 28px; box-shadow: 0 8px 20px rgba(26,50,74,.055); }
.lawapp-v681 .lc-hero-copy-v665 h1 { color: #fff !important; }
.lawapp-v681 .lc-hero-v665 p { color: #c4d6e4 !important; }
.lawapp-v681 .lc-kicker-v665 { color: #a4c9d0; font-size: 10px; letter-spacing: .08em; }
.lawapp-v681 .lc-profile-v665 { border-color: #426079; }
.lawapp-v681 .lc-profile-seal-v665 { color: #c1e4e5; background: #31596c; border-radius: 10px; }
.lawapp-v681 .lc-profile-v665 a { color: #c0dce7; }
.lawapp-v681 .lc-btn-primary-v665,
.lawapp-v681 .lc-btn-secondary-v665 { border-radius: 9px; font-weight: 600; font-size: 12px; }
.lawapp-v681 .lc-kpis-v665 { background: transparent; border: 0; border-radius: 0; gap: 14px; overflow: visible; }
.lawapp-v681 .lc-kpis-v665 > a { min-height: 132px; padding: 20px 17px; background: #fff; border: 1px solid #dfe7ef; border-radius: 14px; box-shadow: var(--v681-shadow); }
.lawapp-v681 .lc-kpis-v665 > a:last-child { border-right: 1px solid #dfe7ef; }
.lawapp-v681 .lc-kpis-v665 > a:hover { border-color: #baceDE; background: #fff; }
.lawapp-v681 .lc-kpis-v665 :is(strong, b) { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-weight: 650 !important; font-size: 28px !important; }
.lawapp-v681 .lc-kpis-v665 small { font-size: 9px; color: #647e92; letter-spacing: .06em; }
.lawapp-v681 .lc-kpis-v665 p { font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
.lawapp-v681 .lc-kpi-icon-v665 { background: #eef4f8; color: #4c738c; border-radius: 10px; }
.lawapp-v681 :is(.lc-section-v665, .lc-consult-v665, .lc-finance-v665, .lc-pro-v665) { padding: 22px; }
.lawapp-v681 .lc-section-head-v665 { margin-bottom: 19px; }
.lawapp-v681 .lc-section-head-v665 > div > small { font-size: 9px; color: #7a8c9c; letter-spacing: .075em; }
.lawapp-v681 :is(.lc-action-row-v665, .lc-timeline-row-v665, .lc-case-list-v665 > a, .lc-task-list-v665 > a) { border-color: #e4ebf2; border-radius: 11px; }
.lawapp-v681 .lc-consult-summary-v665 b { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: 25px !important; font-weight: 600 !important; }

/* Citizen dashboard: unify the former parchment/gold section with the app. */
body.lawapp-v681.role-citizen[data-page="dashboard.php"] {
  --cp-ink: #172c43; --cp-paper: #fff; --cp-paper-2: #f2f6f9; --cp-ivory: #f4f7fa; --cp-line: #dfe7ef;
  --cp-navy: #203f60; --cp-gold: #477f87; --cp-gold-soft: #b1cdd1; --cp-display: var(--la-font-ui, Inter, system-ui, sans-serif);
}
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-dash-welcome.citizen-briefing-v672 { background: #fff !important; border: 1px solid #dce6ee !important; border-radius: 18px !important; padding: 30px; box-shadow: var(--v681-shadow) !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-dash-welcome.citizen-briefing-v672 h1 { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: clamp(25px,2.5vw,34px) !important; font-weight: 600 !important; line-height: 1.25 !important; color: #203b54 !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-brief-rule-v672 { background: #78a5aa; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-brief-date-v672 { color: #4c7d89 !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-briefing-ledger-v672 { border-color: #dfe7ef; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-briefing-stat-v672 strong { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; color: #24455f !important; font-size: 28px !important; font-weight: 600 !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 { gap: 14px !important; border: 0 !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 > a { min-height: 136px !important; padding: 21px !important; border: 1px solid #dfe7ef !important; border-radius: 14px !important; background: #fff !important; box-shadow: var(--v681-shadow) !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 > a:last-child { border-right: 1px solid #dfe7ef !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 strong { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: 30px !important; font-weight: 650 !important; color: #24455f !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 small:first-child { color: #647e92 !important; letter-spacing: .05em !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 :is(em, .ui-metric-note:not(.attention)) { color: #607b8f !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] :is(.citizen-card-head-v42 small, .cns-copy > small, .citizen-forum-feature-v56 small) { color: #4e7d8a !important; letter-spacing: .06em !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-next-step-v42 { border: 1px solid #dce6ed !important; border-radius: 16px !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .cns-lawyer-signature-v672 { background: #f2f7fa !important; border-color: #d1e0e9 !important; box-shadow: none !important; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .cns-lawyer-signature-v672::before { border-color: #e2ebf0; }
.lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-private-service-v672 > * { animation: none; opacity: 1; }

/* Directory, finance and company panels use the same surface vocabulary. */
.lawapp-v681.lawapp-app :is(.directory-lawyer-card-v659, .my-lawyer-card-v653, .lawyer-document-grid-v43 > article, .client-card-v43) { background: #fff !important; border: 1px solid #dde6ee !important; border-radius: 16px !important; box-shadow: var(--v681-shadow) !important; }
.lawapp-v681.lawapp-app :is(.directory-lawyer-card-v659, .my-lawyer-card-v653):hover { border-color: #a8c3d4 !important; box-shadow: 0 8px 22px rgba(24,45,67,.08) !important; transform: translateY(-2px); }
.lawapp-v681.lawapp-app :is(.directory-card-body-v659, .my-lawyer-main-v653) h2 { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.3 !important; }
.lawapp-v681.lawapp-app .premium-tags-v659 span { background: #eff5f8 !important; border-color: #dbe7ee !important; color: #486b83 !important; border-radius: 6px; }
.lawapp-v681.lawapp-app :is(.corp-hero-v44, .corp-page-hero-v44, .settings-hero-v54, .lawyer-finance-hero-v662) { border-radius: 18px !important; box-shadow: none !important; }
.lawapp-v681.lawapp-app :is(.corp-metric-strip-v44, .lawyer-finance-kpis-v662, .platform-fee-kpis-v674) { border-radius: 14px !important; border-color: #dfe7ef !important; box-shadow: none !important; }
.lawapp-v681.lawapp-app :is(.corp-metric-strip-v44 b, .lawyer-finance-kpis-v662 strong, .platform-fee-kpis-v674 strong) { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: 28px !important; font-weight: 600 !important; }

/* Conversation surfaces only: no grid, visibility, timer or composer geometry overrides. */
.lawapp-v681[data-page="messages.php"] :is(.messages-sidebar-v46, .message-head-v46, .message-details-v46) { background: #fff !important; border-color: #e0e8ef !important; }
.lawapp-v681[data-page="messages.php"] .message-bubbles-v46 { background-color: #f3f7fa !important; background-image: none !important; }
.lawapp-v681[data-page="messages.php"] :is(.messages-side-head-v61, .message-details-head-v61) { border-color: #e0e8ef !important; }
.lawapp-v681[data-page="messages.php"] .messages-search-v46 .ui-field { background: #f5f8fa !important; border-color: #dfe7ef !important; border-radius: 10px !important; }
.lawapp-v681[data-page="messages.php"] .message-compose-field { background: #fff !important; border-color: #d8e3ec !important; box-shadow: 0 2px 8px rgba(24,45,67,.035) !important; }
.lawapp-v681[data-page="messages.php"] :is(.message-composer-v612, .message-composer-workspace-v636) { background: #fff !important; box-shadow: 0 -2px 10px rgba(24,45,67,.025) !important; }
.lawapp-v681[data-page="messages.php"] .message-composer-action-v612:not([data-mode="recording"]):not(:disabled) { background: #254b68 !important; box-shadow: none !important; }
.lawapp-v681[data-page="messages.php"] .message-date-chip-v61 { background: #e8f0f5 !important; color: #56758b !important; box-shadow: none !important; }

/* Authentication: same role selection and forms, cleaner proportions. */
.lawapp-v681.lawapp-auth { background: #f3f6f9 !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-shell, .v624-login-hub) { border-radius: 20px !important; border: 1px solid #dce5ed !important; box-shadow: 0 18px 50px rgba(24,45,67,.085) !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-brand-panel, .v624-login-hub-intro) { background: #203c58 !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-brand-panel, .v624-login-hub-intro)::before { background: none !important; border-color: rgba(180,207,224,.10); }
.lawapp-v681.lawapp-auth :is(.v624-auth-message h2, .v624-login-hub-copy h1) { font-family: var(--la-font-display, Georgia, serif) !important; font-size: clamp(30px,3.4vw,45px) !important; font-weight: 450 !important; line-height: 1.18 !important; letter-spacing: -.025em !important; }
.lawapp-v681.lawapp-auth .v624-auth-message p { color: #c3d5e2 !important; font-size: 14px; line-height: 1.75; }
.lawapp-v681.lawapp-auth .v624-login-kicker { color: #a8cfd6 !important; }
.lawapp-v681.lawapp-auth :is(.v624-login-portal-icon, .v624-login-portal-arrow) { background: #eef4f8; color: #456f88; border-color: #dce7ef; border-radius: 10px; }
.lawapp-v681.lawapp-auth .v624-login-portal-grid { grid-template-columns: 1fr; gap: 12px; }
.lawapp-v681.lawapp-auth .v624-login-portal-card { min-height: 104px; border-radius: 12px; padding: 18px; border-color: #dce6ee; box-shadow: none; }
.lawapp-v681.lawapp-auth .v624-login-portal-card:hover { background: #f7fafc; border-color: #a5c0d3; transform: none; box-shadow: 0 3px 10px rgba(24,45,67,.04); }
.lawapp-v681.lawapp-auth .v624-login-hub-portals h2 { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: 25px !important; font-weight: 600 !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-form-head, .auth-card) h1 { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: clamp(25px,2.6vw,33px) !important; font-weight: 600 !important; line-height: 1.28 !important; letter-spacing: -.03em !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-form, .auth-card) :is(input:not([type]), input[type="text"], input[type="email"], input[type="password"]) { min-height: 48px; border-color: #d3dfe9 !important; border-radius: 9px !important; background: #fff !important; box-shadow: none !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-submit, .auth-card .btn.primary) { min-height: 48px; border-radius: 10px !important; background: #203f60 !important; border-color: #203f60 !important; box-shadow: none !important; font-weight: 600 !important; }
.lawapp-v681.lawapp-auth :is(.v624-auth-submit, .auth-card .btn.primary):hover { background: #142f4b !important; }
.lawapp-v681.lawapp-auth .auth-art { background: #edf3f7 !important; border-color: #dce6ee !important; }
.lawapp-v681.lawapp-auth .auth-art-copy h2 { font-size: clamp(32px,3.7vw,48px) !important; line-height: 1.18 !important; color: #25445e !important; }
.lawapp-v681.lawapp-auth .auth-art-copy p { color: #5c7489 !important; }
.lawapp-v681.lawapp-auth .locked-role { background: #f1f6f9 !important; border-color: #dce7ef !important; border-radius: 10px; }

/* Standalone call room: chrome only, no change to video feeds or controls. */
body.lawapp-v681.lawapp-call-page { --call-metal: #aeced8; --call-accent: #aeced8; background: #0d1d2d; }
.lawapp-v681.lawapp-call-page .lawapp-call-shell { background: #0d1d2d; }
.lawapp-v681.lawapp-call-page .lawapp-call-topbar { background: #102438; border-bottom-color: #294257; box-shadow: none; }
.lawapp-v681.lawapp-call-page .lawapp-call-logo { border-radius: 11px; background: #203d53; color: #c5e3eb; border-color: #3a5b70; box-shadow: none; }
.lawapp-v681.lawapp-call-page .lawapp-call-stage { border-color: #2d465b; border-radius: 18px; box-shadow: 0 14px 40px rgba(0,0,0,.17); }
.lawapp-v681.lawapp-call-page .lawapp-call-controls { background: #0d1d2d; }
.lawapp-v681.lawapp-call-page .lawapp-call-control { border-radius: 13px; font-weight: 600; box-shadow: none; }
.lawapp-v681.lawapp-call-page .lawapp-call-remote-placeholder h1 { font-family: var(--la-font-ui, Inter, system-ui, sans-serif) !important; font-size: clamp(22px,2.7vw,32px) !important; font-weight: 550 !important; }

/* Responsive refinements leave navigation and conversation state to the app. */
@media (min-width: 1025px) {
  .lawapp-v681.lawapp-app:not(.lawapp-native-app) .sidebar-head { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-edition { justify-self: start; margin-left: 2px; }
}
@media (max-width: 1180px) {
  .lawapp-v681 .launch-hero-v644 { gap: 34px; }
  .lawapp-v681 .launch-nav-v644 { gap: 16px; }
  .lawapp-v681 .launch-nav-v644 nav { gap: 14px; }
  .lawapp-v681 .launch-phone-v644 { right: -3px; }
  .lawapp-v681 .lc-hero-v665 { gap: 20px; }
}
@media (max-width: 1024px) {
  .lawapp-v681 .launch-hero-v644 { grid-template-columns: minmax(0,1fr); padding: 58px 0 56px; gap: 28px; }
  .lawapp-v681 .launch-hero-copy-v644 { max-width: 620px; }
  .lawapp-v681 .launch-stage-v644 { width: min(650px,100%); justify-self: center; min-height: 420px; }
  .lawapp-v681 .launch-feature-grid-v644 article { padding: 22px 18px; gap: 12px; }
  .lawapp-v681 .launch-product-story-v644 { padding: 30px; }
}
@media (max-width: 820px) {
  .lawapp-v681.lawapp-app:not(.lawapp-native-app):not([data-page="messages.php"]) .workspace-content { padding: 20px 16px 32px !important; }
  .lawapp-v681.lawapp-app:not(.lawapp-native-app) .workspace-topbar.fresh-workspace-header { min-height: 66px !important; }
  .lawapp-v681 .launch-nav-v644 { width: calc(100% - 28px); margin-top: 14px; padding-inline: 15px; }
  .lawapp-v681 .launch-hero-v644,
  .lawapp-v681 .launch-feature-grid-v644,
  .lawapp-v681 .launch-how-v644,
  .lawapp-v681 .launch-product-story-v644,
  .lawapp-v681 .launch-final-v644 { width: calc(100% - 36px); }
  .lawapp-v681 .launch-feature-grid-v644 { margin-bottom: 58px; }
  .lawapp-v681 .launch-feature-grid-v644 article { grid-template-columns: 38px minmax(0,1fr); }
  .lawapp-v681 .launch-section-head-v644 { align-items: flex-start; flex-direction: column; gap: 14px; }
  .lawapp-v681 .launch-steps-v644 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lawapp-v681 .launch-product-story-v644 { grid-template-columns: minmax(0,1fr); margin-bottom: 54px; }
  .lawapp-v681 .launch-final-v644 { padding: 28px; margin-bottom: 54px; }
  .lawapp-v681 .lc-hero-v665 { padding: 24px; grid-template-columns: minmax(0,1fr); }
  .lawapp-v681 .lc-kpis-v665 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .lawapp-v681 .lc-profile-v665 { max-width: none; min-width: 0; padding: 18px 0 0; border-left: 0; border-top: 1px solid #426079; }
  .lawapp-v681.lawapp-app :is(.page-head, .page-hero, .citizen-page-hero, .lawyer-page-hero-v43, .corp-page-hero-v44, .case-hero-v46, .settings-hero-v54, .directory-hero-v659, .lawyer-finance-hero-v662, .lc-hero-copy-v665) h1 { font-size: 26px !important; }
  .lawapp-v681.lawapp-auth :is(.v624-auth-form-panel, .v624-login-hub-portals) { padding: 32px 25px; }
  .lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-dash-welcome.citizen-briefing-v672 { padding: 24px !important; }
  .lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px !important; }
}
@media (max-width: 600px) {
  .lawapp-v681 .launch-nav-v644 { height: 66px; gap: 10px; }
  .lawapp-v681 .launch-brand-v644 { gap: 8px; }
  .lawapp-v681 .launch-brand-mark-v644 { width: 33px; height: 33px; font-size: 18px; }
  .lawapp-v681 .launch-brand-v644 strong { font-size: 17px; }
  .lawapp-v681 .launch-brand-v644 small { font-size: 7px; }
  .lawapp-v681 .launch-nav-actions-v644 { gap: 4px; }
  .lawapp-v681 .launch-nav-cta-v644 { width: auto; min-height: 44px; gap: 6px; padding: 10px; font-size: 11px; }
  .lawapp-v681 .launch-login-v644 { padding: 10px 7px; font-size: 11px; }
  .lawapp-v681 .launch-hero-v644 { padding-top: 42px; }
  .lawapp-v681 .launch-hero-copy-v644 h1 { font-size: clamp(32px,8.6vw,43px) !important; margin-top: 21px; line-height: 1.16 !important; }
  .lawapp-v681 .launch-hero-copy-v644 > p { font-size: 14px; }
  .lawapp-v681 .launch-eyebrow-v644 { font-size: 8px; letter-spacing: .015em; padding: 7px 9px; }
  .lawapp-v681 .launch-hero-actions-v644 { gap: 9px; }
  .lawapp-v681 :is(.launch-primary-v644, .launch-secondary-v644) { min-height: 45px; font-size: 12px; padding-inline: 13px; }
  .lawapp-v681 .launch-proof-v644 { gap: 10px; font-size: 10px; }
  .lawapp-v681 .launch-stage-v644 { min-height: 350px; padding: 10px 9px 30px 0; }
  .lawapp-v681 .launch-app-shell-v644 { height: 298px; grid-template-columns: 42px minmax(0,1fr); }
  .lawapp-v681 .launch-chat-v644 > header { height: 58px; padding-inline: 10px; grid-template-columns: 30px minmax(0,1fr) 28px; gap: 6px; }
  .lawapp-v681 .launch-chat-v644 > header strong { font-size: 10px; }
  .lawapp-v681 .launch-chat-v644 > header small { font-size: 7px; }
  .lawapp-v681 .launch-avatar-v644 { width: 28px; height: 28px; }
  .lawapp-v681 .launch-chat-body-v644 { padding: 12px 10px; gap: 8px; }
  .lawapp-v681 .launch-bubble-v644 { font-size: 9px; padding: 9px 10px; }
  .lawapp-v681 .launch-phone-v644 { width: 114px; height: 234px; border-radius: 22px; border-width: 4px; right: 0; bottom: 0; }
  .lawapp-v681 .launch-phone-top-v644 { height: 27px; padding-inline: 10px; font-size: 7px; }
  .lawapp-v681 .launch-phone-top-v644 i { width: 34px; height: 9px; }
  .lawapp-v681 .launch-call-person-v644 { padding-top: 12px; }
  .lawapp-v681 .launch-call-person-v644 > div { width: 41px; height: 41px; font-size: 15px; }
  .lawapp-v681 .launch-call-person-v644 strong { font-size: 9px; margin-top: 9px; }
  .lawapp-v681 .launch-call-person-v644 small { font-size: 8px; }
  .lawapp-v681 .launch-call-wave-v644 { height: 31px; }
  .lawapp-v681 .launch-call-controls-v644 { gap: 6px; }
  .lawapp-v681 .launch-call-controls-v644 span { width: 26px; height: 26px; }
  .lawapp-v681 .launch-call-controls-v644 svg { width: 13px; height: 13px; }
  .lawapp-v681 .launch-call-note-v644 { margin-top: 8px; font-size: 6.5px; }
  .lawapp-v681 .launch-file-v644 { width: 76%; padding: 8px; gap: 7px; }
  .lawapp-v681 .launch-file-v644 b { font-size: 8px; }
  .lawapp-v681 .launch-file-v644 small { font-size: 6.5px; }
  .lawapp-v681 .launch-feature-grid-v644 { grid-template-columns: minmax(0,1fr); }
  .lawapp-v681 .launch-feature-grid-v644 article { min-height: 116px; padding: 23px; }
  .lawapp-v681 .launch-feature-grid-v644 article + article { border-left: 0; border-top: 1px solid #e0e8ef; }
  .lawapp-v681 .launch-steps-v644 { gap: 10px; }
  .lawapp-v681 .launch-steps-v644 article { min-height: 200px; padding: 18px; }
  .lawapp-v681 .launch-steps-v644 article > b { right: 16px; top: 20px; font-size: 21px; }
  .lawapp-v681 .launch-steps-v644 h3 { font-size: 14px; margin-top: 20px; }
  .lawapp-v681 .launch-product-story-v644 { padding: 25px 22px; }
  .lawapp-v681 .launch-final-v644 { padding: 26px 23px; }
  .lawapp-v681 .lc-kpis-v665 > a { grid-template-columns: minmax(0,1fr); gap: 8px; min-height: 148px; padding: 17px; }
  .lawapp-v681 .lc-kpis-v665 p { grid-column: 1; margin-top: 2px; }
  .lawapp-v681 .lc-kpi-icon-v665 { width: 30px; height: 30px; }
  .lawapp-v681 :is(.lc-section-v665, .lc-consult-v665, .lc-finance-v665, .lc-pro-v665) { padding: 18px; }
  .lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 > a { min-height: 139px !important; padding: 18px 15px !important; }
  .lawapp-v681.role-citizen[data-page="dashboard.php"] .citizen-ledger-metrics-v672 strong { font-size: 27px !important; }
  .lawapp-v681.lawapp-auth :is(.v624-auth-shell, .v624-login-hub) { width: calc(100% - 24px); margin: 12px auto; border-radius: 16px !important; }
  .lawapp-v681.lawapp-auth :is(.v624-auth-brand-panel, .v624-login-hub-intro) { padding: 28px 24px; }
  .lawapp-v681.lawapp-auth :is(.v624-auth-message h2, .v624-login-hub-copy h1) { font-size: 30px !important; }
  .lawapp-v681.lawapp-auth .v624-login-portal-card { padding: 16px; grid-template-columns: 36px minmax(0,1fr) 20px; gap: 10px; }
  .lawapp-v681.lawapp-auth .v624-login-portal-icon { width: 36px; height: 36px; }
  .lawapp-v681.lawapp-auth .auth-art { padding: 28px 24px !important; }
  .lawapp-v681.lawapp-auth .auth-art-copy h2 { font-size: 32px !important; }
  .lawapp-v681 :is(.modal-card, .settings-form-v54, .v624-auth-form, .auth-card) :is(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="url"], input[type="search"], textarea, select) { font-size: 16px !important; }
}
@media (max-width: 410px) {
  .lawapp-v681 .launch-app-shell-v644 { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 380px) {
  .lawapp-v681 .launch-nav-v644 { padding-inline: 11px; }
  .lawapp-v681 .launch-brand-v644 strong { font-size: 15px; }
  .lawapp-v681 .launch-nav-actions-v644 { gap: 2px; }
  .lawapp-v681 .launch-login-v644 { padding-inline: 4px; }
  .lawapp-v681 .launch-hero-v644 { width: calc(100% - 30px); }
  .lawapp-v681 .launch-hero-actions-v644 { align-items: stretch; }
  .lawapp-v681 .launch-hero-actions-v644 > a { flex: none; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .lawapp-v681 .launch-call-wave-v644 i { animation: none; }
  .lawapp-v681 :is(.launch-primary-v644, .launch-nav-cta-v644, .directory-lawyer-card-v659, .my-lawyer-card-v653) { transition: none; }
  .lawapp-v681.lawapp-app :is(.directory-lawyer-card-v659, .my-lawyer-card-v653):hover { transform: none; }
}

/* iPhone 18 Pro Max front illustration. Hardware ratio: 78 / 163.4.
 * Reference: https://www.apple.com/iphone-18-pro/specs/
 * Decorative landing-page content only; no live call selectors or handlers.
 */
.lawapp-v681 .launch-phone-v644.launch-iphone-18 {
  display: block; width: 184px; height: auto; aspect-ratio: 78 / 163.4;
  min-height: 0; padding: 0; right: -6px; bottom: 0;
  border: 1px solid #8d939a; border-radius: 33px; overflow: visible;
  background: linear-gradient(105deg, #aab0b8 0%, #edf0f3 9%, #a6acb4 23%, #d7dce1 79%, #fafbfc 94%, #9299a2 100%);
  box-shadow: inset 0 0 0 1px #f5f6f8, inset 0 0 0 3px #767e87,
    0 24px 40px -12px rgba(18,34,50,.32), 0 5px 12px rgba(18,34,50,.10);
  color: #f6f9fc; transform: rotate(2deg); transform-origin: bottom right;
  isolation: isolate; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.lawapp-v681 .launch-phone-v644.launch-iphone-18::before {
  content: ""; position: absolute; inset: 1px; border: 1px solid rgba(255,255,255,.7);
  border-radius: 31px; background: none; pointer-events: none;
}
.lawapp-v681 .launch-iphone-18 .lp18-screen {
  position: absolute; inset: 4px; overflow: hidden; border: 3px solid #090d12;
  border-radius: 28px; background: linear-gradient(165deg, #233f55 0%, #152c40 47%, #101f30 100%);
  display: flex; flex-direction: column; align-items: center; color: #f6f9fc;
}
.lawapp-v681 .launch-iphone-18 .lp18-hardware {
  position: absolute; left: -3px; width: 3px; border: 1px solid #88919b;
  border-radius: 2px 0 0 2px; background: linear-gradient(90deg, #e4e7ea, #9aa2ac);
  box-shadow: inset 0 1px rgba(255,255,255,.7); z-index: -1;
}
.lawapp-v681 .launch-iphone-18 .lp18-action { top: 64px; height: 14px; }
.lawapp-v681 .launch-iphone-18 .lp18-volume-up { top: 95px; height: 28px; }
.lawapp-v681 .launch-iphone-18 .lp18-volume-down { top: 132px; height: 28px; }
.lawapp-v681 .launch-iphone-18 .lp18-power { left: auto; right: -3px; top: 107px; height: 42px; border-radius: 0 2px 2px 0; }
.lawapp-v681 .launch-iphone-18 .lp18-camera-control { left: auto; right: -2px; top: 250px; width: 2px; height: 25px; background: #858e98; border-radius: 0 2px 2px 0; }
.lawapp-v681 .launch-iphone-18 .lp18-status {
  width: 100%; height: 36px; flex: 0 0 36px; padding: 0 13px;
  display: flex; align-items: center; justify-content: space-between;
  color: #fff; font-variant-numeric: tabular-nums;
}
.lawapp-v681 .launch-iphone-18 .lp18-time { font-size: 9px; font-weight: 650; line-height: 1; letter-spacing: -.2px; }
.lawapp-v681 .launch-iphone-18 .lp18-status-icons { display: flex; align-items: center; gap: 3px; color: #fff; }
.lawapp-v681 .launch-iphone-18 .lp18-status-icons svg { display: block; width: 9px; height: 8px; color: #fff; }
.lawapp-v681 .launch-iphone-18 .lp18-status-icons .lp18-battery { width: 16px; height: 8px; }
.lawapp-v681 .launch-iphone-18 .lp18-island {
  position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
  width: 44px; height: 14px; background: #03060a; border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.6);
}
.lawapp-v681 .launch-iphone-18 .lp18-lens {
  position: absolute; right: 4px; top: 4px; width: 6px; height: 6px;
  border-radius: 50%; background: radial-gradient(circle at 35% 35%, #254761, #0c1520 48%, #030609 70%);
  border: 1px solid #111d29;
}
.lawapp-v681 .launch-iphone-18 .lp18-session {
  margin-top: 16px; display: flex; align-items: center; gap: 5px;
  color: #c2d6e3; font-size: 7px; font-weight: 600; line-height: 1; letter-spacing: .65px;
}
.lawapp-v681 .launch-iphone-18 .lp18-session > span { width: 4px; height: 4px; border-radius: 50%; background: #8bd9ba; }
.lawapp-v681 .launch-iphone-18 .lp18-contact { margin-top: 25px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.lawapp-v681 .launch-iphone-18 .lp18-avatar {
  width: 60px; height: 60px; border: 1px solid #6a8a9d; border-radius: 50%;
  background: #34556b; color: #fff; display: grid; place-items: center;
  font: 500 24px/1 Georgia, "Times New Roman", serif; box-shadow: 0 0 0 5px rgba(173,206,223,.045);
}
.lawapp-v681 .launch-iphone-18 .lp18-contact > strong {
  margin-top: 15px; color: #f6f9fc !important; font-size: 13px !important;
  font-family: inherit !important; font-weight: 600 !important; line-height: 1.35; letter-spacing: -.3px;
}
.lawapp-v681 .launch-iphone-18 .lp18-contact > small { margin-top: 6px; color: #bed2df !important; font-size: 10px !important; font-weight: 450; line-height: 1.4; font-variant-numeric: tabular-nums; }
.lawapp-v681 .launch-iphone-18 .lp18-wave { display: flex; align-items: center; justify-content: center; gap: 3px; height: 24px; flex: 0 0 24px; margin-top: 20px; }
.lawapp-v681 .launch-iphone-18 .lp18-wave > i { width: 2px; border-radius: 3px; background: #89bdd2; height: 7px; }
.lawapp-v681 .launch-iphone-18 .lp18-wave > i:nth-child(2),
.lawapp-v681 .launch-iphone-18 .lp18-wave > i:nth-child(6) { height: 13px; }
.lawapp-v681 .launch-iphone-18 .lp18-wave > i:nth-child(3),
.lawapp-v681 .launch-iphone-18 .lp18-wave > i:nth-child(5) { height: 19px; }
.lawapp-v681 .launch-iphone-18 .lp18-wave > i:nth-child(4) { height: 24px; }
.lawapp-v681 .launch-iphone-18 .lp18-actions { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 20px; }
.lawapp-v681 .launch-iphone-18 .lp18-actions > span {
  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
  background: #354d60; border: 1px solid #486072; color: #fff;
}
.lawapp-v681 .launch-iphone-18 .lp18-actions > .lp18-end { background: #e55159; border-color: #f3767d; }
.lawapp-v681 .launch-iphone-18 .lp18-actions svg { width: 16px; height: 16px; color: #fff !important; }
.lawapp-v681 .launch-iphone-18 .lp18-note { display: block; margin: 13px 0 0; color: #b9cedb !important; font-size: 8px !important; line-height: 1.65; text-align: center; }
.lawapp-v681 .launch-iphone-18 .lp18-home-indicator { position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); width: 57px; height: 3px; border-radius: 3px; background: #ecf2f7; }
@media (max-width: 1180px) {
  .lawapp-v681 .launch-phone-v644.launch-iphone-18 { right: 0; }
}
@media (max-width: 760px) {
  .lawapp-v681 .launch-stage-v644:has(.launch-iphone-18) { min-height: 416px; align-items: flex-start; padding-top: 10px; }
  .lawapp-v681 .launch-phone-v644.launch-iphone-18 { right: 4px; bottom: 0; transform: rotate(2deg) scale(.84); }
}
@media (max-width: 380px) {
  .lawapp-v681 .launch-stage-v644:has(.launch-iphone-18) { min-height: 410px; }
  .lawapp-v681 .launch-phone-v644.launch-iphone-18 { right: 1px; transform: rotate(2deg) scale(.78); }
}