/*lc-mode-adapted*//* LEGALCONNECT - Enterprise ERP Design System */
:root {
  --lc-sidebar: var(--lc-sidebar-width, 280px);
  --lc-topbar: var(--lc-header-height, 72px);

  --lc-bg: var(--lc-color-background, #f8fafc);--lc-bg: var(--lc-color-background, var(--lc-mode-surface, #f8fafc));
  --lc-surface: var(--lc-color-surface, #ffffff);--lc-surface: var(--lc-color-surface, var(--lc-mode-surface, #ffffff));
  --lc-surface-2: var(--lc-color-background, #f8fafc);--lc-surface-2: var(--lc-color-background, var(--lc-mode-surface, #f8fafc));

  --lc-sidebar-bg: var(--lc-sidebar-background, #0f172a);
  --lc-sidebar-surface: #101a30;
  --lc-sidebar-border: var(--lc-color-border, #e2e8f0);--lc-sidebar-border: var(--lc-color-border, var(--lc-mode-border, #e2e8f0));

  --lc-text: var(--lc-color-text-primary, #0f172a);--lc-text: var(--lc-color-text-primary, var(--lc-mode-text, #0f172a));
  --lc-muted: var(--lc-color-text-muted, #64748b);--lc-muted: var(--lc-color-text-muted, var(--lc-mode-ink-blue, #64748b));
  --lc-subtle: var(--lc-color-text-secondary, #475569);

  --lc-border: var(--lc-color-border, #e2e8f0);--lc-border: var(--lc-color-border, var(--lc-mode-border, #e2e8f0));
  --lc-border-strong: var(--lc-input-border, #cbd5e1);--lc-border-strong: var(--lc-input-border, var(--lc-mode-border, #cbd5e1));

  --lc-primary: var(--lc-color-primary, #14532d);
  --lc-primary-dark: var(--lc-color-primary, #14532d);
  --lc-primary-soft: #f0fdf4;

  --lc-success: var(--lc-color-success, #15803d);
  --lc-success-soft: #ecfdf3;

  --lc-warning: var(--lc-color-warning, #d97706);
  --lc-warning-soft: #fffaeb;

  --lc-danger: var(--lc-color-danger, #dc2626);
  --lc-danger-soft: #fef3f2;

  --lc-info: var(--lc-color-info, #2563eb);
  --lc-info-soft: #eff8ff;

  --lc-shadow: var(--lc-shadow-card, 0 1px 3px rgba(15, 23, 42, 0.08));
  --lc-shadow-lg: var(--lc-shadow-dropdown, 0 12px 32px rgba(15, 23, 42, 0.14));

  --lc-radius: var(--lc-radius-card, 16px);
  --lc-radius-sm: var(--lc-radius-small, 6px);

  --lc-font: var(--lc-font-family-base, Inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{background:var(--lc-bg);scroll-behavior:smooth}
body.lc-app{margin:0;background:var(--lc-bg);color:var(--lc-text);font-family:var(--lc-font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.lc-svg-icon {
    display: block;

    flex:
        0
        0
        auto;

    width:
        var(
            --lc-svg-icon-size,
            var(--lc-icon-size, 20px)
        );

    height:
        var(
            --lc-svg-icon-size,
            var(--lc-icon-size, 20px)
        );

    color:
        inherit;
}
.lc-shell{min-height:100vh}
    
/* Sidebar */
.lc-sidebar {
    position: fixed;
    inset: 0 auto 0 0;

    width: var(--lc-sidebar-width, 280px);

    z-index: 50;

    display: flex;
    flex-direction: column;

    background: linear-gradient(115deg, #122a4f, #173e73);
    color: var(--lc-sidebar-text, #e2e8f0);

    border-right:
        var(--lc-border-width, 1px)
        solid
        var(--lc-color-border, #e2e8f0);border-right:
        var(--lc-border-width, 1px)
        solid
        var(--lc-color-border, var(--lc-mode-border, #e2e8f0));
}
.lc-brand{height:74px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}
.lc-brand-link{display:flex;align-items:center;gap:11px;min-width:0}
.lc-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#6d6ff5,#4c46d9);color:#fff;font-weight:800;font-size:14px;letter-spacing:-.3px;box-shadow:0 10px 26px rgba(91,92,240,.3)}
.lc-brand-copy{display:flex;flex-direction:column;min-width:0}
.lc-brand-copy b{font-size:16px;line-height:1.1;color:#fff;letter-spacing:-.35px;white-space:nowrap}
.lc-brand-copy b span{color:#9c9eff}
.lc-brand-copy small{margin-top:5px;font-size:14px;font-weight:800;letter-spacing:1.25px;color:#7f8aa4;color:var(--lc-mode-ink-blue, #7f8aa4);white-space:nowrap}
.lc-sidebar-close{display:none;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:#dbe5f5;font-size:20px;line-height:1}
.lc-workspace-card{margin:14px 15px 8px;padding:13px;border:1px solid var(--lc-sidebar-border);background:linear-gradient(135deg,rgba(25,40,68,.95),rgba(14,25,45,.94));border-radius:13px;display:flex;align-items:center;gap:11px}
.lc-workspace-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#2f5be7;color:#fff;font-weight:800;font-size:14px;box-shadow:0 6px 14px rgba(47,91,231,.24)}
.lc-workspace-copy{display:flex;flex-direction:column;min-width:0}
.lc-workspace-copy small{font-size:14px;color:#7f90b1;color:var(--lc-mode-ink-blue, #7f90b1);font-weight:800;letter-spacing:1px}
.lc-workspace-copy b{font-size:14px;color:#f6f8fc;margin-top:2px}
.lc-workspace-copy span{margin-top:4px;font-size:14px;color:#98a6c0;display:flex;align-items:center;gap:6px}
.lc-workspace-copy i,.lc-system-pill i{width:7px;height:7px;border-radius:999px;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.1)}
.lc-nav{padding:var(--lc-sidebar-padding,12px);overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:#273654 transparent}
.lc-nav::-webkit-scrollbar{width:5px}.lc-nav::-webkit-scrollbar-thumb{background:#273654;border-radius:999px}
.lc-nav-section{margin-top:10px}
.lc-nav-label{padding:9px 10px 6px;font-size:15px;text-transform:uppercase;letter-spacing:1.35px;color:#667795;color:var(--lc-mode-ink-blue, #667795);font-weight:800}
.lc-nav-item{height:var(--lc-sidebar-item-height,42px);padding:0 11px;margin:var(--lc-sidebar-item-gap,2px) 0;border-radius:var(--lc-sidebar-item-radius,10px);display:flex;align-items:center;gap:11px;color:var(--lc-sidebar-text,#bdc8db);font-size:14px;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease;position:relative}
.lc-nav-item:hover{background:var(--lc-sidebar-hover-background,rgba(255,255,255,.055));color:var(--lc-sidebar-hover-text,#ffffff)}
.lc-nav-item.active{background:var(--lc-sidebar-active,rgba(91,92,240,.27));color:var(--lc-sidebar-active-text,#ffffff);box-shadow:inset 3px 0 0 var(--lc-sidebar-active,#8c8eff)}
.lc-nav-icon{width:var(--lc-sidebar-icon-size,22px);height:var(--lc-sidebar-icon-size,22px);display:grid;place-items:center;color:currentColor}.lc-nav-item.active .lc-nav-icon,.lc-nav-item:hover .lc-nav-icon{color:currentColor}
.lc-sidebar-bottom{padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.07);position:relative;flex:0 0 auto}
.lc-security-card{padding:10px 11px;margin-bottom:9px;border:1px solid #1c304b;background:#0e1b31;border-radius:11px;display:flex;align-items:center;gap:9px}
.lc-security-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(18,183,106,.13);color:#32d583}
.lc-security-card div{display:flex;flex-direction:column}.lc-security-card b{font-size:14px;color:#eef3fa}.lc-security-card small{font-size:14px;color:#70809d;color:var(--lc-mode-ink-blue, #70809d);margin-top:2px}
.lc-user-card{height:48px;display:flex;align-items:center;gap:9px;padding:4px 2px}
.lc-avatar,.lc-top-avatar{display:grid;place-items:center;border-radius:10px;background:#eef0ff;background:var(--lc-mode-surface, #eef0ff);color:#4c46d9;color:var(--lc-mode-ink-blue, #4c46d9);font-weight:800}
.lc-avatar{width:36px;height:36px;font-size:14px}.lc-user-copy{min-width:0;display:flex;flex-direction:column;flex:1}.lc-user-copy b{font-size:14px;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-user-copy span{font-size:14px;color:#6f819f;color:var(--lc-mode-ink-blue, #6f819f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.lc-more{width:30px;height:30px;border:0;background:transparent;color:#6f819f;color:var(--lc-mode-ink-blue, #6f819f);border-radius:8px}.lc-more:hover{background:rgba(255,255,255,.06);color:#fff}
.lc-profile-menu{position:absolute;left:14px;right:14px;bottom:70px;background:#fff;background:var(--lc-mode-surface, #fff);border:1px solid var(--lc-border);border-radius:11px;padding:6px;box-shadow:var(--lc-shadow-lg);display:none;z-index:70;color:var(--lc-text)}
.lc-profile-menu.open{display:block}.lc-profile-menu a,.lc-profile-menu button{width:100%;height:38px;padding:0 10px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:16px;color:#344054;color:var(--lc-mode-text, #344054);text-align:left}.lc-profile-menu a:hover,.lc-profile-menu button:hover{background:#f5f7fa;background:var(--lc-mode-surface, #f5f7fa);color:#101828;color:var(--lc-mode-text, #101828)}

/* Main / topbar */
.lc-main {
    margin-left: var(--lc-sidebar-width, 280px);
    min-height: 100vh;
    min-width: 0;
}
.lc-topbar {
    height: var(--lc-header-height, 72px);

    position: sticky;
    top: 0;
    z-index: 30;

    padding-left: var(--lc-page-padding, 24px);
    padding-right: var(--lc-page-padding, 24px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: var(--lc-navigation-gap, 8px);

    background: var(--lc-color-surface, #ffffff);background: var(--lc-color-surface, var(--lc-mode-surface, #ffffff));

    backdrop-filter: blur(14px);

    border-bottom:
        var(--lc-border-width, 1px)
        solid
        var(--lc-color-border, #e2e8f0);border-bottom:
        var(--lc-border-width, 1px)
        solid
        var(--lc-color-border, var(--lc-mode-border, #e2e8f0));

    /* A2 Header/Navbar Design System integration */
    min-height: var(--lc-header-height, 72px);
    background: var(--lc-header-background, #ffffff);background: var(--lc-header-background, var(--lc-mode-surface, #ffffff));
    color: var(--lc-header-text, #172033);color: var(--lc-header-text, var(--lc-mode-text, #172033));
    border-bottom-color: var(--lc-header-border-color, #e2e8f0);border-bottom-color: var(--lc-header-border-color, var(--lc-mode-border, #e2e8f0));
    border-bottom-width: var(--lc-header-border-width, 1px);
    border-bottom-style: solid;
    box-shadow: var(--lc-header-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
    padding-left: var(--lc-header-padding-x, 24px);
    padding-right: var(--lc-header-padding-x, 24px);
}
.lc-topbar-left,.lc-topbar-right{display:flex;align-items:center;gap:12px;min-width:0}
.lc-menu{display:none;width:36px;height:36px;border:1px solid var(--lc-border);background:#fff;background:var(--lc-mode-surface, #fff);border-radius:9px;color:#475467;color:var(--lc-mode-muted, #475467)}
.lc-breadcrumb{display:flex;align-items:center;gap:9px;min-width:0;font-size:14px;color:#98a2b3;text-transform:uppercase;letter-spacing:.25px}.lc-breadcrumb a:hover{color:var(--lc-primary)}.lc-breadcrumb i{font-style:normal;color:#d0d5dd}.lc-breadcrumb b{color:#344054;color:var(--lc-mode-text, #344054);text-transform:none;letter-spacing:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-search-button{height:40px;min-width:235px;padding:0 10px 0 12px;border:1px solid var(--lc-border);border-radius:10px;background:#fff;background:var(--lc-mode-surface, #fff);color:#667085;color:var(--lc-mode-muted, #667085);display:flex;align-items:center;gap:9px;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.lc-search-button:hover{border-color:#c7c9ff;border-color:var(--lc-mode-border, #c7c9ff);background:#fbfbff;background:var(--lc-mode-surface, #fbfbff)}.lc-search-button em{font-style:normal;font-size:16px;flex:1;text-align:left}.lc-search-button kbd{font-family:inherit;font-size:14px;border:1px solid var(--lc-border);border-bottom-color:#c2c7d0;border-bottom-color:var(--lc-mode-border, #c2c7d0);border-radius:5px;padding:3px 6px;background:#f9fafb;background:var(--lc-mode-surface, #f9fafb);color:#667085;color:var(--lc-mode-muted, #667085)}
.lc-system-pill{display:flex;align-items:center;gap:7px;font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085);white-space:nowrap}.lc-top-avatar{width:35px;height:35px;border:0;font-size:14px}
.lc-content {
    width: var(--lc-content-width, 100%);
    max-width: var(--lc-content-max-width, 1440px);
    padding: var(--lc-page-padding, 24px);
    margin: 0 auto;
}

/* Alerts */
.lc-alert{min-height:44px;padding:10px 13px;margin-bottom:18px;border:1px solid;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px}.lc-alert>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:800}.lc-alert div{display:flex;flex-direction:column}.lc-alert small{margin-top:2px}.lc-alert.success{background:var(--lc-success-soft);border-color:#abefc6;border-color:var(--lc-mode-border, #abefc6);color:#027a48;color:var(--lc-mode-ink-green, #027a48)}.lc-alert.success>span{background:#d1fadf;background:var(--lc-mode-tint-green, #d1fadf)}.lc-alert.info{background:var(--lc-info-soft);border-color:#b2ddff;border-color:var(--lc-mode-border, #b2ddff);color:#175cd3;color:var(--lc-mode-ink-blue, #175cd3)}.lc-alert.info>span{background:#d1e9ff;background:var(--lc-mode-tint-blue, #d1e9ff)}.lc-alert.danger{background:var(--lc-danger-soft);border-color:#fecdca;border-color:var(--lc-mode-border, #fecdca);color:#b42318;color:var(--lc-mode-ink-red, #b42318)}.lc-alert.danger>span{background:#fee4e2;background:var(--lc-mode-surface, #fee4e2)}

/* Page header / buttons */
.lc-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--lc-section-gap,24px);margin-bottom:var(--lc-section-gap,24px)}
.lc-page-header>div:first-child{min-width:0}.lc-overline{font-size:14px;font-weight:800;letter-spacing:1.35px;color:var(--lc-primary);text-transform:uppercase;margin-bottom:7px}.lc-page-header h1{margin:0;font-size:30px;line-height:1.12;letter-spacing:-.8px;font-weight:760;color:#0f172a;color:var(--lc-mode-text, #0f172a)}.lc-page-header p{margin:8px 0 0;max-width:720px;color:var(--lc-muted);font-size:17px;line-height:1.55}.lc-page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lc-btn{
    height:var(--lc-button-height,42px);
    padding:0 var(--lc-button-padding-x,16px);
    border:var(--lc-button-border-width,1px) solid var(--lc-border);
    border-radius:var(--lc-button-radius,var(--lc-radius-button,9px));
    background:var(--lc-button-secondary-background,#ffffff);background:var(--lc-button-secondary-background,var(--lc-mode-surface, #ffffff));
    color:var(--lc-button-secondary-text,#0f172a);color:var(--lc-button-secondary-text,var(--lc-mode-text, #0f172a));
    font-size:max(16px, var(--lc-button-font-size,14px));
    font-weight:var(--lc-button-font-weight,600);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    white-space:nowrap;
    transition:
        background-color var(--lc-button-transition,180ms) ease,
        border-color var(--lc-button-transition,180ms) ease,
        color var(--lc-button-transition,180ms) ease,
        box-shadow var(--lc-button-transition,180ms) ease,
        transform var(--lc-button-transition,180ms) ease;
    box-shadow:0 1px 2px rgba(16,24,40,.02);
}
.lc-btn:hover{
    border-color:var(--lc-color-primary,#14532d);
    background:var(--lc-color-background,#f8fafc);background:var(--lc-color-background,var(--lc-mode-surface, #f8fafc));
    color:var(--lc-color-primary,#14532d);color:var(--lc-color-primary,var(--lc-mode-ink-green, #14532d));
}

.lc-btn.primary{
    background:var(--lc-button-primary-background,#2563EB);
    border-color:var(--lc-button-primary-background,#2563EB);
    color:var(--lc-button-primary-text,#ffffff);
    box-shadow:0 5px 14px rgba(37,99,235,.18);
}

.lc-btn.primary:hover{
    background:var(--lc-button-primary-background,#2563EB);
    border-color:var(--lc-button-primary-background,#2563EB);
    color:var(--lc-button-primary-text,#ffffff);
    filter:brightness(.92);
}

.lc-btn.danger{
    background:var(--lc-button-danger-background,#dc2626);
    border-color:var(--lc-button-danger-background,#dc2626);
    color:var(--lc-button-danger-text,#ffffff);
}

.lc-btn.danger:hover{
    background:var(--lc-button-danger-background,#dc2626);
    border-color:var(--lc-button-danger-background,#dc2626);
    color:var(--lc-button-danger-text,#ffffff);
    filter:brightness(.92);
}

.lc-btn.ghost{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
}

.lc-btn.sm{
    height:32px;
    padding:0 10px;
    font-size:16px;
}

/* Status / metrics */
.lc-status-bar{min-height:46px;padding:10px 14px;margin-bottom:16px;border:1px solid #d1fadf;border:1px solid var(--lc-mode-border, #d1fadf);border-radius:11px;background:linear-gradient(90deg,#f6fef9,#fff);background:linear-gradient(90deg,var(--lc-mode-surface, #f6fef9),var(--lc-mode-surface, #fff));display:flex;align-items:center;justify-content:space-between;gap:15px}.lc-status-bar>div{display:flex;align-items:center;gap:9px;min-width:0}.lc-status-bar strong{font-size:14px;color:#027a48;color:var(--lc-mode-ink-green, #027a48)}.lc-status-bar span:not(.lc-status-dot){font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085)}.lc-status-dot{width:8px;height:8px;border-radius:999px;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.1)}.lc-status-bar small{font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085);white-space:nowrap}
.lc-kpi-grid,.lc-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.lc-kpi-card,
.lc-summary-grid>div {
    position: relative;
    min-height: 124px;

    padding:
        var(--lc-card-padding, 20px);

    border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, #e2e8f0);border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, var(--lc-mode-border, #e2e8f0));

    border-radius:
        var(--lc-card-radius, 16px);

    background:
        var(--lc-card-background, #ffffff);background:
        var(--lc-card-background, var(--lc-mode-surface, #ffffff));

    color:
        var(--lc-card-text-color, #0f172a);color:
        var(--lc-card-text-color, var(--lc-mode-text, #0f172a));

    box-shadow:
        var(--lc-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.08));

    overflow: hidden;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}.lc-kpi-card:hover{transform:translateY(-1px);border-color:var(--lc-card-border-color,#e2e8f0);border-color:var(--lc-card-border-color,var(--lc-mode-border, #e2e8f0));box-shadow:var(--lc-card-shadow,0 1px 3px rgba(15,23,42,.08))}
.lc-kpi-card:after,.lc-summary-grid>div:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-36px;top:-40px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff)}
.lc-kpi-label,.lc-summary-grid span{display:block;position:relative;z-index:1;font-size:15px;color:#667085;color:var(--lc-mode-muted, #667085);font-weight:800;text-transform:uppercase;letter-spacing:.75px}.lc-kpi-card strong,.lc-summary-grid b{display:block;position:relative;z-index:1;margin-top:11px;font-size:28px;line-height:1;font-weight:780;letter-spacing:-.8px;color:#101828;color:var(--lc-mode-text, #101828)}.lc-kpi-card small,.lc-summary-grid small{display:block;position:relative;z-index:1;margin-top:7px;font-size:14px;color:#98a2b3}.lc-kpi-arrow{position:absolute;right:15px;bottom:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f3f4ff;background:var(--lc-mode-surface, #f3f4ff);color:#4f46e5;color:var(--lc-mode-ink-blue, #4f46e5);font-size:14px;font-weight:800}
.lc-metric-icon{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:var(--lc-primary);z-index:2}

/* General grids / panels */
.lc-grid-2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px;margin-bottom:16px}.lc-grid-2.lower{grid-template-columns:1fr 1fr}.lc-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lc-panel {
    background:
        var(--lc-panel-background, #ffffff);background:
        var(--lc-panel-background, var(--lc-mode-surface, #ffffff));

    border:
        1px solid
        var(--lc-panel-border-color, #e2e8f0);border:
        1px solid
        var(--lc-panel-border-color, var(--lc-mode-border, #e2e8f0));

    border-radius:
        var(--lc-panel-radius, 16px);

    box-shadow:
        var(--lc-panel-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));

    overflow: hidden;
}.lc-panel-head{min-height:66px;padding:16px 18px;border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--lc-mode-border, #edf0f3);display:flex;align-items:center;justify-content:space-between;gap:15px}.lc-panel-head h2{margin:0;font-size:16px;font-weight:760;color:#101828;color:var(--lc-mode-text, #101828)}.lc-panel-head p{margin:4px 0 0;font-size:17px;color:#98a2b3}.lc-panel-body {
    padding: var(--lc-panel-padding, 24px);
}.lc-panel-actions{display:flex;gap:8px;align-items:center}
.lc-chip,.lc-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;white-space:nowrap;font-weight:750}.lc-chip{height:25px;padding:0 9px;font-size:14px;background:#f2f4f7;background:var(--lc-mode-surface, #f2f4f7);color:#475467;color:var(--lc-mode-muted, #475467)}.lc-chip.success{background:#ecfdf3;background:var(--lc-mode-surface, #ecfdf3);color:#027a48;color:var(--lc-mode-ink-green, #027a48)}.lc-chip.info{background:#eef4ff;background:var(--lc-mode-surface, #eef4ff);color:#3538cd;color:var(--lc-mode-ink-blue, #3538cd)}.lc-chip.warning{background:#fffaeb;background:var(--lc-mode-surface, #fffaeb);color:#b54708;color:var(--lc-mode-ink-red, #b54708)}.lc-chip.danger{background:#fef3f2;background:var(--lc-mode-surface, #fef3f2);color:#b42318;color:var(--lc-mode-ink-red, #b42318)}.lc-chip.neutral{background:#f2f4f7;background:var(--lc-mode-surface, #f2f4f7);color:#475467;color:var(--lc-mode-muted, #475467)}
.lc-badge{height:24px;padding:0 9px;font-size:14px}.lc-badge.status-active,.lc-badge.status-open{background:#ecfdf3;background:var(--lc-mode-surface, #ecfdf3);color:#027a48;color:var(--lc-mode-ink-green, #027a48)}.lc-badge.status-pending{background:#fffaeb;background:var(--lc-mode-surface, #fffaeb);color:#b54708;color:var(--lc-mode-ink-red, #b54708)}.lc-badge.status-on_hold,.lc-badge.status-inactive{background:#f2f4f7;background:var(--lc-mode-surface, #f2f4f7);color:#475467;color:var(--lc-mode-muted, #475467)}.lc-badge.status-closed,.lc-badge.status-archived{background:#f2f4f7;background:var(--lc-mode-surface, #f2f4f7);color:#344054;color:var(--lc-mode-text, #344054)}.lc-badge.status-suspended{background:#fef3f2;background:var(--lc-mode-surface, #fef3f2);color:#b42318;color:var(--lc-mode-ink-red, #b42318)}.lc-badge.priority-low{background:#f2f4f7;background:var(--lc-mode-surface, #f2f4f7);color:#475467;color:var(--lc-mode-muted, #475467)}.lc-badge.priority-medium{background:#eef4ff;background:var(--lc-mode-surface, #eef4ff);color:#3538cd;color:var(--lc-mode-ink-blue, #3538cd)}.lc-badge.priority-high{background:#fff6ed;background:var(--lc-mode-surface, #fff6ed);color:#c4320a;color:var(--lc-mode-ink-red, #c4320a)}.lc-badge.priority-critical{background:#fef3f2;background:var(--lc-mode-surface, #fef3f2);color:#b42318;color:var(--lc-mode-ink-red, #b42318)}

/* Tables / filters */
.lc-filter-bar{padding:13px 14px;border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--lc-mode-border, #edf0f3);background:#fbfcfe;background:var(--lc-mode-surface, #fbfcfe)}.lc-filter-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lc-search-field {
    height: 38px;
    min-width: 280px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;

    border:
        1px solid
        var(--lc-input-border, #cbd5e1);border:
        1px solid
        var(--lc-input-border, var(--lc-mode-border, #cbd5e1));

    border-radius:
        var(--lc-radius-input, 8px);

    background:
        var(--lc-input-background, #ffffff);background:
        var(--lc-input-background, var(--lc-mode-surface, #ffffff));

    color: #98a2b3;
}

.lc-search-field input {
    width: 100%;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 16px;
    background: transparent;
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-search-field:focus-within {
    border-color:
        var(--lc-input-focus, #14532d);

    box-shadow:
        0 0 0
        var(--lc-focus-ring-width, 3px)
        color-mix(
            in srgb,
            var(--lc-input-focus, #14532d) 12%,
            transparent
        );
}

.lc-select,
.lc-input,
.lc-textarea {
    width: 100%;

    border:
        1px solid
        var(--lc-input-border, #cbd5e1) !important;border:
        1px solid
        var(--lc-input-border, var(--lc-mode-border, #cbd5e1)) !important;

    border-radius:
        var(--lc-radius-input, 8px) !important;

    background:
        var(--lc-input-background, #ffffff) !important;background:
        var(--lc-input-background, var(--lc-mode-surface, #ffffff)) !important;

    color: #344054 !important;color: var(--lc-mode-text, #344054) !important;
    outline: 0 !important;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .02) !important;

    font-size: 16px !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}

.lc-select,
.lc-input {
    height: 40px;
    padding: 0 11px !important;
}

.lc-textarea {
    padding: 10px 11px !important;
    resize: vertical;
    min-height: 96px;
}

.lc-select:focus,
.lc-input:focus,
.lc-textarea:focus {
    border-color:
        var(--lc-input-focus, #14532d) !important;

    box-shadow:
        0 0 0
        var(--lc-focus-ring-width, 3px)
        color-mix(
            in srgb,
            var(--lc-input-focus, #14532d) 12%,
            transparent
        ) !important;
}

.lc-select {
    min-width: 145px;
}
.lc-table-wrap {
    overflow-x: auto;
    background: var(--lc-table-background, #ffffff);background: var(--lc-table-background, var(--lc-mode-surface, #ffffff));
    border: var(--lc-table-border-width, 1px) solid var(--lc-table-border-color, #e2e8f0);border: var(--lc-table-border-width, 1px) solid var(--lc-table-border-color, var(--lc-mode-border, #e2e8f0));
    border-radius: var(--lc-table-radius, 12px);
    box-shadow: var(--lc-table-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
}
.lc-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--lc-table-background, #ffffff);background: var(--lc-table-background, var(--lc-mode-surface, #ffffff));
    color: var(--lc-table-text-color, #0f172a);color: var(--lc-table-text-color, var(--lc-mode-text, #0f172a));
    font-size: max(16px, var(--lc-table-font-size, 14px));
}
.lc-table th {
    padding: var(--lc-table-cell-padding, 12px);
    text-align: left;
    font-size: max(16px, var(--lc-table-font-size, 14px));
    font-weight: var(--lc-table-header-font-weight, 600);
    text-transform: uppercase;
    letter-spacing: .75px;
    color: var(--lc-table-header-text, #334155);color: var(--lc-table-header-text, var(--lc-mode-text, #334155));
    background: var(--lc-table-header-background, #f8fafc);background: var(--lc-table-header-background, var(--lc-mode-surface, #f8fafc));
    border-bottom: var(--lc-table-border-width, 1px) solid var(--lc-table-border-color, #e2e8f0);border-bottom: var(--lc-table-border-width, 1px) solid var(--lc-table-border-color, var(--lc-mode-border, #e2e8f0));
    white-space: nowrap;
}
.lc-table td {
    padding: var(--lc-table-cell-padding, 12px);
    border-bottom: var(--lc-table-border-width, 1px) solid var(--lc-table-border-color, #e2e8f0);border-bottom: var(--lc-table-border-width, 1px) solid var(--lc-table-border-color, var(--lc-mode-border, #e2e8f0));
    font-size: max(16px, var(--lc-table-font-size, 14px));
    color: var(--lc-table-text-color, #0f172a);color: var(--lc-table-text-color, var(--lc-mode-text, #0f172a));
    vertical-align: middle;
}
.lc-table tbody tr:last-child td { border-bottom: 0; }
.lc-table tbody tr:hover td { background: var(--lc-table-row-hover-background, #f8fafc);background: var(--lc-table-row-hover-background, var(--lc-mode-surface, #f8fafc)); }
.lc-table tbody tr:nth-child(even) td { background: var(--lc-table-striped-background, #f8fafc);background: var(--lc-table-striped-background, var(--lc-mode-surface, #f8fafc)); }
.lc-table tbody tr:nth-child(even):hover td { background: var(--lc-table-row-hover-background, #f8fafc);background: var(--lc-table-row-hover-background, var(--lc-mode-surface, #f8fafc)); }.lc-table td strong{display:block;color:#101828;color:var(--lc-mode-text, #101828);font-size:16px}.lc-table td small{display:block;margin-top:3px;color:#98a2b3;font-size:14px}.lc-table td a strong:hover{color:var(--lc-primary)}.lc-code{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:7px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#4f46e5;color:var(--lc-mode-ink-blue, #4f46e5);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.lc-table-action{font-size:14px;color:var(--lc-primary);font-weight:750}.lc-table-action:hover{text-decoration:underline}.lc-table-actions{display:flex;justify-content:flex-end;gap:6px}.lc-pagination{padding:12px 14px;border-top:1px solid #edf0f3;border-top:1px solid var(--lc-mode-border, #edf0f3);background:#fff;background:var(--lc-mode-surface, #fff)}.lc-pagination nav{font-size:14px}
.lc-empty{padding:40px 20px;text-align:center;color:#98a2b3}.lc-empty b{display:block;color:#344054;color:var(--lc-mode-text, #344054);font-size:17px}.lc-empty small{display:block;margin-top:4px;font-size:14px}.lc-empty-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:11px;display:grid;place-items:center;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#5b5cf0;color:var(--lc-mode-ink-blue, #5b5cf0)}

/* Dashboard */
.lc-deadline-list,.lc-activity,.lc-user-list,.lc-health-list{padding:6px 16px 12px}.lc-deadline{min-height:61px;padding:9px 2px;border-bottom:1px solid #f1f3f5;border-bottom:1px solid var(--lc-mode-border, #f1f3f5);display:flex;align-items:center;gap:10px}.lc-deadline:last-child{border-bottom:0}.lc-date-box{width:39px;height:42px;border:1px solid #e3e5ff;border:1px solid var(--lc-mode-border, #e3e5ff);border-radius:10px;background:#f7f7ff;background:var(--lc-mode-surface, #f7f7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.lc-date-box b{font-size:14px;line-height:1;color:#3538cd;color:var(--lc-mode-ink-blue, #3538cd)}.lc-date-box span{font-size:14px;margin-top:3px;color:#667085;color:var(--lc-mode-muted, #667085);text-transform:uppercase}.lc-deadline>div:nth-child(2){min-width:0;flex:1}.lc-deadline>div:nth-child(2) b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-deadline>div:nth-child(2) small{display:block;margin-top:3px;font-size:14px;color:#98a2b3}.lc-deadline>span{color:#98a2b3}.lc-deadline:hover>div:nth-child(2) b{color:var(--lc-primary)}
.lc-activity-row{min-height:54px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;position:relative}.lc-activity-line{width:8px;height:8px;border-radius:50%;background:#c7c8ff;background:var(--lc-mode-tint-blue, #c7c8ff);border:2px solid #f4f3ff;border:2px solid var(--lc-mode-border, #f4f3ff);box-shadow:0 0 0 3px #f4f3ff}.lc-activity-row div b{display:block;font-size:14px}.lc-activity-row div small{display:block;margin-top:3px;font-size:14px;color:#98a2b3}.lc-activity-row time{font-size:14px;color:#98a2b3;white-space:nowrap}.lc-quick-grid{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.lc-quick-grid a{min-height:82px;padding:12px;border:1px solid var(--lc-border);border-radius:10px;background:#fff;background:var(--lc-mode-surface, #fff);display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.lc-quick-grid a>span{grid-row:1/3;width:31px;height:31px;border-radius:9px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#5b5cf0;color:var(--lc-mode-ink-blue, #5b5cf0);display:grid;place-items:center}.lc-quick-grid a b{font-size:14px}.lc-quick-grid a small{font-size:14px;color:#98a2b3}.lc-quick-grid a:hover{border-color:#c9caff;border-color:var(--lc-mode-border, #c9caff);background:#fdfdff;background:var(--lc-mode-surface, #fdfdff)}
.lc-health-list>div{min-height:54px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #f2f4f7;border-bottom:1px solid var(--lc-mode-border, #f2f4f7)}.lc-health-list>div:last-child{border-bottom:0}.lc-health-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#ecfdf3;background:var(--lc-mode-surface, #ecfdf3);color:#079455;color:var(--lc-mode-ink-green, #079455);font-size:14px;font-weight:800}.lc-health-list b{display:block;font-size:14px}.lc-health-list small{display:block;margin-top:2px;color:#98a2b3;font-size:14px}.lc-health-list strong{font-size:14px;color:#027a48;color:var(--lc-mode-ink-green, #027a48)}.lc-score{padding:12px 16px 16px}.lc-score>div:first-child{display:flex;justify-content:space-between;font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085)}.lc-score>div b{color:#344054;color:var(--lc-mode-text, #344054)}.lc-score-track{height:6px;margin:8px 0;border-radius:999px;background:#eef2f6;background:var(--lc-mode-surface, #eef2f6);overflow:hidden}.lc-score-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5b5cf0,#8c8eff)}.lc-score small{font-size:14px;color:#98a2b3}.lc-user-row{min-height:55px;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:9px;align-items:center;border-bottom:1px solid #f2f4f7;border-bottom:1px solid var(--lc-mode-border, #f2f4f7)}.lc-user-row:last-child{border-bottom:0}.lc-person-avatar{width:31px;height:31px;border-radius:9px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#5b5cf0;color:var(--lc-mode-ink-blue, #5b5cf0);display:grid;place-items:center;font-size:14px;font-weight:800}.lc-person b{display:block;font-size:14px}.lc-person span{display:block;font-size:14px;color:#98a2b3;margin-top:2px}.lc-user-row time{font-size:14px;color:#98a2b3}

/* Forms */
.lc-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.lc-form-main{display:flex;flex-direction:column;gap:14px}.lc-form-side{position:sticky;top:calc(var(--lc-topbar) + 18px)}
.lc-form-panel{overflow:visible}.lc-form-section{padding:17px 18px;border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--lc-mode-border, #edf0f3);display:flex;align-items:flex-start;gap:10px}.lc-form-section-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#5b5cf0;color:var(--lc-mode-ink-blue, #5b5cf0);flex:0 0 auto}.lc-form-section h3{margin:0;font-size:16px;font-weight:760}.lc-form-section p{margin:4px 0 0;font-size:17px;color:#98a2b3}.lc-form-grid{
    padding:18px;
    display:grid;
    grid-template-columns:1fr 1fr;
    row-gap:14px;
    column-gap:var(--lc-form-gap,16px);
}.lc-field{display:flex;flex-direction:column;gap:6px;min-width:0}.lc-field label{font-size:15px;color:#344054;color:var(--lc-mode-text, #344054);font-weight:750}.lc-field label .required{color:#d92d20;color:var(--lc-mode-ink-red, #d92d20)}.lc-field-help{font-size:17px;color:#98a2b3;margin-top:-1px}.lc-field-error{font-size:14px;color:#b42318;color:var(--lc-mode-ink-red, #b42318);margin-top:1px}.lc-span-2{grid-column:span 2}.lc-form-actions{padding:14px 18px;border-top:1px solid #edf0f3;border-top:1px solid var(--lc-mode-border, #edf0f3);background:#fbfcfe;background:var(--lc-mode-surface, #fbfcfe);display:flex;justify-content:flex-end;gap:8px;border-radius:0 0 13px 13px}.lc-side-card {
    background:
        var(--lc-card-background, #ffffff);background:
        var(--lc-card-background, var(--lc-mode-surface, #ffffff));

    color:
        var(--lc-card-text-color, #0f172a);color:
        var(--lc-card-text-color, var(--lc-mode-text, #0f172a));

    border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, #e2e8f0);border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, var(--lc-mode-border, #e2e8f0));

    border-radius:
        var(--lc-card-radius, 16px);

    overflow: hidden;

    box-shadow:
        var(--lc-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.08));
}.lc-side-card-head{padding:15px 16px;border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--lc-mode-border, #edf0f3)}.lc-side-card-head b{font-size:14px}.lc-side-card-head small{display:block;margin-top:3px;color:#98a2b3;font-size:14px}.lc-side-list{padding:8px 16px}.lc-side-list>div{padding:10px 0;border-bottom:1px solid #f2f4f7;border-bottom:1px solid var(--lc-mode-border, #f2f4f7)}.lc-side-list>div:last-child{border-bottom:0}.lc-side-list span{display:block;font-size:14px;color:#98a2b3;text-transform:uppercase;letter-spacing:.45px}.lc-side-list b{display:block;margin-top:3px;font-size:14px;color:#344054;color:var(--lc-mode-text, #344054)}.lc-side-tip{margin:12px 16px 16px;padding:11px;border-radius:9px;background:#f7f7ff;background:var(--lc-mode-surface, #f7f7ff);border:1px solid #e4e5ff;border:1px solid var(--lc-mode-border, #e4e5ff);color:#475467;color:var(--lc-mode-muted, #475467);font-size:14px;line-height:1.55}
.lc-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lc-checkbox-card{min-height:48px;padding:8px 10px;border:1px solid var(--lc-border);border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer}.lc-checkbox-card:hover{border-color:#c7c9ff;border-color:var(--lc-mode-border, #c7c9ff);background:#fdfdff;background:var(--lc-mode-surface, #fdfdff)}.lc-checkbox-card input{width:15px;height:15px;border-radius:4px;color:var(--lc-primary)}.lc-checkbox-card span{display:flex;flex-direction:column}.lc-checkbox-card b{font-size:14px}.lc-checkbox-card small{font-size:14px;color:#98a2b3;margin-top:2px}

/* Client / matter profile */
.lc-profile-hero,.lc-matter-hero{margin-bottom:16px;padding:19px;border:1px solid var(--lc-border);border-radius:13px;background:linear-gradient(135deg,#fff 0%,#fbfbff 75%,#f4f3ff 100%);background:linear-gradient(135deg,var(--lc-mode-surface, #fff) 0%,var(--lc-mode-surface, #fbfbff) 75%,var(--lc-mode-surface, #f4f3ff) 100%);box-shadow:0 1px 2px rgba(16,24,40,.025);display:flex;align-items:center;gap:14px}.lc-profile-avatar{width:52px;height:52px;border-radius:13px;background:linear-gradient(145deg,#5b5cf0,#4546d6);display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 20px rgba(91,92,240,.18)}.lc-profile-main,.lc-matter-hero>div:first-child{min-width:0;flex:1}.lc-profile-main h2,.lc-matter-hero h2{margin:5px 0 0;font-size:18px;letter-spacing:-.35px}.lc-profile-main p,.lc-matter-hero p{margin:5px 0 0;color:#667085;color:var(--lc-mode-muted, #667085);font-size:17px}.lc-matter-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.lc-kv-grid{padding:9px 18px 17px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.lc-kv-grid>div{padding:11px 0;border-bottom:1px solid #f2f4f7;border-bottom:1px solid var(--lc-mode-border, #f2f4f7)}.lc-kv-grid>div:nth-last-child(-n+2){border-bottom:0}.lc-kv-grid span{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.45px;color:#98a2b3}.lc-kv-grid b{display:block;margin-top:3px;font-size:14px;color:#344054;color:var(--lc-mode-text, #344054)}.lc-rich-text{padding:18px;font-size:14px;line-height:1.7;color:#475467;color:var(--lc-mode-muted, #475467);white-space:pre-wrap}.lc-team-form,.lc-form{padding:16px}.lc-team-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.lc-team-list label{padding:8px;border:1px solid var(--lc-border);border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer}.lc-team-list label:hover{border-color:#c7c9ff;border-color:var(--lc-mode-border, #c7c9ff)}.lc-team-list input{width:14px;height:14px;color:var(--lc-primary)}.lc-team-list span{display:flex;flex-direction:column;min-width:0}.lc-team-list b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-team-list small{font-size:14px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-timeline{padding:10px 18px 18px}.lc-timeline-item{position:relative;padding:8px 0 13px 19px;border-left:1px solid #e7e8f0;border-left:1px solid var(--lc-mode-border, #e7e8f0)}.lc-timeline-item:last-child{padding-bottom:4px}.lc-timeline-dot{position:absolute;left:-5px;top:11px;width:9px;height:9px;border-radius:50%;background:#7b7cf4;border:2px solid #fff;border:2px solid var(--lc-mode-border, #fff);box-shadow:0 0 0 2px #e4e5ff}.lc-timeline-item b{font-size:14px}.lc-timeline-item span{display:block;margin-top:3px;color:#98a2b3;font-size:14px}.lc-timeline-item p{margin:5px 0 0;font-size:17px;color:#667085;color:var(--lc-mode-muted, #667085);line-height:1.55}

/* Entity cards / admin */
.lc-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lc-entity-card {
    padding:
        var(--lc-card-padding, 20px);

    border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, #e2e8f0);border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, var(--lc-mode-border, #e2e8f0));

    border-radius:
        var(--lc-card-radius, 16px);

    background:
        var(--lc-card-background, #ffffff);background:
        var(--lc-card-background, var(--lc-mode-surface, #ffffff));

    color:
        var(--lc-card-text-color, #0f172a);color:
        var(--lc-card-text-color, var(--lc-mode-text, #0f172a));

    box-shadow:
        var(--lc-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.08));
}.lc-entity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lc-entity-icon{width:35px;height:35px;border-radius:10px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#5b5cf0;color:var(--lc-mode-ink-blue, #5b5cf0);display:grid;place-items:center}.lc-entity-card h3{margin:11px 0 0;font-size:16px}.lc-entity-card p{margin:4px 0 0;font-size:17px;color:#98a2b3;min-height:26px}.lc-entity-meta{margin-top:12px;padding-top:10px;border-top:1px solid #f2f4f7;border-top:1px solid var(--lc-mode-border, #f2f4f7);display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085)}.lc-entity-actions{margin-top:10px;display:flex;gap:6px}.lc-permission-grid{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lc-permission-module{border:1px solid var(--lc-border);border-radius:10px;padding:12px}.lc-permission-module h3{margin:0 0 9px;font-size:16px;color:#344054;color:var(--lc-mode-text, #344054)}.lc-permission-list{display:flex;flex-direction:column;gap:7px}.lc-permission-list label{display:flex;align-items:center;gap:7px;font-size:15px;color:#475467;color:var(--lc-mode-muted, #475467)}.lc-permission-list input{width:14px;height:14px;color:var(--lc-primary)}

/* Profile */
.lc-profile-settings{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.lc-settings-stack{display:flex;flex-direction:column;gap:14px}.lc-account-card {
    padding:
        var(--lc-card-padding, 20px);

    border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, #e2e8f0);border:
        var(--lc-card-border-width, 1px)
        solid
        var(--lc-card-border-color, var(--lc-mode-border, #e2e8f0));

    border-radius:
        var(--lc-card-radius, 16px);

    background:
        var(--lc-card-background, #ffffff);background:
        var(--lc-card-background, var(--lc-mode-surface, #ffffff));

    color:
        var(--lc-card-text-color, #0f172a);color:
        var(--lc-card-text-color, var(--lc-mode-text, #0f172a));

    box-shadow:
        var(--lc-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.08));
}.lc-account-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.lc-account-head .lc-profile-avatar{width:42px;height:42px;font-size:14px}.lc-account-head b{display:block;font-size:14px}.lc-account-head span{display:block;font-size:14px;color:#98a2b3;margin-top:2px}.lc-danger-zone{border-color:#fecdca;border-color:var(--lc-mode-border, #fecdca)}.lc-danger-zone .lc-panel-head{background:#fffafa;background:var(--lc-mode-surface, #fffafa)}.lc-danger-zone .lc-panel-head h2{color:#b42318;color:var(--lc-mode-ink-red, #b42318)}

/* Command palette */
.lc-command{position:fixed;inset:0;z-index:100;display:none}.lc-command.open{display:block}.lc-command-backdrop{position:absolute;inset:0;background:rgba(9,14,27,.45);backdrop-filter:blur(3px)}.lc-command-panel{position:relative;width:min(600px,calc(100% - 28px));margin:9vh auto 0;background:#fff;background:var(--lc-mode-surface, #fff);border:1px solid #e4e7ec;border:1px solid var(--lc-mode-border, #e4e7ec);border-radius:15px;box-shadow:0 28px 80px rgba(16,24,40,.28);overflow:hidden}.lc-command-search{height:58px;padding:0 15px;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--lc-mode-border, #e9ecef);display:flex;align-items:center;gap:10px;color:#667085;color:var(--lc-mode-muted, #667085)}.lc-command-search input{height:100%;flex:1;border:0!important;outline:0!important;box-shadow:none!important;font-size:16px}.lc-command-search kbd{font-size:14px;border:1px solid #d0d5dd;border:1px solid var(--lc-mode-border, #d0d5dd);padding:3px 6px;border-radius:5px;background:#f9fafb;background:var(--lc-mode-surface, #f9fafb)}.lc-command-label{padding:10px 14px 5px;font-size:15px;font-weight:800;color:#98a2b3;text-transform:uppercase;letter-spacing:.8px}.lc-command-list{padding:5px 8px 10px}.lc-command-list a{min-height:51px;padding:8px;border-radius:9px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.lc-command-list a:hover,.lc-command-list a.is-match{background:#f5f5ff;background:var(--lc-mode-surface, #f5f5ff)}.lc-command-list a>span{width:34px;height:34px;border-radius:9px;background:#f4f3ff;background:var(--lc-mode-surface, #f4f3ff);color:#5b5cf0;color:var(--lc-mode-ink-blue, #5b5cf0);display:grid;place-items:center}.lc-command-list a div{display:flex;flex-direction:column}.lc-command-list a b{font-size:14px}.lc-command-list a small{font-size:14px;color:#98a2b3;margin-top:2px}.lc-command-list a em{font-style:normal;color:#b8bec9;font-size:14px}.lc-command-empty{padding:24px;text-align:center;color:#98a2b3;font-size:17px}

/* Auth */
.lc-auth-body{min-height:100vh;margin:0;background:#f4f6fa;background:var(--lc-mode-surface, #f4f6fa);font-family:var(--lc-font);color:var(--lc-text)}.lc-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.lc-auth-brand{padding:54px;position:relative;overflow:hidden;background:linear-gradient(145deg,#08101f,#101b34 58%,#141f3d);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.lc-auth-brand:before,.lc-auth-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(0)}.lc-auth-brand:before{width:420px;height:420px;right:-160px;top:-140px;background:radial-gradient(circle,rgba(91,92,240,.28),transparent 67%)}.lc-auth-brand:after{width:360px;height:360px;left:-140px;bottom:-150px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 68%)}.lc-auth-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.lc-auth-logo .lc-logo{width:44px;height:44px}.lc-auth-logo b{font-size:18px}.lc-auth-logo small{display:block;margin-top:4px;font-size:14px;letter-spacing:1.2px;color:#8090ad;color:var(--lc-mode-ink-blue, #8090ad)}.lc-auth-copy{position:relative;z-index:1;max-width:560px}.lc-auth-copy .lc-overline{color:#9c9eff}.lc-auth-copy h1{margin:9px 0 0;font-size:42px;line-height:1.08;letter-spacing:-1.4px}.lc-auth-copy p{margin:16px 0 0;color:#9aa8c0;font-size:17px;line-height:1.75}.lc-auth-points{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lc-auth-point{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035)}.lc-auth-point b{font-size:14px}.lc-auth-point span{display:block;margin-top:3px;color:#7f8da7;color:var(--lc-mode-ink-blue, #7f8da7);font-size:14px}.lc-auth-foot{position:relative;z-index:1;font-size:14px;color:#657590;color:var(--lc-mode-ink-blue, #657590)}.lc-auth-main{display:grid;place-items:center;padding:34px}.lc-auth-card{width:min(430px,100%)}.lc-auth-card-head{margin-bottom:22px}.lc-auth-card-head h2{margin:0;font-size:28px;letter-spacing:-.7px}.lc-auth-card-head p{margin:8px 0 0;color:#667085;color:var(--lc-mode-muted, #667085);font-size:17px;line-height:1.55}.lc-auth-form{display:flex;flex-direction:column;gap:14px}.lc-auth-field{display:flex;flex-direction:column;gap:6px}.lc-auth-field label{font-size:15px;font-weight:750;color:#344054;color:var(--lc-mode-text, #344054)}.lc-auth-input{height:44px;width:100%;border:1px solid var(--lc-border);border-radius:10px;background:#fff;background:var(--lc-mode-surface, #fff);padding:0 12px;outline:0;font-size:16px;color:#101828;color:var(--lc-mode-text, #101828);box-shadow:0 1px 2px rgba(16,24,40,.02)}.lc-auth-input:focus{border-color:#8e90f5;border-color:var(--lc-mode-border, #8e90f5);box-shadow:0 0 0 3px rgba(91,92,240,.10)}.lc-auth-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085)}.lc-auth-meta label{display:flex;align-items:center;gap:7px}.lc-auth-meta a{color:#4f46e5;color:var(--lc-mode-ink-blue, #4f46e5);font-weight:700}.lc-auth-submit{height:44px;border:0;border-radius:10px;background:var(--lc-primary);color:#fff;font-size:14px;font-weight:750;box-shadow:0 8px 18px rgba(91,92,240,.18)}.lc-auth-submit:hover{background:var(--lc-primary-dark)}.lc-auth-switch{text-align:center;margin-top:18px;font-size:14px;color:#667085;color:var(--lc-mode-muted, #667085)}.lc-auth-switch a{color:#4f46e5;color:var(--lc-mode-ink-blue, #4f46e5);font-weight:750}.lc-auth-error{font-size:14px;color:#b42318;color:var(--lc-mode-ink-red, #b42318)}.lc-auth-status{padding:10px 11px;margin-bottom:14px;border-radius:9px;background:#ecfdf3;background:var(--lc-mode-surface, #ecfdf3);color:#027a48;color:var(--lc-mode-ink-green, #027a48);font-size:14px;border:1px solid #abefc6;border:1px solid var(--lc-mode-border, #abefc6)}

/* Responsive */
.lc-overlay{display:none}
@media(max-width:1220px){.lc-kpi-grid,.lc-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-grid-2,.lc-grid-2.lower{grid-template-columns:1fr}.lc-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-search-button{min-width:190px}.lc-form-layout,.lc-profile-settings{grid-template-columns:1fr}.lc-form-side{position:static}.lc-auth-shell{grid-template-columns:.9fr 1.1fr}.lc-auth-brand{padding:42px}}
@media(max-width:880px){:root{--lc-sidebar:272px}.lc-sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:24px 0 60px rgba(16,24,40,.2)}.lc-sidebar.open{transform:translateX(0)}.lc-sidebar-close{display:block}.lc-overlay{position:fixed;inset:0;background:rgba(8,13,24,.42);z-index:45}.lc-overlay.open{display:block}.lc-main{margin-left:0}.lc-menu{display:block}.lc-topbar{padding-left:var(--lc-spacing-md,16px);padding-right:var(--lc-spacing-md,16px)}.lc-search-button{min-width:40px;width:40px;padding:0;justify-content:center}.lc-search-button em,.lc-search-button kbd{display:none}.lc-content{padding:var(--lc-spacing-lg,24px) var(--lc-spacing-md,16px)}.lc-page-header{flex-direction:column}.lc-page-actions{width:100%}.lc-auth-shell{grid-template-columns:1fr}.lc-auth-brand{display:none}.lc-auth-main{padding:28px 18px}}
@media(max-width:620px){.lc-system-pill{display:none}.lc-breadcrumb span,.lc-breadcrumb i{display:none}.lc-content{padding:18px 12px}.lc-page-header h1{font-size:25px}.lc-kpi-grid,.lc-summary-grid,.lc-entity-grid,.lc-form-grid,.lc-kv-grid,.lc-checkbox-grid,.lc-permission-grid{grid-template-columns:1fr}.lc-span-2{grid-column:span 1}.lc-kpi-card,.lc-summary-grid>div{min-height:108px}.lc-grid-3{grid-template-columns:1fr}.lc-filter-form{align-items:stretch}.lc-search-field{min-width:100%}.lc-filter-form .lc-select{flex:1;min-width:130px}.lc-quick-grid{grid-template-columns:1fr}.lc-team-list{grid-template-columns:1fr}.lc-profile-hero,.lc-matter-hero{align-items:flex-start;flex-wrap:wrap}.lc-matter-status{width:100%}.lc-panel-head{align-items:flex-start}.lc-user-row{grid-template-columns:32px minmax(0,1fr) auto}.lc-user-row time{display:none}.lc-auth-main{padding:22px 14px}.lc-auth-card-head h2{font-size:24px}}

/* Patch 6 complete compatibility */
.lc-quick-card{grid-template-columns:31px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;column-gap:9px!important}.lc-quick-card>span{grid-row:auto!important}.lc-quick-card>div{min-width:0;display:flex;flex-direction:column}.lc-quick-card>div b,.lc-quick-card>div small{display:block}.lc-quick-card>em{font-style:normal;font-size:14px;color:var(--lc-primary);font-weight:750;white-space:nowrap}.lc-quick-card:hover>em{transform:translateX(2px)}
/* =========================================================
   LEGALCONNECT PATCH 06
   LAWYER REGISTRATION
   ========================================================= */

.lc-lawyer-registration-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    margin-bottom: 22px;
    border: 1px solid #d9e0ff;border: 1px solid var(--lc-mode-border, #d9e0ff);
    border-radius: 12px;
    background: #f6f7ff;background: var(--lc-mode-surface, #f6f7ff);
}

.lc-lawyer-registration-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #4f46e5;
    color: #ffffff;
    font-size: 18px;
}

.lc-lawyer-registration-notice strong,
.lc-lawyer-registration-notice span {
    display: block;
}

.lc-lawyer-registration-notice strong {
    color: #252b3b;color: var(--lc-mode-text, #252b3b);
    font-size: 14px;
    margin-bottom: 4px;
}

.lc-lawyer-registration-notice span {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    line-height: 1.55;
}

.lc-lawyer-form-section {
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-lawyer-section-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.lc-lawyer-section-heading > span {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 14px;
    font-weight: 900;
}

.lc-lawyer-section-heading strong,
.lc-lawyer-section-heading small {
    display: block;
}

.lc-lawyer-section-heading strong {
    color: #252b3b;color: var(--lc-mode-text, #252b3b);
    font-size: 14px;
}

.lc-lawyer-section-heading small {
    color: #98a2b3;
    font-size: 14px;
    margin-top: 3px;
}

.lc-lawyer-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.lc-lawyer-span-2 {
    grid-column: 1 / -1;
}

.lc-lawyer-textarea {
    min-height: 90px;
    padding-top: 10px;
    resize: vertical;
}

.lc-lawyer-confirm {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 16px;
    cursor: pointer;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    line-height: 1.55;
}

.lc-lawyer-confirm input {
    margin-top: 2px;
    accent-color: #4f46e5;
}

.lc-lawyer-terms-error {
    display: block;
    margin-top: -10px;
    margin-bottom: 14px;
}

.lc-lawyer-register-link {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 13px;
    margin-top: 16px;
    margin-bottom: 12px;
    border: 1px solid #e2e7ff;border: 1px solid var(--lc-mode-border, #e2e7ff);
    border-radius: 12px;
    background: #f8f9ff;background: var(--lc-mode-surface, #f8f9ff);
}

.lc-lawyer-register-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
    font-size: 17px;
}

.lc-lawyer-register-link strong,
.lc-lawyer-register-link small {
    display: block;
}

.lc-lawyer-register-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-register-link small {
    color: #98a2b3;
    font-size: 14px;
    margin-top: 3px;
    line-height: 1.45;
}

.lc-lawyer-register-link a {
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.lc-lawyer-register-link a:hover {
    color: #3730a3;color: var(--lc-mode-ink-blue, #3730a3);
}

@media (max-width: 720px) {
    .lc-lawyer-form-grid {
        grid-template-columns: 1fr;
    }

    .lc-lawyer-span-2 {
        grid-column: auto;
    }

    .lc-lawyer-register-link {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .lc-lawyer-register-link a {
        grid-column: 2;
    }
  }
  /* =========================================================
   PATCH 07 - LAWYER VERIFICATION
   ========================================================= */

.lc-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.lc-detail-grid > div {
    padding: 14px;
    border: 1px solid #e8ecf2;border: 1px solid var(--lc-mode-border, #e8ecf2);
    border-radius: 12px;
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-detail-label {
    display: block;
    margin-bottom: 6px;
    color: #7b8494;color: var(--lc-mode-muted, #7b8494);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lc-detail-grid strong {
    color: #202939;color: var(--lc-mode-text, #202939);
    font-size: 14px;
}

.lc-detail-block {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #e8ecf2;border: 1px solid var(--lc-mode-border, #e8ecf2);
    border-radius: 12px;
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-detail-block p {
    margin: 0;
    color: #5e6878;color: var(--lc-mode-muted, #5e6878);
    line-height: 1.7;
}

.lc-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.lc-btn-danger {
    border-color: var(--lc-button-danger-background, #dc2626);
    background: var(--lc-button-danger-background, #dc2626);
    color: var(--lc-button-danger-text, #ffffff);
}

.lc-btn-danger:hover {
    border-color: var(--lc-button-danger-background, #dc2626);
    background: var(--lc-button-danger-background, #dc2626);
    color: var(--lc-button-danger-text, #ffffff);
    filter: brightness(.92);
}

.lc-status-success {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-status-warning {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-status-danger {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-table-muted {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-table-empty {
    padding: 40px !important;
    color: #98a2b3;
    text-align: center;
}

.lc-filter-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lc-grid-2 {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr);
    gap: 20px;
}

@media (max-width: 900px) {
    .lc-grid-2 {
        grid-template-columns: 1fr;
    }

    .lc-detail-grid {
        grid-template-columns: 1fr;
    }

    .lc-filter-form {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
}
/* =========================================================
   PATCH 11 - LAWYER DASHBOARD
   ========================================================= */

.lc-lawyer-dashboard {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lc-lawyer-status-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    border: 1px solid #dfe5ee;border: 1px solid var(--lc-mode-border, #dfe5ee);
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f9ff 100%
        );background:
        linear-gradient(
            135deg,
            var(--lc-mode-surface, #ffffff) 0%,
            var(--lc-mode-surface, #f7f9ff) 100%
        );
}

.lc-lawyer-status-main {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lc-lawyer-status-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
    font-size: 18px;
    font-weight: 900;
}

.lc-lawyer-status-main span,
.lc-lawyer-status-main strong,
.lc-lawyer-status-main small {
    display: block;
}

.lc-lawyer-status-main span {
    margin-bottom: 3px;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .06em;
}

.lc-lawyer-status-main strong {
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 16px;
}

.lc-lawyer-status-main small {
    margin-top: 4px;
    color: #7b8494;color: var(--lc-mode-muted, #7b8494);
    font-size: 14px;
}

.lc-lawyer-status-meta {
    display: flex;
    gap: 28px;
}

.lc-lawyer-status-meta div {
    min-width: 100px;
}

.lc-lawyer-status-meta span,
.lc-lawyer-status-meta strong {
    display: block;
}

.lc-lawyer-status-meta span {
    margin-bottom: 5px;
    color: #98a2b3;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.lc-lawyer-status-meta strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-verified-text {
    color: #027a48 !important;color: var(--lc-mode-ink-green, #027a48) !important;
}

.lc-lawyer-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.lc-lawyer-kpi-card {
    position: relative;
    display: block;
    min-height: 136px;
    padding: 18px;
    border: 1px solid #e3e8ef;border: 1px solid var(--lc-mode-border, #e3e8ef);
    border-radius: 14px;
    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
    text-decoration: none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

a.lc-lawyer-kpi-card:hover {
    transform: translateY(-2px);
    border-color: #cbd5ff;border-color: var(--lc-mode-border, #cbd5ff);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.lc-lawyer-kpi-label {
    display: block;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 15px;
    font-weight: 750;
}

.lc-lawyer-kpi-card > strong {
    display: block;
    margin: 12px 0 7px;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 28px;
    line-height: 1;
}

.lc-lawyer-kpi-card small {
    display: block;
    max-width: 80%;
    color: #98a2b3;
    font-size: 14px;
    line-height: 1.5;
}

.lc-lawyer-kpi-arrow {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-weight: 800;
}

.lc-lawyer-kpi-arrow.danger {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-lawyer-dashboard-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(300px, .85fr);
    gap: 18px;
}

.lc-lawyer-dashboard-grid.lower {
    align-items: stretch;
}

.lc-lawyer-matter-link {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: inherit;
    text-decoration: none;
}

.lc-lawyer-matter-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-lawyer-matter-link small {
    max-width: 260px;
    overflow: hidden;
    color: #98a2b3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-lawyer-priority {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
    font-weight: 750;
}

.lc-lawyer-priority.high,
.lc-lawyer-priority.critical {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-lawyer-priority.medium {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-lawyer-priority.low {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-lawyer-deadline-list,
.lc-lawyer-client-list {
    display: flex;
    flex-direction: column;
}

.lc-lawyer-deadline-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
    color: inherit;
    text-decoration: none;
}

.lc-lawyer-deadline-item:last-child {
    border-bottom: 0;
}

.lc-lawyer-deadline-date {
    width: 46px;
    height: 48px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 10px;
    background: #f5f7ff;background: var(--lc-mode-surface, #f5f7ff);
}

.lc-lawyer-deadline-date strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 15px;
    line-height: 1;
}

.lc-lawyer-deadline-date span {
    margin-top: 3px;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 800;
}

.lc-lawyer-deadline-copy strong,
.lc-lawyer-deadline-copy small {
    display: block;
}

.lc-lawyer-deadline-copy strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-deadline-copy small {
    margin-top: 4px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-lawyer-days-left {
    padding: 5px 8px;
    border-radius: 999px;
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
    font-weight: 750;
    white-space: nowrap;
}

.lc-lawyer-days-left.urgent {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-lawyer-client-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
    color: inherit;
    text-decoration: none;
}

.lc-lawyer-client-item:last-child {
    border-bottom: 0;
}

.lc-lawyer-client-avatar {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 14px;
    font-weight: 850;
}

.lc-lawyer-client-item strong,
.lc-lawyer-client-item small {
    display: block;
}

.lc-lawyer-client-item strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-client-item small {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-lawyer-client-item > span {
    color: #98a2b3;
}

.lc-lawyer-workload {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lc-lawyer-workload-title {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
}

.lc-lawyer-workload-title span {
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
    font-weight: 700;
}

.lc-lawyer-workload-title strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-workload-bar {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
}

.lc-lawyer-workload-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #6366f1;
}

.lc-lawyer-workload-row small {
    display: block;
    margin-top: 5px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-lawyer-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lc-lawyer-profile-grid > div {
    padding: 13px;
    border: 1px solid #edf0f4;border: 1px solid var(--lc-mode-border, #edf0f4);
    border-radius: 11px;
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-lawyer-profile-grid span,
.lc-lawyer-profile-grid strong {
    display: block;
}

.lc-lawyer-profile-grid span {
    margin-bottom: 6px;
    color: #98a2b3;
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-lawyer-profile-grid strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.lc-lawyer-quick-grid a {
    padding: 15px;
    border: 1px solid #e5e9f0;border: 1px solid var(--lc-mode-border, #e5e9f0);
    border-radius: 12px;
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
    color: inherit;
    text-decoration: none;
    transition: .16s ease;
}

.lc-lawyer-quick-grid a:hover {
    border-color: #cfd6ff;border-color: var(--lc-mode-border, #cfd6ff);
    background: #f7f8ff;background: var(--lc-mode-surface, #f7f8ff);
    transform: translateY(-1px);
}

.lc-lawyer-quick-grid span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    margin-bottom: 10px;
    border-radius: 9px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-weight: 900;
}

.lc-lawyer-quick-grid b,
.lc-lawyer-quick-grid small {
    display: block;
}

.lc-lawyer-quick-grid b {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-quick-grid small {
    margin-top: 4px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-lawyer-future-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border: 1px dashed #cbd5e1;border: 1px dashed var(--lc-mode-border, #cbd5e1);
    border-radius: 14px;
    background: #fbfcfe;background: var(--lc-mode-surface, #fbfcfe);
}

.lc-lawyer-future-strip strong,
.lc-lawyer-future-strip span {
    display: block;
}

.lc-lawyer-future-strip strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-future-strip > div > span {
    max-width: 650px;
    margin-top: 5px;
    color: #98a2b3;
    font-size: 14px;
    line-height: 1.6;
}

.lc-lawyer-future-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.lc-lawyer-future-tags span {
    padding: 6px 9px;
    border-radius: 999px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 14px;
    font-weight: 750;
}

@media (max-width: 1100px) {
    .lc-lawyer-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lc-lawyer-status-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 850px) {
    .lc-lawyer-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .lc-lawyer-status-meta {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media (max-width: 620px) {
    .lc-lawyer-kpi-grid {
        grid-template-columns: 1fr;
    }

    .lc-lawyer-profile-grid,
    .lc-lawyer-quick-grid {
        grid-template-columns: 1fr;
    }

    .lc-lawyer-future-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .lc-lawyer-future-tags {
        justify-content: flex-start;
    }
}
/* =========================================================
   PATCH 08 - LAWYER DIRECTORY
   ========================================================= */

.lc-directory-body {
    margin: 0;
    background: #f7f8fb;background: var(--lc-mode-surface, #f7f8fb);
    color: #101828;color: var(--lc-mode-text, #101828);
    font-family: inherit;
}

.lc-directory-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.lc-directory-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid #e4e7ec;border-bottom: 1px solid var(--lc-mode-border, #e4e7ec);
    background: rgba(255, 255, 255, .96);background: var(--lc-mode-surface-soft, rgba(255, 255, 255, .96));
    backdrop-filter: blur(12px);
}

.lc-directory-nav {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.lc-directory-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #101828;color: var(--lc-mode-text, #101828);
    text-decoration: none;
}

.lc-directory-logo {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #101828;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.lc-directory-brand strong,
.lc-directory-brand small {
    display: block;
}

.lc-directory-brand strong {
    font-size: 14px;
    letter-spacing: -.02em;
}

.lc-directory-brand strong span {
    color: #6366f1;color: var(--lc-mode-ink-blue, #6366f1);
}

.lc-directory-brand small {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
}

.lc-directory-nav nav {
    display: flex;
    align-items: center;
    gap: 22px;
}

.lc-directory-nav nav a {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.lc-directory-nav nav a.active {
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
}

.lc-directory-nav-button {
    padding: 9px 13px;
    border-radius: 8px;
    background: #101828;
    color: #fff !important;
}

.lc-directory-hero {
    padding: 68px 0 54px;
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(99, 102, 241, .12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #0c1324 0%,
            #131c35 100%
        );
}

.lc-directory-eyebrow {
    margin-bottom: 12px;
    color: #a5b4fc;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .11em;
}

.lc-directory-hero h1 {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.06;
    letter-spacing: -.045em;
}

.lc-directory-hero > div > p {
    max-width: 570px;
    margin: 17px 0 0;
    color: #aeb8cb;
    font-size: 17px;
    line-height: 1.7;
}

.lc-directory-search {
    display: grid;
    grid-template-columns:
        minmax(200px, 1.4fr)
        minmax(170px, 1fr)
        minmax(150px, .8fr)
        auto;
    gap: 1px;
    max-width: 1000px;
    margin-top: 34px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(255,255,255,.14);
    box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.lc-directory-field {
    padding: 11px 15px;
    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-directory-field label {
    display: block;
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

.lc-directory-field input,
.lc-directory-field select {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #344054;color: var(--lc-mode-text, #344054);
    font: inherit;
    font-size: 16px;
}

.lc-directory-search-button {
    min-width: 140px;
    padding: 0 20px;
    border: 0;
    background: #6366f1;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 800;
}

.lc-directory-results {
    padding: 42px 0 70px;
}

.lc-directory-results-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
}

.lc-directory-results-head span {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .08em;
}

.lc-directory-results-head h2 {
    margin: 5px 0 4px;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 24px;
}

.lc-directory-results-head p {
    margin: 0;
    color: #98a2b3;
    font-size: 17px;
}

.lc-directory-sort {
    min-width: 175px;
    padding: 9px 11px;
    border: 1px solid #dfe3ea;border: 1px solid var(--lc-mode-border, #dfe3ea);
    border-radius: 8px;
    background: #fff;background: var(--lc-mode-surface, #fff);
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
}

.lc-directory-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 20px;
}

.lc-directory-active-filters > span {
    color: #98a2b3;
    font-size: 14px;
    font-weight: 750;
}

.lc-directory-active-filters b {
    padding: 5px 8px;
    border-radius: 999px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 14px;
}

.lc-directory-active-filters a {
    margin-left: 5px;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
}

.lc-lawyer-directory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.lc-lawyer-directory-card {
    padding: 20px;
    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;
    background: #fff;background: var(--lc-mode-surface, #fff);
    box-shadow: 0 1px 2px rgba(16,24,40,.02);
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.lc-lawyer-directory-card:hover {
    transform: translateY(-2px);
    border-color: #cfd5ff;border-color: var(--lc-mode-border, #cfd5ff);
    box-shadow: 0 12px 30px rgba(16,24,40,.06);
}

.lc-lawyer-card-top {
    display: flex;
    align-items: center;
    gap: 13px;
}

.lc-lawyer-card-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 16px;
    font-weight: 900;
}

.lc-lawyer-card-name-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lc-lawyer-card-name-row h3 {
    margin: 0;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 16px;
}

.lc-lawyer-verified {
    width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
    font-size: 14px;
    font-weight: 900;
}

.lc-lawyer-card-practice {
    display: block;
    margin-top: 4px;
    color: #6366f1;color: var(--lc-mode-ink-blue, #6366f1);
    font-size: 14px;
    font-weight: 700;
}

.lc-lawyer-card-location,
.lc-lawyer-card-license {
    margin-top: 18px;
}

.lc-lawyer-card-location span,
.lc-lawyer-card-location strong,
.lc-lawyer-card-license span,
.lc-lawyer-card-license strong {
    display: block;
}

.lc-lawyer-card-location span,
.lc-lawyer-card-license span {
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.lc-lawyer-card-location strong,
.lc-lawyer-card-license strong {
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
}

.lc-lawyer-card-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #edf0f4;border: 1px solid var(--lc-mode-border, #edf0f4);
    border-radius: 10px;
}

.lc-lawyer-card-stats > div {
    padding: 11px;
}

.lc-lawyer-card-stats > div + div {
    border-left: 1px solid #edf0f4;border-left: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-lawyer-card-stats strong,
.lc-lawyer-card-stats span {
    display: block;
}

.lc-lawyer-card-stats strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-lawyer-card-stats span {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-lawyer-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #edf0f4;border-top: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-lawyer-card-badge {
    padding: 5px 7px;
    border-radius: 999px;
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
    font-size: 14px;
    font-weight: 800;
}

.lc-lawyer-profile-coming {
    color: #98a2b3;
    font-size: 14px;
}

.lc-directory-empty {
    grid-column: 1 / -1;
    padding: 70px 25px;
    border: 1px dashed #d0d5dd;border: 1px dashed var(--lc-mode-border, #d0d5dd);
    border-radius: 14px;
    background: #fff;background: var(--lc-mode-surface, #fff);
    text-align: center;
}

.lc-directory-empty > div {
    font-size: 28px;
}

.lc-directory-empty h3 {
    margin: 12px 0 6px;
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-directory-empty p {
    margin: 0 0 14px;
    color: #98a2b3;
    font-size: 17px;
}

.lc-directory-empty a {
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 17px;
    font-weight: 750;
}

.lc-directory-pagination {
    margin-top: 28px;
}

.lc-directory-footer {
    padding: 25px 0;
    border-top: 1px solid #e4e7ec;border-top: 1px solid var(--lc-mode-border, #e4e7ec);
    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-directory-footer > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.lc-directory-footer strong,
.lc-directory-footer span {
    display: block;
}

.lc-directory-footer strong {
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 14px;
}

.lc-directory-footer span,
.lc-directory-footer p {
    color: #98a2b3;
    font-size: 17px;
}

.lc-directory-footer p {
    margin: 0;
}

@media (max-width: 900px) {
    .lc-directory-search {
        grid-template-columns: 1fr 1fr;
    }

    .lc-directory-search-button {
        min-height: 50px;
    }

    .lc-lawyer-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .lc-directory-container {
        width: min(100% - 24px, 1180px);
    }

    .lc-directory-nav {
        min-height: 64px;
    }

    .lc-directory-nav nav a:not(.lc-directory-nav-button) {
        display: none;
    }

    .lc-directory-hero {
        padding: 45px 0 38px;
    }

    .lc-directory-search {
        grid-template-columns: 1fr;
    }

    .lc-directory-search-button {
        min-height: 48px;
    }

    .lc-directory-results-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .lc-lawyer-directory-grid {
        grid-template-columns: 1fr;
    }

    .lc-directory-footer > div {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* =========================================================
   LEGALCONNECT ADMIN SIDEBAR - FINAL WORKING SCROLL FIX
   ========================================================= */

/* Make the complete sidebar fit the browser height */
body.lc-app .lc-sidebar {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;

    height: 100vh !important;
    max-height: 100vh !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain;

    z-index: 1000 !important;

    scrollbar-width: thin;
    scrollbar-color:
        rgba(148, 163, 184, 0.45)
        transparent;
}

/* Chrome / Edge scrollbar */
body.lc-app .lc-sidebar::-webkit-scrollbar {
    width: 6px;
}

body.lc-app .lc-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

body.lc-app .lc-sidebar::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.45);
    border-radius: 999px;
}

body.lc-app .lc-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.70);
}

/*
 * IMPORTANT:
 * Previous patches tried to scroll only .lc-nav.
 * Disable that behavior so the whole sidebar scrolls.
 */
body.lc-app .lc-sidebar .lc-nav {
    flex: none !important;

    min-height: auto !important;
    height: auto !important;

    overflow: visible !important;

    padding-bottom: 20px !important;
}

/* Keep all menu sections naturally sized */
body.lc-app .lc-sidebar .lc-nav-section {
    flex: none !important;
    flex-shrink: 0 !important;
}

/* Bottom security / account area appears after navigation */
body.lc-app .lc-sidebar .lc-sidebar-bottom {
    position: relative !important;

    flex: none !important;

    margin-top: 15px !important;

    background: var(--lc-sidebar-background, #081225) !important;

    z-index: 1100 !important;
}

/*
 * Profile popup.
 * Keep it inside the sidebar instead of sending it
 * outside the visible screen.
 */
body.lc-app .lc-sidebar .lc-profile-menu {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    width: auto !important;

    margin: 8px 12px 12px !important;

    z-index: 5000 !important;
}

/* Do not affect mobile sidebar opening/closing */
@media (max-width: 900px) {
    body.lc-app .lc-sidebar {
        overflow-y: auto !important;
    }
}
/* =========================================================
   GET STARTED BUTTON - MATCH SEARCH LAWYERS
   ========================================================= */

.lc-public-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 0 28px !important;

    background: #5b5ce9 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 10px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    cursor: pointer !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.lc-public-button:visited {
    color: #ffffff !important;
}

.lc-public-button:hover {
    background: #4f50df !important;
    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow: 0 8px 20px rgba(79, 80, 223, 0.22);
}

.lc-public-button:focus,
.lc-public-button:active {
    color: #ffffff !important;
}
/* =========================================================
   PATCH 10 - CONSULTATION SYSTEM
   ========================================================= */

.lc-consultation-layout,
.lc-consultation-detail-grid {
    display: grid;
    grid-template-columns:
        minmax(260px, .7fr)
        minmax(0, 1.3fr);
    gap: 18px;
    align-items: start;
}

.lc-consultation-lawyer {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lc-consultation-avatar {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    flex: 0 0 54px;
    border-radius: 14px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
    font-size: 18px;
    font-weight: 900;
}

.lc-consultation-lawyer span {
    color: #16a36a;color: var(--lc-mode-ink-green, #16a36a);
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .08em;
}

.lc-consultation-lawyer h2 {
    margin: 4px 0;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 16px;
}

.lc-consultation-lawyer p {
    margin: 0;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 17px;
}

.lc-consultation-lawyer-meta {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

.lc-consultation-lawyer-meta > div {
    padding: 12px;
    border: 1px solid #edf0f4;border: 1px solid var(--lc-mode-border, #edf0f4);
    border-radius: 10px;
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-consultation-lawyer-meta span,
.lc-consultation-lawyer-meta strong {
    display: block;
}

.lc-consultation-lawyer-meta span {
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 14px;
    text-transform: uppercase;
}

.lc-consultation-lawyer-meta strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-consultation-status {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
    font-weight: 800;
}

.lc-consultation-status.pending {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-consultation-status.accepted {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-consultation-status.rejected {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-consultation-status.completed {
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
}

.lc-consultation-status.cancelled {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);
}

.lc-consultation-confirmed {
    padding: 18px;
    border: 1px solid #abefc6;border: 1px solid var(--lc-mode-border, #abefc6);
    border-radius: 12px;
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    text-align: center;
}

.lc-consultation-confirmed > span {
    width: 34px;
    height: 34px;
    margin: 0 auto 10px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #12b76a;
    color: #fff;
    font-weight: 900;
}

.lc-consultation-confirmed strong,
.lc-consultation-confirmed p,
.lc-consultation-confirmed small {
    display: block;
}

.lc-consultation-confirmed strong {
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
    font-size: 14px;
}

.lc-consultation-confirmed p {
    margin: 6px 0;
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 17px;
}

.lc-consultation-confirmed small {
    color: #568b72;color: var(--lc-mode-ink-green, #568b72);
    font-size: 14px;
}

@media (max-width: 850px) {
    .lc-consultation-layout,
    .lc-consultation-detail-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================================================
   PATCH 11 - LAWYER DASHBOARD 2.0
   ========================================================= */

.lc-lawyer-dashboard {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


/* =========================================================
   PROFESSIONAL STATUS
   ========================================================= */

.lc-lawyer-professional-card {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding: 20px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8f9ff
        );background:
        linear-gradient(
            135deg,
            var(--lc-mode-surface, #ffffff),
            var(--lc-mode-surface, #f8f9ff)
        );
}

.lc-lawyer-professional-main {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lc-lawyer-professional-mark {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);

    font-size: 18px;
    font-weight: 900;
}

.lc-lawyer-professional-label {
    display: block;

    margin-bottom: 4px;

    color: #027a48;color: var(--lc-mode-ink-green, #027a48);

    font-size: 15px;
    font-weight: 850;

    letter-spacing: .08em;
}

.lc-lawyer-professional-main h2 {
    margin: 0;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 17px;
}

.lc-lawyer-professional-main p {
    margin: 5px 0 0;

    color: #98a2b3;

    font-size: 17px;
}

.lc-lawyer-professional-meta {
    display: flex;
    gap: 28px;
}

.lc-lawyer-professional-meta span,
.lc-lawyer-professional-meta strong {
    display: block;
}

.lc-lawyer-professional-meta span {
    margin-bottom: 5px;

    color: #98a2b3;

    font-size: 14px;
    font-weight: 750;

    text-transform: uppercase;
}

.lc-lawyer-professional-meta strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-professional-meta strong.verified {
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}


/* =========================================================
   KPI
   ========================================================= */

.lc-lawyer-kpi-grid {
    display: grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );

    gap: 12px;
}

.lc-lawyer-kpi {
    padding: 17px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-lawyer-kpi > span {
    display: block;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 750;
}

.lc-lawyer-kpi > strong {
    display: block;

    margin: 11px 0 6px;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 25px;
}

.lc-lawyer-kpi > small {
    display: block;

    color: #98a2b3;

    font-size: 14px;

    line-height: 1.5;
}

.lc-lawyer-kpi.consultation {
    border-color: #d9dcff;border-color: var(--lc-mode-border, #d9dcff);

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8f8ff
        );background:
        linear-gradient(
            135deg,
            var(--lc-mode-surface, #ffffff),
            var(--lc-mode-surface, #f8f8ff)
        );
}


/* =========================================================
   DASHBOARD GRIDS
   ========================================================= */

.lc-lawyer-main-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(300px, .75fr);

    gap: 18px;

    align-items: start;
}


/* =========================================================
   RECORD LINK
   ========================================================= */

.lc-lawyer-record-link {
    display: flex;
    flex-direction: column;
    gap: 3px;

    color: inherit;

    text-decoration: none;
}

.lc-lawyer-record-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-lawyer-record-link small {
    max-width: 260px;

    overflow: hidden;

    color: #98a2b3;

    font-size: 14px;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   PRIORITY
   ========================================================= */

.lc-lawyer-priority {
    display: inline-flex;
    align-items: center;

    padding: 4px 8px;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 750;
}

.lc-lawyer-priority.high,
.lc-lawyer-priority.critical {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-lawyer-priority.medium {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-lawyer-priority.low {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}


/* =========================================================
   CONSULTATIONS
   ========================================================= */

.lc-lawyer-consultation-list,
.lc-lawyer-request-list,
.lc-lawyer-deadline-list,
.lc-lawyer-client-list {
    display: flex;
    flex-direction: column;
}

.lc-lawyer-consultation-item {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr);

    gap: 12px;

    align-items: center;

    padding: 13px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-lawyer-consultation-item:last-child {
    border-bottom: 0;
}

.lc-lawyer-consultation-date {
    width: 46px;
    height: 48px;

    display: grid;
    align-content: center;
    place-items: center;

    border-radius: 10px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
}

.lc-lawyer-consultation-date strong {
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);

    font-size: 15px;

    line-height: 1;
}

.lc-lawyer-consultation-date span {
    margin-top: 3px;

    color: #6366f1;color: var(--lc-mode-ink-blue, #6366f1);

    font-size: 14px;
    font-weight: 800;
}

.lc-lawyer-consultation-copy strong,
.lc-lawyer-consultation-copy span,
.lc-lawyer-consultation-copy small {
    display: block;
}

.lc-lawyer-consultation-copy strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-consultation-copy span {
    margin-top: 3px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-lawyer-consultation-copy small {
    margin-top: 4px;

    color: #98a2b3;

    font-size: 14px;
}


/* =========================================================
   CONSULTATION REQUESTS
   ========================================================= */

.lc-lawyer-request-item {
    display: grid;

    grid-template-columns:
        38px
        minmax(0, 1fr)
        auto;

    gap: 10px;

    align-items: center;

    padding: 12px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-lawyer-request-item:last-child {
    border-bottom: 0;
}

.lc-lawyer-request-avatar {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);

    font-size: 14px;
    font-weight: 850;
}

.lc-lawyer-request-copy strong,
.lc-lawyer-request-copy span,
.lc-lawyer-request-copy small {
    display: block;
}

.lc-lawyer-request-copy strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-request-copy span {
    margin-top: 2px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-lawyer-request-copy small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}


/* =========================================================
   DEADLINES
   ========================================================= */

.lc-lawyer-deadline-item {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 12px;

    padding: 13px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-lawyer-deadline-item:last-child {
    border-bottom: 0;
}

.lc-lawyer-deadline-date {
    width: 46px;
    height: 48px;

    display: grid;
    place-items: center;
    align-content: center;

    border-radius: 10px;

    background: #f5f7ff;background: var(--lc-mode-surface, #f5f7ff);
}

.lc-lawyer-deadline-date strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 15px;

    line-height: 1;
}

.lc-lawyer-deadline-date span {
    margin-top: 3px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 800;
}

.lc-lawyer-deadline-copy strong,
.lc-lawyer-deadline-copy small {
    display: block;
}

.lc-lawyer-deadline-copy strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-deadline-copy small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}

.lc-lawyer-days-left {
    padding: 5px 8px;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 750;

    white-space: nowrap;
}

.lc-lawyer-days-left.urgent {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}


/* =========================================================
   CLIENTS
   ========================================================= */

.lc-lawyer-client-item {
    display: grid;

    grid-template-columns:
        40px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 11px;

    padding: 12px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-lawyer-client-item:last-child {
    border-bottom: 0;
}

.lc-lawyer-client-avatar {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);

    font-size: 14px;
    font-weight: 850;
}

.lc-lawyer-client-item strong,
.lc-lawyer-client-item small {
    display: block;
}

.lc-lawyer-client-item strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-client-item small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}


/* =========================================================
   WORKLOAD
   ========================================================= */

.lc-lawyer-workload {
    display: flex;

    flex-direction: column;

    gap: 16px;
}

.lc-lawyer-workload-title {
    display: flex;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 7px;
}

.lc-lawyer-workload-title span {
    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 700;
}

.lc-lawyer-workload-title strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-workload-bar {
    height: 7px;

    overflow: hidden;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
}

.lc-lawyer-workload-bar span {
    display: block;

    height: 100%;

    border-radius: inherit;

    background: #6366f1;
}

.lc-lawyer-workload-row small {
    display: block;

    margin-top: 5px;

    color: #98a2b3;

    font-size: 14px;
}


/* =========================================================
   PROFILE
   ========================================================= */

.lc-lawyer-profile-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 11px;
}

.lc-lawyer-profile-grid > div {
    padding: 13px;

    border: 1px solid #edf0f4;border: 1px solid var(--lc-mode-border, #edf0f4);
    border-radius: 11px;

    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-lawyer-profile-grid span,
.lc-lawyer-profile-grid strong {
    display: block;
}

.lc-lawyer-profile-grid span {
    margin-bottom: 5px;

    color: #98a2b3;

    font-size: 14px;
    font-weight: 750;

    text-transform: uppercase;
}

.lc-lawyer-profile-grid strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}


/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.lc-lawyer-quick-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 10px;
}

.lc-lawyer-quick-grid a {
    padding: 14px;

    border: 1px solid #e5e9f0;border: 1px solid var(--lc-mode-border, #e5e9f0);
    border-radius: 11px;

    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);

    color: inherit;

    text-decoration: none;

    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease;
}

.lc-lawyer-quick-grid a:hover {
    border-color: #cfd6ff;border-color: var(--lc-mode-border, #cfd6ff);

    background: #f7f8ff;background: var(--lc-mode-surface, #f7f8ff);

    transform: translateY(-1px);
}

.lc-lawyer-quick-grid > a > span {
    width: 31px;
    height: 31px;

    display: grid;
    place-items: center;

    margin-bottom: 9px;

    border-radius: 8px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);

    font-size: 14px;
    font-weight: 900;
}

.lc-lawyer-quick-grid b,
.lc-lawyer-quick-grid small {
    display: block;
}

.lc-lawyer-quick-grid b {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-lawyer-quick-grid small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1250px) {

    .lc-lawyer-kpi-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

}


@media (max-width: 900px) {

    .lc-lawyer-main-grid {
        grid-template-columns: 1fr;
    }

    .lc-lawyer-professional-card {
        align-items: flex-start;

        flex-direction: column;
    }

    .lc-lawyer-professional-meta {
        width: 100%;

        flex-wrap: wrap;
    }

}


@media (max-width: 650px) {

    .lc-lawyer-kpi-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .lc-lawyer-profile-grid,
    .lc-lawyer-quick-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 450px) {

    .lc-lawyer-kpi-grid {
        grid-template-columns: 1fr;
    }

}
/* =========================================================
   PATCH 12 - CLIENT MANAGEMENT
   ========================================================= */

.lc-client-filters {
    display: grid;
    grid-template-columns:
        minmax(220px, 1fr)
        160px
        180px
        auto
        auto;

    gap: 10px;

    align-items: center;

    margin-bottom: 18px;
}

.lc-client-status {
    display: inline-flex;

    padding: 5px 8px;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 750;
}

.lc-client-status.active {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-client-status.inactive {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-client-status.archived {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);
}

.lc-client-summary {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;
}

.lc-client-summary > div {
    padding: 16px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 12px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-client-summary span,
.lc-client-summary strong {
    display: block;
}

.lc-client-summary span {
    margin-bottom: 8px;

    color: #98a2b3;

    font-size: 14px;
    font-weight: 750;

    text-transform: uppercase;
}

.lc-client-summary strong {
    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 20px;
}

.lc-client-profile-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, .9fr);

    gap: 18px;
}

.lc-client-info-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 11px;
}

.lc-client-info-grid > div {
    padding: 13px;

    border: 1px solid #edf0f4;border: 1px solid var(--lc-mode-border, #edf0f4);
    border-radius: 10px;

    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-client-info-grid span,
.lc-client-info-grid strong {
    display: block;
}

.lc-client-info-grid span {
    margin-bottom: 5px;

    color: #98a2b3;

    font-size: 14px;
    font-weight: 750;

    text-transform: uppercase;
}

.lc-client-info-grid strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-client-matter-list {
    display: flex;
    flex-direction: column;
}

.lc-client-matter-item {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 12px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-client-matter-item:last-child {
    border-bottom: 0;
}

.lc-client-matter-item strong,
.lc-client-matter-item span,
.lc-client-matter-item small {
    display: block;
}

.lc-client-matter-item strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-client-matter-item div > span {
    margin-top: 3px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-client-matter-item small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}

.lc-client-matter-status {
    padding: 5px 8px;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);

    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 750;

    white-space: nowrap;
}

.lc-client-danger-zone {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 17px 19px;

    border: 1px solid #fecdca;border: 1px solid var(--lc-mode-border, #fecdca);
    border-radius: 12px;

    background: #fffbfa;background: var(--lc-mode-surface, #fffbfa);
}

.lc-client-danger-zone strong,
.lc-client-danger-zone span {
    display: block;
}

.lc-client-danger-zone strong {
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);

    font-size: 14px;
}

.lc-client-danger-zone span {
    margin-top: 4px;

    color: #b86a63;color: var(--lc-mode-ink-red, #b86a63);

    font-size: 14px;
}

@media (max-width: 1000px) {

    .lc-client-filters {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .lc-client-profile-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 650px) {

    .lc-client-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .lc-client-info-grid,
    .lc-client-filters {
        grid-template-columns: 1fr;
    }

    .lc-client-danger-zone {
        align-items: flex-start;
        flex-direction: column;
    }

}
/* =========================================================
   PATCH 12 - CLIENT MANAGEMENT
   ========================================================= */

.lc-client-kpi-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.lc-client-kpi-grid.profile {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
}

.lc-client-kpi {
    padding: 17px;
    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;
    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-client-kpi span,
.lc-client-kpi strong,
.lc-client-kpi small {
    display: block;
}

.lc-client-kpi span {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-client-kpi strong {
    margin-top: 9px;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 25px;
}

.lc-client-kpi small {
    margin-top: 5px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-client-filters {
    display: grid;
    grid-template-columns:
        minmax(220px, 1.4fr)
        repeat(3, minmax(150px, .65fr))
        auto;
    gap: 12px;
    align-items: end;
}

.lc-client-filter-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.lc-client-name-link {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: inherit;
    text-decoration: none;
}

.lc-client-name-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-client-name-link small {
    color: #98a2b3;
    font-size: 14px;
}

.lc-client-type {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
    font-size: 14px;
    font-weight: 800;
}

.lc-client-status {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
}

.lc-client-status.active {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-client-status.inactive {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-client-status.archived {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);
}

.lc-client-profile-strip {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    padding: 16px 20px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-client-profile-strip > div {
    padding: 0 16px;
    border-right: 1px solid #edf0f4;border-right: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-client-profile-strip > div:first-child {
    padding-left: 0;
}

.lc-client-profile-strip > div:last-child {
    border-right: 0;
}

.lc-client-profile-strip span,
.lc-client-profile-strip strong {
    display: block;
}

.lc-client-profile-strip span {
    margin-bottom: 5px;
    color: #98a2b3;
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-client-profile-strip strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-client-profile-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(300px, .7fr);
    gap: 18px;
    align-items: start;
}

.lc-client-matter-list {
    display: flex;
    flex-direction: column;
}

.lc-client-matter-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 13px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;
    text-decoration: none;
}

.lc-client-matter-item:last-child {
    border-bottom: 0;
}

.lc-client-matter-item strong,
.lc-client-matter-item span,
.lc-client-matter-item small {
    display: block;
}

.lc-client-matter-item strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-client-matter-item span {
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
    text-align: right;
}

.lc-client-matter-item small {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-client-danger-zone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    padding: 18px;

    border: 1px solid #fecdca;border: 1px solid var(--lc-mode-border, #fecdca);
    border-radius: 13px;

    background: #fffafa;background: var(--lc-mode-surface, #fffafa);
}

.lc-client-danger-zone strong {
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
    font-size: 14px;
}

.lc-client-danger-zone p {
    margin: 4px 0 0;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 17px;
}

@media (max-width: 1200px) {

    .lc-client-kpi-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .lc-client-filters {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {

    .lc-client-profile-grid {
        grid-template-columns: 1fr;
    }

    .lc-client-profile-strip {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .lc-client-profile-strip > div {
        padding: 0;
        border-right: 0;
    }

    .lc-client-kpi-grid,
    .lc-client-kpi-grid.profile {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {

    .lc-client-kpi-grid,
    .lc-client-kpi-grid.profile,
    .lc-client-filters {
        grid-template-columns: 1fr;
    }

    .lc-client-profile-strip {
        grid-template-columns: 1fr;
    }

    .lc-client-danger-zone {
        align-items: stretch;
        flex-direction: column;
    }
}
/* =========================================================
   PATCH 13 - ENTERPRISE CASE MANAGEMENT
   ========================================================= */

.lc-matter-kpi-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.lc-matter-kpi {
    padding: 17px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-matter-kpi span,
.lc-matter-kpi strong,
.lc-matter-kpi small {
    display: block;
}

.lc-matter-kpi span {
    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 750;

    text-transform: uppercase;
}

.lc-matter-kpi strong {
    margin-top: 9px;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 25px;
}

.lc-matter-kpi small {
    margin-top: 5px;

    color: #98a2b3;

    font-size: 14px;
}


/* Filters */

.lc-matter-filters {
    display: grid;

    grid-template-columns:
        minmax(220px, 1.3fr)
        repeat(4, minmax(140px, .65fr))
        auto;

    gap: 12px;

    align-items: end;
}

.lc-matter-filter-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* Directory */

.lc-matter-name-link {
    display: flex;
    flex-direction: column;
    gap: 3px;

    color: inherit;

    text-decoration: none;
}

.lc-matter-name-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-matter-name-link small {
    color: #98a2b3;

    font-size: 14px;
}


/* Priority */

.lc-matter-priority {
    display: inline-flex;
    align-items: center;

    padding: 5px 8px;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 800;
}

.lc-matter-priority.low {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-matter-priority.normal {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);
}

.lc-matter-priority.medium {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-matter-priority.high,
.lc-matter-priority.critical {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}


/* Status */

.lc-matter-status {
    display: inline-flex;
    align-items: center;

    padding: 5px 8px;

    border-radius: 999px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);

    font-size: 14px;
    font-weight: 800;
}

.lc-matter-status.open,
.lc-matter-status.active {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-matter-status.pending,
.lc-matter-status.on_hold {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-matter-status.closed {
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
}

.lc-matter-status.archived {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);
}


/* Matter profile */

.lc-matter-profile-strip {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    padding: 16px 20px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-matter-profile-strip > div {
    padding: 0 16px;

    border-right:
        1px solid #edf0f4;border-right:
        1px solid var(--lc-mode-border, #edf0f4);
}

.lc-matter-profile-strip > div:first-child {
    padding-left: 0;
}

.lc-matter-profile-strip > div:last-child {
    border-right: 0;
}

.lc-matter-profile-strip span,
.lc-matter-profile-strip strong {
    display: block;
}

.lc-matter-profile-strip > div > span {
    margin-bottom: 5px;

    color: #98a2b3;

    font-size: 14px;
    font-weight: 750;

    text-transform: uppercase;
}


/* Profile grid */

.lc-matter-profile-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(290px, .65fr);

    gap: 18px;

    align-items: start;
}


/* Matter Team */

.lc-matter-team-picker {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;

    max-height: 290px;

    overflow-y: auto;
}

.lc-matter-team-option {
    display: flex;

    align-items: flex-start;

    gap: 9px;

    padding: 11px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 10px;

    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);

    cursor: pointer;
}

.lc-matter-team-option input {
    margin-top: 3px;

    accent-color: #5b5ce9;
}

.lc-matter-team-option strong,
.lc-matter-team-option small {
    display: block;
}

.lc-matter-team-option strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-matter-team-option small {
    margin-top: 2px;

    color: #98a2b3;

    font-size: 14px;
}

.lc-field-help {
    display: block;

    margin-top: 7px;

    color: #98a2b3;

    font-size: 17px;
}


/* Matter team profile */

.lc-matter-team-list {
    display: flex;

    flex-direction: column;
}

.lc-matter-team-member {
    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px 0;

    border-bottom:
        1px solid #edf0f4;border-bottom:
        1px solid var(--lc-mode-border, #edf0f4);
}

.lc-matter-team-member:last-child {
    border-bottom: 0;
}

.lc-matter-team-avatar {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);

    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);

    font-size: 14px;
    font-weight: 850;
}

.lc-matter-team-member strong,
.lc-matter-team-member small {
    display: block;
}

.lc-matter-team-member strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-matter-team-member small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}


/* Schedule */

.lc-matter-date-list {
    display: flex;

    flex-direction: column;

    gap: 10px;
}

.lc-matter-date-list > div {
    display: flex;

    justify-content: space-between;

    gap: 15px;

    padding: 10px 0;

    border-bottom:
        1px solid #edf0f4;border-bottom:
        1px solid var(--lc-mode-border, #edf0f4);
}

.lc-matter-date-list > div:last-child {
    border-bottom: 0;
}

.lc-matter-date-list span {
    color: #98a2b3;

    font-size: 14px;
}

.lc-matter-date-list strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}


/* Timeline */

.lc-matter-event-list {
    display: flex;

    flex-direction: column;
}

.lc-matter-event-item {
    position: relative;

    display: grid;

    grid-template-columns:
        14px
        minmax(0, 1fr);

    gap: 12px;

    padding: 12px 0;

    border-bottom:
        1px solid #edf0f4;border-bottom:
        1px solid var(--lc-mode-border, #edf0f4);
}

.lc-matter-event-item:last-child {
    border-bottom: 0;
}

.lc-matter-event-dot {
    width: 9px;
    height: 9px;

    margin-top: 4px;

    border-radius: 50%;

    background: #6366f1;
}

.lc-matter-event-item strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-matter-event-item p {
    margin: 4px 0;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 17px;

    line-height: 1.6;
}

.lc-matter-event-item small {
    color: #98a2b3;

    font-size: 14px;
}


/* Danger */

.lc-matter-danger-zone {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding: 18px;

    border: 1px solid #fecdca;border: 1px solid var(--lc-mode-border, #fecdca);
    border-radius: 13px;

    background: #fffafa;background: var(--lc-mode-surface, #fffafa);
}

.lc-matter-danger-zone strong {
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);

    font-size: 14px;
}

.lc-matter-danger-zone p {
    margin: 4px 0 0;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 17px;
}


/* Responsive */

@media (max-width: 1250px) {

    .lc-matter-filters {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .lc-matter-kpi-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


@media (max-width: 900px) {

    .lc-matter-profile-grid {
        grid-template-columns: 1fr;
    }

    .lc-matter-profile-strip {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 15px;
    }

    .lc-matter-profile-strip > div {
        padding: 0;

        border-right: 0;
    }

}


@media (max-width: 650px) {

    .lc-matter-kpi-grid,
    .lc-matter-filters,
    .lc-matter-team-picker,
    .lc-matter-profile-strip {
        grid-template-columns: 1fr;
    }

    .lc-matter-danger-zone {
        align-items: stretch;

        flex-direction: column;
    }

}
/* =========================================================
   PATCH 14 - CASE STATUS & TIMELINE
   ========================================================= */


/* Workflow */

.lc-case-workflow {
    overflow: hidden;
}

.lc-case-progress {
    margin-top: 6px;
}

.lc-case-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 8px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-case-progress-head strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-case-progress-track {
    width: 100%;
    height: 8px;

    overflow: hidden;

    border-radius: 999px;

    background: #eaecf0;background: var(--lc-mode-surface, #eaecf0);
}

.lc-case-progress-bar {
    height: 100%;

    border-radius: inherit;

    background: #4f46e5;

    transition: width .3s ease;
}

.lc-case-status-form {
    display: grid;

    grid-template-columns:
        minmax(160px, .5fr)
        minmax(250px, 1fr)
        auto;

    gap: 12px;

    align-items: end;

    margin-top: 18px;

    padding-top: 18px;

    border-top: 1px solid #eaecf0;border-top: 1px solid var(--lc-mode-border, #eaecf0);
}


/* Timeline creation */

.lc-timeline-create {
    margin-bottom: 24px;

    padding: 16px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 12px;

    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-timeline-create-grid {
    display: grid;

    grid-template-columns:
        minmax(150px, .5fr)
        minmax(180px, .5fr)
        minmax(240px, 1fr);

    gap: 12px;
}

.lc-timeline-title {
    grid-column: auto;
}

.lc-timeline-description {
    grid-column: 1 / -1;
}

.lc-timeline-create-footer {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-top: 12px;
}

.lc-important-check {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;

    cursor: pointer;
}

.lc-important-check input {
    accent-color: #4f46e5;
}


/* Timeline */

.lc-case-timeline {
    display: flex;

    flex-direction: column;
}

.lc-case-timeline-item {
    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr);

    gap: 13px;
}

.lc-case-timeline-rail {
    display: flex;

    flex-direction: column;

    align-items: center;
}

.lc-case-timeline-icon {
    position: relative;
    z-index: 2;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: grid;

    place-items: center;

    border: 1px solid #d0d5dd;border: 1px solid var(--lc-mode-border, #d0d5dd);
    border-radius: 9px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);

    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 850;
}

.lc-case-timeline-icon.status_change {
    border-color: #c7d7fe;border-color: var(--lc-mode-border, #c7d7fe);

    background: #eef4ff;background: var(--lc-mode-surface, #eef4ff);

    color: #3538cd;color: var(--lc-mode-ink-blue, #3538cd);
}

.lc-case-timeline-icon.court,
.lc-case-timeline-icon.hearing {
    border-color: #fedf89;border-color: var(--lc-mode-border, #fedf89);

    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);

    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-case-timeline-icon.document {
    border-color: #b2ddff;border-color: var(--lc-mode-border, #b2ddff);

    background: #eff8ff;background: var(--lc-mode-surface, #eff8ff);

    color: #175cd3;color: var(--lc-mode-ink-blue, #175cd3);
}

.lc-case-timeline-icon.client {
    border-color: #abefc6;border-color: var(--lc-mode-border, #abefc6);

    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);

    color: #067647;color: var(--lc-mode-ink-green, #067647);
}

.lc-case-timeline-line {
    width: 1px;

    flex: 1;

    min-height: 30px;

    background: #eaecf0;background: var(--lc-mode-surface, #eaecf0);
}

.lc-case-timeline-item:last-child
.lc-case-timeline-line {
    background: transparent;
}

.lc-case-timeline-content {
    margin-bottom: 16px;

    padding: 0 0 18px;

    border-bottom: 1px solid #f2f4f7;border-bottom: 1px solid var(--lc-mode-border, #f2f4f7);
}

.lc-case-timeline-item:last-child
.lc-case-timeline-content {
    border-bottom: 0;
}

.lc-case-timeline-item.important
.lc-case-timeline-content {
    padding: 13px 14px;

    border: 1px solid #fedf89;border: 1px solid var(--lc-mode-border, #fedf89);
    border-radius: 10px;

    background: #fffdf5;background: var(--lc-mode-surface, #fffdf5);
}

.lc-case-timeline-meta {
    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 5px;
}

.lc-event-type {
    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 800;

    text-transform: uppercase;
}

.lc-event-important {
    padding: 3px 6px;

    border-radius: 999px;

    background: #fef0c7;background: var(--lc-mode-tint-amber, #fef0c7);

    color: #b54708;color: var(--lc-mode-ink-red, #b54708);

    font-size: 14px;
    font-weight: 800;

    text-transform: uppercase;
}

.lc-case-timeline-content h3 {
    margin: 0;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 16px;
    font-weight: 750;
}

.lc-case-timeline-content p {
    margin: 7px 0 0;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 17px;

    line-height: 1.65;
}

.lc-case-timeline-content footer {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 9px;

    color: #98a2b3;

    font-size: 14px;
}


/* Status transition */

.lc-status-transition {
    display: flex;

    align-items: center;

    gap: 7px;

    margin-top: 8px;
}

.lc-status-transition span {
    padding: 4px 7px;

    border-radius: 6px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);

    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 750;
}

.lc-status-transition b {
    color: #98a2b3;

    font-size: 14px;
}


/* Responsive */

@media (max-width: 900px) {

    .lc-case-status-form {
        grid-template-columns: 1fr;
    }

    .lc-timeline-create-grid {
        grid-template-columns: 1fr 1fr;
    }

    .lc-timeline-title,
    .lc-timeline-description {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {

    .lc-timeline-create-grid {
        grid-template-columns: 1fr;
    }

    .lc-timeline-title,
    .lc-timeline-description {
        grid-column: auto;
    }

    .lc-timeline-create-footer {
        align-items: stretch;
        flex-direction: column;
    }
}
/* =========================================================
   PATCH 15 - HEARING MANAGEMENT
   ========================================================= */

.lc-hearing-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.lc-hearing-kpi {
    padding: 17px;
    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;
    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-hearing-kpi span,
.lc-hearing-kpi strong {
    display: block;
}

.lc-hearing-kpi span {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-hearing-kpi strong {
    margin-top: 9px;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 25px;
}

.lc-hearing-filters {
    display: grid;
    grid-template-columns:
        minmax(220px, 1fr)
        minmax(150px, .5fr)
        minmax(220px, 1fr)
        auto;
    gap: 12px;
    align-items: end;
}

.lc-hearing-filter-actions {
    display: flex;
    gap: 8px;
}

.lc-hearing-status {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
    font-weight: 800;
}

.lc-hearing-status.scheduled {
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
}

.lc-hearing-status.completed {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-hearing-status.adjourned {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-hearing-status.cancelled,
.lc-hearing-status.missed {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}

.lc-hearing-matter-link {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: inherit;
    text-decoration: none;
}

.lc-hearing-matter-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-hearing-matter-link small {
    color: #98a2b3;
    font-size: 14px;
}

.lc-hearing-profile-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 16px 20px;
    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;
    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-hearing-profile-strip > div {
    padding: 0 16px;
    border-right: 1px solid #edf0f4;border-right: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-hearing-profile-strip > div:first-child {
    padding-left: 0;
}

.lc-hearing-profile-strip > div:last-child {
    border-right: 0;
}

.lc-hearing-profile-strip span,
.lc-hearing-profile-strip strong {
    display: block;
}

.lc-hearing-profile-strip span {
    margin-bottom: 5px;
    color: #98a2b3;
    font-size: 14px;
    text-transform: uppercase;
}

.lc-hearing-profile-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(280px, .7fr);
    gap: 18px;
    align-items: start;
}

.lc-hearing-summary {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lc-hearing-summary > div {
    padding: 11px;
    border: 1px solid #edf0f4;border: 1px solid var(--lc-mode-border, #edf0f4);
    border-radius: 10px;
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-hearing-summary span,
.lc-hearing-summary strong {
    display: block;
}

.lc-hearing-summary span {
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 14px;
    text-transform: uppercase;
}

.lc-hearing-summary strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-hearing-outcome {
    border-left: 3px solid #12b76a;border-left: 3px solid var(--lc-mode-border, #12b76a);
    padding-left: 12px;
}

.lc-hearing-important {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475467;color: var(--lc-mode-muted, #475467);
    font-size: 14px;
}

.lc-hearing-important input {
    accent-color: #4f46e5;
}

.lc-matter-hearing-list {
    display: flex;
    flex-direction: column;
}

.lc-matter-hearing-item {
    display: grid;
    grid-template-columns:
        46px
        minmax(0, 1fr)
        auto;
    gap: 11px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
    color: inherit;
    text-decoration: none;
}

.lc-matter-hearing-date {
    width: 44px;
    height: 46px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 10px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
}

.lc-matter-hearing-date strong {
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
    font-size: 14px;
}

.lc-matter-hearing-date span {
    color: #6366f1;color: var(--lc-mode-ink-blue, #6366f1);
    font-size: 14px;
    font-weight: 800;
}

.lc-matter-hearing-item > div:nth-child(2) strong,
.lc-matter-hearing-item > div:nth-child(2) small {
    display: block;
}

.lc-matter-hearing-item > div:nth-child(2) strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-matter-hearing-item > div:nth-child(2) small {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 14px;
}

@media (max-width: 1000px) {
    .lc-hearing-kpi-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .lc-hearing-filters {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .lc-hearing-profile-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .lc-hearing-kpi-grid,
    .lc-hearing-filters,
    .lc-hearing-profile-strip {
        grid-template-columns: 1fr;
    }

    .lc-hearing-profile-strip > div {
        padding: 8px 0;
        border-right: 0;
        border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
    }
}
/* =========================================================
   PATCH 16 - SMART REMINDERS
   ========================================================= */

.lc-reminder-kpi-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lc-reminder-kpi {
    padding: 17px;
    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;
    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-reminder-kpi span,
.lc-reminder-kpi strong {
    display: block;
}

.lc-reminder-kpi span {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-reminder-kpi strong {
    margin-top: 9px;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 25px;
}

.lc-reminder-filters {
    display: grid;
    grid-template-columns:
        minmax(180px, .5fr)
        minmax(180px, .5fr)
        auto;
    gap: 12px;
    align-items: end;
}

.lc-reminder-filter-actions {
    display: flex;
    gap: 8px;
}

.lc-reminder-list {
    display: flex;
    flex-direction: column;
}

.lc-reminder-item {
    display: grid;
    grid-template-columns:
        5px
        minmax(0, 1fr)
        auto;
    gap: 14px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-reminder-item:last-child {
    border-bottom: 0;
}

.lc-reminder-item.overdue {
    background: #fffafa;background: var(--lc-mode-surface, #fffafa);
}

.lc-reminder-priority {
    width: 5px;
    height: 46px;
    border-radius: 999px;
    background: #d0d5dd;background: var(--lc-mode-surface, #d0d5dd);
}

.lc-reminder-priority.low {
    background: #12b76a;
}

.lc-reminder-priority.normal {
    background: #667085;
}

.lc-reminder-priority.high {
    background: #f79009;
}

.lc-reminder-priority.critical {
    background: #f04438;
}

.lc-reminder-meta {
    display: flex;
    gap: 7px;
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 14px;
    text-transform: uppercase;
}

.lc-reminder-auto {
    padding: 2px 5px;
    border-radius: 999px;
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
    font-weight: 800;
}

.lc-reminder-content h3 {
    margin: 0;
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 16px;
}

.lc-reminder-content p {
    margin: 4px 0 0;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 17px;
}

.lc-reminder-time {
    margin-top: 6px;
    color: #98a2b3;
    font-size: 14px;
}

.lc-reminder-actions {
    display: flex;
    gap: 7px;
    align-items: center;
}

.lc-reminder-status {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
}

.lc-reminder-status.completed {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #027a48;color: var(--lc-mode-ink-green, #027a48);
}

.lc-reminder-status.dismissed {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);
}

@media (max-width: 800px) {
    .lc-reminder-kpi-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .lc-reminder-filters {
        grid-template-columns: 1fr;
    }

    .lc-reminder-item {
        grid-template-columns:
            5px
            minmax(0, 1fr);
    }

    .lc-reminder-actions {
        grid-column: 2;
    }
}

@media (max-width: 500px) {
    .lc-reminder-kpi-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================================================
   PATCH 17 - DOCUMENT MANAGEMENT
   ========================================================= */

.lc-document-kpi-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lc-document-kpi {
    padding: 17px;
    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;
    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-document-kpi span,
.lc-document-kpi strong {
    display: block;
}

.lc-document-kpi span {
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-document-kpi strong {
    margin-top: 9px;
    color: #101828;color: var(--lc-mode-text, #101828);
    font-size: 25px;
}


.lc-document-filters {
    display: grid;
    grid-template-columns:
        minmax(220px, 1fr)
        repeat(4, minmax(145px, .55fr))
        auto;
    gap: 12px;
    align-items: end;
}

.lc-document-filter-actions {
    display: flex;
    gap: 8px;
}


.lc-document-title-link {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: inherit;
    text-decoration: none;
}

.lc-document-title-link strong {
    color: #344054;color: var(--lc-mode-text, #344054);
}

.lc-document-title-link small {
    color: #98a2b3;
    font-size: 14px;
}


.lc-document-confidentiality {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
}

.lc-document-confidentiality.internal {
    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #475467;color: var(--lc-mode-muted, #475467);
}

.lc-document-confidentiality.confidential {
    background: #fffaeb;background: var(--lc-mode-surface, #fffaeb);
    color: #b54708;color: var(--lc-mode-ink-red, #b54708);
}

.lc-document-confidentiality.restricted {
    background: #fef3f2;background: var(--lc-mode-surface, #fef3f2);
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
}


.lc-document-profile-strip {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    padding: 16px 20px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 13px;

    background: #fff;background: var(--lc-mode-surface, #fff);
}

.lc-document-profile-strip > div {
    padding: 0 16px;
    border-right: 1px solid #edf0f4;border-right: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-document-profile-strip > div:first-child {
    padding-left: 0;
}

.lc-document-profile-strip > div:last-child {
    border-right: 0;
}

.lc-document-profile-strip span,
.lc-document-profile-strip strong {
    display: block;
}

.lc-document-profile-strip span {
    margin-bottom: 5px;
    color: #98a2b3;
    font-size: 14px;
    font-weight: 750;
    text-transform: uppercase;
}

.lc-document-profile-strip strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}


.lc-document-profile-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(280px, .65fr);
    gap: 18px;
    align-items: start;
}


.lc-document-version-list {
    display: flex;
    flex-direction: column;
}

.lc-document-version {
    display: grid;
    grid-template-columns:
        46px
        minmax(0, 1fr)
        auto;
    gap: 12px;
    align-items: center;

    padding: 13px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-document-version:last-child {
    border-bottom: 0;
}

.lc-document-version-number {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);

    font-size: 14px;
    font-weight: 850;
}

.lc-document-version-copy strong,
.lc-document-version-copy span,
.lc-document-version-copy small {
    display: block;
}

.lc-document-version-copy strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-document-version-copy span {
    margin-top: 3px;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 14px;
}

.lc-document-version-copy p {
    margin: 5px 0 0;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 17px;
}

.lc-document-version-copy small {
    margin-top: 5px;
    color: #98a2b3;
    font-size: 14px;
}


.lc-document-danger-zone {
    padding: 16px;

    border: 1px solid #fecdca;border: 1px solid var(--lc-mode-border, #fecdca);
    border-radius: 13px;

    background: #fffafa;background: var(--lc-mode-surface, #fffafa);
}

.lc-document-danger-zone strong {
    color: #b42318;color: var(--lc-mode-ink-red, #b42318);
    font-size: 14px;
}

.lc-document-danger-zone p {
    margin: 5px 0 14px;
    color: #667085;color: var(--lc-mode-muted, #667085);
    font-size: 17px;
    line-height: 1.6;
}


/* Matter document list */

.lc-matter-document-list {
    display: flex;
    flex-direction: column;
}

.lc-matter-document-item {
    display: grid;
    grid-template-columns:
        40px
        minmax(0, 1fr)
        auto;

    gap: 11px;
    align-items: center;

    padding: 12px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;
    text-decoration: none;
}

.lc-matter-document-item:last-child {
    border-bottom: 0;
}

.lc-matter-document-icon {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);

    font-size: 14px;
    font-weight: 900;
}

.lc-matter-document-item strong,
.lc-matter-document-item small {
    display: block;
}

.lc-matter-document-item strong {
    color: #344054;color: var(--lc-mode-text, #344054);
    font-size: 14px;
}

.lc-matter-document-item small {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 14px;
}


@media (max-width: 1200px) {

    .lc-document-filters {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


@media (max-width: 900px) {

    .lc-document-profile-grid {
        grid-template-columns: 1fr;
    }

    .lc-document-profile-strip {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .lc-document-profile-strip > div {
        padding: 0;
        border-right: 0;
    }

}


@media (max-width: 650px) {

    .lc-document-kpi-grid,
    .lc-document-filters,
    .lc-document-profile-strip {
        grid-template-columns: 1fr;
    }

    .lc-document-version {
        grid-template-columns:
            42px
            minmax(0, 1fr);
    }

    .lc-document-version > .lc-btn {
        grid-column: 2;
        justify-self: start;
    }

}
/* =========================================================
   PATCH 18 - ENTERPRISE LEGAL CALENDAR
   ADMIN-STYLE UI REFINEMENT
   ========================================================= */

.lc-calendar-page {
    width: 100%;
    max-width: none !important;
    display: flex;
    flex-direction: column;
    gap: 18px;

    --cal-hearing: #c2410c;
    --cal-matter: #4f46e5;
    --cal-consultation: #059669;
    --cal-reminder: #dc2626;
}


/* =========================================================
   HEADER
   ========================================================= */

.lc-calendar-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.lc-calendar-heading {
    min-width: 0;
}

.lc-calendar-heading h1 {
    margin: 5px 0 4px;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 28px;
    font-weight: 800;

    line-height: 1.2;
}

.lc-calendar-heading p {
    max-width: 650px;

    margin: 0;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 17px;
    line-height: 1.6;
}

.lc-calendar-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;

    flex-shrink: 0;
}


/* =========================================================
   KPI CARDS
   ========================================================= */

.lc-calendar-stats {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 12px;
}

.lc-calendar-stat-card {
    min-width: 0;

    padding: 17px 18px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .03);
}

.lc-calendar-stat-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.lc-calendar-stat-top > span {
    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 800;

    letter-spacing: .06em;

    text-transform: uppercase;
}

.lc-calendar-stat-icon {
    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    background: #f4f3ff;background: var(--lc-mode-surface, #f4f3ff);
    color: #5b5ce2;color: var(--lc-mode-ink-blue, #5b5ce2);
}

.lc-calendar-stat-icon svg {
    width: 16px;
    height: 16px;
}

.lc-calendar-stat-card > strong {
    display: block;

    margin-top: 12px;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 27px;
    font-weight: 800;

    line-height: 1;
}

.lc-calendar-stat-card > small {
    display: block;

    margin-top: 7px;

    color: #98a2b3;

    font-size: 14px;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.lc-calendar-toolbar-card {
    min-height: 62px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 10px 12px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .03);
}

.lc-calendar-month-navigation {
    display: flex;
    align-items: center;
    gap: 11px;
}

.lc-calendar-nav-button {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 9px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
    color: #344054;color: var(--lc-mode-text, #344054);

    text-decoration: none;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.lc-calendar-nav-button:hover {
    border-color: #c7d7fe;border-color: var(--lc-mode-border, #c7d7fe);

    background: #f4f3ff;background: var(--lc-mode-surface, #f4f3ff);
    color: #4f46e5;color: var(--lc-mode-ink-blue, #4f46e5);
}

.lc-calendar-current-month {
    min-width: 160px;

    text-align: center;
}

.lc-calendar-current-month span,
.lc-calendar-current-month strong {
    display: block;
}

.lc-calendar-current-month span {
    color: #98a2b3;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: .06em;
}

.lc-calendar-current-month strong {
    margin-top: 3px;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
    font-weight: 750;
}

.lc-calendar-toolbar-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lc-calendar-filter-select {
    min-width: 180px;
    height: 38px;

    padding: 0 12px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 9px;

    outline: none;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 16px;
    font-weight: 600;
}

.lc-calendar-filter-select:focus {
    border-color: #a4bcfd;border-color: var(--lc-mode-border, #a4bcfd);

    box-shadow:
        0 0 0 3px rgba(79, 70, 229, .08);
}


/* =========================================================
   VIEW SWITCH
   ========================================================= */

.lc-calendar-view-switch {
    display: flex;

    padding: 3px;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 10px;

    background: #f9fafb;background: var(--lc-mode-surface, #f9fafb);
}

.lc-calendar-view-switch a {
    min-width: 62px;

    padding: 7px 10px;

    border-radius: 7px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 750;

    text-align: center;
    text-decoration: none;
}

.lc-calendar-view-switch a.active {
    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
    color: #344054;color: var(--lc-mode-text, #344054);

    box-shadow:
        0 1px 3px rgba(16, 24, 40, .10);
}


/* =========================================================
   LEGEND
   ========================================================= */

.lc-calendar-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 16px;

    padding: 0 3px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-calendar-legend span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.lc-calendar-legend i {
    width: 7px;
    height: 7px;

    display: block;

    border-radius: 50%;
}

.lc-calendar-legend i.hearing {
    background: var(--cal-hearing);
}

.lc-calendar-legend i.matter {
    background: var(--cal-matter);
}

.lc-calendar-legend i.consultation {
    background: var(--cal-consultation);
}

.lc-calendar-legend i.reminder {
    background: var(--cal-reminder);
}


/* =========================================================
   MAIN MONTH LAYOUT
   ========================================================= */

.lc-calendar-main-layout {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        300px;

    gap: 16px;

    align-items: start;
}


/* =========================================================
   CALENDAR MONTH
   ========================================================= */

.lc-calendar-month-card {
    min-width: 0;
    overflow: hidden;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .03);
}

.lc-calendar-weekdays {
    display: grid;

    grid-template-columns:
        repeat(7, minmax(0, 1fr));

    border-bottom: 1px solid #e4e7ec;border-bottom: 1px solid var(--lc-mode-border, #e4e7ec);

    background: #f9fafb;background: var(--lc-mode-surface, #f9fafb);
}

.lc-calendar-weekdays > div {
    padding: 11px 8px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 850;

    text-align: center;
}

.lc-calendar-grid {
    display: grid;

    grid-template-columns:
        repeat(7, minmax(0, 1fr));

    width: 100%;
}

.lc-calendar-day {
    position: relative;

    min-width: 0;
    min-height: 132px;

    padding: 9px;

    border-right: 1px solid #edf0f4;border-right: 1px solid var(--lc-mode-border, #edf0f4);
    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);
}

.lc-calendar-day:nth-child(7n) {
    border-right: 0;
}

.lc-calendar-day.outside {
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-calendar-day.outside
.lc-calendar-day-number {
    opacity: .45;
}

.lc-calendar-day.today {
    background: #f8f9ff;background: var(--lc-mode-surface, #f8f9ff);

    box-shadow:
        inset 0 0 0 1px #c7d7fe;
}

.lc-calendar-day-number {
    display: flex;
    justify-content: flex-end;

    margin-bottom: 8px;
}

.lc-calendar-day-number span {
    width: 26px;
    height: 26px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    color: #475467;color: var(--lc-mode-muted, #475467);

    font-size: 14px;
    font-weight: 750;
}

.lc-calendar-day.today
.lc-calendar-day-number span {
    background: #4f46e5;
    color: #ffffff;
}


/* =========================================================
   CALENDAR EVENTS
   ========================================================= */

.lc-calendar-day-events {
    display: flex;
    flex-direction: column;

    gap: 4px;
}

.lc-calendar-event {
    min-width: 0;

    display: block;

    padding: 5px 6px;

    border-left: 3px solid #98a2b3;border-left: 3px solid var(--lc-mode-border, #98a2b3);
    border-radius: 6px;

    background: #f9fafb;background: var(--lc-mode-surface, #f9fafb);

    color: inherit;

    text-decoration: none;

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.lc-calendar-event:hover {
    transform: translateY(-1px);

    box-shadow:
        0 3px 7px rgba(16, 24, 40, .08);
}

.lc-calendar-event small {
    display: block;

    margin-bottom: 2px;

    color: #98a2b3;

    font-size: 14px;
}

.lc-calendar-event strong {
    display: block;

    overflow: hidden;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
    font-weight: 750;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-calendar-event.hearing {
    border-left-color: var(--cal-hearing);

    background: #fff7ed;background: var(--lc-mode-surface, #fff7ed);
}

.lc-calendar-event.matter {
    border-left-color: var(--cal-matter);

    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
}

.lc-calendar-event.consultation {
    border-left-color: var(--cal-consultation);

    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
}

.lc-calendar-event.reminder {
    border-left-color: var(--cal-reminder);

    background: #fef2f2;background: var(--lc-mode-surface, #fef2f2);
}

.lc-calendar-event.overdue {
    box-shadow:
        inset 0 0 0 1px #fecdca;
}

.lc-calendar-more {
    padding: 4px 6px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   UPCOMING EVENTS
   ========================================================= */

.lc-calendar-upcoming-card {
    overflow: hidden;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .03);
}

.lc-calendar-upcoming-head {
    padding: 17px;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-calendar-upcoming-head h2 {
    margin: 0;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 16px;
    font-weight: 800;
}

.lc-calendar-upcoming-head p {
    margin: 4px 0 0;

    color: #98a2b3;

    font-size: 17px;
}

.lc-calendar-upcoming-list {
    display: flex;
    flex-direction: column;
}

.lc-calendar-upcoming-event {
    display: grid;

    grid-template-columns:
        36px
        minmax(0, 1fr)
        auto;

    gap: 10px;

    align-items: center;

    padding: 13px 14px;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-calendar-upcoming-event:last-child {
    border-bottom: 0;
}

.lc-calendar-upcoming-event:hover {
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-calendar-upcoming-type {
    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 900;
}

.lc-calendar-upcoming-type.hearing {
    background: var(--cal-hearing);
}

.lc-calendar-upcoming-type.matter {
    background: var(--cal-matter);
}

.lc-calendar-upcoming-type.consultation {
    background: var(--cal-consultation);
}

.lc-calendar-upcoming-type.reminder {
    background: var(--cal-reminder);
}

.lc-calendar-upcoming-copy {
    min-width: 0;
}

.lc-calendar-upcoming-copy strong,
.lc-calendar-upcoming-copy span,
.lc-calendar-upcoming-copy small {
    display: block;
}

.lc-calendar-upcoming-copy strong {
    overflow: hidden;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
    font-weight: 750;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-calendar-upcoming-copy span {
    margin-top: 3px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-calendar-upcoming-copy small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}

.lc-calendar-upcoming-arrow {
    color: #98a2b3;

    font-size: 14px;
}

.lc-calendar-upcoming-empty {
    padding: 42px 20px;

    text-align: center;
}

.lc-calendar-empty-icon {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    margin: 0 auto 10px;

    border-radius: 11px;

    background: #f4f3ff;background: var(--lc-mode-surface, #f4f3ff);
    color: #5b5ce2;color: var(--lc-mode-ink-blue, #5b5ce2);
}

.lc-calendar-upcoming-empty strong {
    display: block;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 17px;
}

.lc-calendar-upcoming-empty p {
    max-width: 200px;

    margin: 5px auto 0;

    color: #98a2b3;

    font-size: 17px;
    line-height: 1.5;
}


/* =========================================================
   AGENDA
   ========================================================= */

.lc-calendar-agenda-card {
    overflow: hidden;

    border: 1px solid #e4e7ec;border: 1px solid var(--lc-mode-border, #e4e7ec);
    border-radius: 14px;

    background: #ffffff;background: var(--lc-mode-surface, #ffffff);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .03);
}

.lc-calendar-agenda-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 17px 19px;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);
}

.lc-calendar-agenda-header h2 {
    margin: 0;

    color: #101828;color: var(--lc-mode-text, #101828);

    font-size: 16px;
    font-weight: 800;
}

.lc-calendar-agenda-header p {
    margin: 4px 0 0;

    color: #98a2b3;

    font-size: 17px;
}

.lc-calendar-agenda-header > span {
    padding: 5px 9px;

    border-radius: 999px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 700;
}

.lc-calendar-agenda-list {
    padding: 0 18px;
}

.lc-calendar-agenda-item {
    display: grid;

    grid-template-columns:
        48px
        34px
        minmax(0, 1fr)
        auto
        20px;

    gap: 12px;

    align-items: center;

    padding: 14px 0;

    border-bottom: 1px solid #edf0f4;border-bottom: 1px solid var(--lc-mode-border, #edf0f4);

    color: inherit;

    text-decoration: none;
}

.lc-calendar-agenda-item:last-child {
    border-bottom: 0;
}

.lc-calendar-agenda-item:hover {
    background: #fafbfc;background: var(--lc-mode-surface, #fafbfc);
}

.lc-calendar-agenda-date {
    width: 46px;
    height: 48px;

    display: grid;
    place-items: center;
    align-content: center;

    border-radius: 10px;

    background: #f2f4f7;background: var(--lc-mode-surface, #f2f4f7);
}

.lc-calendar-agenda-date strong {
    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-calendar-agenda-date span {
    margin-top: 2px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
    font-weight: 850;
}

.lc-calendar-agenda-icon {
    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 900;
}

.lc-calendar-agenda-icon.hearing {
    background: var(--cal-hearing);
}

.lc-calendar-agenda-icon.matter {
    background: var(--cal-matter);
}

.lc-calendar-agenda-icon.consultation {
    background: var(--cal-consultation);
}

.lc-calendar-agenda-icon.reminder {
    background: var(--cal-reminder);
}

.lc-calendar-agenda-copy {
    min-width: 0;
}

.lc-calendar-agenda-copy > strong,
.lc-calendar-agenda-copy > span,
.lc-calendar-agenda-copy > small {
    display: block;
}

.lc-calendar-agenda-copy > strong {
    margin-top: 5px;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 14px;
}

.lc-calendar-agenda-copy > span {
    margin-top: 2px;

    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;
}

.lc-calendar-agenda-copy > small {
    margin-top: 3px;

    color: #98a2b3;

    font-size: 14px;
}

.lc-calendar-agenda-labels {
    display: flex;
    align-items: center;

    gap: 6px;
}

.lc-calendar-event-label,
.lc-calendar-overdue-label {
    display: inline-flex;

    width: max-content;

    padding: 3px 6px;

    border-radius: 999px;

    font-size: 15px;
    font-weight: 850;

    text-transform: uppercase;
}

.lc-calendar-event-label.hearing {
    background: #fff7ed;background: var(--lc-mode-surface, #fff7ed);
    color: #c2410c;color: var(--lc-mode-ink-red, #c2410c);
}

.lc-calendar-event-label.matter {
    background: #eef2ff;background: var(--lc-mode-surface, #eef2ff);
    color: #4338ca;color: var(--lc-mode-ink-blue, #4338ca);
}

.lc-calendar-event-label.consultation {
    background: #ecfdf3;background: var(--lc-mode-surface, #ecfdf3);
    color: #047857;color: var(--lc-mode-ink-green, #047857);
}

.lc-calendar-event-label.reminder {
    background: #fef2f2;background: var(--lc-mode-surface, #fef2f2);
    color: #b91c1c;color: var(--lc-mode-ink-red, #b91c1c);
}

.lc-calendar-overdue-label {
    background: #fef2f2;background: var(--lc-mode-surface, #fef2f2);
    color: #b91c1c;color: var(--lc-mode-ink-red, #b91c1c);
}

.lc-calendar-agenda-time {
    color: #667085;color: var(--lc-mode-muted, #667085);

    font-size: 14px;

    white-space: nowrap;
}

.lc-calendar-agenda-arrow {
    color: #98a2b3;
}

.lc-calendar-agenda-empty {
    padding: 55px 20px;

    text-align: center;
}

.lc-calendar-agenda-empty strong {
    display: block;

    margin-top: 8px;

    color: #344054;color: var(--lc-mode-text, #344054);

    font-size: 17px;
}

.lc-calendar-agenda-empty p {
    margin-top: 5px;

    color: #98a2b3;

    font-size: 17px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1250px) {

    .lc-calendar-stats {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .lc-calendar-main-layout {
        grid-template-columns:
            minmax(0, 1fr)
            260px;
    }

}


@media (max-width: 1050px) {

    .lc-calendar-main-layout {
        grid-template-columns: 1fr;
    }

    .lc-calendar-upcoming-card {
        width: 100%;
    }

    .lc-calendar-upcoming-list {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .lc-calendar-upcoming-event {
        border-right: 1px solid #edf0f4;border-right: 1px solid var(--lc-mode-border, #edf0f4);
    }

}


@media (max-width: 850px) {

    .lc-calendar-page-header {
        flex-direction: column;
    }

    .lc-calendar-toolbar-card {
        align-items: stretch;
        flex-direction: column;
    }

    .lc-calendar-toolbar-controls {
        justify-content: space-between;
    }

    .lc-calendar-month-card {
        overflow-x: auto;
    }

    .lc-calendar-weekdays,
    .lc-calendar-grid {
        min-width: 850px;
    }

}


@media (max-width: 650px) {

    .lc-calendar-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .lc-calendar-header-actions {
        width: 100%;
    }

    .lc-calendar-header-actions .lc-btn {
        flex: 1;
        justify-content: center;
    }

    .lc-calendar-toolbar-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .lc-calendar-filter-select {
        width: 100%;
    }

    .lc-calendar-upcoming-list {
        grid-template-columns: 1fr;
    }

    .lc-calendar-agenda-item {
        grid-template-columns:
            44px
            30px
            minmax(0, 1fr);
    }

    .lc-calendar-agenda-time,
    .lc-calendar-agenda-arrow {
        grid-column: 3;
    }

}


@media (max-width: 450px) {

    .lc-calendar-stats {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   PATCH 8.12D.3A — AUTH ICON DESIGN SYSTEM BRIDGE
   ========================================================= */

/*
 * Feature icons
 * Primary/decorative authentication feature treatment.
 * Existing 34px layout is preserved intentionally.
 */
.lc-auth-feature-icon {
    border-radius:
        var(--lc-icon-container-radius, 10px);

    color:
        var(--lc-icon-primary-color, #2563eb);color:
        var(--lc-icon-primary-color, var(--lc-mode-ink-blue, #2563eb));
}

.lc-auth-feature-icon svg {
    stroke-width:
        var(--lc-icon-stroke-width, 2);
}


/*
 * Input icons
 * Supporting/form icons use the global muted icon colour.
 */
.lc-auth-input-icon {
    color:
        var(--lc-icon-muted-color, #64748b);color:
        var(--lc-icon-muted-color, var(--lc-mode-ink-blue, #64748b));
}

.lc-auth-input-icon svg {
    width:
        var(--lc-icon-size-small, 16px);

    height:
        var(--lc-icon-size-small, 16px);

    stroke-width:
        var(--lc-icon-stroke-width, 2);
}


/*
 * Account type option icons
 * Existing 34px card geometry is preserved.
 */
.lc-account-option-icon {
    border-radius:
        var(--lc-icon-container-radius, 10px);

    background:
        var(--lc-icon-container-background, #eff6ff);background:
        var(--lc-icon-container-background, var(--lc-mode-surface, #eff6ff));

    color:
        var(--lc-icon-primary-color, #2563eb);color:
        var(--lc-icon-primary-color, var(--lc-mode-ink-blue, #2563eb));
}

.lc-account-option-icon svg {
    width:
        var(--lc-icon-size, 20px);

    height:
        var(--lc-icon-size, 20px);

    stroke-width:
        var(--lc-icon-stroke-width, 2);
}


/*
 * Footer/security indicator remains semantic success.
 * Only SVG stroke language is inherited from Icon Manager.
 */
.lc-auth-footer-icon svg {
    stroke-width:
        var(--lc-icon-stroke-width, 2);
}
/* =========================================================
   PATCH 8.12D.3B — CALENDAR ICON DESIGN SYSTEM BRIDGE
   ========================================================= */

/*
 * Calendar statistic icons keep their compact 32px
 * container while adopting the global icon language.
 */
.lc-calendar-stat-icon {
    border:
        1px solid
        var(--lc-icon-container-border, #dbeafe);border:
        1px solid
        var(--lc-icon-container-border, var(--lc-mode-border, #dbeafe));

    border-radius:
        var(--lc-icon-container-radius, 10px);

    background:
        var(--lc-icon-container-background, #eff6ff);background:
        var(--lc-icon-container-background, var(--lc-mode-surface, #eff6ff));

    color:
        var(--lc-icon-primary-color, #2563eb);color:
        var(--lc-icon-primary-color, var(--lc-mode-ink-blue, #2563eb));
}

.lc-calendar-stat-icon .lc-svg-icon {
    width:
        var(--lc-icon-size-small, 16px);

    height:
        var(--lc-icon-size-small, 16px);

    stroke-width:
        var(--lc-icon-stroke-width, 2);
}


/*
 * Calendar empty states retain their existing 42px
 * layout while using the global illustration treatment.
 */
.lc-calendar-empty-icon {
    border:
        1px solid
        var(--lc-icon-container-border, #dbeafe);border:
        1px solid
        var(--lc-icon-container-border, var(--lc-mode-border, #dbeafe));

    border-radius:
        var(--lc-icon-container-radius, 10px);

    background:
        var(--lc-icon-container-background, #eff6ff);background:
        var(--lc-icon-container-background, var(--lc-mode-surface, #eff6ff));

    color:
        var(--lc-illustration-accent, #2563eb);color:
        var(--lc-illustration-accent, var(--lc-mode-ink-blue, #2563eb));
}

.lc-calendar-empty-icon .lc-svg-icon {
    width:
        var(--lc-icon-size, 20px);

    height:
        var(--lc-icon-size, 20px);

    stroke-width:
        var(--lc-icon-stroke-width, 2);
}


/*
 * Agenda markers are semantic event-type badges rather
 * than generic icons. Preserve their event colours and
 * existing 32px geometry; only radius follows the global
 * container language.
 */
.lc-calendar-agenda-icon {
    border-radius:
        var(--lc-icon-container-radius, 10px);
}
/* =========================================================
   PATCH 8.12D.3E — FORM SECTION ICON DESIGN SYSTEM BRIDGE
   ========================================================= */

/*
 * Shared Admin / ERP form-section icons retain their
 * existing 34px geometry while consuming the global
 * Icon & Illustration design language.
 */
.lc-form-section-icon {
    border:
        1px solid
        var(--lc-icon-container-border, #dbeafe);border:
        1px solid
        var(--lc-icon-container-border, var(--lc-mode-border, #dbeafe));

    border-radius:
        var(--lc-icon-container-radius, 10px);

    background:
        var(--lc-icon-container-background, #eff6ff);background:
        var(--lc-icon-container-background, var(--lc-mode-surface, #eff6ff));

    color:
        var(--lc-icon-primary-color, #2563eb);color:
        var(--lc-icon-primary-color, var(--lc-mode-ink-blue, #2563eb));
}

.lc-form-section-icon .lc-svg-icon {
    stroke-width:
        var(--lc-icon-stroke-width, 2);
}

/* PATCH: LEGALCONNECT Unified Input & Search Design — 2026-10-08
   Scoped to the application shell; native checkbox/file/radio behavior preserved.
   CMS variables remain authoritative when provided. */
body.lc-app {
  --lc-unified-field-radius: var(--lc-radius-input, 12px);
  --lc-unified-field-height: var(--lc-input-height, 44px);
  --lc-unified-field-focus: var(--lc-input-focus, #2563eb);
}
body.lc-app :is(.lc-input, .lc-select, .lc-search-field, .lc-search-button) {
  border-radius: var(--lc-unified-field-radius) !important;
}
body.lc-app :is(.lc-input, .lc-select) {
  min-height: var(--lc-unified-field-height);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.lc-app :is(.lc-input, .lc-select, .lc-textarea):focus-visible,
body.lc-app .lc-search-field:focus-within {
  border-color: var(--lc-unified-field-focus) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.14) !important;
}
body.lc-app .lc-search-field {
  min-height: var(--lc-unified-field-height);
  height: auto;
  gap: 10px;
  padding-inline: 14px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
body.lc-app .lc-search-field > input:not([type=checkbox]):not([type=radio]):not([type=file]) {
  min-width: 0;
  min-height: 40px;
  flex: 1 1 auto;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}
body.lc-app .lc-search-button {
  min-height: var(--lc-unified-field-height);
  height: auto;
  max-width: 100%;
  gap: 10px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
body.lc-app .lc-search-button:focus-visible {
  outline: 3px solid rgba(37,99,235,.18);
  outline-offset: 2px;
}
@media(max-width:620px) {
  body.lc-app .lc-search-field { min-width: 0; width: 100%; }
  body.lc-app .lc-search-button { min-width: 0; }
}

/* CMS Form Designer compatibility: search wrappers inherit the same admin tokens. */
.lc-search-field {border-color:var(--lc-form-input-border,var(--lc-input-border,#cbd5e1));border-color:var(--lc-form-input-border,var(--lc-input-border,var(--lc-mode-border, #cbd5e1)));border-radius:var(--lc-form-input-radius,var(--lc-radius-input,12px));background:var(--lc-form-input-background,var(--lc-input-background,#fff));background:var(--lc-form-input-background,var(--lc-input-background,var(--lc-mode-surface, #fff)));}
.lc-search-field:focus-within {border-color:var(--lc-form-input-focus,var(--lc-input-focus,#2563eb));box-shadow:0 0 0 var(--lc-focus-ring-width,3px) color-mix(in srgb,var(--lc-form-input-focus,var(--lc-input-focus,#2563eb)) 20%,transparent);}