:root {
    --ink: #14221d;
    --muted: #66756f;
    --paper: #f5f7f3;
    --white: #ffffff;
    --line: #dce4df;
    --green: #1d6a4b;
    --green-dark: #124934;
    --green-soft: #dff3e9;
    --lime: #c9f45a;
    --lime-hover: #d7ff70;
    --primary-rgb: 29, 106, 75;
    --accent-rgb: 201, 244, 90;
    --header-bg: rgba(245,247,243,.9);
    --hero-muted: #c7d5cf;
    --hero-muted-soft: #dbe7e1;
    --hero-muted-dim: #9fb3aa;
    --amber: #9b6500;
    --amber-soft: #fff2cf;
    --red: #a33a35;
    --red-soft: #ffebe8;
    --shadow: 0 18px 50px rgba(20, 34, 29, .08);
    --radius: 18px;
}

.visitor-history-panel { overflow: hidden; }
.visitor-filter-form { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(130px, 2fr) minmax(155px, .9fr) minmax(155px, .9fr) minmax(105px, .55fr); gap: 16px; align-items: end; padding: 24px; margin: 0; border-bottom: 1px solid var(--line, #dbe3ef); background: color-mix(in srgb, var(--surface, #fff) 94%, var(--green-soft, #edf7f1)); }
.visitor-filter-form label { display: grid; min-width: 0; gap: 8px; color: var(--muted, #64748b); font-size: 11px; font-weight: 800; letter-spacing: .01em; }
.visitor-filter-form input, .visitor-filter-form select { width: 100%; min-width: 0; min-height: 46px; border: 1px solid var(--line, #cbd5e1); border-radius: 12px; padding: 10px 13px; color: var(--ink, #122033); background: #fff; font: inherit; font-size: 12px; font-weight: 650; outline: none; }
.visitor-filter-form input:focus, .visitor-filter-form select:focus { border-color: var(--green, #19875d); box-shadow: 0 0 0 3px color-mix(in srgb, var(--green, #19875d) 14%, transparent); }
.visitor-filter-form .button { min-height: 44px; align-self: end; justify-self: start; margin: 0; white-space: nowrap; }
.visitor-filter-form .button.secondary { grid-column: 1 / 2; }
.visitor-filter-form .button.ghost { grid-column: 2 / 3; grid-row: 2; }
.visitor-history-table { margin: 0; border-radius: 0; }
.visitor-history-table .visitor-log-table { min-width: 900px; }
.visitor-pagination { padding: 18px 24px 22px; border-top: 1px solid var(--line, #dbe3ef); }
@media (max-width: 1180px) { .visitor-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .visitor-filter-form .button.secondary, .visitor-filter-form .button.ghost { grid-column: auto; grid-row: auto; } }
@media (max-width: 680px) { .visitor-filter-form { grid-template-columns: 1fr; padding: 18px; } .visitor-filter-form .button { width: 100%; justify-content: center; } .visitor-pagination { padding-inline: 18px; } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
body[data-theme-color="ocean"] { --ink: #111d2f; --muted: #607083; --paper: #f4f7fb; --line: #d9e2ee; --green: #2563d4; --green-dark: #153d7b; --green-soft: #e4edff; --lime: #6de1ff; --lime-hover: #8aebff; --primary-rgb: 37, 99, 212; --accent-rgb: 109, 225, 255; --header-bg: rgba(244,247,251,.9); --hero-muted: #c9d7ed; --hero-muted-soft: #e2ebf8; --hero-muted-dim: #9cb1cb; }
body[data-theme-color="violet"] { --ink: #21182f; --muted: #746980; --paper: #f8f5fb; --line: #e6deec; --green: #7652d6; --green-dark: #3b266f; --green-soft: #eee8ff; --lime: #d1ff69; --lime-hover: #dcff8b; --primary-rgb: 118, 82, 214; --accent-rgb: 209, 255, 105; --header-bg: rgba(248,245,251,.9); --hero-muted: #d7cce5; --hero-muted-soft: #eee7f6; --hero-muted-dim: #aa99bd; }
body[data-theme-color="sunset"] { --ink: #2a1914; --muted: #806b63; --paper: #fbf6f2; --line: #eadfd8; --green: #d55a2d; --green-dark: #752b1c; --green-soft: #ffe9df; --lime: #ffd85a; --lime-hover: #ffe27d; --primary-rgb: 213, 90, 45; --accent-rgb: 255, 216, 90; --header-bg: rgba(251,246,242,.9); --hero-muted: #e5cbc1; --hero-muted-soft: #f4e5de; --hero-muted-dim: #bb9587; }
body[data-theme-color="rose"] { --ink: #2b1720; --muted: #806773; --paper: #fbf5f7; --line: #eadde2; --green: #c83f70; --green-dark: #6d1d3c; --green-soft: #ffe3ed; --lime: #ffcf5a; --lime-hover: #ffdc82; --primary-rgb: 200, 63, 112; --accent-rgb: 255, 207, 90; --header-bg: rgba(251,245,247,.9); --hero-muted: #e5c7d2; --hero-muted-soft: #f4e2e9; --hero-muted-dim: #bb91a1; }
body[data-theme-color="teal"] { --ink: #102523; --muted: #607976; --paper: #f2f8f7; --line: #d7e7e4; --green: #008a86; --green-dark: #034d4b; --green-soft: #dbf5f2; --lime: #d6f04f; --lime-hover: #e1f571; --primary-rgb: 0, 138, 134; --accent-rgb: 214, 240, 79; --header-bg: rgba(242,248,247,.9); --hero-muted: #c5ddda; --hero-muted-soft: #e0efed; --hero-muted-dim: #93b6b2; }
body[data-theme-color="indigo"] { --ink: #171c35; --muted: #656d88; --paper: #f5f6fb; --line: #dde0ec; --green: #3e56c5; --green-dark: #242e6d; --green-soft: #e7eaff; --lime: #b6f05a; --lime-hover: #c7f77c; --primary-rgb: 62, 86, 197; --accent-rgb: 182, 240, 90; --header-bg: rgba(245,246,251,.9); --hero-muted: #cbd0e8; --hero-muted-soft: #e5e8f4; --hero-muted-dim: #9da5ca; }
body[data-theme-color="graphite"] { --ink: #182027; --muted: #69757f; --paper: #f4f6f7; --line: #dce2e6; --green: #4c5968; --green-dark: #1f2933; --green-soft: #e7ecf1; --lime: #b9f55a; --lime-hover: #c9fb7b; --primary-rgb: 76, 89, 104; --accent-rgb: 185, 245, 90; --header-bg: rgba(244,246,247,.9); --hero-muted: #c9d0d6; --hero-muted-soft: #e2e7eb; --hero-muted-dim: #9ca8b1; }
body[data-theme-color="cobalt"] { --ink: #111b35; --muted: #61708e; --paper: #f4f7ff; --line: #dbe3f5; --green: #2455c3; --green-dark: #122d70; --green-soft: #e2ebff; --lime: #72e8ff; --lime-hover: #95efff; --primary-rgb: 36, 85, 195; --accent-rgb: 114, 232, 255; --header-bg: rgba(244,247,255,.9); --hero-muted: #c6d4ef; --hero-muted-soft: #e1e9f8; --hero-muted-dim: #99adcf; }
body[data-theme-color="emerald"] { --ink: #102720; --muted: #5d766d; --paper: #f2faf6; --line: #d5e9df; --green: #087b59; --green-dark: #034834; --green-soft: #d9f4e7; --lime: #bff36b; --lime-hover: #d0fa88; --primary-rgb: 8, 123, 89; --accent-rgb: 191, 243, 107; --header-bg: rgba(242,250,246,.9); --hero-muted: #c0ddd0; --hero-muted-soft: #dfeee6; --hero-muted-dim: #8db4a3; }
body[data-theme-color="amber"] { --ink: #2d2110; --muted: #806f54; --paper: #fdf9ef; --line: #eee3c7; --green: #b87500; --green-dark: #684000; --green-soft: #fff0cd; --lime: #ffca58; --lime-hover: #ffd87b; --primary-rgb: 184, 117, 0; --accent-rgb: 255, 202, 88; --header-bg: rgba(253,249,239,.9); --hero-muted: #e7d5a9; --hero-muted-soft: #f6ead1; --hero-muted-dim: #bda77a; }
body[data-theme-color="ruby"] { --ink: #2b141b; --muted: #81656b; --paper: #fdf5f6; --line: #efdcdf; --green: #b72d4a; --green-dark: #65162b; --green-soft: #ffe1e7; --lime: #ffbc68; --lime-hover: #ffd18f; --primary-rgb: 183, 45, 74; --accent-rgb: 255, 188, 104; --header-bg: rgba(253,245,246,.9); --hero-muted: #e7c6cd; --hero-muted-soft: #f5e0e4; --hero-muted-dim: #bb8c98; }
body[data-theme-color="midnight"] { --ink: #111a2c; --muted: #65718a; --paper: #f3f5fb; --line: #dbe0ed; --green: #273e91; --green-dark: #111b4c; --green-soft: #e2e7ff; --lime: #88d8ff; --lime-hover: #a9e4ff; --primary-rgb: 39, 62, 145; --accent-rgb: 136, 216, 255; --header-bg: rgba(243,245,251,.9); --hero-muted: #c6cee7; --hero-muted-soft: #e2e6f3; --hero-muted-dim: #98a5c7; }
body[data-theme-color="sand"] { --ink: #2b2118; --muted: #7f6f61; --paper: #fbf7f2; --line: #ebdfd2; --green: #9c5d35; --green-dark: #56301d; --green-soft: #f8e7d7; --lime: #e8c66b; --lime-hover: #f1d586; --primary-rgb: 156, 93, 53; --accent-rgb: 232, 198, 107; --header-bg: rgba(251,247,242,.9); --hero-muted: #dfcbbc; --hero-muted-soft: #f0e4da; --hero-muted-dim: #b79c89; }
body[data-theme-color="mint"] { --ink: #132522; --muted: #627871; --paper: #f1faf7; --line: #d5e9e2; --green: #147c73; --green-dark: #064840; --green-soft: #d8f3ed; --lime: #c6f06a; --lime-hover: #d8f68a; --primary-rgb: 20, 124, 115; --accent-rgb: 198, 240, 106; --header-bg: rgba(241,250,247,.9); --hero-muted: #c4dfd8; --hero-muted-soft: #e0efeb; --hero-muted-dim: #95b8ae; }
body[data-theme-color="plum"] { --ink: #27182c; --muted: #78677e; --paper: #faf5fb; --line: #e9ddea; --green: #87478e; --green-dark: #4b2253; --green-soft: #f0e1f5; --lime: #e6e66d; --lime-hover: #eeee8e; --primary-rgb: 135, 71, 142; --accent-rgb: 230, 230, 109; --header-bg: rgba(250,245,251,.9); --hero-muted: #ddc9e2; --hero-muted-soft: #eee3f1; --hero-muted-dim: #af94b7; }
body[data-theme-color="sky"] { --ink: #10243a; --muted: #61778d; --paper: #f3f9fd; --line: #d7e7f1; --green: #2588c9; --green-dark: #145075; --green-soft: #dff2ff; --lime: #8ee9ff; --lime-hover: #acf0ff; --primary-rgb: 37,136,201; --accent-rgb: 142,233,255; --header-bg: rgba(243,249,253,.9); --hero-muted: #c6dfed; --hero-muted-soft: #e1eef5; --hero-muted-dim: #96b9cc; }
body[data-theme-color="navy"] { --ink: #111a2b; --muted: #647087; --paper: #f4f6fa; --line: #dce1ea; --green: #213f73; --green-dark: #102344; --green-soft: #e3e9f5; --lime: #f3c95a; --lime-hover: #f8d87e; --primary-rgb: 33,63,115; --accent-rgb: 243,201,90; --header-bg: rgba(244,246,250,.9); --hero-muted: #c8d0df; --hero-muted-soft: #e2e6ee; --hero-muted-dim: #98a5ba; }
body[data-theme-color="cyan"] { --ink: #102628; --muted: #607a7c; --paper: #f1fafa; --line: #d3e9e9; --green: #0097a7; --green-dark: #00545e; --green-soft: #d8f5f7; --lime: #94efda; --lime-hover: #aff5e4; --primary-rgb: 0,151,167; --accent-rgb: 148,239,218; --header-bg: rgba(241,250,250,.9); --hero-muted: #c0dfe1; --hero-muted-soft: #dceff0; --hero-muted-dim: #8fb8bc; }
body[data-theme-color="lime"] { --ink: #1e2712; --muted: #717d60; --paper: #f8fbf2; --line: #e1e9d4; --green: #648c24; --green-dark: #344d11; --green-soft: #eaf5d8; --lime: #c9ee55; --lime-hover: #d8f477; --primary-rgb: 100,140,36; --accent-rgb: 201,238,85; --header-bg: rgba(248,251,242,.9); --hero-muted: #d4e0c1; --hero-muted-soft: #e9f0df; --hero-muted-dim: #a9ba8d; }
body[data-theme-color="olive"] { --ink: #262718; --muted: #797861; --paper: #faf9f3; --line: #e7e3d6; --green: #777735; --green-dark: #42421d; --green-soft: #efefd9; --lime: #d8c966; --lime-hover: #e3d782; --primary-rgb: 119,119,53; --accent-rgb: 216,201,102; --header-bg: rgba(250,249,243,.9); --hero-muted: #dddbc4; --hero-muted-soft: #efeddf; --hero-muted-dim: #b4b190; }
body[data-theme-color="gold"] { --ink: #2b2214; --muted: #7f7058; --paper: #fdfaf2; --line: #eee4cf; --green: #a77b18; --green-dark: #5d430b; --green-soft: #fff1ce; --lime: #f5cf58; --lime-hover: #f9db79; --primary-rgb: 167,123,24; --accent-rgb: 245,207,88; --header-bg: rgba(253,250,242,.9); --hero-muted: #e5d7b4; --hero-muted-soft: #f3ead7; --hero-muted-dim: #bba77d; }
body[data-theme-color="orange"] { --ink: #2c1c13; --muted: #816c60; --paper: #fdf7f3; --line: #eedfd6; --green: #d46a21; --green-dark: #77370f; --green-soft: #ffeadb; --lime: #ffd05c; --lime-hover: #ffdc7e; --primary-rgb: 212,106,33; --accent-rgb: 255,208,92; --header-bg: rgba(253,247,243,.9); --hero-muted: #e8cdbc; --hero-muted-soft: #f5e4da; --hero-muted-dim: #be9983; }
body[data-theme-color="coral"] { --ink: #2c1919; --muted: #816a69; --paper: #fdf6f5; --line: #efddda; --green: #d85d58; --green-dark: #7a2c2a; --green-soft: #ffe5e2; --lime: #ffd36b; --lime-hover: #ffdf89; --primary-rgb: 216,93,88; --accent-rgb: 255,211,107; --header-bg: rgba(253,246,245,.9); --hero-muted: #e9c9c6; --hero-muted-soft: #f5e1df; --hero-muted-dim: #bf9490; }
body[data-theme-color="magenta"] { --ink: #2b1525; --muted: #80677a; --paper: #fcf5fa; --line: #ecdae7; --green: #bd3d91; --green-dark: #681e50; --green-soft: #f9e0f1; --lime: #f1d35f; --lime-hover: #f6df80; --primary-rgb: 189,61,145; --accent-rgb: 241,211,95; --header-bg: rgba(252,245,250,.9); --hero-muted: #e3c7db; --hero-muted-soft: #f2dfed; --hero-muted-dim: #b78fac; }
body[data-theme-color="lavender"] { --ink: #221b30; --muted: #726a81; --paper: #f8f6fc; --line: #e4dff0; --green: #8b6cc3; --green-dark: #4c376e; --green-soft: #eee7fa; --lime: #d9ec72; --lime-hover: #e3f18e; --primary-rgb: 139,108,195; --accent-rgb: 217,236,114; --header-bg: rgba(248,246,252,.9); --hero-muted: #d8cee7; --hero-muted-soft: #ece7f4; --hero-muted-dim: #ab9bbf; }
body[data-theme-color="coffee"] { --ink: #281f1a; --muted: #786c65; --paper: #faf7f5; --line: #e7dfda; --green: #795548; --green-dark: #422e27; --green-soft: #efe4df; --lime: #d8bd74; --lime-hover: #e2ca8f; --primary-rgb: 121,85,72; --accent-rgb: 216,189,116; --header-bg: rgba(250,247,245,.9); --hero-muted: #d9ccc5; --hero-muted-soft: #ece4df; --hero-muted-dim: #ad9a90; }
body[data-theme-color="silver"] { --ink: #182027; --muted: #6c777f; --paper: #f6f7f8; --line: #dde2e5; --green: #657985; --green-dark: #34454f; --green-soft: #e8edef; --lime: #c5e06d; --lime-hover: #d2e98a; --primary-rgb: 101,121,133; --accent-rgb: 197,224,109; --header-bg: rgba(246,247,248,.9); --hero-muted: #cfd6da; --hero-muted-soft: #e6eaec; --hero-muted-dim: #a3afb5; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header { position: relative; z-index: 10; background: var(--header-bg); border-bottom: 1px solid rgba(20,34,29,.08); backdrop-filter: blur(16px); }
.nav-wrap { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 800; line-height: 1; letter-spacing: -.5px; }
.brand > span:last-child span { color: var(--green); }
.brand-name { color: var(--ink); }
.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; color: var(--lime); background: var(--green-dark); font-size: 18px; }
.nav-links { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; }
.nav-links > a, .nav-button { padding: 9px 13px; color: var(--muted); border: 0; border-radius: 9px; background: transparent; }
.nav-links > a:hover, .nav-links > a.active, .nav-button:hover { color: var(--ink); background: rgba(var(--primary-rgb),.08); }
.nav-login { margin-left: 5px; color: white !important; background: var(--green) !important; }
.nav-links form { margin: 0; }

.search-hero { position: relative; min-height: 525px; display: grid; place-items: center; overflow: hidden; background: var(--green-dark); color: white; }
.search-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; background: radial-gradient(circle at 15% 20%, var(--lime) 0 1px, transparent 2px) 0 0/27px 27px; mask-image: linear-gradient(to right, black, transparent 72%); }
.search-hero::after { content: ""; position: absolute; width: 560px; height: 560px; right: -180px; top: -260px; border: 100px solid rgba(var(--accent-rgb),.08); border-radius: 50%; }
.hero-inner { position: relative; z-index: 1; text-align: center; padding-block: 78px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--green); font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.search-hero .eyebrow { color: var(--lime); }
.eyebrow::before { content: ""; width: 18px; height: 2px; background: currentColor; }
.search-hero h1 { max-width: 790px; margin: 17px auto 18px; font: 800 clamp(38px, 6vw, 68px)/1.05 "Manrope", sans-serif; letter-spacing: -3px; }
.search-hero h1 em { color: var(--lime); font-style: normal; }
.hero-copy { max-width: 650px; margin: 0 auto 34px; color: var(--hero-muted); font-size: 18px; }
.search-form { width: min(780px, 100%); min-height: 70px; margin: 0 auto; padding: 8px; display: flex; align-items: center; gap: 8px; background: var(--white); border: 1px solid rgba(255,255,255,.7); border-radius: 18px; box-shadow: 0 25px 65px rgba(0,0,0,.25); }
.search-icon { flex: 0 0 auto; width: 19px; height: 19px; margin-left: 16px; border: 2px solid #75827d; border-radius: 50%; position: relative; }
.search-icon::after { content: ""; position: absolute; width: 8px; height: 2px; background: #75827d; right: -6px; bottom: -3px; transform: rotate(45deg); border-radius: 2px; }
.search-form input { min-width: 0; flex: 1; height: 52px; padding: 0 12px; color: var(--ink); border: 0; outline: 0; background: transparent; font-size: 16px; }
.search-form button { align-self: stretch; padding: 0 25px; color: var(--green-dark); border: 0; border-radius: 12px; background: var(--lime); font-weight: 800; transition: transform .18s, background .18s; }
.search-form button:hover { background: var(--lime-hover); transform: translateY(-1px); }
.quick-searches { margin-top: 24px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--hero-muted-dim); font-size: 13px; }
.quick-searches a { padding: 5px 10px; color: var(--hero-muted-soft); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; }
.hero-error { color: #ffd5ce !important; }
.search-suggestion { margin: 13px 0 0; color: var(--hero-muted); font-size: 13px; }
.search-suggestion a { color: var(--lime); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.search-suggestion a:hover { color: white; }
.search-mode-tabs { width: fit-content; margin: 15px auto 0; padding: 4px; display: flex; gap: 4px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(0,0,0,.12); }
.search-mode-tabs a { min-width: 72px; padding: 6px 13px; color: var(--hero-muted); border-radius: 999px; font-size: 11px; font-weight: 800; text-align: center; }
.search-mode-tabs a.active { color: var(--green-dark); background: var(--lime); }
.search-hero.compact { min-height: 190px; }
.search-hero.compact .hero-inner { padding-block: 46px; }

body[data-search-custom-colors="1"] .result-card h3 a { color: var(--search-result-title-color); }
body[data-search-custom-colors="1"] .result-card h3 a:hover { filter: brightness(.82); }
body[data-search-custom-colors="1"] .search-hero .search-form button { color: var(--home-search-button-text-color); }

.feature-strip { padding: 70px 0 90px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.feature-grid article { padding: 27px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.55); }
.feature-grid article > span { color: var(--green); font-weight: 800; font-size: 12px; letter-spacing: 1px; }
.feature-grid h2 { margin: 32px 0 8px; font: 700 20px "Manrope", sans-serif; }
.feature-grid p { margin: 0; color: var(--muted); font-size: 14px; }

.results-section { padding: 48px 0 90px; }
.results-layout { display: grid; grid-template-columns: minmax(0, 1fr) 255px; gap: 46px; align-items: start; }
.results-layout > *, .results-main, .search-aside { min-width: 0; }
.results-layout.single { width: min(900px, calc(100% - 40px)); grid-template-columns: minmax(0, 1fr); }
.results-meta { margin-bottom: 24px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.results-meta span { color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.results-meta h2 { margin: 3px 0 0; font: 700 25px "Manrope", sans-serif; letter-spacing: -.5px; }
.results-meta p { margin: 0; color: var(--muted); font-size: 13px; }
.result-card { min-width: 0; max-width: 100%; margin-bottom: 14px; padding: 24px 26px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--white); transition: border-color .18s, transform .18s, box-shadow .18s; }
.result-card:hover { border-color: #a6bfb4; transform: translateY(-2px); box-shadow: var(--shadow); }
.result-topline { display: flex; align-items: center; gap: 8px; }
.result-domain { min-width: 0; margin-right: auto; overflow: hidden; color: var(--green); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.badge { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; }
.badge.featured { color: var(--amber); background: var(--amber-soft); }
.badge.custom-result-label { color: var(--label-color); background: var(--label-bg); }
.badge.provider { color: var(--green); background: var(--green-soft); }
.result-card h3 { min-width: 0; margin: 11px 0 7px; overflow-wrap: anywhere; font: 700 21px/1.35 "Manrope", sans-serif; letter-spacing: -.3px; }
.result-card h3 a { overflow-wrap: anywhere; text-transform: capitalize; }
.result-card h3 a:hover { color: var(--green); }
.result-card > p { min-width: 0; margin: 0; color: #596963; overflow-wrap: anywhere; font-size: 14px; text-transform: lowercase; }
.result-card > p::first-letter { text-transform: uppercase; }
.result-footer { min-width: 0; margin-top: 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #87948f; font-size: 11px; }
.result-url { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.score { flex: 0 0 auto; font-weight: 700; }
.search-aside { display: grid; gap: 12px; position: sticky; top: 24px; }
.aside-card { padding: 22px; color: white; background: var(--green-dark); border-radius: 16px; }
.aside-label { color: #a8beb4; font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.aside-card strong { display: block; margin: 8px 0; color: var(--lime); font: 800 25px "Manrope", sans-serif; }
.aside-card p { margin: 0; color: #bdcec7; font-size: 12px; }
.aside-card code { color: white; }
.aside-link { padding: 15px 17px; display: flex; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 13px; background: white; color: var(--green); font-size: 13px; font-weight: 700; }
.empty-state { padding: 60px 24px; text-align: center; border: 1px dashed #bbc9c3; border-radius: var(--radius); background: rgba(255,255,255,.45); }
.empty-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 17px; color: var(--green); background: var(--green-soft); border-radius: 50%; font: 800 22px "Manrope", sans-serif; }
.empty-state h2 { margin: 0 0 7px; font: 700 22px "Manrope", sans-serif; }
.empty-state p { margin: 0 0 20px; color: var(--muted); }
.error-state .empty-icon { color: var(--red); background: var(--red-soft); }

.image-results-section { min-height: 520px; padding: 45px 0 90px; }
.image-results-meta { margin-bottom: 22px; }
.image-source-warning { margin: 0 0 18px; padding: 12px 14px; color: var(--amber); border: 1px solid #ecd797; border-radius: 10px; background: var(--amber-soft); font-size: 11px; font-weight: 700; }
.image-result-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; align-items: start; }
.image-result-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--white); transition: transform .18s, border-color .18s, box-shadow .18s; }
.image-result-card:hover { border-color: #a6bfb4; transform: translateY(-3px); box-shadow: var(--shadow); }
.image-result-card.manual { border-color: rgba(var(--primary-rgb),.42); box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb),.08); }
.image-result-card > a { display: block; }
.image-result-media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--green-soft); }
.image-result-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .28s; }
.image-result-media.is-broken::before { content: "▧"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--green); font-size: 27px; }
.image-result-media.is-broken::after { content: "Pratinjau tidak tersedia"; position: absolute; left: 50%; top: calc(50% + 29px); color: var(--muted); font-size: 8px; font-weight: 700; transform: translateX(-50%); white-space: nowrap; }
.image-result-card:hover img { transform: scale(1.035); }
.image-position { position: absolute; top: 10px; left: 10px; min-width: 27px; height: 27px; padding: 0 6px; display: grid; place-items: center; color: white; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; background: rgba(20,34,29,.78); backdrop-filter: blur(7px); font-size: 10px; font-weight: 900; }
.image-choice-badge { position: absolute; top: 10px; right: 10px; padding: 5px 8px; color: #6f4800; border-radius: 999px; background: var(--amber-soft); box-shadow: 0 4px 12px rgba(0,0,0,.1); font-size: 8px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; }
.image-result-copy { min-height: 94px; padding: 13px 14px 15px; display: grid; align-content: start; gap: 8px; }
.image-result-copy > strong { display: -webkit-box; overflow: hidden; color: var(--ink); font: 700 13px/1.45 "Manrope", sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.image-result-source { min-width: 0; display: flex; align-items: center; gap: 7px; }
.image-result-source b { flex: 0 0 auto; padding: 3px 6px; color: var(--green); border-radius: 6px; background: var(--green-soft); font-size: 7px; letter-spacing: .5px; }
.image-result-source small { min-width: 0; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.image-result-footnote { margin: 20px 0 0; color: var(--muted); font-size: 10px; text-align: center; }

.button { display: inline-flex; min-height: 43px; padding: 0 17px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 10px; font-weight: 700; font-size: 13px; }
.button.primary { color: white; background: var(--green); }
.button.primary:hover { background: var(--green-dark); }
.button.secondary { color: var(--green); border-color: #b8cec4; background: white; }
.button.ghost { color: var(--muted); border-color: var(--line); background: transparent; }
.button.full { width: 100%; }

.auth-page { min-height: calc(100vh - 145px); padding: 65px 20px; display: grid; place-items: center; background: radial-gradient(circle at 50% 15%, #dcefe5, transparent 43%); }
.auth-card { width: min(465px, 100%); padding: 42px; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow); }
.auth-card h1 { margin: 12px 0 8px; font: 800 30px "Manrope", sans-serif; letter-spacing: -1px; }
.auth-card > p { margin: 0 0 28px; color: var(--muted); }
.stack-form { display: grid; gap: 18px; }
.field { display: grid; gap: 7px; }
.field label { font-size: 13px; font-weight: 700; }
.field input, .field textarea, .field select { width: 100%; padding: 12px 13px; color: var(--ink); border: 1px solid var(--line); border-radius: 11px; background: white; outline: 0; transition: border-color .15s, box-shadow .15s; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(var(--primary-rgb),.1); }
.field small { color: var(--muted); font-size: 11px; }
.field-error { color: var(--red); font-size: 12px; }
.check-row { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }
.check-row input, .option-card input { accent-color: var(--green); }

.dashboard-shell { padding-block: 35px 80px; display: grid; grid-template-columns: 225px minmax(0, 1fr); gap: 34px; align-items: start; }
.dashboard-sidebar { position: sticky; top: 25px; padding: 20px 14px 14px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.sidebar-label { display: block; padding: 0 10px 11px; color: #8a9691; font-size: 9px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; }
.dashboard-sidebar nav { display: grid; gap: 3px; }
.dashboard-sidebar nav a { padding: 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 9px; color: var(--muted); font-size: 13px; font-weight: 600; }
.dashboard-sidebar nav a b { font-weight: 500; }
.dashboard-sidebar nav a:hover, .dashboard-sidebar nav a.active { color: var(--green-dark); background: var(--green-soft); }
.sidebar-user { margin-top: 24px; padding: 13px 8px 2px; display: flex; align-items: center; gap: 9px; border-top: 1px solid var(--line); }
.sidebar-user > span { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: var(--green-dark); background: var(--lime); border-radius: 9px; font-weight: 800; }
.sidebar-user div { min-width: 0; display: grid; }
.sidebar-user strong, .sidebar-user small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong { font-size: 11px; }
.sidebar-user small { color: var(--muted); font-size: 9px; }
.dashboard-content { min-width: 0; }
.page-heading { min-height: 102px; margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.page-heading h1 { margin: 7px 0 4px; font: 800 31px "Manrope", sans-serif; letter-spacing: -1px; }
.page-heading p { margin: 0; color: var(--muted); font-size: 14px; }
.heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.section-heading { margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.section-heading h2 { margin: 0 0 3px; font: 800 18px "Manrope", sans-serif; }
.section-heading p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.index-group-overview { margin-bottom: 30px; }
.index-single-heading { margin-top: 6px; }
.stat-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.stat-grid article { min-height: 145px; padding: 20px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 14px; background: white; }
.stat-grid article > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.stat-grid article strong { margin: auto 0 4px; font: 800 31px "Manrope", sans-serif; }
.stat-grid article small { color: #8b9892; font-size: 10px; }
.stat-grid .provider-stat { color: white; border-color: var(--green-dark); background: var(--green-dark); }
.stat-grid .provider-stat > span, .stat-grid .provider-stat small { color: #afc4bb; }
.stat-grid .provider-stat strong { color: var(--lime); font-size: 24px; }
.panel { border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 8px 30px rgba(20,34,29,.035); overflow: hidden; }
.panel-heading { padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.panel-heading h2 { margin: 0; font: 700 17px "Manrope", sans-serif; }
.panel-heading p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.panel-heading > a { color: var(--green); font-size: 12px; font-weight: 700; }
.dashboard-panel-stack { display: grid; gap: 22px; }
.range-filter { display: flex; align-items: end; gap: 7px; }
.range-filter label { display: grid; gap: 4px; color: #8a9691; font-size: 9px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; }
.range-filter select { min-width: 150px; padding: 8px 30px 8px 10px; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: white; font-family: inherit; font-size: 11px; font-weight: 600; }
.range-filter button { padding: 9px 12px; color: white; border: 0; border-radius: 8px; background: var(--green); font-size: 10px; font-weight: 800; }
.rank-number { width: 25px; height: 25px; display: grid; place-items: center; color: var(--green-dark); background: var(--green-soft); border-radius: 7px; font-weight: 800; }
.popular-keyword-link { color: var(--ink); font-weight: 700; }
.popular-keyword-link:hover { color: var(--green); }
.popularity-cell { min-width: 150px; }
.popularity-track { width: 100%; height: 7px; display: block; overflow: hidden; border-radius: 999px; background: #edf2ef; }
.popularity-track > span { height: 100%; display: block; border-radius: inherit; background: var(--lime); }
.popular-search-page { min-height: calc(100vh - 150px); }
.popular-search-hero { padding: 70px 0 110px; color: white; background: linear-gradient(135deg, var(--green-dark), var(--green)); }
.popular-search-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.popular-search-heading h1 { max-width: 720px; margin: 12px 0 8px; font: 800 clamp(35px, 5vw, 62px)/1.05 "Manrope", sans-serif; letter-spacing: -2px; }
.popular-search-heading p { max-width: 670px; margin: 0; color: rgba(255,255,255,.78); font-size: 15px; }
.popular-search-heading .eyebrow { color: var(--lime); }
.popular-range-filter { padding: 13px; flex-shrink: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(255,255,255,.1); }
.popular-range-filter label { color: rgba(255,255,255,.75); }
.popular-range-filter button { color: var(--green-dark); background: var(--lime); }
.popular-search-content { margin-top: -60px; padding-bottom: 80px; position: relative; }
.popular-search-summary { margin-bottom: 16px; padding: 24px 26px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: var(--shadow); }
.popular-search-summary span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.popular-search-summary h2 { margin: 4px 0 0; font: 800 23px "Manrope", sans-serif; }
.popular-search-summary p { max-width: 520px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; text-align: right; }
.popular-search-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.popular-search-card { min-width: 0; padding: 20px 20px 17px; position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; overflow: hidden; color: var(--ink); border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 12px 35px rgba(20,34,29,.05); transition: transform .18s ease, border-color .18s ease; }
.popular-search-card:hover { transform: translateY(-2px); border-color: var(--green); }
.popular-search-rank { width: 34px; height: 34px; display: grid; place-items: center; color: var(--green-dark); border-radius: 10px; background: var(--green-soft); font-weight: 900; }
.popular-search-copy { min-width: 0; }
.popular-search-copy h3 { margin: 0; overflow: hidden; text-overflow: ellipsis; color: var(--ink); font: 800 16px "Manrope", sans-serif; white-space: nowrap; }
.popular-search-copy p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.popular-search-arrow { color: var(--green); font-size: 20px; font-weight: 800; }
.popular-search-card > .popularity-track { height: 4px; position: absolute; right: 0; bottom: 0; left: 0; border-radius: 0; }
.popular-segment-badge { width: fit-content; margin-top: 8px; padding: 4px 7px; display: inline-flex; color: #9b6400; border-radius: 999px; background: #fff0c9; font-size: 8px; font-weight: 900; letter-spacing: .4px; text-transform: uppercase; }
.popular-search-empty { grid-column: 1 / -1; border: 1px solid var(--line); border-radius: 14px; background: white; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th { padding: 12px 16px; color: #84918c; background: #f9faf8; text-align: left; font-size: 9px; letter-spacing: .8px; text-transform: uppercase; }
td { padding: 15px 16px; border-top: 1px solid #edf1ee; color: #56655f; vertical-align: middle; }
td strong { color: var(--ink); }
.content-cell { max-width: 350px; }
.content-cell strong, .content-cell small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content-cell small { margin-top: 2px; color: #87938e; }
.align-right { text-align: right; }
.actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; white-space: nowrap; vertical-align: middle; }
.actions a, .actions button { min-height: 28px; padding: 5px 7px; display: inline-flex; align-items: center; color: var(--green); border: 0; background: transparent; font-weight: 700; font-size: 11px; line-height: 1; }
.actions button { color: var(--red); }
.actions form { margin: 0; display: inline-flex; align-items: center; }
.keyword-list { display: flex; flex-wrap: wrap; gap: 6px; }
.keyword-chip { padding: 4px 8px; color: #4d5c56; background: #eef2ef; border-radius: 7px; font-weight: 600; white-space: nowrap; }
.index-group-keywords { max-width: 360px; flex-wrap: nowrap; overflow: hidden; cursor: help; }
.index-group-keywords .keyword-chip { max-width: 112px; overflow: hidden; text-overflow: ellipsis; }
.index-group-keywords .keyword-more { color: var(--green-dark); background: var(--green-soft); }
.badge.random { color: #285ec3; background: #e6efff; }
.fixed-position-badge { min-width: 31px; height: 27px; padding: 0 8px; display: inline-grid; place-items: center; color: var(--green-dark); border-radius: 8px; background: var(--green-soft); font-size: 10px; font-weight: 900; }
.muted-copy { color: var(--muted); font-size: 10px; }
.segment-table { min-width: 820px; table-layout: fixed; }
.segment-table th, .segment-table td { padding-inline: 12px; }
.segment-col-name { width: 14%; }
.segment-col-keywords { width: 31%; }
.segment-col-country { width: 18%; }
.segment-col-show { width: 13%; }
.segment-col-status { width: 11%; }
.segment-col-actions { width: 13%; }
.segment-name-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.segment-country-cell .global-country-summary { margin-top: 0; }
.segment-show-cell, .segment-status-cell, .segment-table .actions { white-space: nowrap; }
.segment-priority-cell .badge + .badge { margin-left: 4px; }
.segment-keyword-preview { min-width: 0; align-items: flex-start; flex-wrap: nowrap; }
.segment-keyword-preview { cursor: help; }
.segment-keyword-preview > .keyword-chip { max-width: 150px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; }
.status { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 800; text-transform: capitalize; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status.success { color: var(--green); }
.status.error { color: var(--red); }
.status.muted { color: #8a9691; }
.table-empty { padding: 45px; text-align: center; color: var(--muted); }
.panel-pagination { padding: 0 20px 20px; }

.form-panel { padding: 26px; }
.form-grid { display: grid; grid-template-columns: 1fr 190px; gap: 20px; }
.span-2 { grid-column: span 2; }
.index-group-form-grid { grid-template-columns: minmax(0, 1fr) minmax(210px, 250px); }
.index-group-status-option { grid-template-columns: 1fr; }
.index-group-domain-panel { margin-top: 24px; padding: 25px 0 0; }
.index-group-domain-panel > .section-heading { padding: 0 25px 20px; }
.index-group-context { min-width: 0; padding: 15px 17px; display: grid; align-content: center; gap: 3px; border: 1px solid var(--line); border-radius: 11px; background: var(--green-soft); }
.index-group-context .eyebrow { margin: 0; font-size: 8px; }
.index-group-context strong { overflow: hidden; text-overflow: ellipsis; font-size: 15px; white-space: nowrap; }
.index-group-context small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.optional-label { margin-left: 5px; color: var(--muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.segment-form-grid { grid-template-columns: minmax(0, 1fr) minmax(240px, 280px); column-gap: 28px; row-gap: 26px; align-items: start; }
.segment-form-grid > .field { min-width: 0; }
.segment-form-grid .span-2 { margin-top: 2px; }
.segment-form-grid textarea { min-height: 150px; resize: vertical; }
.segment-form-grid .field small { max-width: 100%; line-height: 1.6; }
.option-grid { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.option-card { padding: 15px; display: flex; align-items: flex-start; gap: 11px; border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }
.option-card input { margin-top: 4px; }
.option-card span { display: grid; }
.option-card strong { font-size: 12px; }
.option-card small { color: var(--muted); font-size: 10px; }
.settings-intro { margin-bottom: 26px; }
.settings-intro h2 { margin: 0 0 4px; font: 700 18px "Manrope", sans-serif; }
.settings-intro p { margin: 0; color: var(--muted); font-size: 12px; }
.settings-list { margin-bottom: 32px; display: grid; gap: 16px; }
.settings-list .option-card { min-height: 82px; padding: 18px 20px; align-items: center; }
.settings-list .option-card input { width: 18px; height: 18px; margin: 0; }
.settings-list .option-card strong { font-size: 13px; }
.settings-notice, .production-rule { padding: 15px 17px; border-radius: 11px; }
.settings-notice { margin-bottom: 20px; color: var(--amber); border: 1px solid #ecd797; background: var(--amber-soft); font-size: 12px; font-weight: 700; }
.production-rule { margin-top: 0; padding: 20px; color: var(--muted); border: 1px solid var(--line); background: #f8faf8; font-size: 11px; }
.production-rule strong { color: var(--ink); }
.production-rule p { margin: 3px 0 0; }
.production-rule code { color: var(--green-dark); font-weight: 700; }
.production-rule + .form-actions { margin-top: 30px; }
.settings-domain-blacklist { margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--line); }
.settings-domain-blacklist textarea { min-height: 125px; resize: vertical; }
.settings-domain-blacklist code, .settings-blacklist-warning code { color: var(--green-dark); font-weight: 800; }
.settings-blacklist-warning { margin-top: 14px; padding: 13px 15px; color: var(--amber); border: 1px solid #ecd797; border-radius: 10px; background: var(--amber-soft); font-size: 10px; }
.settings-blacklist-warning strong { color: var(--amber); }
.settings-blacklist-warning p { margin: 2px 0 0; }
.settings-blacklist-warning code { color: inherit; }
.keyword-domain-blacklist-panel { margin-top: 24px; }
.keyword-blacklist-create { margin-top: 24px; padding: 22px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }
.keyword-blacklist-create textarea, .keyword-blacklist-rule textarea { min-height: 92px; resize: vertical; }
.compact-option { margin-top: 18px; }
.keyword-blacklist-list { display: grid; gap: 14px; margin-top: 26px; padding-top: 25px; border-top: 1px solid var(--line); }
.keyword-blacklist-rule { position: relative; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }
.keyword-blacklist-fields { display: grid; grid-template-columns: minmax(260px,.85fr) minmax(360px,1.15fr); gap: 16px; padding-right: 60px; }
.keyword-blacklist-actions { display: flex; align-items: center; justify-content: flex-end; gap: 13px; margin-top: 15px; }
.keyword-blacklist-delete { position: absolute; right: 20px; top: 20px; }
.keyword-blacklist-delete button { padding: 0; color: var(--danger); border: 0; background: transparent; font: 800 10px/1 "Manrope", sans-serif; cursor: pointer; }
.empty-inline { margin-top: 24px; padding: 20px; color: var(--muted); border: 1px dashed var(--line); border-radius: 12px; text-align: center; }
.image-module-settings { margin-bottom: 16px; padding: 22px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, .8fr); gap: 28px; align-items: center; }
.image-module-copy h2 { margin: 8px 0 4px; font: 800 20px "Manrope", sans-serif; }
.image-module-copy p { margin: 0; max-width: 560px; color: var(--muted); font-size: 11px; }
.image-module-copy > small { margin-top: 8px; display: block; color: var(--amber); font-size: 10px; }
.module-state { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: 8px; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; }
.module-state.on { color: var(--green); background: var(--green-soft); }
.module-state.off { color: var(--red); background: var(--red-soft); }
.image-module-options { display: grid; gap: 8px; }
.image-module-options label { padding: 10px 12px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid var(--line); border-radius: 9px; background: #fafbf9; cursor: pointer; }
.image-module-options input { margin-top: 3px; accent-color: var(--green); }
.image-module-options span { display: grid; }
.image-module-options strong { font-size: 10px; }
.image-module-options small { color: var(--muted); font-size: 8px; }
.image-module-options .button { justify-self: end; min-height: 36px; font-size: 10px; }
.image-index-summary { margin-bottom: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.image-index-summary article { padding: 14px 16px; display: grid; border: 1px solid var(--line); border-radius: 11px; background: var(--white); }
.image-index-summary span, .image-index-summary small { color: var(--muted); font-size: 8px; }
.image-index-summary strong { font: 800 18px "Manrope", sans-serif; }
.image-index-cell { min-width: 220px; display: flex; align-items: center; gap: 10px; }
.image-index-cell img { flex: 0 0 58px; width: 58px; height: 44px; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: var(--green-soft); }
.image-index-cell span { min-width: 0; display: grid; }
.image-index-cell strong, .image-index-cell small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.image-index-cell small { max-width: 210px; color: var(--muted); font-size: 8px; }
.image-index-form-grid { grid-template-columns: minmax(0, 1fr) 220px; }
.image-active-option { grid-template-columns: 1fr; }
.site-settings-form { display: grid; gap: 22px; }
.settings-section { overflow: visible; }
.settings-section .settings-intro { display: flex; align-items: flex-start; gap: 13px; }
.settings-step { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: var(--green-dark); background: var(--green-soft); border-radius: 9px; font-size: 10px; font-weight: 800; }
.appearance-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.appearance-fieldset + .appearance-fieldset { margin-top: 26px; padding-top: 25px; border-top: 1px solid var(--line); }
.appearance-fieldset legend { margin-bottom: 12px; color: var(--ink); font-size: 13px; font-weight: 800; }
.template-choice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.template-choice, .palette-choice { position: relative; cursor: pointer; }
.template-choice > input, .palette-choice > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.template-choice { min-width: 0; padding: 10px; display: grid; gap: 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--white); transition: border-color .16s, box-shadow .16s, transform .16s; }
.template-choice:hover, .palette-choice:hover { transform: translateY(-1px); }
.template-choice:has(input:checked), .palette-choice:has(input:checked) { border-color: var(--green); box-shadow: 0 0 0 2px rgba(var(--primary-rgb),.12); }
.template-choice:focus-within, .palette-choice:focus-within { outline: 3px solid rgba(var(--primary-rgb),.16); outline-offset: 2px; }
.template-preview { position: relative; height: 76px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); }
.template-preview i, .template-preview b, .template-preview em, .template-preview small { position: absolute; display: block; }
.template-preview i { inset: 0 0 auto; height: 25px; background: var(--green-dark); }
.template-preview b { width: 42%; height: 7px; left: 9px; top: 9px; border-radius: 5px; background: var(--lime); }
.template-preview em, .template-preview small { top: 36px; bottom: 9px; border-radius: 5px; background: var(--white); border: 1px solid var(--line); }
.template-preview em { left: 9px; width: 56%; }
.template-preview small { left: calc(56% + 15px); right: 9px; }
.preview-minimal { border-radius: 3px; background: var(--white); }
.preview-minimal i { height: 18px; background: var(--white); border-bottom: 1px solid var(--green); }
.preview-minimal b { width: 32%; height: 3px; top: 7px; border-radius: 0; background: var(--green); }
.preview-minimal em, .preview-minimal small { top: 28px; border-radius: 1px; box-shadow: none; }
.preview-editorial { border-radius: 2px; background: var(--white); }
.preview-editorial i { inset: 7px 7px auto; height: 22px; background: var(--paper); border-left: 4px solid var(--green); }
.preview-editorial b { width: 45%; top: 14px; left: 17px; background: var(--ink); }
.preview-editorial em { top: 38px; width: 67%; border-radius: 0; border-left: 3px solid var(--green); }
.preview-editorial small { display: none; }
.preview-glass { background: linear-gradient(135deg, var(--green-dark), var(--green)); }
.preview-glass i { background: rgba(255,255,255,.12); }
.preview-glass b { background: var(--lime); }
.preview-glass em, .preview-glass small { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.72); backdrop-filter: blur(4px); }
.preview-aurora { background: radial-gradient(circle at 14% 20%, var(--lime), transparent 29%), linear-gradient(135deg, var(--green-dark), var(--green)); }
.preview-aurora i { height: 20px; background: rgba(255,255,255,.12); }
.preview-aurora b { width: 52%; background: white; }
.preview-aurora em, .preview-aurora small { border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.77); border-radius: 14px; }
.preview-classic { border-radius: 1px; background: #fffdf8; }
.preview-classic i { height: 21px; background: var(--green-dark); }
.preview-classic b { top: 8px; width: 33%; border-radius: 0; background: var(--lime); }
.preview-classic em, .preview-classic small { top: 35px; border-radius: 0; box-shadow: 0 2px 0 var(--green-soft); }
.preview-bold { background: var(--green-dark); }
.preview-bold i { height: 29px; background: var(--green); }
.preview-bold b { width: 46%; height: 9px; top: 10px; border-radius: 0; background: var(--lime); }
.preview-bold em { top: 42px; background: white; border: 0; border-left: 5px solid var(--lime); border-radius: 0; }
.preview-bold small { top: 42px; background: transparent; border: 1px solid rgba(255,255,255,.45); border-radius: 0; }
.preview-soft { background: var(--green-soft); border-radius: 16px; }
.preview-soft i { height: 22px; background: rgba(var(--primary-rgb),.14); }
.preview-soft em, .preview-soft small { border: 0; border-radius: 13px; box-shadow: 0 5px 12px rgba(var(--primary-rgb),.08); }
.preview-bento em { width: 38%; }
.preview-bento small { left: calc(38% + 15px); }
.preview-bento em, .preview-bento small { border-radius: 10px; background: var(--green-soft); }
.preview-capsule, .preview-capsule i, .preview-capsule em, .preview-capsule small { border-radius: 999px; }
.preview-corporate { border-radius: 3px; }
.preview-corporate i { height: 19px; }
.preview-corporate em, .preview-corporate small { top: 31px; border-radius: 3px; border-top: 3px solid var(--green); }
.preview-retro { border: 2px solid var(--ink); border-radius: 2px; box-shadow: 4px 4px 0 var(--lime); }
.preview-retro em, .preview-retro small { border: 2px solid var(--ink); border-radius: 1px; }
.preview-magazine { background: var(--white); }
.preview-magazine i { width: 42%; height: 100%; background: var(--green-dark); }
.preview-magazine b { left: 7px; width: 29%; }
.preview-magazine em { display: none; }
.preview-magazine small { left: 49%; top: 11px; bottom: 11px; }
.preview-contrast { background: var(--ink); border-color: var(--ink); }
.preview-contrast i { background: var(--lime); }
.preview-contrast b { background: var(--ink); }
.preview-contrast em, .preview-contrast small { border-color: white; background: white; }
.preview-rounded, .preview-rounded em, .preview-rounded small { border-radius: 22px; }
.preview-compact { height: 76px; }
.preview-compact i { height: 16px; }
.preview-compact b { top: 5px; height: 5px; }
.preview-compact em, .preview-compact small { top: 24px; bottom: 6px; }
.preview-spotlight { background: radial-gradient(circle at 50% 30%, var(--green), var(--green-dark)); }
.preview-spotlight i { background: transparent; }
.preview-spotlight b { left: 29%; width: 42%; top: 17px; background: var(--lime); }
.preview-spotlight em { left: 22%; width: 56%; top: 37px; }
.preview-spotlight small { display: none; }
.preview-outline { background: var(--white); }
.preview-outline i { background: transparent; border-bottom: 1px solid var(--green); }
.preview-outline em, .preview-outline small { background: transparent; border: 2px solid var(--green); }
.preview-gradient { background: linear-gradient(135deg, var(--green-dark), var(--green), var(--lime)); }
.preview-gradient i { background: rgba(255,255,255,.18); }
.preview-gradient em, .preview-gradient small { border: 0; background: rgba(255,255,255,.82); }
.preview-mono { filter: grayscale(1); background: #f5f5f5; }
.preview-mono i { background: #222; }
.preview-mono b { background: #ddd; }
.preview-mono em, .preview-mono small { border-color: #aaa; }
.template-choice-copy { min-width: 0; display: grid; gap: 2px; }
.template-choice-copy strong { font-size: 12px; }
.template-choice-copy small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.choice-check { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; display: grid; place-items: center; color: white; background: var(--green); border: 2px solid var(--white); border-radius: 50%; opacity: 0; transform: scale(.7); transition: opacity .16s, transform .16s; font-size: 9px; font-weight: 900; }
.template-choice:has(input:checked) .choice-check, .palette-choice:has(input:checked) .choice-check { opacity: 1; transform: scale(1); }
.palette-choice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.palette-choice { min-width: 0; min-height: 58px; padding: 10px 32px 10px 11px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); transition: border-color .16s, box-shadow .16s, transform .16s; }
.palette-choice strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.palette-swatches { flex: 0 0 54px; height: 28px; display: flex; align-items: center; }
.palette-swatches i, .palette-swatches b, .palette-swatches em { width: 25px; height: 25px; margin-right: -9px; display: block; border: 2px solid white; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.palette-swatches i { z-index: 3; background: var(--palette-main); }
.palette-swatches b { z-index: 2; background: var(--palette-dark); }
.palette-swatches em { z-index: 1; background: var(--palette-accent); }
.palette-forest { --palette-main: #1d6a4b; --palette-dark: #124934; --palette-accent: #c9f45a; }
.palette-ocean { --palette-main: #2563d4; --palette-dark: #153d7b; --palette-accent: #6de1ff; }
.palette-violet { --palette-main: #7652d6; --palette-dark: #3b266f; --palette-accent: #d1ff69; }
.palette-sunset { --palette-main: #d55a2d; --palette-dark: #752b1c; --palette-accent: #ffd85a; }
.palette-rose { --palette-main: #c83f70; --palette-dark: #6d1d3c; --palette-accent: #ffcf5a; }
.palette-teal { --palette-main: #008a86; --palette-dark: #034d4b; --palette-accent: #d6f04f; }
.palette-indigo { --palette-main: #3e56c5; --palette-dark: #242e6d; --palette-accent: #b6f05a; }
.palette-graphite { --palette-main: #4c5968; --palette-dark: #1f2933; --palette-accent: #b9f55a; }
.palette-cobalt { --palette-main: #2455c3; --palette-dark: #122d70; --palette-accent: #72e8ff; }
.palette-emerald { --palette-main: #087b59; --palette-dark: #034834; --palette-accent: #bff36b; }
.palette-amber { --palette-main: #b87500; --palette-dark: #684000; --palette-accent: #ffca58; }
.palette-ruby { --palette-main: #b72d4a; --palette-dark: #65162b; --palette-accent: #ffbc68; }
.palette-midnight { --palette-main: #273e91; --palette-dark: #111b4c; --palette-accent: #88d8ff; }
.palette-sand { --palette-main: #9c5d35; --palette-dark: #56301d; --palette-accent: #e8c66b; }
.palette-mint { --palette-main: #147c73; --palette-dark: #064840; --palette-accent: #c6f06a; }
.palette-plum { --palette-main: #87478e; --palette-dark: #4b2253; --palette-accent: #e6e66d; }
.palette-sky { --palette-main: #2588c9; --palette-dark: #145075; --palette-accent: #8ee9ff; }
.palette-navy { --palette-main: #213f73; --palette-dark: #102344; --palette-accent: #f3c95a; }
.palette-cyan { --palette-main: #0097a7; --palette-dark: #00545e; --palette-accent: #94efda; }
.palette-lime { --palette-main: #648c24; --palette-dark: #344d11; --palette-accent: #c9ee55; }
.palette-olive { --palette-main: #777735; --palette-dark: #42421d; --palette-accent: #d8c966; }
.palette-gold { --palette-main: #a77b18; --palette-dark: #5d430b; --palette-accent: #f5cf58; }
.palette-orange { --palette-main: #d46a21; --palette-dark: #77370f; --palette-accent: #ffd05c; }
.palette-coral { --palette-main: #d85d58; --palette-dark: #7a2c2a; --palette-accent: #ffd36b; }
.palette-magenta { --palette-main: #bd3d91; --palette-dark: #681e50; --palette-accent: #f1d35f; }
.palette-lavender { --palette-main: #8b6cc3; --palette-dark: #4c376e; --palette-accent: #d9ec72; }
.palette-coffee { --palette-main: #795548; --palette-dark: #422e27; --palette-accent: #d8bd74; }
.palette-silver { --palette-main: #657985; --palette-dark: #34454f; --palette-accent: #c5e06d; }
.appearance-help { margin: 18px 0 0; padding: 11px 13px; color: var(--muted); background: var(--green-soft); border-radius: 9px; font-size: 10px; }
.appearance-help strong { color: var(--green-dark); }
.appearance-fieldset-copy { margin: -3px 0 15px; color: var(--muted); font-size: 11px; }
.homepage-custom-color-toggle { margin-bottom: 16px; }
.homepage-custom-color-grid { display: grid; grid-template-columns: 180px 240px minmax(260px, 1fr); gap: 16px; align-items: stretch; }
.homepage-custom-color-grid .field input[type="color"] { width: 100%; min-height: 56px; padding: 6px; }
.homepage-color-preview { --preview-title-color: #fff; --preview-button-text-color: #124934; min-height: 126px; padding: 18px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px 16px; align-items: center; color: white; border-radius: 14px; background: var(--green-dark); transition: opacity .18s, filter .18s; }
.homepage-color-preview > span { grid-column: 1 / -1; color: var(--hero-muted); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.homepage-color-preview strong { color: var(--preview-title-color); font: 800 18px/1.15 "Manrope", sans-serif; }
.homepage-color-preview button { padding: 10px 14px; color: var(--preview-button-text-color); border: 0; border-radius: 9px; background: var(--lime); font-size: 10px; font-weight: 800; }
.homepage-color-preview[data-disabled="1"] { opacity: .48; filter: grayscale(.4); }
.branding-form-grid, .tracking-form-grid { grid-template-columns: 1fr 1fr; }
.homepage-copy-grid { grid-template-columns: 1fr 1fr; }
.homepage-default-notice { margin: 0 0 22px; padding: 13px 15px; color: var(--muted); border: 1px solid var(--line); border-radius: 10px; background: var(--green-soft); font-size: 11px; }
.homepage-default-notice strong { color: var(--green-dark); }
.homepage-editor-section { margin-top: 28px; padding-top: 25px; border-top: 1px solid var(--line); }
.homepage-suggestion-grid { grid-template-columns: minmax(160px, .4fr) minmax(0, 1fr); align-items: start; }
.homepage-suggestion-grid textarea { min-height: 112px; resize: vertical; }
.homepage-feature-editor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.homepage-feature-editor-grid article { min-width: 0; padding: 14px; display: grid; gap: 12px; border: 1px solid var(--line); border-radius: 11px; background: #fafbf9; }
.homepage-feature-editor-grid article > span { width: 29px; height: 29px; display: grid; place-items: center; color: var(--green-dark); background: var(--green-soft); border-radius: 8px; font-size: 9px; font-weight: 900; }
.homepage-feature-editor-grid textarea { min-height: 104px; resize: vertical; }
.homepage-footer-option { margin-top: 18px; }
.site-seo-grid { grid-template-columns: 1fr; }
.site-seo-grid .span-2 { grid-column: auto; }
.site-option-grid { grid-template-columns: 1fr; }
.upload-field { padding: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 11px; background: #fafbf9; }
.upload-field > div:nth-child(2) { min-width: 0; display: grid; gap: 5px; }
.upload-field input[type="file"] { padding: 8px; background: white; }
.upload-preview { display: grid; place-items: center; overflow: hidden; color: var(--green); background: var(--green-soft); border: 1px solid var(--line); }
.upload-preview img { width: 100%; height: 100%; object-fit: cover; }
.favicon-preview { width: 58px; height: 58px; border-radius: 13px; }
.og-preview { width: 116px; height: 61px; border-radius: 9px; font-size: 12px; font-weight: 800; }
.remove-upload { display: flex; align-items: center; gap: 6px; color: var(--red); font-size: 9px; font-weight: 700; white-space: nowrap; }
.remove-upload input { accent-color: var(--red); }
.tracking-rule { margin-top: 22px; }
.site-settings-actions { position: sticky; z-index: 5; bottom: 14px; padding: 12px; display: flex; justify-content: flex-end; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.form-actions { margin-top: 27px; padding-top: 20px; display: flex; justify-content: flex-end; gap: 9px; border-top: 1px solid var(--line); }
.country-targeting { min-width: 0; margin: 28px 0 0; padding: 25px 0 0; border: 0; border-top: 1px solid var(--line); }
.country-targeting legend { margin: 0 0 5px; padding: 0; color: var(--ink); font-size: 14px; font-weight: 800; }
.country-targeting > p { margin: 0 0 16px; color: var(--muted); font-size: 11px; }
.country-scope-options { margin-top: 0; }
.country-scope-options .option-card { min-height: 82px; }
.country-scope-options input[type="radio"] { accent-color: var(--green); }
.country-target-fields { margin-top: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 11px; background: #fafbf9; }
.country-target-fields[hidden] { display: none; }
.country-target-fields .field small strong { color: var(--green-dark); }
.country-code-buttons { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 7px; }
.country-code-button { min-width: 42px; padding: 7px 10px; color: var(--green-dark); border: 1px solid var(--line); border-radius: 8px; background: var(--white); cursor: pointer; font-size: 10px; font-weight: 800; transition: color .15s, border-color .15s, background .15s; }
.country-code-button:hover, .country-code-button.is-active { color: white; border-color: var(--green); background: var(--green); }
.badge.country { color: var(--green-dark); background: var(--green-soft); }
.badge.country.global { color: var(--muted); background: #edf1ee; }
.private-field-label { margin-left: 5px; padding: 3px 6px; color: var(--amber); border: 1px solid #ecd797; border-radius: 6px; background: var(--amber-soft); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; vertical-align: middle; }
.user-access-summary { margin-bottom: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.user-access-summary article { padding: 16px 18px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); }
.user-access-summary span, .user-access-summary small { color: var(--muted); font-size: 9px; }
.user-access-summary strong { font: 800 18px "Manrope", sans-serif; }
.user-profile-cell { display: flex; align-items: center; gap: 10px; }
.user-profile-cell > div { min-width: 0; display: grid; gap: 2px; }
.user-profile-cell small, .user-profile-cell em { color: var(--muted); font-size: 9px; font-style: normal; }
.user-avatar { flex: 0 0 35px; height: 35px; display: grid; place-items: center; color: var(--green-dark); background: var(--lime); border-radius: 9px; font-weight: 900; }
.role-badge { display: inline-flex; padding: 5px 8px; color: var(--green-dark); background: var(--green-soft); border-radius: 7px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.role-badge.role-admin { color: #61410c; background: var(--amber-soft); }
.role-badge.role-manager { color: #264c80; background: #e8f1ff; }
.role-badge.role-viewer { color: var(--muted); background: #edf1ee; }
.table-subcopy { margin-top: 5px; display: block; color: var(--muted); font-size: 9px; }
.user-actions { min-width: 285px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; white-space: nowrap; }
.user-actions > a, .user-delete-action { min-height: 27px; padding: 5px 7px; display: inline-flex; align-items: center; border-radius: 6px; font-size: 10px; font-weight: 800; line-height: 1; }
.user-actions > a { color: var(--green); background: var(--green-soft); }
.user-actions > form { margin: 0; display: inline-flex; }
.user-delete-action { color: var(--red); border: 0; background: #fff0ed; cursor: pointer; }
.user-status-actions { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.user-status-actions form { margin: 0; display: inline-flex; }
.status-action { min-width: 54px; min-height: 27px; padding: 4px 7px; border: 0; border-radius: 6px; background: transparent; cursor: pointer; font-size: 9px; font-weight: 800; line-height: 1; }
.status-action.activate { color: var(--green); background: var(--green-soft); }
.status-action.suspend { color: var(--amber); background: var(--amber-soft); }
.status-action.lock { color: var(--red); background: #fff0ed; }
.user-profile-grid { grid-template-columns: 1fr 1fr; }
.user-form-section { min-width: 0; margin: 28px 0 0; padding: 25px 0 0; border: 0; border-top: 1px solid var(--line); }
.user-form-section legend { margin: 0 0 5px; padding: 0; color: var(--ink); font-size: 14px; font-weight: 800; }
.user-form-section > p { margin: 0 0 15px; color: var(--muted); font-size: 10px; }
.user-form-section .form-grid { grid-template-columns: 1fr 1fr; }
.user-status-options { margin-top: 0; grid-template-columns: repeat(3, 1fr); }
.user-status-options input { accent-color: var(--green); }
.permission-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.permission-choice { min-width: 0; padding: 14px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid var(--line); border-radius: 10px; background: #fafbf9; cursor: pointer; }
.permission-choice:has(input:checked) { border-color: var(--green); background: var(--green-soft); }
.permission-choice input { margin-top: 2px; accent-color: var(--green); }
.permission-choice span { min-width: 0; display: grid; gap: 3px; }
.permission-choice strong { font-size: 11px; }
.permission-choice small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.hierarchy-notice { margin-top: 24px; padding: 15px 17px; color: var(--muted); border: 1px solid var(--line); border-radius: 10px; background: var(--green-soft); font-size: 10px; }
.hierarchy-notice strong { color: var(--green-dark); }
.hierarchy-notice p { margin: 3px 0 0; }
.segment-status-option { grid-template-columns: 1fr; }
.segment-section { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line); }
.segment-section-heading { margin-bottom: 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.segment-section-heading h2 { margin: 0 0 4px; font: 700 17px "Manrope", sans-serif; }
.segment-section-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.segment-section-heading > span { color: var(--muted); font-size: 10px; font-weight: 700; }
.segment-blacklist-section textarea { min-height: 125px; resize: vertical; }
.segment-blacklist-section code { color: var(--green-dark); font-weight: 800; }
.segment-blacklist-toggle { margin-top: 16px; }
.index-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.index-choice { padding: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
.index-choice input { accent-color: var(--green); }
.index-choice span { min-width: 0; display: grid; }
.index-choice strong, .index-choice small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-choice strong { color: var(--ink); font-size: 11px; }
.index-choice small { color: var(--muted); font-size: 9px; }
.index-choice em { color: var(--green); font-size: 9px; font-style: normal; font-weight: 700; }
.index-choice.is-disabled { opacity: .58; }
.index-choice.is-disabled em { color: var(--red); }
.index-selector-search { margin-bottom: 12px; }
.index-choice-detailed { align-items: start; }
.index-choice-detailed > input, .index-choice-detailed > em { margin-top: 3px; }
.index-choice .index-choice-details { display: grid; gap: 4px; }
.index-choice .index-choice-details strong, .index-choice .index-choice-details small { overflow: visible; text-overflow: clip; white-space: normal; }
.index-choice .index-choice-details small { line-height: 1.55; }
.index-choice .index-choice-details small b { color: var(--ink); }
.index-choice .index-choice-details .keyword-chip { display: inline-flex; margin: 0 3px 3px 0; padding: 3px 6px; font-size: 8px; }
.index-selector-no-result { grid-column: 1 / -1; }
.segment-empty-copy { margin: 0; color: var(--muted); font-size: 12px; }
.segment-direct-panel { margin-top: 22px; }
.index-group-domain-panel td.actions, .segment-direct-panel td.actions, .global-direct-panel td.actions { height: 100%; min-height: 58px; align-content: center; }
.segment-result-list { margin-top: 24px; display: grid; gap: 8px; }
.segment-result-list article { padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border: 1px solid var(--line); border-radius: 10px; }
.segment-result-list article > div { min-width: 0; display: grid; }
.segment-result-list strong, .segment-result-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.segment-result-list strong { font-size: 11px; }
.segment-result-list small { color: var(--muted); font-size: 9px; }
.segment-result-list .result-country-list { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 5px; }
.segment-result-list button { color: var(--red); border: 0; background: transparent; font-size: 10px; font-weight: 800; }
.inline-table-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 14px; flex: 0 0 auto; }
.inline-table-actions a { color: var(--accent); font-size: 10px; font-weight: 800; }
.inline-table-actions form { margin: 0; }
.output-variant-fields { margin-top: 22px; display: grid; gap: 18px; }
.output-variant-heading { margin: 0; padding-bottom: 3px; }
.output-variant-group { padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: #fafbf9; }
.output-variant-group-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.output-variant-group-heading h3, .output-cache-duration h3 { margin: 0 0 3px; color: var(--ink); font-size: 12px; }
.output-variant-group-heading p, .output-cache-duration p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.output-variant-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.compact-switch, .default-switch { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.compact-switch input, .default-switch input { accent-color: var(--green); }
.output-variant-list { display: grid; gap: 8px; }
.output-variant-row { display: grid; grid-template-columns: 78px minmax(0, 1fr) 29px; align-items: start; gap: 8px; }
.output-variant-row .default-switch { min-height: 38px; align-items: center; }
.output-variant-row textarea { min-height: 80px; resize: vertical; }
.icon-button { width: 29px; height: 29px; margin-top: 5px; display: grid; place-items: center; color: var(--red); border: 1px solid #f2cfca; border-radius: 7px; background: #fff6f4; cursor: pointer; font-size: 16px; line-height: 1; }
.icon-button:disabled { cursor: not-allowed; opacity: .4; }
.output-cache-duration { padding: 16px 17px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--green-soft); }
.output-cache-controls { min-width: 245px; display: grid; grid-template-columns: 95px 1fr; gap: 8px; }
.output-cache-controls label { display: grid; gap: 4px; }
.output-cache-controls label > span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; }
.output-cache-controls input, .output-cache-controls select { min-height: 34px; padding: 6px 8px; font-size: 11px; }
.global-source-review { margin-top: 17px; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: #fafbf9; }
.global-source-review > h3 { margin: 0 0 4px; font-size: 12px; }
.global-source-review > p { margin: 0 0 12px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.global-source-review article { padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--white); }
.global-source-review article + article { margin-top: 9px; }
.global-source-review header { margin-bottom: 9px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.global-source-review header strong { font-size: 11px; }
.global-source-review header span { color: var(--muted); font-size: 9px; }
.global-source-review-items { display: grid; gap: 7px; }
.global-source-review-items > div { padding: 9px 10px; display: grid; gap: 3px; border-radius: 7px; background: #fafbf9; }
.global-source-review-items strong { font-size: 10px; }
.global-source-review-items small { color: var(--muted); font-size: 8px; line-height: 1.5; }
.global-title-explainer { margin-bottom: 22px; }
.global-title-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 14px; }
.global-title-flow article { min-width: 0; padding: 16px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; border: 1px solid var(--line); border-radius: 11px; background: #fafbf9; }
.global-title-flow article > span { width: 28px; height: 28px; grid-row: span 2; display: grid; place-items: center; color: var(--green-dark); border-radius: 8px; background: var(--green-soft); font-weight: 900; }
.global-title-flow strong { font-size: 11px; }
.global-title-flow small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.global-title-flow > b { color: var(--green); font-size: 18px; }
.global-placement-list { margin-bottom: 22px; overflow: hidden; }
.global-placement-create { margin-bottom: 22px; scroll-margin-top: 20px; }
.global-placement-create form { display: grid; gap: 18px; }
.global-trigger-fields { display: grid; gap: 14px; margin-top: 14px; }
.global-trigger-source { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; font-weight: 700; }
.global-match-mode-grid { margin-top: 12px; }
.global-match-mode-section { margin-top: 20px; }
.global-match-mode-badge { display: inline-flex; margin: 7px 0 0 !important; }
.compact-heading { margin-top: 4px; }
.compact-heading h3 { margin: 0; font-size: 14px; }
.compact-heading p { margin: 4px 0 0; }
.global-trigger-section { margin-top: 20px; }
.global-placement-list-heading { padding: 22px 24px; display: flex; align-items: start; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.global-placement-list-heading h2 { margin: 0; font-size: 18px; }
.global-placement-list-heading p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.global-placement-list-heading > span { padding: 5px 9px; color: var(--green); border-radius: 999px; background: var(--green-soft); font-size: 9px; font-weight: 900; white-space: nowrap; }
.global-placement-table { min-width: 980px; }
.global-placement-table td { white-space: nowrap; }
.global-placement-table td:nth-child(3) { min-width: 260px; white-space: normal; }
.global-placement-table tbody tr.is-selected { background: #f4f8ff; }
.global-placement-table tbody tr.is-selected td:first-child { box-shadow: inset 3px 0 var(--green); }
.global-placement-table td:first-child > .badge { margin-left: 7px; }
.global-keyword-preview { max-width: 360px; flex-wrap: nowrap; cursor: help; overflow: hidden; }
.global-keyword-preview .keyword-chip { max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
.global-keyword-preview .keyword-more { color: var(--green-dark); background: var(--green-soft); }
.global-title-config { scroll-margin-top: 20px; }
.global-priority-field { max-width: 320px; margin-top: 18px; }
.global-label-config { display: grid; grid-template-columns: minmax(0, .9fr) minmax(220px, .8fr) minmax(250px, 1fr); align-items: start; gap: 16px; }
.global-label-config .option-card { min-height: 78px; }
.global-label-colors { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.global-label-colors input[type="color"] { height: 46px; padding: 4px; cursor: pointer; }
.global-country-summary { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 4px; }
.global-manage-links { display: flex; align-items: center; gap: 14px; }
.global-manage-links a { color: var(--green); font-size: 10px; font-weight: 800; white-space: nowrap; }
.global-title-warning { margin-bottom: 18px; padding: 12px 14px; color: #8b5b00; border: 1px solid #efd18d; border-radius: 9px; background: #fff6dd; font-size: 10px; font-weight: 700; }
.global-title-empty { border: 1px solid var(--line); }

.profile-password-grid { align-items: start; }
.request-summary-panel { overflow: hidden; }
.request-summary-grid { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.request-summary-grid > div { min-width: 0; padding: 16px 20px; border-top: 1px solid var(--line); }
.request-summary-grid > div:nth-child(odd) { border-right: 1px solid var(--line); }
.request-summary-grid dt { margin-bottom: 5px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.request-summary-grid dd { margin: 0; overflow: hidden; color: var(--ink); font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.visitor-toolbar { display: flex; align-items: end; justify-content: flex-end; gap: 8px; }
.visitor-reload-form { flex-wrap: wrap; }
.visitor-reload-form select { min-width: 82px; }
.visitor-reload-form input[type="number"] { width: 78px; min-height: 34px; padding: 8px 9px; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: white; font-family: inherit; font-size: 11px; font-weight: 600; }
.visitor-reload-form .visitor-auto-check { min-height: 34px; padding: 7px 9px; display: flex; align-items: center; grid-template-columns: auto 1fr; gap: 6px; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: white; letter-spacing: 0; text-transform: none; }
.visitor-auto-check input { margin: 0; accent-color: var(--green); }
.visitor-reload-button { min-height: 34px; padding: 8px 11px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: var(--green); border: 1px solid var(--line); border-radius: 8px; background: white; font-size: 10px; font-weight: 800; white-space: nowrap; }
.visitor-reload-button:hover { color: white; border-color: var(--green); background: var(--green); }
.visitor-reload-button:disabled { cursor: wait; opacity: .68; }
.visitor-reload-button.is-loading svg { animation: visitor-reload-spin .8s linear infinite; }
.visitor-auto-status { margin: 0; padding: 9px 22px; color: var(--green); border-bottom: 1px solid var(--line); background: var(--green-soft); font-size: 10px; font-weight: 700; text-align: right; }
.visitor-auto-status[data-state="error"] { color: #a5322d; background: #fff0ef; }
@keyframes visitor-reload-spin { to { transform: rotate(360deg); } }
.visitor-log-table { min-width: 940px; table-layout: fixed; }
.visitor-log-table th:nth-child(1) { width: 14%; }
.visitor-log-table th:nth-child(2) { width: 12%; }
.visitor-log-table th:nth-child(3) { width: 7%; }
.visitor-log-table th:nth-child(4), .visitor-log-table th:nth-child(5) { width: 22%; }
.visitor-log-table th:nth-child(6) { width: 23%; }
.visitor-log-table td { vertical-align: middle; }
.visitor-log-table time { white-space: nowrap; }
.visitor-detail { max-width: 210px; display: -webkit-box; overflow: hidden; line-height: 1.45; overflow-wrap: anywhere; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.visitor-missing { color: var(--muted); font-size: 10px; }

.pagination { margin-top: 27px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--green); font-size: 12px; font-weight: 700; }
.pagination > a, .page-disabled { min-width: 95px; }
.pagination > a:last-child, .page-disabled:last-child { text-align: right; }
.page-disabled { color: #a9b2ae; }
.page-numbers { display: flex; align-items: center; gap: 4px; }
.page-numbers a, .page-current, .page-dots { display: grid; place-items: center; min-width: 33px; height: 33px; border-radius: 8px; }
.page-numbers a { border: 1px solid var(--line); background: white; }
.page-current { color: white; background: var(--green); }
.page-dots { color: var(--muted); }

.flash-wrap { position: relative; z-index: 20; }
.flash { margin-top: 14px; padding: 12px 15px; border-radius: 10px; font-size: 13px; font-weight: 600; }
.flash.success { color: var(--green-dark); border: 1px solid #b9ddca; background: var(--green-soft); }
.site-footer { padding: 24px 0; color: #82908a; border-top: 1px solid var(--line); font-size: 11px; }
.footer-wrap { display: flex; justify-content: space-between; gap: 20px; }
.home-footer { position: relative; padding: 72px 0 24px; overflow: hidden; color: white; background: var(--green-dark); }
.home-footer::after { content: ""; position: absolute; width: 360px; height: 360px; right: -170px; top: -190px; border: 70px solid rgba(var(--accent-rgb),.08); border-radius: 50%; }
.home-footer-main { position: relative; z-index: 1; padding-bottom: 58px; display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr); gap: 70px; align-items: start; }
.home-footer-brand { display: flex; align-items: center; gap: 12px; }
.home-footer-brand .brand-mark { width: 45px; height: 45px; font-size: 21px; }
.home-footer-brand strong { font: 800 20px "Manrope", sans-serif; }
.home-footer-copy h2 { max-width: 620px; margin: 0 0 13px; color: white; font: 800 clamp(27px, 4vw, 42px)/1.12 "Manrope", sans-serif; letter-spacing: -1.5px; }
.home-footer-copy p { max-width: 620px; margin: 0; color: var(--hero-muted); font-size: 14px; }
.home-footer-bottom { position: relative; z-index: 1; padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; color: var(--hero-muted-dim); border-top: 1px solid rgba(255,255,255,.14); font-size: 10px; }

.example-data-panel { margin-bottom: 28px; padding: 20px; border: 1px dashed var(--line); border-radius: 18px; background: var(--green-soft); }
.example-data-heading { margin-bottom: 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.example-data-heading > div { display: grid; gap: 4px; }
.example-data-heading strong { font: 800 16px "Manrope", sans-serif; color: var(--ink); }
.example-data-heading small { color: var(--muted); line-height: 1.55; }
.example-refresh-button { flex: 0 0 auto; padding: 9px 12px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--green); border-radius: 10px; color: var(--green); background: white; font: 800 10px "Manrope", sans-serif; cursor: pointer; }
.example-refresh-button:hover { color: white; background: var(--green); }
.example-refresh-button span { font-size: 15px; line-height: 1; }
.example-data-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.example-data-item { min-width: 0; padding: 11px 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: white; }
.example-data-item > span { grid-column: 1 / -1; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.example-data-item code { min-width: 0; overflow: hidden; color: var(--ink); font: 600 11px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; }
.example-data-item.is-description { grid-column: 1 / -1; }
.example-data-item.is-description code { white-space: normal; }
.example-copy-button { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--green); background: var(--white); font: 800 10px "Manrope", sans-serif; cursor: pointer; }
.example-copy-button:hover, .example-copy-button.is-copied { color: white; border-color: var(--green); background: var(--green); }

.dashboard-url-pair { min-width: 0; margin-top: 5px; display: grid; gap: 3px; }
.dashboard-url-row { min-width: 0; display: flex !important; align-items: baseline; gap: 7px; color: var(--muted); }
.dashboard-url-row > span { flex: 0 0 58px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.dashboard-url-row > a { min-width: 0; overflow: hidden; color: var(--muted); font-size: 10px; font-weight: 600; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-url-row.is-target > a { color: var(--green); }
.dashboard-url-row > a:hover { text-decoration: underline; }

/* Click analytics */
.click-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 22px; }
.click-statistics-panel { overflow: hidden; }
.click-statistics-panel > .pagination { margin: 28px 24px 38px; }
.click-stat-filter { padding: 22px; display: grid; grid-template-columns: minmax(240px, 1.5fr) repeat(2, minmax(130px, .75fr)); gap: 14px; align-items: end; border-bottom: 1px solid var(--line); }
.click-stat-filter label { min-width: 0; display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 800; }
.click-stat-filter input, .click-stat-filter select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--ink); font: 600 12px/1.2 "Manrope", sans-serif; }
.click-filter-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; }
.click-stat-table { width: 100%; min-width: 920px; table-layout: fixed; }
.click-stat-table th:nth-child(1), .click-stat-table td:nth-child(1) { width: 13%; }
.click-stat-table th:nth-child(2), .click-stat-table td:nth-child(2) { width: 18%; }
.click-stat-table th:nth-child(3), .click-stat-table td:nth-child(3) { width: 25%; }
.click-stat-table th:nth-child(4), .click-stat-table td:nth-child(4) { width: 15%; }
.click-stat-table th:nth-child(5), .click-stat-table td:nth-child(5) { width: 20%; }
.click-stat-table td { vertical-align: top; }
.click-stat-table td, .click-stat-table th { overflow-wrap: anywhere; }
.click-stat-table td > strong, .click-stat-table td > small { display: block; }
.click-stat-table td > small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.visitor-code { display: inline-flex; padding: 5px 8px; border-radius: 7px; background: var(--green-soft); color: var(--green-dark); font: 800 9px/1 "Manrope", sans-serif; letter-spacing: .5px; }
.visitor-ip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visitor-user-agent { display: -webkit-box !important; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.click-search-source { display: grid; gap: 3px; }
.click-search-source > span { color: var(--green); font-size: 10px; font-weight: 800; }
.click-search-source > small { color: var(--muted); font-size: 9px; }
.click-referrer { max-width: 100%; margin-top: 0; display: -webkit-box; overflow: hidden; color: var(--muted); font-size: 9px; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.click-status { display: inline-flex; padding: 5px 8px; border-radius: 999px; font: 800 9px/1 "Manrope", sans-serif; text-transform: uppercase; }
.click-status.clicked { color: #176745; background: #dff5e9; }
.click-status.no-click { color: #8b5c12; background: #fff1cf; }
.click-outcome-trigger { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.click-outcome-trigger > button { padding: 6px 9px; border: 1px solid var(--green); border-radius: 8px; color: var(--green); background: var(--white); font: 800 9px/1 "Manrope", sans-serif; text-transform: uppercase; cursor: pointer; }
.click-outcome-trigger > button:hover { color: var(--white); background: var(--green); }
.click-viewer-dialog { width: min(720px, calc(100vw - 32px)); max-height: min(80vh, 760px); padding: 0; overflow: hidden; border: 0; border-radius: 18px; color: var(--ink); background: var(--white); box-shadow: 0 26px 70px rgba(17, 39, 31, .28); }
.click-viewer-dialog::backdrop { background: rgba(12, 28, 23, .58); backdrop-filter: blur(3px); }
.click-dialog-heading { padding: 18px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.click-dialog-heading > div { display: grid; gap: 3px; }
.click-dialog-heading span { color: var(--green); font: 800 9px/1 "Manrope", sans-serif; letter-spacing: .8px; text-transform: uppercase; }
.click-dialog-heading strong { font-size: 18px; }
.click-dialog-heading > button { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: var(--paper); font-size: 22px; line-height: 1; cursor: pointer; }
.click-viewer-dialog > .click-destination-list { max-height: calc(80vh - 86px); margin: 0; padding: 18px 20px 22px; overflow-y: auto; }
.click-viewer-dialog .click-destination-list article > strong, .click-viewer-dialog .click-destination-list article > a { max-width: none; }
.click-viewer-dialog .click-destination-list article > a { overflow: visible; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }
.click-destination-list { margin-top: 9px; display: grid; gap: 8px; }
.click-destination-list article { min-width: 0; padding: 9px 10px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfb; }
.click-destination-list article > span { color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.click-destination-list article > strong { max-width: 360px; font-size: 11px; }
.click-destination-list article > a { max-width: 360px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.click-destination-list article > small { color: var(--muted); font-size: 9px; }

/* Model UI: pilihan ini mengubah komposisi, sedangkan theme color mengubah palet. */
body[data-ui-template="minimal"] { --radius: 7px; --shadow: none; }
body[data-ui-template="minimal"] .site-header { background: var(--white); backdrop-filter: none; }
body[data-ui-template="minimal"] .brand-mark, body[data-ui-template="minimal"] .nav-links > a, body[data-ui-template="minimal"] .nav-button, body[data-ui-template="minimal"] .button, body[data-ui-template="minimal"] .field input, body[data-ui-template="minimal"] .field textarea { border-radius: 4px; }
body[data-ui-template="minimal"] .search-hero { min-height: 450px; color: var(--ink); background: var(--paper); border-bottom: 1px solid var(--line); }
body[data-ui-template="minimal"] .search-hero.compact { min-height: 180px; }
body[data-ui-template="minimal"] .search-hero::before { opacity: .08; }
body[data-ui-template="minimal"] .search-hero::after { display: none; }
body[data-ui-template="minimal"] .search-hero .eyebrow, body[data-ui-template="minimal"] .search-hero h1 em, body[data-ui-template="minimal"] .search-suggestion a { color: var(--green); }
body[data-ui-template="minimal"] .hero-copy, body[data-ui-template="minimal"] .search-suggestion, body[data-ui-template="minimal"] .quick-searches { color: var(--muted); }
body[data-ui-template="minimal"] .quick-searches a { color: var(--green); border-color: var(--line); border-radius: 4px; }
body[data-ui-template="minimal"] .search-form { border-color: var(--line); border-radius: 5px; box-shadow: none; }
body[data-ui-template="minimal"] .search-form button { color: white; background: var(--green); border-radius: 3px; }
body[data-ui-template="minimal"] .search-mode-tabs, body[data-ui-template="minimal"] .search-mode-tabs a, body[data-ui-template="minimal"] .image-result-card { border-radius: 3px; }
body[data-ui-template="minimal"] .search-form button:hover { background: var(--green-dark); }
body[data-ui-template="minimal"] .result-card, body[data-ui-template="minimal"] .panel, body[data-ui-template="minimal"] .dashboard-sidebar, body[data-ui-template="minimal"] .stat-grid article, body[data-ui-template="minimal"] .feature-grid article, body[data-ui-template="minimal"] .option-card { border-radius: 5px; box-shadow: none; }
body[data-ui-template="minimal"] .result-card:hover { transform: none; border-color: var(--green); }
body[data-ui-template="minimal"] .home-footer { border-top: 5px solid var(--lime); }

body[data-ui-template="editorial"] { --radius: 2px; --shadow: 0 14px 36px rgba(20,34,29,.06); }
body[data-ui-template="editorial"] .site-header { background: var(--white); }
body[data-ui-template="editorial"] .search-hero { min-height: 500px; color: var(--ink); background: var(--white); border-bottom: 5px solid var(--green); }
body[data-ui-template="editorial"] .search-hero.compact { min-height: 210px; }
body[data-ui-template="editorial"] .search-hero::before { opacity: .07; mask-image: none; }
body[data-ui-template="editorial"] .search-hero::after { right: -320px; border-width: 80px; opacity: .5; }
body[data-ui-template="editorial"] .hero-inner { text-align: left; }
body[data-ui-template="editorial"] .search-hero h1 { margin-inline: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 700; letter-spacing: -2px; }
body[data-ui-template="editorial"] .search-hero h1 em, body[data-ui-template="editorial"] .search-hero .eyebrow, body[data-ui-template="editorial"] .search-suggestion a { color: var(--green); }
body[data-ui-template="editorial"] .hero-copy, body[data-ui-template="editorial"] .search-suggestion, body[data-ui-template="editorial"] .quick-searches { margin-left: 0; color: var(--muted); }
body[data-ui-template="editorial"] .search-form { margin-left: 0; border: 2px solid var(--ink); border-radius: 0; box-shadow: 8px 8px 0 var(--green-soft); }
body[data-ui-template="editorial"] .search-form button { color: white; background: var(--green); border-radius: 0; }
body[data-ui-template="editorial"] .quick-searches { justify-content: flex-start; }
body[data-ui-template="editorial"] .quick-searches a { color: var(--green); border-color: var(--line); border-radius: 0; }
body[data-ui-template="editorial"] .search-mode-tabs, body[data-ui-template="editorial"] .search-mode-tabs a, body[data-ui-template="editorial"] .image-result-card { border-radius: 0; }
body[data-ui-template="editorial"] .panel, body[data-ui-template="editorial"] .dashboard-sidebar, body[data-ui-template="editorial"] .stat-grid article, body[data-ui-template="editorial"] .feature-grid article { border-radius: 2px; }
body[data-ui-template="editorial"] .result-card { border-radius: 0; border-left: 4px solid var(--green); }
body[data-ui-template="editorial"] .result-card h3, body[data-ui-template="editorial"] .page-heading h1, body[data-ui-template="editorial"] .results-meta h2 { font-family: Georgia, "Times New Roman", serif; }
body[data-ui-template="editorial"] .home-footer-copy h2 { font-family: Georgia, "Times New Roman", serif; }

body[data-ui-template="glass"] { --radius: 25px; --shadow: 0 24px 65px rgba(20,34,29,.12); background: radial-gradient(circle at 12% 8%, var(--green-soft), transparent 32%), var(--paper); }
body[data-ui-template="glass"] .site-header { background: rgba(255,255,255,.68); box-shadow: 0 8px 25px rgba(20,34,29,.04); }
body[data-ui-template="glass"] .search-hero { background: linear-gradient(135deg, var(--green-dark), var(--green)); }
body[data-ui-template="glass"] .search-hero::before { opacity: .3; }
body[data-ui-template="glass"] .search-form { background: rgba(255,255,255,.82); border-color: rgba(255,255,255,.75); border-radius: 25px; backdrop-filter: blur(16px); }
body[data-ui-template="glass"] .search-form button { border-radius: 18px; }
body[data-ui-template="glass"] .panel, body[data-ui-template="glass"] .dashboard-sidebar, body[data-ui-template="glass"] .stat-grid article, body[data-ui-template="glass"] .feature-grid article, body[data-ui-template="glass"] .result-card { background: rgba(255,255,255,.76); border-color: rgba(255,255,255,.78); backdrop-filter: blur(14px); box-shadow: var(--shadow); }
body[data-ui-template="glass"] .panel, body[data-ui-template="glass"] .dashboard-sidebar { border-radius: 24px; }
body[data-ui-template="glass"] .result-card, body[data-ui-template="glass"] .stat-grid article, body[data-ui-template="glass"] .feature-grid article { border-radius: 20px; }
body[data-ui-template="glass"] .home-footer { background: linear-gradient(135deg, var(--green-dark), var(--green)); }

body[data-ui-template="aurora"] { --radius: 22px; --shadow: 0 20px 55px rgba(var(--primary-rgb),.12); background: radial-gradient(circle at 8% 3%, rgba(var(--accent-rgb),.20), transparent 25%), radial-gradient(circle at 95% 20%, rgba(var(--primary-rgb),.13), transparent 26%), var(--paper); }
body[data-ui-template="aurora"] .site-header { background: rgba(255,255,255,.73); box-shadow: 0 8px 28px rgba(var(--primary-rgb),.07); }
body[data-ui-template="aurora"] .search-hero { background: radial-gradient(circle at 18% 22%, rgba(var(--accent-rgb),.36), transparent 24%), linear-gradient(135deg, var(--green-dark), var(--green)); }
body[data-ui-template="aurora"] .search-hero::before { opacity: .17; }
body[data-ui-template="aurora"] .search-hero::after { border-width: 100px; opacity: .52; }
body[data-ui-template="aurora"] .search-form { border-color: rgba(255,255,255,.76); background: rgba(255,255,255,.86); box-shadow: 0 18px 45px rgba(var(--primary-rgb),.22); backdrop-filter: blur(13px); }
body[data-ui-template="aurora"] .search-form button { border-radius: 15px; }
body[data-ui-template="aurora"] .result-card, body[data-ui-template="aurora"] .panel, body[data-ui-template="aurora"] .dashboard-sidebar, body[data-ui-template="aurora"] .stat-grid article, body[data-ui-template="aurora"] .feature-grid article { box-shadow: var(--shadow); }

body[data-ui-template="classic"] { --radius: 3px; --shadow: 0 8px 22px rgba(54,39,22,.07); }
body[data-ui-template="classic"] .site-header { background: #fffdf8; border-bottom: 3px solid var(--green); }
body[data-ui-template="classic"] .brand, body[data-ui-template="classic"] .page-heading h1, body[data-ui-template="classic"] .results-meta h2, body[data-ui-template="classic"] .search-hero h1 { font-family: Georgia, "Times New Roman", serif; }
body[data-ui-template="classic"] .search-hero { min-height: 480px; color: var(--ink); background: #fffdf8; border-bottom: 1px solid var(--line); }
body[data-ui-template="classic"] .search-hero.compact { min-height: 190px; }
body[data-ui-template="classic"] .search-hero::before { opacity: .06; mask-image: none; }
body[data-ui-template="classic"] .search-hero::after { display: none; }
body[data-ui-template="classic"] .search-hero h1 em, body[data-ui-template="classic"] .search-hero .eyebrow, body[data-ui-template="classic"] .search-suggestion a { color: var(--green); }
body[data-ui-template="classic"] .hero-copy, body[data-ui-template="classic"] .quick-searches, body[data-ui-template="classic"] .search-suggestion { color: var(--muted); }
body[data-ui-template="classic"] .search-form { border: 1px solid var(--ink); border-radius: 2px; box-shadow: 5px 5px 0 var(--green-soft); }
body[data-ui-template="classic"] .search-form button, body[data-ui-template="classic"] .quick-searches a { border-radius: 0; }
body[data-ui-template="classic"] .search-form button { color: white; background: var(--green); }
body[data-ui-template="classic"] .result-card { border-radius: 2px; border-top: 3px solid var(--green); }
body[data-ui-template="classic"] .panel, body[data-ui-template="classic"] .dashboard-sidebar, body[data-ui-template="classic"] .stat-grid article, body[data-ui-template="classic"] .feature-grid article { border-radius: 3px; }

body[data-ui-template="bold"] { --radius: 10px; --shadow: 8px 8px 0 rgba(var(--primary-rgb),.12); }
body[data-ui-template="bold"] .site-header { border-bottom: 3px solid var(--lime); }
body[data-ui-template="bold"] .brand-mark, body[data-ui-template="bold"] .nav-links > a, body[data-ui-template="bold"] .nav-button, body[data-ui-template="bold"] .button { border-radius: 7px; }
body[data-ui-template="bold"] .search-hero { min-height: 510px; background: linear-gradient(135deg, var(--green-dark) 0 46%, var(--green) 46% 100%); }
body[data-ui-template="bold"] .search-hero::before { opacity: .3; mask-image: none; }
body[data-ui-template="bold"] .search-hero::after { width: 520px; height: 520px; right: -220px; border: 46px solid rgba(var(--accent-rgb),.24); }
body[data-ui-template="bold"] .search-hero h1 { max-width: 850px; font-size: clamp(42px, 6vw, 78px); font-weight: 900; letter-spacing: -3px; }
body[data-ui-template="bold"] .search-form { border: 3px solid white; border-radius: 10px; box-shadow: 9px 9px 0 rgba(var(--accent-rgb),.42); }
body[data-ui-template="bold"] .search-form button { border-radius: 5px; }
body[data-ui-template="bold"] .result-card { border-width: 2px; border-radius: 10px; }
body[data-ui-template="bold"] .result-card:hover { transform: translate(-3px,-3px); box-shadow: 7px 7px 0 var(--green-soft); }
body[data-ui-template="bold"] .panel, body[data-ui-template="bold"] .dashboard-sidebar, body[data-ui-template="bold"] .stat-grid article, body[data-ui-template="bold"] .feature-grid article { border-width: 2px; }

body[data-ui-template="soft"] { --radius: 24px; --shadow: 0 18px 45px rgba(var(--primary-rgb),.07); }
body[data-ui-template="soft"] .search-hero { background: linear-gradient(145deg, var(--green-dark), var(--green)); }
body[data-ui-template="soft"] .search-form, body[data-ui-template="soft"] .result-card, body[data-ui-template="soft"] .panel, body[data-ui-template="soft"] .dashboard-sidebar { border-radius: 24px; box-shadow: var(--shadow); }

body[data-ui-template="bento"] { --radius: 15px; --shadow: 0 12px 32px rgba(var(--primary-rgb),.08); }
body[data-ui-template="bento"] .feature-grid, body[data-ui-template="bento"] .stat-grid { gap: 10px; }
body[data-ui-template="bento"] .feature-grid article:nth-child(2), body[data-ui-template="bento"] .stat-grid article:nth-child(2) { background: var(--green-soft); }
body[data-ui-template="bento"] .result-card, body[data-ui-template="bento"] .panel { border-radius: 15px; box-shadow: var(--shadow); }

body[data-ui-template="capsule"] { --radius: 28px; }
body[data-ui-template="capsule"] .brand-mark, body[data-ui-template="capsule"] .nav-links > a, body[data-ui-template="capsule"] .nav-button, body[data-ui-template="capsule"] .button, body[data-ui-template="capsule"] .search-form, body[data-ui-template="capsule"] .search-form button, body[data-ui-template="capsule"] .quick-searches a { border-radius: 999px; }
body[data-ui-template="capsule"] .result-card, body[data-ui-template="capsule"] .panel { border-radius: 28px; }

body[data-ui-template="corporate"] { --radius: 7px; --shadow: 0 8px 24px rgba(20,34,29,.06); }
body[data-ui-template="corporate"] .site-header { border-top: 4px solid var(--green); }
body[data-ui-template="corporate"] .search-hero { background: linear-gradient(120deg, var(--green-dark), var(--green)); }
body[data-ui-template="corporate"] .result-card, body[data-ui-template="corporate"] .panel, body[data-ui-template="corporate"] .dashboard-sidebar { border-radius: 7px; box-shadow: var(--shadow); }

body[data-ui-template="retro"] { --radius: 2px; --shadow: 7px 7px 0 rgba(var(--primary-rgb),.16); }
body[data-ui-template="retro"] .search-form, body[data-ui-template="retro"] .result-card, body[data-ui-template="retro"] .panel, body[data-ui-template="retro"] .dashboard-sidebar { border: 2px solid var(--ink); border-radius: 2px; box-shadow: var(--shadow); }
body[data-ui-template="retro"] .button, body[data-ui-template="retro"] .search-form button { border-radius: 1px; }

body[data-ui-template="magazine"] { --radius: 0; --shadow: none; }
body[data-ui-template="magazine"] .search-hero h1, body[data-ui-template="magazine"] .results-meta h2, body[data-ui-template="magazine"] .result-card h3 { font-family: Georgia, "Times New Roman", serif; }
body[data-ui-template="magazine"] .result-card { border: 0; border-top: 5px solid var(--green); border-radius: 0; }
body[data-ui-template="magazine"] .panel { border-radius: 0; box-shadow: none; }

body[data-ui-template="contrast"] { --radius: 8px; --shadow: 0 0 0 2px var(--ink); }
body[data-ui-template="contrast"] .search-hero { background: var(--ink); }
body[data-ui-template="contrast"] .search-form, body[data-ui-template="contrast"] .result-card, body[data-ui-template="contrast"] .panel { border: 2px solid var(--ink); box-shadow: var(--shadow); }
body[data-ui-template="contrast"] .button.primary, body[data-ui-template="contrast"] .search-form button { color: var(--ink); background: var(--lime); }

body[data-ui-template="rounded"] { --radius: 34px; --shadow: 0 18px 44px rgba(var(--primary-rgb),.09); }
body[data-ui-template="rounded"] .search-form, body[data-ui-template="rounded"] .result-card, body[data-ui-template="rounded"] .panel, body[data-ui-template="rounded"] .dashboard-sidebar, body[data-ui-template="rounded"] .stat-grid article, body[data-ui-template="rounded"] .feature-grid article { border-radius: 34px; }

body[data-ui-template="compact"] { --radius: 8px; --shadow: 0 8px 22px rgba(var(--primary-rgb),.06); }
body[data-ui-template="compact"] .search-hero { min-height: 390px; }
body[data-ui-template="compact"] .search-hero.compact { min-height: 150px; }
body[data-ui-template="compact"] .result-card { padding: 18px 22px; border-radius: 8px; }
body[data-ui-template="compact"] .panel, body[data-ui-template="compact"] .dashboard-sidebar { border-radius: 8px; }

body[data-ui-template="spotlight"] { --radius: 18px; --shadow: 0 24px 58px rgba(var(--primary-rgb),.15); }
body[data-ui-template="spotlight"] .search-hero { min-height: 600px; background: radial-gradient(circle at 50% 35%, var(--green), var(--green-dark) 62%); }
body[data-ui-template="spotlight"] .search-hero.compact { min-height: 250px; }
body[data-ui-template="spotlight"] .hero-inner { text-align: center; }
body[data-ui-template="spotlight"] .search-form { box-shadow: var(--shadow); }

body[data-ui-template="outline"] { --radius: 10px; --shadow: none; }
body[data-ui-template="outline"] .site-header, body[data-ui-template="outline"] .result-card, body[data-ui-template="outline"] .panel, body[data-ui-template="outline"] .dashboard-sidebar, body[data-ui-template="outline"] .stat-grid article, body[data-ui-template="outline"] .feature-grid article { box-shadow: none; border: 2px solid var(--line); }
body[data-ui-template="outline"] .search-form { border: 2px solid var(--green); box-shadow: none; }

body[data-ui-template="gradient"] { --radius: 20px; --shadow: 0 20px 52px rgba(var(--primary-rgb),.16); }
body[data-ui-template="gradient"] .search-hero, body[data-ui-template="gradient"] .home-footer { background: linear-gradient(135deg, var(--green-dark), var(--green) 58%, color-mix(in srgb, var(--green) 70%, var(--lime))); }
body[data-ui-template="gradient"] .button.primary, body[data-ui-template="gradient"] .search-form button { background: linear-gradient(135deg, var(--green), var(--green-dark)); }
body[data-ui-template="gradient"] .result-card, body[data-ui-template="gradient"] .panel { box-shadow: var(--shadow); }

body[data-ui-template="mono"] { --radius: 5px; --shadow: none; filter: grayscale(1); }
body[data-ui-template="mono"] .search-hero { background: #202020; }
body[data-ui-template="mono"] .result-card, body[data-ui-template="mono"] .panel, body[data-ui-template="mono"] .dashboard-sidebar { border-radius: 5px; box-shadow: none; border-color: #b9b9b9; }

@media (max-width: 900px) {
    .results-layout { grid-template-columns: 1fr; }
    .search-aside { position: static; grid-template-columns: 1fr 1fr; }
    .dashboard-shell { grid-template-columns: 1fr; }
    .dashboard-sidebar { position: static; }
    .dashboard-sidebar nav { grid-template-columns: repeat(3, 1fr); }
    .sidebar-label, .sidebar-user { display: none; }
    .stat-grid { grid-template-columns: 1fr 1fr; }
    .template-choice-grid { grid-template-columns: 1fr 1fr; }
    .homepage-custom-color-grid { grid-template-columns: 1fr 1fr; }
    .homepage-color-preview { grid-column: 1 / -1; }
    .homepage-feature-editor-grid { grid-template-columns: 1fr; }
    .image-result-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .image-module-settings { grid-template-columns: 1fr; }
    .popular-search-grid { grid-template-columns: 1fr; }
    .global-title-flow { grid-template-columns: 1fr; }
    .global-title-flow > b { display: none; }
}

@media (max-width: 1100px) {
    .click-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .click-stat-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .click-filter-search { grid-column: span 2; }
}

@media (max-width: 680px) {
    .click-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .click-stat-filter { padding: 15px; grid-template-columns: 1fr 1fr; gap: 10px; }
    .click-filter-search { grid-column: 1 / -1; }
    .click-filter-actions { justify-content: stretch; }
    .click-filter-actions .button { flex: 1; }
    .click-statistics-panel > .pagination { margin: 22px 15px 30px; }
}

@media (max-width: 760px) {
    .section-heading { align-items: flex-start; flex-direction: column; }
    .index-group-form-grid { grid-template-columns: 1fr; }
    .index-group-form-grid .span-2 { grid-column: auto; }
    .global-placement-list-heading, .global-title-config .segment-section-heading { align-items: flex-start; flex-direction: column; }
    .global-label-config { grid-template-columns: 1fr; }
    .global-manage-links { width: 100%; justify-content: space-between; }
    .output-cache-duration { align-items: stretch; flex-direction: column; }
    .output-cache-controls { min-width: 0; }
    .example-data-heading { flex-direction: column; }
    .example-data-grid { grid-template-columns: 1fr; }
    .segment-form-grid { grid-template-columns: 1fr; row-gap: 22px; }
    .segment-form-grid .span-2 { grid-column: auto; margin-top: 0; }
    .branding-form-grid, .tracking-form-grid, .homepage-copy-grid, .homepage-suggestion-grid { grid-template-columns: 1fr; }
    .branding-form-grid .span-2, .tracking-form-grid .span-2, .homepage-copy-grid .span-2 { grid-column: auto; }
    .upload-field { grid-template-columns: auto minmax(0, 1fr); }
    .remove-upload { grid-column: span 2; }
    .palette-choice-grid { grid-template-columns: 1fr 1fr; }
    .homepage-custom-color-grid { grid-template-columns: 1fr; }
    .homepage-color-preview { grid-column: auto; }
    .user-access-summary, .user-status-options { grid-template-columns: 1fr; }
    .permission-choice-grid { grid-template-columns: 1fr; }
    .image-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .keyword-blacklist-fields { grid-template-columns: 1fr; padding-right: 0; }
    .popular-search-heading, .popular-search-summary { align-items: flex-start; flex-direction: column; }
    .popular-range-filter { width: 100%; align-items: stretch; }
    .popular-range-filter label { flex: 1; }
    .popular-search-summary p { text-align: left; }
}

@media (max-width: 650px) {
    .request-summary-grid { grid-template-columns: 1fr; }
    .request-summary-grid > div:nth-child(odd) { border-right: 0; }
    .container { width: min(100% - 26px, 1160px); }
    .results-layout.single { width: min(100% - 26px, 900px); }
    .nav-wrap { min-height: 62px; gap: 10px; }
    .nav-links > a:not(.nav-login), .nav-button { padding-inline: 8px; }
    .nav-links { gap: 1px; font-size: 11px; }
    .brand > span:last-child { display: none; }
    .search-hero { min-height: 470px; }
    .search-hero.compact,
    body[data-ui-template="minimal"] .search-hero.compact,
    body[data-ui-template="editorial"] .search-hero.compact,
    body[data-ui-template="classic"] .search-hero.compact,
    body[data-ui-template="compact"] .search-hero.compact,
    body[data-ui-template="spotlight"] .search-hero.compact { min-height: 168px; }
    .search-hero.compact .hero-inner { padding-block: 30px; }
    .hero-inner { padding-block: 58px; }
    .search-hero h1 { letter-spacing: -2px; }
    .hero-copy { font-size: 15px; }
    .search-form { padding: 6px; min-height: 62px; border-radius: 14px; }
    .search-form button { padding: 0 15px; font-size: 12px; }
    .search-icon { margin-left: 10px; }
    .feature-grid, .stat-grid, .option-grid, .index-choice-grid { grid-template-columns: 1fr; }
    .feature-grid article h2 { margin-top: 18px; }
    .results-meta, .page-heading { align-items: flex-start; flex-direction: column; }
    .heading-actions { width: 100%; justify-content: stretch; }
    .heading-actions .button { flex: 1; }
    .panel-heading { align-items: flex-start; flex-direction: column; }
    .range-filter { width: 100%; align-items: stretch; }
    .range-filter label { flex: 1; }
    .visitor-toolbar { width: 100%; align-items: stretch; flex-direction: column; }
    .visitor-reload-form { display: grid; grid-template-columns: 1fr 1fr; }
    .visitor-reload-form > button { align-self: end; }
    .visitor-reload-button { width: 100%; }
    .visitor-auto-status { text-align: left; }
    .results-section { padding: 32px 0 64px; }
    .results-meta { margin-bottom: 18px; gap: 8px; }
    .results-meta h2 { font-size: 23px; }
    .results-meta p { font-size: 12px; }
    .result-card { margin-bottom: 12px; padding: 18px; border-radius: 14px; }
    .result-card h3 { margin-block: 9px 6px; font-size: 19px; line-height: 1.35; }
    .result-card > p { font-size: 14px; line-height: 1.55; }
    .result-domain { font-size: 11px; }
    .result-footer { margin-top: 14px; font-size: 11px; }
    .result-footer { align-items: flex-start; flex-direction: column; }
    .search-aside { grid-template-columns: 1fr; }
    .dashboard-shell { padding-block: 18px 56px; gap: 18px; }
    .dashboard-sidebar { padding: 6px; overflow-x: auto; border-radius: 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .dashboard-sidebar::-webkit-scrollbar { display: none; }
    .dashboard-sidebar nav { width: max-content; display: flex; gap: 4px; }
    .dashboard-sidebar nav a { min-height: 36px; padding: 8px 10px; border: 1px solid transparent; border-radius: 8px; font-size: 10px; line-height: 1; white-space: nowrap; }
    .dashboard-sidebar nav a.active { border-color: color-mix(in srgb, var(--green) 22%, var(--line)); }
    .dashboard-sidebar nav a b { display: none; }
    .form-grid { grid-template-columns: 1fr; }
    .span-2 { grid-column: auto; }
    .form-panel, .auth-card { padding: 22px; }
    .upload-field { grid-template-columns: 1fr; }
    .remove-upload { grid-column: auto; }
    .og-preview { width: 100%; height: auto; aspect-ratio: 1200 / 630; }
    .page-heading { min-height: 0; margin: 10px 0 25px; }
    .pagination { align-items: stretch; }
    .page-numbers { display: none; }
    .footer-wrap { flex-direction: column; gap: 4px; }
    .home-footer { padding-top: 50px; }
    .home-footer-main { padding-bottom: 38px; grid-template-columns: 1fr; gap: 28px; }
    .home-footer-bottom { flex-direction: column; gap: 4px; }
    .image-results-section { padding-top: 30px; }
    .image-result-grid { gap: 10px; }
    .image-result-copy { min-height: 84px; padding: 10px; }
    .image-result-copy > strong { font-size: 11px; }
    .image-position { top: 7px; left: 7px; }
    .image-choice-badge { top: 7px; right: 7px; }
    .image-index-summary { grid-template-columns: 1fr; }
    .image-index-form-grid { grid-template-columns: 1fr; }
    .keyword-blacklist-create, .keyword-blacklist-rule { padding: 16px; }
    .keyword-blacklist-delete { position: static; margin-top: 14px; text-align: right; }
    .popular-search-hero { padding: 50px 0 90px; }
    .popular-search-heading h1 { letter-spacing: -1.5px; }
    .popular-search-content { margin-top: -45px; }
    .popular-search-summary { padding: 20px; }
    .popular-search-card { padding: 17px 16px 15px; }
    .global-segment-picker { grid-template-columns: 1fr; }
.global-segment-picker .button { width: 100%; }
    .output-variant-group-heading, .global-source-review header { align-items: flex-start; flex-direction: column; }
    .output-variant-actions { width: 100%; justify-content: space-between; }
    .output-variant-row { grid-template-columns: 1fr 29px; }
    .output-variant-row .default-switch { grid-column: span 2; min-height: 20px; }
    .segment-result-list article { align-items: flex-start; flex-direction: column; }
    .inline-table-actions { width: 100%; justify-content: flex-end; }
}

@media (max-width: 420px) {
    .container,
    .results-layout.single { width: calc(100% - 22px); }
    .nav-wrap { min-height: 0; padding-block: 9px; align-items: stretch; flex-direction: column; }
    .brand { align-self: flex-start; }
    .brand-mark { width: 31px; height: 31px; border-radius: 9px; font-size: 16px; }
    .nav-links { width: 100%; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .nav-links::-webkit-scrollbar { display: none; }
    .nav-links > a,
    .nav-button { min-height: 34px; padding: 8px 9px; white-space: nowrap; }
    .search-hero.compact,
    body[data-ui-template="minimal"] .search-hero.compact,
    body[data-ui-template="editorial"] .search-hero.compact,
    body[data-ui-template="classic"] .search-hero.compact,
    body[data-ui-template="compact"] .search-hero.compact,
    body[data-ui-template="spotlight"] .search-hero.compact { min-height: 156px; }
    .search-hero.compact .hero-inner { padding-block: 24px; }
    .search-form { min-height: 56px; padding: 5px; gap: 4px; }
    .search-form input { height: 44px; padding-inline: 8px; font-size: 15px; }
    .search-form button { min-width: 112px; padding-inline: 11px; font-size: 11px; }
    .search-icon { width: 17px; height: 17px; margin-left: 8px; }
    .search-mode-tabs { margin-top: 12px; }
    .results-section { padding-top: 27px; }
    .results-meta h2 { font-size: 22px; }
    .result-card { padding: 16px; }
    .result-topline { align-items: flex-start; flex-wrap: wrap; }
    .result-domain { flex-basis: 100%; }
    .result-card h3 { font-size: 18px; }
    .result-card > p { font-size: 13px; }
}