:root {
  color-scheme: light;
  --navy:#121a2a; --blue:#1f64d1; --blue-soft:#eaf2ff; --yellow:#ffd84f;
  --surface:#fff; --canvas:#f3f6fb; --line:#e2e7ef; --muted:#657086;
  --green:#188653; --red:#c43d3d; --shadow:0 16px 42px rgba(24,39,75,.08);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:var(--canvas); color:var(--navy); font-size:16px; }
button,input,select { font:inherit; }
button,select { cursor:pointer; }
.hidden { display:none !important; }
.admin-only { display:none !important; }
.admin-session .admin-only { display:initial !important; }
.admin-session .tool-card.admin-only { display:flex !important; }
.admin-session .settings-menu-item.admin-only { display:flex !important; }
.extension-only { display:none !important; }
.extension-session .extension-only { display:flex !important; }
.admin-session .selection-header { display:table-cell !important; }
.access-landing { display:none; }
.pending-access { display:none; width:min(610px,100%); margin:auto; padding:48px; border:1px solid #dbe5f2; border-radius:22px; background:linear-gradient(145deg,#fff,#f7fbff); box-shadow:0 22px 54px rgba(24,55,100,.1); text-align:center; }.pending-account .access-landing { display:none !important; }.access-required.pending-account .pending-access { display:grid; justify-items:center; gap:15px; }.pending-access-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:#eaf2ff; color:var(--blue); font-size:1.45rem; }.pending-access > p { margin:0; color:var(--blue); font-size:.74rem; font-weight:900; letter-spacing:.13em; }.pending-access h2 { margin:0; color:#14213d; font-size:clamp(1.8rem,4vw,2.65rem); line-height:1.05; letter-spacing:-.045em; }.pending-access h2 em { color:var(--blue); font-style:normal; }.pending-access > span { max-width:490px; color:var(--muted); line-height:1.6; }.pending-access-note { display:flex; align-items:flex-start; gap:10px; width:100%; margin-top:4px; padding:14px; border:1px solid #d9e6f8; border-radius:12px; background:#eff6ff; color:#40546f; text-align:left; font-size:.86rem; line-height:1.5; }.pending-access-note i { margin-top:3px; color:var(--blue); }.pending-access .landing-secondary { margin-top:5px; }
.access-required .topbar,.access-required .stats,.access-required .library { display:none; }
.access-required .shell { width:min(1160px,calc(100% - 48px)); min-height:100vh; display:grid; place-items:center; padding:0; }
.access-required .access-landing { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.85fr); align-items:center; gap:70px; padding:72px 0; }
.access-copy { max-width:610px; }
.access-kicker { display:flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--blue); font-size:.76rem; font-weight:900; letter-spacing:.16em; }
.access-ball { width:18px; height:18px; border:2px solid #1769d1; border-radius:50%; background:linear-gradient(#ef4050 0 45%,#14213d 45% 55%,#fff 55%); box-shadow:inset 0 0 0 3px #fff; }
.access-copy h2 { margin:0; color:#14213d; font-size:clamp(2.5rem,5vw,4.35rem); line-height:1.05; letter-spacing:-.055em; }
.access-copy h2 em { color:#1769d1; font-style:normal; }
.access-copy > p { max-width:560px; margin:24px 0 30px; color:#60708a; font-size:1.08rem; line-height:1.72; }
.access-actions { display:flex; flex-wrap:wrap; gap:12px; }
.landing-primary,.landing-secondary { min-height:50px; border-radius:11px; padding:0 19px; font:inherit; font-weight:800; cursor:pointer; }
.landing-primary { border:1px solid #1769d1; background:#1769d1; color:#fff; box-shadow:0 12px 24px rgba(23,105,209,.22); }
.landing-primary span { margin-left:10px; font-size:1.15rem; }
.landing-primary:hover { background:#1059b5; }
.landing-secondary { border:1px solid #cbd8e8; background:#fff; color:#183153; }
.landing-secondary:hover { border-color:#1769d1; color:#1769d1; }
.access-trust { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:28px; color:#718098; font-size:.82rem; font-weight:650; }
.access-trust > span:first-child { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#dff4e9; color:#168a56; font-weight:900; }
.access-trust i { width:3px; height:3px; margin:0 7px; border-radius:50%; background:#a7b4c7; }
.access-visual { position:relative; min-height:480px; display:grid; place-items:center; }
.visual-orbit { position:absolute; border:1px solid #cbdcf2; border-radius:50%; }
.orbit-one { width:435px; height:435px; background:radial-gradient(circle,#e9f3ff 0,rgba(233,243,255,.2) 50%,transparent 71%); }
.orbit-two { width:335px; height:335px; border-style:dashed; transform:rotate(-18deg); }
.scan-card { position:absolute; width:246px; height:350px; border-radius:17px; }
.scan-card-back { margin:26px 0 0 42px; background:linear-gradient(145deg,#1e65b9,#103c7c); box-shadow:0 30px 45px rgba(22,61,115,.22); transform:rotate(11deg); }
.scan-card-front { z-index:1; overflow:hidden; background:#fff; border:8px solid #fff; box-shadow:0 28px 58px rgba(26,54,100,.25); transform:rotate(-6deg); }
.scan-card-top { display:flex; justify-content:space-between; align-items:center; padding:8px 9px; color:#1769d1; font-size:.5rem; font-weight:900; letter-spacing:.1em; }
.scan-card-top b { font-size:1rem; }
.scan-illustration { height:176px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,#b8d8fb,#e2f1ff 52%,#f6d8be); }
.scan-illustration::before { content:""; position:absolute; width:210px; height:28px; background:rgba(255,255,255,.45); transform:rotate(-42deg) translateY(20px); }
.scan-illustration span { width:101px; height:101px; border-radius:48% 52% 45% 55%; background:linear-gradient(135deg,#ffd95a,#e8703d); box-shadow:-32px -12px 0 -13px #f5b941,25px 19px 0 -15px #e65f48; transform:rotate(15deg); }
.scan-lines { display:grid; gap:8px; padding:14px 12px 9px; }
.scan-lines i { display:block; height:6px; border-radius:4px; background:#dae7f4; }.scan-lines i:nth-child(2){width:74%;}.scan-lines i:nth-child(3){width:50%;}
.scan-card-foot { padding:3px 11px; color:#263b59; }.scan-card-foot strong,.scan-card-foot small { display:block; }.scan-card-foot strong { font-size:.68rem; }.scan-card-foot small { margin-top:4px; color:#8191a8; font-size:.42rem; font-weight:800; letter-spacing:.08em; }
.visual-chip { position:absolute; z-index:2; padding:9px 12px; border:1px solid #dce6f3; border-radius:9px; background:rgba(255,255,255,.94); box-shadow:0 12px 26px rgba(34,65,110,.12); color:#355070; font-size:.72rem; font-weight:800; }
.chip-one { top:78px; right:5px; }.chip-two { bottom:74px; left:2px; }
@media (max-width:820px) { .access-required .access-landing { grid-template-columns:1fr; gap:26px; padding:48px 0; }.access-copy { text-align:center; margin:auto; }.access-kicker,.access-actions,.access-trust { justify-content:center; }.access-copy > p { margin-left:auto; margin-right:auto; }.access-visual { min-height:390px; transform:scale(.82); margin:-26px 0; } }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.shell { width:min(1440px,calc(100% - 48px)); margin:0 auto; padding:32px 0 64px; }
.topbar { display:flex; align-items:center; min-height:54px; gap:14px; margin-bottom:28px; }
.brand-mark { width:44px; height:44px; border:4px solid var(--navy); border-radius:50%; background:linear-gradient(#e94c52 0 43%,var(--navy) 43% 57%,#fff 57%); position:relative; box-shadow:0 5px 14px rgba(18,26,42,.16); }
.brand-mark span { position:absolute; width:13px; height:13px; border:4px solid var(--navy); border-radius:50%; background:#fff; left:11.5px; top:11.5px; }
.brand-copy p { margin:0 0 2px; color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.14em; }
.brand-copy h1 { margin:0; font-size:1.35rem; letter-spacing:-.02em; }
.topbar-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.connection { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:.875rem; font-weight:650; }
.connection span { width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px #dff4e9; }
.access-button,.secondary-button { border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--navy); padding:8px 10px; font-size:.82rem; font-weight:750; }
.account-settings-button { display:grid; place-items:center; width:35px; height:35px; padding:0; color:#31598d; }.account-settings-button:hover { border-color:#9ebce2; background:#eef5ff; color:var(--blue); }
.account-name { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:.86rem; font-weight:650; }
.dashboard-active .stats,.dashboard-active .library { display:none; }
.tool-dashboard { padding:0 0 34px; }
.dashboard-hero { display:flex; align-items:end; justify-content:space-between; gap:28px; padding:36px; border:1px solid #16366d; border-radius:22px; background:radial-gradient(circle at 82% 14%,#2a75dd 0,transparent 31%),linear-gradient(135deg,#122448,#1b4c99); color:#fff; box-shadow:0 22px 45px rgba(17,45,94,.19); }
.dashboard-hero p,.tool-card p,.setup-content > p { margin:0 0 8px; color:#9fc3ff; font-size:.72rem; font-weight:900; letter-spacing:.14em; }
.dashboard-hero h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); line-height:1.02; letter-spacing:-.05em; }.dashboard-hero h2 em { color:#ffd84f; font-style:normal; }.dashboard-hero span { display:block; max-width:660px; margin-top:14px; color:#dbe8ff; line-height:1.55; }
.dashboard-primary { flex:none; min-height:48px; border:0; border-radius:10px; padding:0 16px; background:#fff; color:#174a98; font-weight:850; }.dashboard-primary span { display:inline; margin:0 0 0 8px; color:inherit; font-size:1.1rem; }
.dashboard-section { margin-top:28px; }.dashboard-section:first-of-type { margin-top:18px; }.dashboard-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }.dashboard-section-heading p { margin:0 0 4px; color:var(--blue); font-size:.72rem; font-weight:900; letter-spacing:.12em; }.dashboard-section-heading h3 { margin:0; color:var(--navy); font-size:1.12rem; }.dashboard-section-heading > span { max-width:390px; color:var(--muted); font-size:.84rem; line-height:1.45; text-align:right; }.tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:14px; }.tool-grid-downloads .tool-card { min-height:240px; }.tool-grid-help { grid-template-columns:minmax(0,1fr); }.tool-grid-help .tool-card { min-height:205px; }
.tool-card { --tool-accent:#1f64d1; --tool-tint:#eaf2ff; position:relative; isolation:isolate; min-height:272px; display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; padding:24px; border:1px solid #e1e8f2; border-radius:19px; background:linear-gradient(145deg,#fff 0%,#fbfcff 100%); box-shadow:0 10px 25px rgba(24,39,75,.055); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.tool-card::before { content:""; position:absolute; z-index:-1; top:-80px; right:-65px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,var(--tool-tint) 0,transparent 69%); opacity:.95; }
.tool-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--tool-accent) 28%,#dbe5f0); box-shadow:0 19px 38px rgba(24,39,75,.13); }
.tool-card-featured,.tool-card-catalog { --tool-accent:#1769d1; --tool-tint:#dcebff; border-color:#b9d1f7; background:linear-gradient(145deg,#fff 0%,#edf5ff 100%); }
.tool-card-matcher { --tool-accent:#7c4ac7; --tool-tint:#eee6ff; }
.tool-card-rules { --tool-accent:#16865a; --tool-tint:#dff6eb; }
.tool-card-ai { --tool-accent:#d16319; --tool-tint:#fff0dd; }
.tool-card-access { --tool-accent:#a04972; --tool-tint:#fbe6f0; }
.tool-card-analytics { --tool-accent:#28816a; --tool-tint:#e2f7f0; }
.tool-card-extension { --tool-accent:#d0642a; --tool-tint:#fff0e7; }
.tool-card-windows { --tool-accent:#1779bd; --tool-tint:#e0f3ff; }
.tool-card-mobile { --tool-accent:#5671d9; --tool-tint:#e9edff; }
.tool-card-ios { --tool-accent:#68758a; --tool-tint:#eef1f5; }.tool-card-disabled { filter:saturate(.7); }.tool-card-disabled::after { content:"Gepland"; position:absolute; top:16px; right:16px; padding:5px 9px; border:1px solid #d5dce6; border-radius:999px; background:#f4f6f8; color:#637084; font-size:.66rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.tool-version-pending { margin-bottom:6px; background:#f0f3f7; color:#657286; }.tool-action.disabled { border-color:#d5dce6; background:#f1f3f6; color:#7a8798; cursor:not-allowed; transform:none; }.tool-action.disabled:hover { border-color:#d5dce6; background:#f1f3f6; color:#7a8798; transform:none; }
.tool-card-windows .tool-version { margin-bottom:6px; }
.tool-card-support { --tool-accent:#9a7000; --tool-tint:#fff1be; border-color:#f1deb0; background:linear-gradient(145deg,#fffef9,#fffbeb); }
.tool-icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:18px; border:1px solid color-mix(in srgb,var(--tool-accent) 17%,#fff); border-radius:15px; background:var(--tool-tint); color:var(--tool-accent); font-size:1.34rem; box-shadow:0 8px 16px color-mix(in srgb,var(--tool-accent) 12%,transparent); }
.tool-icon i { line-height:1; }
.tool-card h3 { margin:0 0 8px; color:#172945; font-size:1.12rem; letter-spacing:-.02em; }.tool-card span { color:var(--muted); font-size:.88rem; line-height:1.58; }.admin-tool-badge { position:absolute; top:24px; right:24px; padding:5px 9px; border:1px solid #efd486; border-radius:999px; background:#fff8db; color:#735300 !important; font-size:.66rem !important; font-weight:900; letter-spacing:.07em; line-height:1.1 !important; text-transform:uppercase; box-shadow:0 3px 8px rgba(111,80,0,.08); }.tool-version { display:inline-flex; width:max-content; margin-top:12px; padding:4px 8px; border-radius:999px; background:#e8f7ee; color:#14613d; font-size:.74rem; font-weight:850; }.tool-action { display:inline-flex; align-items:center; justify-content:center; min-height:41px; margin-top:auto; padding:0 13px; border:1px solid color-mix(in srgb,var(--tool-accent) 28%,#c4d5ec); border-radius:10px; background:#fff; color:var(--tool-accent); font-size:.82rem; font-weight:850; text-decoration:none; transition:background .16s ease,color .16s ease,transform .16s ease; }.tool-action:hover { border-color:var(--tool-accent); background:var(--tool-accent); color:#fff; transform:translateY(-1px); }
.tool-card > div:not(.tool-icon) > span { display:block; }.tool-card > div:not(.tool-icon) > .tool-version { display:flex; }
.tool-help { position:absolute; z-index:2; top:21px; right:21px; display:grid; place-items:center; width:30px; height:30px; border:1px solid color-mix(in srgb,var(--tool-accent) 24%,#cfdaea); border-radius:50%; background:#fff; color:var(--tool-accent); font-size:.76rem; box-shadow:0 4px 10px rgba(24,55,100,.08); }.tool-help:hover { border-color:var(--tool-accent); background:var(--tool-accent); color:#fff; }
.setup-dialog { width:min(680px,calc(100% - 30px)); }.setup-content { padding:30px; }.setup-content > p { margin:0 0 4px; color:var(--blue); font-size:.75rem; font-weight:850; letter-spacing:.12em; }.setup-content > span { color:var(--muted); font-size:.9rem; line-height:1.5; }.setup-content h2 { margin:0 45px 10px 0; }.setup-content h2 i { margin-right:7px; color:var(--blue); font-size:.95em; }.setup-content ol { display:grid; gap:11px; margin:18px 0 0; padding-left:22px; color:#4d5b72; line-height:1.5; }.setup-content code { padding:2px 5px; border-radius:4px; background:#edf3fc; color:#174e9c; font:600 .83em ui-monospace,SFMono-Regular,Consolas,monospace; }.setup-menu-grid { display:grid; gap:10px; margin-top:22px; }.setup-menu-grid button { display:flex; align-items:center; width:100%; gap:14px; padding:14px; border:1px solid #dce5f0; border-radius:13px; background:linear-gradient(135deg,#fff,#f8fbff); color:var(--navy); text-align:left; }.admin-session .setup-menu-grid button.admin-only { display:flex !important; }.setup-menu-grid button:hover { border-color:#9dc1ec; box-shadow:0 9px 20px rgba(24,55,100,.1); transform:translateY(-1px); }.setup-menu-grid i { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#e9f2ff; color:var(--blue); }.setup-menu-grid span { display:grid; gap:3px; }.setup-menu-grid span strong { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }.setup-menu-grid small { color:var(--muted); }.setup-menu-grid b { margin-left:auto; color:var(--blue); font-size:1.5rem; font-weight:500; }.setup-admin-badge { display:inline-flex; align-items:center; padding:3px 6px; border:1px solid #efd486; border-radius:999px; background:#fff8db; color:#735300; font-size:.62rem; font-style:normal; font-weight:900; letter-spacing:.06em; line-height:1; text-transform:uppercase; }.setup-guide-summary { display:grid; gap:10px; margin-top:18px; }.setup-guide-summary p { display:grid; gap:3px; margin:0; padding:12px; border-left:3px solid #b9d4fa; border-radius:0 9px 9px 0; background:#f6faff; color:#4d5b72; font-size:.88rem; line-height:1.48; }.setup-guide-summary strong { color:var(--blue); font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; }.setup-detail .settings-back { margin:0 0 16px; }
.setup-content label { display:grid; gap:6px; margin-top:16px; color:var(--muted); font-size:.8rem; font-weight:750; }.setup-content input { height:43px; border:1px solid #ccd4df; border-radius:9px; padding:0 11px; color:var(--navy); outline:none; }.setup-content input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }.setup-content button[type="submit"] { margin-top:14px; border:0; border-radius:8px; background:var(--blue); color:#fff; padding:10px 13px; font-weight:750; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.stats div { min-height:104px; padding:19px 22px; background:var(--surface); border:1px solid var(--line); border-radius:15px; display:flex; flex-direction:column; justify-content:center; box-shadow:0 6px 18px rgba(24,39,75,.035); }
.stats span { color:var(--muted); font-size:.82rem; font-weight:650; }
.stats strong { margin-top:3px; font-size:1.8rem; letter-spacing:-.04em; }
.stats .accent-stat { background:var(--blue); border-color:var(--blue); color:#fff; }
.stats .accent-stat span { color:#dbe8ff; }
.library { background:var(--surface); border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:var(--shadow); }
.library-heading { padding:22px 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.library-heading h2 { margin:0; font-size:1.15rem; }
.library-heading p { margin:4px 0 0; color:var(--muted); font-size:.875rem; }
.result-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.result-meta p { margin:4px 0 0; }
.language-filter-indicator { display:inline-flex; align-items:center; gap:5px; margin-top:4px; padding:3px 8px; border:1px solid #cbd8eb; border-radius:999px; background:#f4f8ff; color:#24569c; font-size:.75rem; font-weight:800; }
.heading-actions { display:flex; gap:8px; }
.quiet-button { display:flex; align-items:center; gap:7px; border:1px solid var(--line); background:#fff; color:var(--navy); border-radius:9px; padding:9px 12px; font-weight:700; }
.match-button { border:1px solid var(--blue); background:var(--blue); color:#fff; border-radius:9px; padding:9px 13px; font-weight:750; }
.quiet-button:hover,.clear-button:hover { background:#f5f7fb; }
svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.filters { display:grid; grid-template-columns:minmax(190px,1.4fr) repeat(5,minmax(130px,1fr)) auto; align-items:end; gap:10px; padding:16px 24px; background:#fafbfc; border-bottom:1px solid var(--line); }
.filters label { display:grid; gap:5px; color:var(--muted); font-size:.75rem; font-weight:750; }
.filters input,.filters select { width:100%; height:42px; border:1px solid #ccd4df; border-radius:9px; background:#fff; color:var(--navy); padding:0 11px; outline:none; }
.filters input:focus,.filters select:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }
.search-field { position:relative; align-self:end; }
.search-field svg { position:absolute; left:12px; bottom:12px; color:var(--muted); }
.search-field input { padding-left:39px; padding-right:38px; }
.search-field kbd { position:absolute; right:11px; bottom:10px; padding:2px 7px; border:1px solid var(--line); border-bottom-width:2px; border-radius:5px; background:#f6f7f9; color:var(--muted); font:12px ui-monospace,monospace; }
.clear-button { height:42px; border:0; background:transparent; color:var(--blue); font-weight:750; padding:0 8px; white-space:nowrap; }
.bulk-note-bar { display:grid; grid-template-columns:auto minmax(220px,1fr) auto auto; align-items:center; gap:12px; padding:13px 24px; background:#eff6ff; border-bottom:1px solid #d8e5f7; }
.bulk-note-bar div { display:grid; gap:2px; white-space:nowrap; }
.bulk-note-bar strong { color:var(--navy); font-size:.85rem; }
.bulk-note-bar span { color:var(--muted); font-size:.75rem; }
.bulk-note-bar input { width:100%; height:40px; border:1px solid #b9cbe4; border-radius:8px; background:#fff; padding:0 11px; color:var(--navy); outline:none; }
.bulk-note-bar input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }
.bulk-note-bar button { height:40px; border:0; border-radius:8px; background:var(--blue); color:#fff; padding:0 13px; font-weight:750; white-space:nowrap; }
.bulk-note-bar button:disabled { background:#9aacbf; cursor:not-allowed; }
.bulk-note-status { min-width:120px; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 24px; border-top:1px solid var(--line); background:#fff; color:var(--muted); font-size:.85rem; }
.pagination div { display:flex; align-items:center; gap:10px; }
.pagination button { min-width:78px; height:36px; border:1px solid #cbd8eb; border-radius:8px; background:#f8fbff; color:var(--blue); font-weight:750; }
.pagination button:disabled { color:#9aa7b9; background:#f4f6f9; border-color:#e1e6ed; cursor:not-allowed; }
.pagination strong { color:var(--navy); white-space:nowrap; }
.table-wrap { min-height:260px; overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th { padding:12px 18px; color:var(--muted); background:#fff; border-bottom:1px solid var(--line); text-align:left; font-size:.73rem; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
td { padding:13px 18px; border-bottom:1px solid #edf0f4; vertical-align:middle; color:#334057; font-size:.89rem; }
.selection-cell { width:34px; padding-right:4px; }
th:first-child { width:34px; padding-right:4px; }
input[type="checkbox"] { width:17px; height:17px; accent-color:var(--blue); cursor:pointer; }
tbody tr { transition:background .15s ease; }
tbody tr:hover { background:#f8faff; }
tbody tr:last-child td { border-bottom:0; }
.card-cell { display:flex; align-items:center; gap:12px; min-width:230px; }
.card-thumb { width:42px; height:58px; border-radius:5px; object-fit:contain; background:#e9edf3; box-shadow:0 2px 7px rgba(18,26,42,.13); flex:none; }
.thumb-fallback { width:42px; height:58px; border-radius:5px; display:grid; place-items:center; background:linear-gradient(145deg,#224fa5,#1c2d57); color:#fff; font-size:1.2rem; flex:none; }
.card-title { display:block; color:var(--navy); font-weight:760; line-height:1.25; }
.card-category { display:block; margin-top:3px; color:var(--muted); font-size:.75rem; }
.id-badge,.rarity-badge,.price-badge { display:inline-flex; padding:4px 8px; border-radius:6px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.78rem; white-space:nowrap; }
.id-badge { background:var(--blue-soft); color:#1753ad; }
.rarity-badge { background:#fff5cc; color:#735d00; font-family:inherit; font-weight:700; }
.price-badge { background:#e8f7ee; color:#14613d; font-weight:800; }
.row-actions { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.details-button,.market-link { border:0; border-radius:7px; background:transparent; color:var(--blue); font-weight:750; padding:8px; text-decoration:none; }
.market-link { border:1px solid #cbd8eb; background:#f8fbff; }
.details-button:hover,.market-link:hover { background:var(--blue-soft); }
.dialog-market-link { display:inline-flex; margin-top:12px; padding:8px 11px; border-radius:8px; background:var(--blue); color:#fff; font-size:.85rem; font-weight:750; text-decoration:none; }
.empty-state { min-height:270px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; }
.empty-state h3 { margin:13px 0 3px; }
.empty-state p { margin:0; color:var(--muted); }
.loader { width:30px; height:30px; border:3px solid #dfe8f6; border-top-color:var(--blue); border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.empty-ball { width:48px; height:48px; border:4px solid #aab4c4; border-radius:50%; background:linear-gradient(#d8dde6 0 44%,#aab4c4 44% 56%,#fff 56%); }
.error-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:var(--red); background:#fde9e9; font-weight:900; }
.toast-container { position:fixed; top:20px; right:20px; z-index:100; pointer-events:none; }
.entry-toast { min-width:260px; max-width:min(360px,calc(100vw - 32px)); display:flex; align-items:center; gap:11px; padding:13px 15px; border:1px solid #bfe5d2; border-radius:12px; background:#fff; color:var(--navy); box-shadow:0 16px 42px rgba(24,39,75,.18); animation:toast-life .5s ease both; }
.toast-check { width:29px; height:29px; flex:none; display:grid; place-items:center; border-radius:50%; background:#e2f5eb; color:var(--green); font-weight:900; }
.entry-toast strong { display:block; font-size:.88rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.entry-toast span { display:block; color:var(--muted); font-size:.75rem; }
@keyframes toast-life { 0% { opacity:0; transform:translateY(-10px) scale(.97); } 18%,68% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-5px) scale(.98); } }
dialog { width:min(620px,calc(100% - 30px)); max-height:85vh; border:0; border-radius:18px; padding:0; box-shadow:0 30px 90px rgba(10,18,32,.25); color:var(--navy); }
dialog::backdrop { background:rgba(12,21,37,.55); backdrop-filter:blur(3px); }
.dialog-close { position:absolute; top:14px; right:14px; width:36px; height:36px; border:0; border-radius:50%; background:#f0f3f7; font-size:1.4rem; }
.dialog-hero { display:flex; gap:18px; padding:28px; background:linear-gradient(140deg,#f4f8ff,#fff); border-bottom:1px solid var(--line); }
.dialog-hero img,.dialog-placeholder { width:86px; height:118px; object-fit:contain; border-radius:7px; background:#e8ecf2; flex:none; }
.dialog-hero h2 { margin:4px 45px 5px 0; font-size:1.35rem; }
.dialog-hero p { margin:0; color:var(--muted); }
.dialog-body { padding:22px 28px 28px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:0; }
.detail-grid div { padding:12px; border:1px solid var(--line); border-radius:9px; }
.detail-grid dt { color:var(--muted); font-size:.75rem; font-weight:700; }
.detail-grid dd { margin:3px 0 0; overflow-wrap:anywhere; font-weight:650; }
.note-form { display:grid; gap:10px; margin-top:20px; padding:16px; border:1px solid #dbe5f3; border-radius:12px; background:#f8fbff; }
.note-form label { display:grid; gap:6px; color:var(--navy); font-size:.8rem; font-weight:800; }
.note-form input { height:42px; border:1px solid #bdcde2; border-radius:8px; background:#fff; padding:0 11px; color:var(--navy); outline:none; }
.note-form input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }
.note-form button { justify-self:start; border:0; border-radius:8px; background:var(--blue); color:#fff; padding:10px 13px; font-weight:750; }
.note-status { min-height:1.2em; color:var(--muted); font-size:.82rem; }
details { margin-top:18px; } summary { cursor:pointer; color:var(--blue); font-weight:750; }
pre { max-height:250px; overflow:auto; padding:14px; border-radius:9px; background:#111827; color:#d7e1f3; font:12px/1.5 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.matcher-dialog { width:min(700px,calc(100% - 30px)); }
.set-rules-dialog { width:min(960px,calc(100% - 30px)); }
.set-rules-heading { padding:28px 30px 16px; border-bottom:1px solid var(--line); background:linear-gradient(140deg,#f5f9ff,#fff); }
.user-management-search { display:grid; gap:6px; padding:18px 30px 0; color:var(--muted); font-size:.78rem; font-weight:750; }.user-management-search input { height:43px; border:1px solid #ccd4df; border-radius:9px; padding:0 12px; color:var(--navy); outline:none; }.user-management-search input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }.user-management-list { display:grid; gap:10px; max-height:58vh; overflow:auto; padding:18px 28px 26px; }.user-row { display:grid; grid-template-columns:minmax(190px,1fr) auto auto; gap:14px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; }.user-row.pending { border-color:#e7c866; background:#fffdf2; }.user-identity strong,.user-identity span { display:block; }.user-identity span { margin-top:3px; color:var(--muted); font-size:.78rem; overflow-wrap:anywhere; }.user-roles { display:flex; flex-wrap:wrap; gap:6px; }.user-role { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid #d5dfed; border-radius:7px; color:#43526b; font-size:.76rem; font-weight:700; }.user-role input { margin:0; accent-color:var(--blue); }.user-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }.user-save,.user-toggle { border:0; border-radius:8px; padding:9px 11px; font-weight:750; }.user-save { background:var(--blue); color:#fff; }.user-toggle { background:#fff4f1; color:#a63620; border:1px solid #f0c5bc; }.user-toggle.enable { background:#effaf3; color:#187340; border-color:#b8ddc6; }.user-save:disabled,.user-toggle:disabled { opacity:.55; cursor:not-allowed; }.user-empty { padding:30px; text-align:center; color:var(--muted); }
.user-ai-access { border:1px solid #d3dfeb; border-radius:8px; background:#f7faff; color:#41607d; padding:8px 10px; font-size:.76rem; font-weight:800; }.user-ai-access.allowed { border-color:#b8dfc7; background:#effaf3; color:#197242; }.user-ai-access:disabled { opacity:.55; cursor:not-allowed; }
.analytics-controls { padding:16px 30px 0; }.analytics-controls label { display:grid; gap:6px; max-width:220px; color:var(--muted); font-size:.78rem; font-weight:800; }.analytics-controls select { height:42px; border:1px solid #ccd4df; border-radius:9px; background:#fff; padding:0 10px; color:var(--navy); }.analytics-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-height:58vh; overflow:auto; padding:18px 30px 30px; }.analytics-summary { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); gap:9px; }.analytics-summary div { display:grid; gap:4px; min-width:0; padding:13px; border:1px solid #dce7f3; border-radius:11px; background:#f8fbff; }.analytics-summary span { color:var(--muted); font-size:.72rem; font-weight:750; }.analytics-summary strong { color:var(--navy); font-size:1.25rem; }.analytics-block { min-width:0; padding:15px; border:1px solid var(--line); border-radius:12px; background:#fff; }.analytics-block h3 { margin:0 0 11px; color:var(--navy); font-size:.94rem; }.analytics-block > p { margin:0; color:var(--muted); font-size:.84rem; }.analytics-list { display:grid; gap:7px; }.analytics-list div { display:flex; justify-content:space-between; gap:12px; padding-bottom:7px; border-bottom:1px solid #edf1f6; color:var(--muted); font-size:.82rem; }.analytics-list div:last-child { padding-bottom:0; border-bottom:0; }.analytics-list strong { color:var(--navy); }.analytics-content > .set-rules-loading,.analytics-content > .user-empty { grid-column:1/-1; }
.analytics-chart { min-width:0; padding:15px; border:1px solid var(--line); border-radius:12px; background:#fff; }.analytics-chart:first-of-type { grid-column:1/-1; }.analytics-chart h3 { margin:0 0 13px; color:var(--navy); font-size:.94rem; }.analytics-chart > p { margin:0; color:var(--muted); font-size:.84rem; }.analytics-bars { display:grid; gap:9px; }.analytics-bar-row { display:grid; grid-template-columns:minmax(85px,1fr) minmax(80px,2.5fr) auto; align-items:center; gap:9px; }.analytics-bar-row > span { overflow:hidden; color:var(--muted); font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }.analytics-bar-row > strong { min-width:24px; color:var(--navy); font-size:.78rem; text-align:right; }.analytics-bar-track { display:flex; height:10px; overflow:hidden; border-radius:999px; background:#edf2f7; }.analytics-bar-track > i { display:block; min-width:2px; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3d82df,#1d62c7); }.analytics-segment.pass { background:#2a9a65; }.analytics-segment.review { background:#e4a83d; }.analytics-segment.reject { background:#d45b55; }.analytics-segment.error { background:#7e608e; }
.analytics-line-chart { grid-column:1/-1; }.analytics-line-chart svg { display:block; width:100%; height:auto; overflow:visible; }.analytics-grid-line { stroke:#e6edf6; stroke-width:1; }.analytics-line { fill:none; stroke:#256fd1; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }.analytics-line-dot { fill:#fff; stroke:#256fd1; stroke-width:2.5; }.analytics-line-labels { display:flex; justify-content:space-between; margin:2px 12px 0 28px; color:var(--muted); font-size:.7rem; }.analytics-columns { display:flex; align-items:end; gap:3px; height:150px; padding:6px 2px 0; border-bottom:1px solid #dfe8f3; }.analytics-column { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:end; height:100%; min-width:0; gap:5px; }.analytics-column i { display:block; width:100%; min-height:3px; border-radius:5px 5px 1px 1px; background:linear-gradient(180deg,#5697eb,#2367ca); }.analytics-column span { overflow:hidden; width:100%; color:var(--muted); font-size:.6rem; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.analytics-section-title { grid-column:1/-1; display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin-top:12px; padding-top:20px; border-top:1px solid #dfe8f3; }.analytics-section-title h3 { margin:0; color:var(--navy); font-size:1.05rem; }.analytics-section-title span { color:var(--muted); font-size:.78rem; text-align:right; }.analytics-account-summary { grid-column:1/-1; }
.analytics-heading .settings-back { margin:0 0 15px; }.analytics-heading h2 { margin-top:0; }
.set-rules-heading p { margin:0 0 3px; color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.12em; }
.set-rules-heading h2 { margin:0 45px 5px 0; }
.set-rules-heading span { color:var(--muted); font-size:.88rem; }
.set-rules-search { display:grid; gap:6px; padding:18px 30px 12px; color:var(--muted); font-size:.78rem; font-weight:750; }
.set-rules-search input { height:43px; border:1px solid #ccd4df; border-radius:9px; padding:0 12px; color:var(--navy); outline:none; }
.set-rules-search input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }
.set-rules-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-height:56vh; overflow:auto; padding:12px 30px 30px; }
.set-rules-loading,.set-rules-empty { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:10px; min-height:150px; margin:0; color:var(--muted); }
.set-rule { min-width:0; padding:16px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 3px 11px rgba(25,48,85,.04); }
.set-rule-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.set-rule-heading h3 { margin:0; color:var(--navy); font-size:1rem; }
.set-rule-heading span { flex:none; color:var(--muted); font-size:.73rem; white-space:nowrap; }
.set-rule-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:11px; }
.set-rule-tag { padding:4px 7px; border-radius:999px; background:#eef3f9; color:#40516b; font-size:.72rem; font-weight:750; }
.set-rule-tag.primary { background:#e3efff; color:var(--blue); }
.set-rule-release,.set-rule-variants { margin:11px 0 0; color:var(--muted); font-size:.78rem; line-height:1.45; }
.set-rule-check-title { display:block; margin-top:13px; color:var(--navy); font-size:.78rem; }
.set-rule-checks { margin:6px 0 0; padding-left:18px; color:#40516b; font-size:.78rem; line-height:1.45; }
@media (max-width:620px) { .set-rules-list { grid-template-columns:1fr; max-height:58vh; padding:10px 22px 22px; } .set-rules-heading { padding:23px 22px 15px; } .set-rules-search { padding:16px 22px 10px; } }
.access-dialog { width:min(480px,calc(100% - 30px)); }
.account-profile-dialog { width:min(760px,calc(100% - 30px)); }.account-profile-content { display:grid; gap:15px; padding:30px; }.account-profile-content > p { margin:0 0 -11px; color:var(--blue); font-size:.75rem; font-weight:850; letter-spacing:.12em; }.account-profile-content h2 { margin:0 45px 0 0; font-size:1.42rem; }.account-profile-intro { color:var(--muted); font-size:.88rem; line-height:1.5; }.account-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.account-profile-grid label { display:grid; gap:6px; color:var(--muted); font-size:.78rem; font-weight:750; }.account-profile-grid input,.account-profile-grid select { width:100%; height:43px; border:1px solid #ccd4df; border-radius:9px; background:#fff; padding:0 11px; color:var(--navy); outline:none; }.account-profile-grid input:focus,.account-profile-grid select:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }.account-profile-content button[type="submit"] { justify-self:start; min-height:42px; border:0; border-radius:9px; background:var(--blue); color:#fff; padding:0 15px; font-weight:800; }.account-profile-status { min-height:1.15em; color:var(--muted); }.account-profile-content.business-account .business-field { display:grid; }.account-profile-content:not(.business-account) .business-field { display:none; }
.settings-dialog { width:min(560px,calc(100% - 30px)); }.settings-content { padding:30px; }.settings-content > p { margin:0 0 4px; color:var(--blue); font-size:.75rem; font-weight:850; letter-spacing:.12em; }.settings-content h2 { margin:0 42px 6px 0; font-size:1.42rem; }.settings-content > span { color:var(--muted); font-size:.9rem; }.settings-menu-grid { display:grid; gap:10px; margin-top:22px; }.settings-menu-item { display:flex; align-items:center; width:100%; gap:14px; padding:15px; border:1px solid #dce5f0; border-radius:13px; background:linear-gradient(135deg,#fff,#f8fbff); color:var(--navy); text-align:left; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }.settings-menu-item:hover { transform:translateY(-2px); border-color:#9dc1ec; box-shadow:0 9px 20px rgba(24,55,100,.1); }.settings-menu-item > i { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:12px; background:#e9f2ff; color:var(--blue); font-size:1.1rem; }.settings-menu-item:nth-child(2) > i { background:#fff0dd; color:#c35f18; }.settings-menu-item span { display:grid; gap:3px; }.settings-menu-item strong { font-size:.92rem; }.settings-menu-item small { color:var(--muted); font-size:.77rem; }.settings-menu-item > b { margin-left:auto; color:var(--blue); font-size:1.5rem; font-weight:500; }
.settings-back { display:inline-flex; align-items:center; gap:7px; justify-self:start; width:max-content; margin:0 0 -3px; border:1px solid #cbd9eb; border-radius:999px; background:#f8fbff; color:#245caa; padding:7px 11px; font-size:.78rem; font-weight:850; transition:background .16s ease,border-color .16s ease,transform .16s ease; }.settings-back:hover { border-color:#82ace0; background:#eaf3ff; color:#124e9f; transform:translateX(-2px); }
.openai-settings-content { display:grid; gap:14px; }.openai-settings-content .settings-back { margin:0; }.openai-settings-content > p { margin:0; }.openai-settings-content > p:first-of-type { margin-bottom:-6px; }.openai-settings-content label { margin-top:0; }.openai-settings-content button[type="submit"] { margin-top:0; }
.dialog-admin-badge { display:inline-flex; align-items:center; margin-left:7px; padding:3px 6px; border:1px solid #efd486; border-radius:999px; background:#fff8db; color:#735300; font-size:.62rem; font-style:normal; font-weight:900; letter-spacing:.06em; line-height:1; text-transform:uppercase; vertical-align:middle; }
.settings-menu-item:nth-child(2) > i { background:#edf7ec; color:#287c4b; }.settings-menu-item:nth-child(3) > i { background:#fff0dd; color:#c35f18; }.account-ai-actions { display:flex; flex-wrap:wrap; gap:9px; align-items:center; }.account-ai-actions .secondary-button { min-height:42px; color:#a23f2c; border-color:#efc8bf; background:#fff7f4; }
.access-content { padding:30px; }
.access-content > p { margin:0 0 3px; color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.12em; }
.access-content h2 { margin:0 40px 7px 0; font-size:1.25rem; }
.access-content > span { color:var(--muted); font-size:.9rem; }
.access-form { display:grid; gap:15px; margin-top:22px; }
.access-form label { display:grid; gap:6px; color:var(--muted); font-size:.8rem; font-weight:750; }
.access-form input { height:43px; border:1px solid #ccd4df; border-radius:9px; padding:0 11px; color:var(--navy); }
.access-form input:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }
.access-form div { display:flex; gap:8px; }
.access-form button[type="submit"] { border:0; border-radius:9px; background:var(--blue); color:#fff; padding:10px 13px; font-weight:750; }
.access-form small { min-height:1.2em; color:var(--muted); }
.matcher-heading { padding:28px 28px 17px; }
.matcher-heading p { margin:0 0 3px; color:var(--blue); font-size:.75rem; font-weight:800; letter-spacing:.12em; }
.matcher-heading h2 { margin:0 0 5px; }
.matcher-heading span { color:var(--muted); }
.matcher-form { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:0 28px 24px; }
.matcher-form label { display:grid; gap:5px; color:var(--muted); font-size:.78rem; font-weight:750; }
.matcher-form input { height:42px; border:1px solid #ccd4df; border-radius:9px; padding:0 11px; outline:none; color:var(--navy); }
.matcher-form input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(31,100,209,.12); }
.matcher-form button { align-self:end; height:42px; border:0; border-radius:9px; background:var(--blue); color:#fff; font-weight:750; }
.matcher-result { margin:0 28px 28px; padding:16px; border:1px solid var(--line); border-radius:12px; background:#f8faff; }
.matcher-result.match { border-color:#bce2ce; background:#f2fbf6; }
.matcher-result.ambiguous { border-color:#ecd98c; background:#fffdf2; }
.matcher-result h3 { margin:0 0 5px; }
.matcher-result p { margin:0; color:var(--muted); }
.match-score { display:inline-flex; margin-top:10px; padding:5px 8px; border-radius:6px; background:#fff; color:var(--navy); font-weight:800; }
.match-candidates-title { margin:18px 0 8px; color:var(--navy); font-size:.82rem; }
.match-candidates { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:9px; margin:0; padding:0; list-style:none; }
.match-candidates li { min-width:0; }
.match-candidate { display:flex; min-height:86px; gap:10px; overflow:hidden; padding:8px; border:1px solid var(--line); border-radius:10px; background:#fff; color:inherit; text-decoration:none; }
a.match-candidate:hover { border-color:#8cb8ec; box-shadow:0 4px 13px rgba(20,57,105,.1); }
.match-candidate-image { width:48px; min-width:48px; height:68px; align-self:center; border-radius:5px; background:#edf2f8; object-fit:cover; }
.match-candidate-image.unavailable { background:linear-gradient(135deg,#e7edf5,#fff); }
.match-candidate-details { display:grid; min-width:0; align-content:center; gap:3px; }
.match-candidate-details strong,.match-candidate-details span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.match-candidate-details strong { color:var(--navy); font-size:.84rem; }
.match-candidate-details span { color:var(--muted); font-size:.75rem; }
.match-candidate-details .match-candidate-meta { color:var(--blue); font-size:.7rem; font-weight:800; }
@media (max-width:960px) { .stats { grid-template-columns:repeat(2,1fr); } .filters { grid-template-columns:1fr 1fr; } .search-field { grid-column:1/-1; } .bulk-note-bar { grid-template-columns:1fr auto; } .bulk-note-bar label { grid-column:1/-1; grid-row:2; } .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .shell { width:calc(100% - 24px); padding-top:18px; } .connection { font-size:0; } .stats { gap:8px; } .stats div { min-height:84px; padding:14px; } .stats strong { font-size:1.45rem; } .filters { grid-template-columns:1fr; padding:14px; } .search-field { grid-column:auto; } .library-heading { padding:18px 14px; } .quiet-button { font-size:0; } .quiet-button svg { width:20px; height:20px; } .match-button { padding:8px 10px; } .bulk-note-bar { grid-template-columns:1fr; padding:14px; } .bulk-note-bar label { grid-column:auto; grid-row:auto; } .bulk-note-bar button { width:100%; } .pagination { align-items:stretch; flex-direction:column; padding:14px; } .pagination div { justify-content:space-between; } th,td { padding:11px 13px; } .dialog-hero { padding:22px; } .dialog-body { padding:18px 22px 24px; } .detail-grid,.matcher-form,.account-profile-grid { grid-template-columns:1fr; } .matcher-heading { padding:23px 22px 15px; } .matcher-form { padding:0 22px 20px; } .matcher-result { margin:0 22px 22px; } .toast-container { top:12px; right:12px; } .topbar-actions { gap:8px; } .access-button { font-size:.75rem; padding:7px 8px; } .account-settings-button { width:33px; height:33px; padding:0; } .access-content,.account-profile-content,.pending-access { padding:24px; } .dashboard-hero { align-items:flex-start; flex-direction:column; padding:25px; }.tool-grid { grid-template-columns:1fr; }.tool-card { min-height:210px; } }
@media (prefers-reduced-motion:reduce) { .entry-toast { animation:toast-fade .5s linear both; } @keyframes toast-fade { 0%,85% { opacity:1; } 100% { opacity:0; } } }