/* Hyleads V16 Blackhole Chroma.
   Original implementation using local platform patterns; no external runtime or copied component code. */
:root{
  color-scheme:dark;
  --hyl-bg:#050812;--hyl-bg-2:#080d19;--hyl-panel:#0b1020;--hyl-raised:#11182a;
  --hyl-text:#f5f8ff;--hyl-text-sec:#b7c2d8;--hyl-text-muted:#8997b1;
  --hyl-line:rgba(124,153,205,.26);--hyl-line-strong:rgba(53,234,255,.46);
  --hyl-cyan:#35eaff;--hyl-cyan-dim:rgba(53,234,255,.11);--hyl-cyan-glow:rgba(53,234,255,.24);
  --hyl-blue:#5b8cff;--hyl-blue-dim:rgba(91,140,255,.12);--hyl-blue-glow:rgba(91,140,255,.24);
  --hyl-purple:#a657ff;--hyl-pink:#ff3fc8;--hyl-red:#ff6688;--hyl-red-dim:rgba(255,102,136,.11);
  --hyl-gold:#ffd45f;--hyl-gold-dim:rgba(255,212,95,.11);--hyl-glass-bg:rgba(11,16,32,.88);
  --hyl-glass-border:var(--hyl-line);--hyl-glass-border-strong:rgba(124,153,205,.38);
  --hyl-glass-shadow:0 24px 72px rgba(0,0,0,.46);--hyl-glass-radius:20px;--hyl-glass-radius-sm:13px;
  --hyl-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --c:var(--hyl-cyan);--c2:var(--hyl-cyan-dim);--c3:var(--hyl-cyan-dim);--cbdr:var(--hyl-line-strong);
  --accent:var(--hyl-cyan);--accent-dim:var(--hyl-cyan-dim);--accent-glow:rgba(53,234,255,.08);
  --bg:var(--hyl-bg);--bg2:var(--hyl-bg-2);--bg-card:var(--hyl-panel);--bg-surface:var(--hyl-raised);--bg-deep:var(--hyl-bg);
  --text:var(--hyl-text);--muted:var(--hyl-text-muted);--border:var(--hyl-line);--border-hover:rgba(53,234,255,.38);
  --border-focus:var(--hyl-cyan);--info:var(--hyl-blue);--danger:var(--hyl-red);--warning:var(--hyl-gold);--purple:var(--hyl-purple)
}
html,body{background:radial-gradient(900px 520px at 12% -10%,rgba(53,234,255,.10),transparent 62%),radial-gradient(800px 520px at 92% 108%,rgba(255,63,200,.08),transparent 60%),linear-gradient(145deg,var(--hyl-bg),var(--hyl-bg-2))!important;color:var(--hyl-text);font-family:var(--hyl-font)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(124,153,205,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(124,153,205,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.hyl-top-nav{min-height:68px;padding:calc(10px + env(safe-area-inset-top,0px)) clamp(16px,3vw,42px) 10px;background:rgba(5,8,18,.88)!important;border-color:var(--hyl-line)!important;box-shadow:0 10px 34px rgba(0,0,0,.22)}
.hyl-nav-brand{text-decoration:none}.hyl-nav-avatar{width:38px;height:38px;border:1px solid var(--hyl-line-strong);border-radius:12px;background:var(--hyl-bg-2);box-shadow:0 0 24px var(--hyl-cyan-glow)}
.hyl-nav-wordmark{color:var(--hyl-text)!important;font-size:14px;letter-spacing:.13em}.hyl-nav-wordmark small{color:var(--hyl-cyan);font-size:9px}
/* Retained production desktop-link rules; keep alongside the V16 navigation treatments. */
.hyl-nav{display:none}
@media(min-width:640px){.hyl-nav{display:flex;gap:6px;flex-wrap:wrap;padding:6px 16px 8px}}
.hyl-nav a{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--hyl-text-muted);font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:34px;transition:.15s}
.hyl-nav a:hover{border-color:rgba(47,128,255,.35);color:var(--hyl-blue)}
.hyl-nav a iconify-icon{width:13px;height:13px}
.main,.hyl-page-header,.hyl-hero-search,#discover-zone,.status-strip{width:min(1440px,calc(100% - 2 * clamp(16px,4vw,64px)));margin-left:auto;margin-right:auto}
.hyl-page-header{padding:clamp(24px,4vw,50px) 0 18px}.hyl-page-title{font-size:clamp(30px,4vw,52px);letter-spacing:-.055em}.hyl-page-icon{background:linear-gradient(135deg,var(--hyl-cyan),var(--hyl-purple));color:#050812;box-shadow:0 0 36px var(--hyl-cyan-glow)}
.hyl-hero-search{border:1px solid var(--hyl-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(11,16,32,.92),rgba(17,24,42,.82))!important;box-shadow:var(--hyl-glass-shadow)!important;overflow:hidden}
.hyl-search-row{min-height:68px}.hyl-search-row+.hyl-search-row{border-top:1px solid var(--hyl-line)}
.hyl-search-row-icon.store,.hyl-tool-btn.pipeline .hyl-tool-btn-icon,.hyl-tool-btn.csv .hyl-tool-btn-icon,.hyl-sidebar-btn.pipeline .hyl-sidebar-btn-icon,.hyl-sidebar-btn.csv .hyl-sidebar-btn-icon{background:var(--hyl-cyan-dim)!important;border-color:var(--hyl-line-strong)!important}.hyl-search-row-icon.store svg{stroke:var(--hyl-cyan)!important}
.main{max-width:1440px!important;padding-left:0!important;padding-right:0!important}.stats-row{gap:12px}.sc,.lc,.hyl-lead-card,.dr-grp,.doc-sec{background:linear-gradient(145deg,rgba(11,16,32,.94),rgba(17,24,42,.82))!important;border:1px solid var(--hyl-line)!important;box-shadow:0 12px 36px rgba(0,0,0,.22)!important}.sc{border-radius:18px!important}.lc,.hyl-lead-card{border-radius:20px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lc:hover,.hyl-lead-card:hover{transform:translateY(-2px);border-color:var(--hyl-line-strong)!important;box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 28px rgba(53,234,255,.06)!important}
.search-inp,.inp,.sel,.call-notes,.modal textarea,.dr-field input,.dr-field select,#affiliate-book-search{background:var(--hyl-bg-2)!important;color:var(--hyl-text)!important;border:1px solid var(--hyl-line)!important}.search-inp:focus,.inp:focus,.sel:focus,.call-notes:focus,.modal textarea:focus,.dr-field input:focus,.dr-field select:focus,#affiliate-book-search:focus{outline:3px solid rgba(53,234,255,.18)!important;border-color:var(--hyl-cyan)!important}
button,a,input,select,textarea{scroll-margin:90px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--hyl-cyan)!important;outline-offset:3px!important}
.btn-go,.modal-btns .go,.sheet-foot .go,.call-log-btn,.hyl-add-lead-btn,.ht-share-submit{background:linear-gradient(135deg,var(--hyl-cyan),var(--hyl-purple))!important;color:#050812!important;border-color:rgba(53,234,255,.7)!important;font-weight:850!important}.btn-go:hover,.modal-btns .go:hover,.sheet-foot .go:hover,.call-log-btn:hover,.hyl-add-lead-btn:hover{box-shadow:0 12px 32px rgba(53,234,255,.2)!important}
.affiliate-book-actions button.claim-call,.hyl-badge.researched,.hyl-badge.new,.hyl-qa-btn.call,.lc-tag.status.hot,.lc-tag.reseller,.lc-tag.newlead,.lc-note-btn,.abtn.call,.stage-chip,.bulk-bar,.chip-btn.ok,.user-chip,.dr-badge.okc,.btn-mapview,.call-dial-btn,.call-outcome-btn.active,.em-from-badge,.add-ind,.src-dot.ok,#toast.ok,#hyl-trip-bar .tb-save{background:var(--hyl-cyan-dim)!important;border-color:var(--hyl-line-strong)!important;color:var(--hyl-cyan)!important;box-shadow:none!important}
.hyl-workspace-btn.active,.seg-btn[data-owner="me"].active,.tab[onclick*="'new'"].active{background:rgba(53,234,255,.12)!important;border-color:var(--hyl-line-strong)!important;color:var(--hyl-cyan)!important}.hyl-note-entry{border-left-color:var(--hyl-cyan)!important}
.sheet,.modal,.drawer,.call-sheet,#hyl-trip-bar,#hyl-save-trip-modal,#hyl-menu-panel{background:rgba(8,13,25,.98)!important;border-color:var(--hyl-line)!important;box-shadow:var(--hyl-glass-shadow)!important}
.empty-st{border:1px dashed var(--hyl-line);border-radius:18px;background:rgba(11,16,32,.56);padding:clamp(28px,6vw,72px) 20px;color:var(--hyl-text-muted)}
.hyl-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-mode="light"]{color-scheme:light;--hyl-bg:#f6f8ff;--hyl-bg-2:#edf2fb;--hyl-panel:#fff;--hyl-raised:#f2f5fc;--hyl-text:#101a2d;--hyl-text-sec:#2d3b55;--hyl-text-muted:#566680;--hyl-line:rgba(31,52,91,.20);--hyl-line-strong:rgba(14,116,144,.52);--hyl-cyan:#087f9c;--hyl-cyan-dim:rgba(8,127,156,.10);--hyl-cyan-glow:rgba(8,127,156,.20);--hyl-blue:#3157b7;--hyl-purple:#7135b6;--hyl-pink:#b51b80;--hyl-red:#b4234b;--hyl-gold:#7a5500;--hyl-glass-bg:rgba(255,255,255,.94);--hyl-glass-shadow:0 22px 60px rgba(31,52,91,.14)}
html[data-mode="light"] body{background:radial-gradient(800px 500px at 0 -10%,rgba(8,127,156,.11),transparent 60%),radial-gradient(700px 480px at 100% 110%,rgba(181,27,128,.07),transparent 62%),#f6f8ff!important}
html[data-mode="light"] .hyl-top-nav{background:rgba(250,252,255,.92)!important}html[data-mode="light"] .hyl-hero-search,html[data-mode="light"] .sc,html[data-mode="light"] .lc,html[data-mode="light"] .hyl-lead-card{background:rgba(255,255,255,.94)!important}html[data-mode="light"] .sheet,html[data-mode="light"] .modal,html[data-mode="light"] .drawer,html[data-mode="light"] .call-sheet,html[data-mode="light"] #hyl-menu-panel{background:#f9fbff!important}
@media(max-width:760px){.hyl-top-nav{padding-left:12px;padding-right:12px}.hyl-nav-right{gap:2px!important}.hyl-nav-wordmark{font-size:11px}.main,.hyl-page-header,.hyl-hero-search,#discover-zone,.status-strip{width:calc(100% - 24px)}.hyl-page-header{padding-top:22px}.hyl-page-title{font-size:32px}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sc{padding:12px 7px!important}.sc-v{font-size:20px!important}.sc-l{font-size:9px!important}.find-row{position:sticky;top:68px;z-index:80;padding:8px 0;background:color-mix(in srgb,var(--hyl-bg) 92%,transparent);backdrop-filter:blur(18px)}#leads-list{grid-template-columns:1fr!important}.modal,.sheet,.call-sheet{width:100%!important;max-width:none!important;border-radius:22px 22px 0 0!important}.drawer{width:min(100%,440px)!important}.hyl-bottom-dock{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}
@media(min-width:761px){#leads-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hyl-bottom-dock{display:none!important}}
@media(min-width:1260px){#leads-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(forced-colors:active){button,a,input,select,textarea,.lc,.hyl-lead-card{forced-color-adjust:auto;border:1px solid ButtonText!important}}


/* V16 contrast: native select popups and the lead detail drawer in both modes. */
.hyl-lead-card select,.hyl-lead-card select option,.drawer select,.drawer select option,.dr-field select option{
  background-color:#101a30!important;color:#f5f8ff!important;
}
html[data-mode="light"] .hyl-lead-card select,
html[data-mode="light"] .hyl-lead-card select option,
html[data-mode="light"] .drawer select,
html[data-mode="light"] .drawer select option,
html[data-mode="light"] .dr-field select option{
  background-color:#ffffff!important;color:#16243b!important;
}
.drawer,.drawer .dr-field,.drawer .dr-field label,.drawer .dr-field input,
.drawer .dr-field textarea,.drawer .dr-field select,.drawer input,.drawer textarea,.drawer button,.hyl-detail-copy{color:var(--hyl-text)!important}
.drawer .dr-field input,.drawer .dr-field textarea,.drawer .dr-field select,.drawer input:not([type="checkbox"]):not([type="radio"]),.drawer textarea{
  background:var(--hyl-bg-2)!important;border-color:var(--hyl-line)!important;
}
html[data-mode="light"] .drawer .dr-field input,
html[data-mode="light"] .drawer .dr-field textarea,
html[data-mode="light"] .drawer .dr-field select,
html[data-mode="light"] .drawer input:not([type="checkbox"]):not([type="radio"]),
html[data-mode="light"] .drawer textarea{background:#fff!important;color:#16243b!important}
html[data-mode="light"] .drawer [style*="color:rgba(255,255,255"],
html[data-mode="light"] .drawer [style*="color:#ffd24a"]{color:var(--hyl-text-sec)!important}
html[data-mode="light"] .drawer [style*="border-top:1px solid rgba(255,255,255"],
html[data-mode="light"] .drawer [style*="border-bottom:1px solid rgba(255,255,255"]{border-color:var(--hyl-line)!important}

.hyl-account-menu{position:relative;flex:0 0 auto}
.hyl-account-menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;cursor:pointer;color:var(--hyl-text);background:var(--hyl-bg-2);border:1px solid var(--hyl-line);border-radius:11px}
.hyl-account-menu summary::-webkit-details-marker{display:none}
.hyl-account-menu summary:focus-visible,.hyl-account-actions :is(a,button):focus-visible{outline:3px solid var(--hyl-cyan);outline-offset:2px}
.hyl-account-menu summary svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
.hyl-account-actions{position:absolute;right:0;top:calc(100% + 8px);z-index:10020;min-width:250px;max-width:min(310px,92vw);display:grid;gap:5px;padding:10px;border:1px solid var(--hyl-line);border-radius:13px;background:var(--hyl-bg-2);box-shadow:0 14px 38px #0007}
.hyl-account-actions :is(a,button){display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;cursor:pointer;width:100%;padding:11px 12px;color:var(--hyl-text)!important;border:1px solid transparent;background:transparent;border-radius:9px;font:inherit;font-weight:700}
.hyl-account-actions :is(a,button):hover{background:var(--hyl-cyan-dim);border-color:var(--hyl-line)}
.hyl-account-actions iconify-icon{width:18px;height:18px;color:var(--hyl-cyan);flex:0 0 auto}
.hyl-account-actions .hyl-account-signout{margin-top:4px;border-top-color:var(--hyl-line);color:var(--hyl-red)!important}
html[data-mode="light"] .hyl-account-actions{background:#fff;box-shadow:0 16px 32px #14243c30}

.hyl-preferences-modal{width:min(520px,calc(100vw - 28px));max-width:520px}
.hyl-preferences-modal .modal-head h3{margin:0}.hyl-preferences-modal .modal-head p{margin:4px 0 0;color:var(--hyl-text-muted);font-size:12px}
.hyl-preferences-body{display:grid;gap:16px;padding:18px}
.hyl-pref-group{display:grid;gap:8px;margin:0;padding:0;border:0}.hyl-pref-group legend{padding:0 0 6px;color:var(--hyl-text);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.hyl-pref-group label{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--hyl-line);border-radius:12px;background:var(--hyl-bg-2);cursor:pointer;color:var(--hyl-text)}
.hyl-pref-group label:has(input:checked){border-color:var(--hyl-line-strong);background:var(--hyl-cyan-dim)}
.hyl-pref-group input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--hyl-cyan)}.hyl-pref-group span{display:grid;gap:3px}.hyl-pref-group strong{font-size:13px}.hyl-pref-group small{color:var(--hyl-text-muted);font-size:11px;line-height:1.4}
.hyl-pref-local-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:11px;border-radius:11px;background:var(--hyl-blue-dim);color:var(--hyl-text-sec);font-size:11px;line-height:1.45}.hyl-pref-local-note iconify-icon{width:17px;height:17px;color:var(--hyl-blue);flex:0 0 auto}
.hyl-preferences-actions{justify-content:flex-end}.hyl-preferences-actions button{min-height:42px;padding:9px 16px;border-radius:10px;font:700 12px var(--hyl-font);cursor:pointer}
html[data-lead-density="compact"] .hyl-lead-card,html[data-lead-density="compact"] .lc{padding:12px!important}
html[data-lead-density="compact"] #leads-list{gap:8px!important}
html[data-lead-density="compact"] .lc-detail,html[data-lead-density="compact"] .hyl-lead-contact{line-height:1.25}
@media(max-width:420px){.hyl-account-actions{position:fixed;right:10px;top:66px;max-height:calc(100dvh - 78px);overflow:auto}.hyl-preferences-modal{width:100%!important}.hyl-preferences-body{padding:14px}}
@media(max-width:350px){.hyl-nav-right>button[aria-label="Search"]{display:none!important}.hyl-nav-wordmark{font-size:10px}.hyl-top-nav{padding-left:8px;padding-right:8px}}

/* Beautiful UI semantic patterns: insights, filter chips, records and approvals. */
.hyl-insight-card{position:relative;overflow:hidden;text-align:left}.hyl-insight-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--hyl-cyan),var(--hyl-purple));opacity:.7}
.hyl-filter-chips{display:flex;gap:7px;align-items:center;overflow-x:auto;min-height:0;margin:0 0 8px;scrollbar-width:none}.hyl-filter-chips:not(:empty){min-height:38px}.hyl-filter-chips::-webkit-scrollbar{display:none}
.hyl-filter-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:32px;padding:6px 8px 6px 11px;border:1px solid var(--hyl-line);border-radius:999px;background:var(--hyl-cyan-dim);color:var(--hyl-text-sec);font:750 11px var(--hyl-font)}
.hyl-filter-chip button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--hyl-raised);color:var(--hyl-text);cursor:pointer}
.hyl-results-meta{gap:10px;flex-wrap:wrap}.hyl-results-sort{margin-left:auto}.hyl-view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--hyl-line);border-radius:10px;background:var(--hyl-bg-2)}
.hyl-view-switch button{display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--hyl-text-muted);font:750 11px var(--hyl-font);cursor:pointer}.hyl-view-switch button[aria-pressed="true"]{border-color:var(--hyl-line-strong);background:var(--hyl-cyan-dim);color:var(--hyl-cyan)}
.hyl-view-switch iconify-icon{width:16px;height:16px}.hyl-records-panel{display:none;margin-top:8px;border:1px solid var(--hyl-line);border-radius:16px;background:var(--hyl-panel);box-shadow:0 14px 40px rgba(0,0,0,.18);overflow:auto}
html[data-lead-view="records"] .hyl-records-panel{display:block}html[data-lead-view="records"] #leads-list{display:none!important}
.hyl-records-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;table-layout:fixed}.hyl-records-table th{position:sticky;top:0;z-index:2;padding:11px 10px;border-bottom:1px solid var(--hyl-line);background:var(--hyl-bg-2);color:var(--hyl-text-muted);font:800 10px var(--hyl-font);letter-spacing:.07em;text-align:left;text-transform:uppercase}.hyl-records-table td{padding:10px;border-bottom:1px solid var(--hyl-line);color:var(--hyl-text-sec);font-size:12px;line-height:1.35;vertical-align:middle;overflow-wrap:break-word;word-break:normal}.hyl-records-table tbody tr:last-child td{border-bottom:0}.hyl-records-table tbody tr:hover{background:var(--hyl-cyan-dim)}.hyl-records-table tbody tr.hyl-selected{background:var(--hyl-blue-dim)}
.hyl-records-table .hyl-col-check{width:46px;text-align:center}.hyl-records-table .hyl-col-lead{width:22%}.hyl-records-table .hyl-col-location{width:14%}.hyl-records-table .hyl-col-contact{width:20%}.hyl-records-table .hyl-col-score{width:8%}.hyl-records-table .hyl-col-status{width:17%}.hyl-records-table .hyl-col-owner{width:11%}.hyl-records-table .hyl-col-actions{width:84px;text-align:right}
.hyl-record-name{display:block;padding:0;border:0;background:none;color:var(--hyl-text);font:800 13px var(--hyl-font);text-align:left;cursor:pointer}.hyl-record-sub{display:block;margin-top:3px;color:var(--hyl-text-muted);font-size:10px}.hyl-record-contact{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hyl-record-score{display:inline-grid;place-items:center;min-width:36px;height:30px;padding:0 7px;border:1px solid var(--hyl-line);border-radius:9px;background:var(--hyl-bg-2);color:var(--hyl-text);font-weight:850}.hyl-record-status{width:100%;min-height:38px;padding:6px 28px 6px 8px;border:1px solid var(--hyl-line);border-radius:9px;background:var(--hyl-bg-2);color:var(--hyl-text);font:700 11px var(--hyl-font)}.hyl-record-open{min-width:40px;min-height:38px;border:1px solid var(--hyl-line);border-radius:9px;background:var(--hyl-cyan-dim);color:var(--hyl-cyan);cursor:pointer}
.hyl-select-check,.hyl-record-check{width:18px;height:18px;accent-color:var(--hyl-cyan);cursor:pointer}
.filters-btn,.bulk-btn{border-color:var(--hyl-line)!important;background:var(--hyl-bg-2)!important;color:var(--hyl-text-sec)!important}.filters-btn:hover,.bulk-btn:hover{border-color:var(--hyl-line-strong)!important;background:var(--hyl-cyan-dim)!important;color:var(--hyl-text)!important}
html[data-mode="light"] #hyl-hamburger-btn>div>div{background:#27384d!important}
#hyl-trip-bar :is(.tb-status,.tb-assign){border-color:var(--hyl-line-strong);background:var(--hyl-blue-dim);color:var(--hyl-text)}
.hyl-approval-backdrop.show{display:flex}.hyl-approval-card{display:grid;grid-template-columns:48px 1fr;gap:15px;width:min(520px,calc(100vw - 28px));padding:22px}.hyl-approval-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--hyl-line-strong);border-radius:14px;background:var(--hyl-gold-dim);color:var(--hyl-gold)}.hyl-approval-icon iconify-icon{width:25px;height:25px}.hyl-approval-eyebrow{color:var(--hyl-gold);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.hyl-approval-card h3{margin:4px 0 7px}.hyl-approval-card p{margin:0;color:var(--hyl-text-sec);font-size:13px;line-height:1.5}.hyl-approval-context{margin-top:12px;padding:10px 12px;border:1px solid var(--hyl-line);border-radius:10px;background:var(--hyl-bg-2);color:var(--hyl-text-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.hyl-approval-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.hyl-approval-actions button{min-height:42px;padding:9px 16px;border-radius:10px;font:800 12px var(--hyl-font);cursor:pointer}
.hyl-context-card{padding:12px;border:1px solid var(--hyl-line);border-radius:12px;background:var(--hyl-bg-2)}
select option,optgroup{background-color:#101a30;color:#f5f8ff}html[data-mode="light"] select option,html[data-mode="light"] optgroup{background-color:#fff;color:#16243b}
@media(max-width:760px){html[data-lead-view="records"] .hyl-records-panel{display:none}html[data-lead-view="records"] #leads-list{display:grid!important}.hyl-view-switch{display:none}.hyl-results-sort{margin-left:0}.hyl-filter-chips{margin-bottom:4px}.hyl-records-table{min-width:0}.hyl-approval-card{grid-template-columns:42px 1fr;padding:18px}.hyl-approval-icon{width:42px;height:42px}#hyl-trip-bar{max-width:calc(100vw - 16px);overflow-x:auto;justify-content:flex-start}#hyl-trip-bar button{flex:0 0 auto}}
@media(min-width:761px) and (max-width:1024px){.hyl-records-table{min-width:820px}.hyl-records-table .hyl-col-contact{width:17%}.hyl-records-table .hyl-col-owner{display:none}}
@media(max-width:1024px){html[data-lead-view="records"] .hyl-records-panel{display:none}html[data-lead-view="records"] #leads-list{display:grid!important}.hyl-view-switch{display:none}}