:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code',Consolas,monospace;--fs-xs:11px;--fs-sm:13px;--fs-base:14px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.25;--lh-normal:1.5;--lh-loose:1.75;--surface-0:#ffffff;--surface-1:#f8fafc;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-focus:#3b82f6;--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--success-bg:#f0fdf4;--success-border:#86efac;--success-text:#15803d;--success-solid:#22c55e;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#b45309;--warning-solid:#f59e0b;--danger-bg:#fef2f2;--danger-border:#fca5a5;--danger-text:#dc2626;--danger-solid:#ef4444;--info-bg:#eff6ff;--info-border:#bfdbfe;--info-text:#1d4ed8;--info-solid:#3b82f6;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:12px;--r-2xl:16px;--r-3xl:20px;--r-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px rgba(0,0,0,0.10),0 8px 10px rgba(0,0,0,0.04);--shadow-focus:0 0 0 3px rgba(59,130,246,0.18);--t-fast:120ms ease;--t-base:200ms ease;--t-slow:350ms ease;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-toast:500;--z-overlay:9000;--sidebar-width:264px;--sidebar-width-collapsed:64px;--header-height:56px;--ease-out-soft:cubic-bezier(0.23,1,0.32,1)}[data-theme="dark"]{--surface-0:#0d1117;--surface-1:#161b22;--surface-2:#21262d;--surface-3:#30363d;--text-primary:#e6edf3;--text-secondary:#c9d1d9;--text-tertiary:#8b949e;--text-muted:#656d76;--border-subtle:#21262d;--border-default:#30363d;--border-focus:#58a6ff;--success-bg:rgba(46,160,67,0.12);--success-border:rgba(56,195,81,0.30);--success-text:#3fb950;--success-solid:#3fb950;--warning-bg:rgba(210,153,34,0.12);--warning-border:rgba(210,153,34,0.30);--warning-text:#e3b341;--warning-solid:#e3b341;--danger-bg:rgba(248,81,73,0.12);--danger-border:rgba(248,81,73,0.30);--danger-text:#f85149;--danger-solid:#f85149;--info-bg:rgba(56,139,253,0.12);--info-border:rgba(56,139,253,0.30);--info-text:#58a6ff;--info-solid:#58a6ff;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 8px rgba(0,0,0,0.5);--shadow-lg:0 10px 20px rgba(0,0,0,0.55);--shadow-xl:0 20px 40px rgba(0,0,0,0.65);--shadow-focus:0 0 0 3px rgba(88,166,255,0.25)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--db-bg:#f8fafc;--db-surface:#ffffff;--db-border:#e2e8f0;--db-border-faint:#f1f5f9;--db-txt-primary:#0f172a;--db-txt-secondary:#475569;--db-txt-muted:#94a3b8;--db-brand:#2563eb;--db-brand-hover:#1d4ed8;--db-brand-light:#eff6ff;--db-brand-active:#1e40af;--db-red:#ef4444;--db-amber:#f59e0b;--db-green:#10b981}[data-theme="dark"]{--db-bg:#0d1117;--db-surface:#161b22;--db-border:#21262d;--db-border-faint:#1c2128;--db-txt-primary:#e6edf3;--db-txt-secondary:#c9d1d9;--db-txt-muted:#656d76;--db-brand-light:rgba(56,139,253,.12);--db-brand-active:#58a6ff}[data-theme="dark"]{--brand-50:rgba(56,139,253,.10);--brand-100:rgba(56,139,253,.16);--brand-200:rgba(56,139,253,.32)}:root{color-scheme:light}[data-theme="dark"]{color-scheme:dark}
@charset "utf-8";.nl-overlay{position:fixed;z-index:var(--z-overlay,9000);background:var(--surface-1,var(--bg,#f8fafc));overflow:hidden;display:none}.nl-overlay.nl-show{display:flex}--text-* tokens. Every token carries a literal fallback because the standalone phone pages (cases/mobile_cases,contacts/mobile_contacts,files/mobile_view) load this file without design_tokens.css. The global prefers-reduced-motion guard in base_style.css neutralises the animations on base.html pages;the block at the bottom does the same for the standalone pages.===========================================================================*/ .nl-center{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px}.nl-ring{width:38px;height:38px;border-radius:50%;border-width:3px;border-style:solid;border-color:var(--surface-3,var(--border,#e2e8f0));border-top-color:var(--brand-500,var(--brand,#3b82f6));animation:nl-spin .8s linear infinite}@keyframes nl-spin{to{transform:rotate(360deg)}}.nl-label{font-family:var(--font-sans,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);font-size:var(--fs-sm,13px);font-weight:var(--fw-medium,500);color:var(--text-tertiary,var(--t2,#64748b));letter-spacing:.2px}.nl-skel{width:100%;max-width:1080px;margin:0 auto;padding:30px 34px;box-sizing:border-box;align-self:flex-start}.nl-shimmer{position:relative;overflow:hidden;display:block;background:var(--nl-shim,var(--surface-2,var(--border,#e9edf3)));border-radius:var(--r-md,6px)}.nl-shimmer::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.18),transparent);animation:nl-shimmer 1.25s ease-in-out infinite}[data-theme="dark"] .nl-shimmer::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes nl-shimmer{100%{transform:translateX(100%)}}.nl-skel-title{height:26px;width:38%;margin-bottom:16px}.nl-skel-chips{display:flex;gap:10px;margin-bottom:28px}.nl-skel-chips .nl-shimmer{height:22px;width:88px;border-radius:var(--r-full,9999px)}.nl-skel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 44px}.nl-skel-field{display:flex;flex-direction:column;gap:9px}.nl-skel-field .nl-lbl{height:11px;width:34%}.nl-skel-field .nl-val{height:16px;width:78%}@media (max-width:768px){.nl-skel{padding:20px}.nl-skel-title{width:60%}.nl-skel-grid{grid-template-columns:1fr}}.nl-bar{position:fixed;left:0;top:env(safe-area-inset-top,0px);height:3px;width:0;opacity:0;background:var(--brand-500,var(--brand,#3b82f6));border-radius:0 2px 2px 0;z-index:10601;pointer-events:none;transition:width .2s ease,opacity .3s ease}.nl-bar::after{content:'';position:absolute;right:0;top:0;height:100%;width:64px;box-shadow:0 0 10px var(--brand-500,var(--brand,#3b82f6))}.sidebar-item.nl-tapped{background:rgba(59,130,246,.28)!important;color:#fff!important}.sidebar-item.nl-tapped .sidebar-item-icon{position:relative}.sidebar-item.nl-tapped .sidebar-item-icon>i,.sidebar-item.nl-tapped .sidebar-item-icon>img{opacity:0}.sidebar-item.nl-tapped .sidebar-item-icon::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-8px 0 0 -8px;border-radius:50%;border-width:2px;border-style:solid;border-color:rgba(255,255,255,.25);border-top-color:#fff;animation:nl-spin .7s linear infinite}a.nl-tapped:not(.sidebar-item),[data-href].nl-tapped:not(.sidebar-item),[data-url].nl-tapped:not(.sidebar-item){opacity:.72;cursor:progress}.hx-tabbar .hx-tab.nl-tapped{opacity:1;cursor:default}html.nl-shell-on .hx-tab[data-hx-sheet]{pointer-events:none}html.nl-shell-on .hx-tab[data-hx-sheet]:not(.is-on){opacity:.45}.nl-busy{position:relative!important;color:transparent!important;pointer-events:none;cursor:progress}.nl-busy>*{visibility:hidden}.nl-busy::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-9px 0 0 -9px;border-radius:50%;border-width:2px;border-style:solid;border-color:rgba(0,0,0,.2);border-top-color:#fff;animation:nl-spin .7s linear infinite;visibility:visible}.nl-busy-input{opacity:.6;cursor:progress;pointer-events:none}.nl-overlay.nl-mobile{z-index:var(--z-overlay,9000);background:var(--surface-1,var(--bg,#f8fafc));align-items:flex-start}.nl-overlay.nl-shell{z-index:10600;flex-direction:column;align-items:stretch}.nl-shell-hdr{flex:none;height:56px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;display:flex;align-items:center;gap:8px;padding-inline:12px;background:var(--surface-0,var(--surface,#fff));border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--border-subtle,var(--border,#e2e8f0))}.nl-shell-btn{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:var(--text-secondary,var(--t2,var(--text,#334155)));font-size:15px;cursor:pointer;-webkit-tap-highlight-color:transparent}.nl-shell-btn:active{background:var(--surface-2,var(--border,#eef1f6))}.nl-shell-title{flex:1;min-width:0;font-family:var(--font-sans,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary,var(--t1,var(--text,#0f172a)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nl-shell-body{flex:1;min-height:0;overflow:hidden;display:flex;align-items:flex-start}.nl-shell-body .nl-skel{padding:16px 12px}.nl-mskel{width:100%;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.nl-mskel-chips{display:flex;gap:8px;margin-bottom:2px}.nl-mskel-chips .nl-shimmer{height:26px;width:72px;border-radius:var(--r-full,9999px)}.nl-mskel-row,.nl-mskel-tile{background:var(--surface-0,var(--surface,#fff));border-width:1px;border-style:solid;border-color:var(--border-subtle,var(--border,#e2e8f0));border-radius:12px;display:flex;flex-direction:column;gap:8px}.nl-mskel-row{padding:12px 14px}.nl-mskel-row .nl-shimmer:nth-child(1){height:12px;width:62%}.nl-mskel-row .nl-shimmer:nth-child(2){height:10px;width:40%}.nl-mskel-row .nl-shimmer:nth-child(3){height:10px;width:82%}.nl-mskel-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nl-mskel-tile{padding:12px;min-height:74px}.nl-mskel-tile.wide{grid-column:1 / -1;min-height:96px}.nl-mskel-tile .nl-shimmer:nth-child(1){height:9px;width:45%}.nl-mskel-tile .nl-shimmer:nth-child(2){height:22px;width:35%}.nl-mskel-tile .nl-shimmer:nth-child(3){height:10px;width:60%}.nl-mskel-tile.wide .nl-shimmer:nth-child(2){height:10px;width:90%}.nl-mskel-tile.wide .nl-shimmer:nth-child(3){height:10px;width:70%}@media (prefers-reduced-motion:reduce){.nl-bar{transition:none}.nl-ring,.nl-shimmer::after,.nl-busy::after,.sidebar-item.nl-tapped .sidebar-item-icon::after{animation:none}}.nl-status{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 14px;border:1px solid var(--border-subtle,var(--border,#e2e8f0));border-radius:10px;background:var(--surface-0,var(--surface,#fff));font-size:13px;font-weight:600;color:var(--text-secondary,var(--t2,#334155))}.nl-shell .nl-status{margin:10px 12px 0}.nl-status-dot{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--border-default,var(--border,#cbd5e1));border-top-color:var(--brand-600,var(--brand,#2563eb));animation:nl-spin .8s linear infinite}@keyframes nl-spin{to{transform:rotate(360deg)}}.nl-status-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 180ms ease}.nl-status-text.nl-swap{opacity:0}.nl-status-sec{flex:none;font-size:12px;font-weight:500;color:var(--text-muted,var(--t3,#64748b));white-space:nowrap}.nl-status-sec i{margin-right:4px;color:var(--success-text,var(--green,#15803d))}@media (max-width:420px){.nl-status-sec{display:none}}@media (prefers-reduced-motion:reduce){.nl-status-dot{animation:none}.nl-status-text{transition:none}}.nl-long{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;margin:10px 12px 0;border:1px solid var(--border-subtle,var(--border,#e2e8f0));border-radius:12px;background:var(--surface-0,var(--surface,#fff));color:var(--text-secondary,var(--t2,#334155));font-family:var(--font-sans,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);font-size:13px;font-weight:600;box-shadow:0 6px 20px rgba(15,23,42,.10)}.nl-long-t{flex:1 1 auto;min-width:0}.nl-long-btn{flex:none;min-height:34px;padding:0 12px;border-width:1px;border-style:solid;border-color:var(--border-default,var(--border,#cbd5e1));border-radius:9px;background:var(--surface-1,var(--bg,#f8fafc));color:var(--text-primary,var(--t1,#0f172a));font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.nl-long-btn:active{background:var(--surface-2,var(--border,#eef1f6))}.nl-long-over{position:absolute;top:16px;left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 32px)}.nl-long-float{position:fixed;left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 24px);z-index:10602}
