:root{--bg:#f7f8fb;--text:#172033;--muted:#5d6b82;--card:#fff;--line:#e5e9f2;--brand:#3457ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial}.top{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 5vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0}.logo{font-weight:800;text-decoration:none;color:var(--text)}nav{display:flex;gap:.8rem;flex-wrap:wrap}a{color:var(--brand)}.wrap{max-width:1180px;margin:auto;padding:2rem 5vw}.hero{padding:1rem 0 3rem}.hero h1{margin-top:0}.btn{display:inline-block;background:var(--brand);color:white!important;border:0;border-radius:12px;padding:.8rem 1rem;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem;text-decoration:none;color:inherit;box-shadow:0 8px 20px #1720330a}.card img,.favicon{width:48px;height:48px;border-radius:10px}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tags span{background:#eef1ff;border-radius:999px;padding:.3rem .7rem}.form{display:grid;gap:1rem;max-width:760px}.form input,.form textarea,.form select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:12px}.form textarea{min-height:130px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}td,th{padding:.7rem;border-bottom:1px solid var(--line);text-align:left}.flash{background:#fff3cd;border:1px solid #ffe69c;border-radius:12px;padding:1rem;margin-bottom:1rem}.foot{text-align:center;color:var(--muted);padding:2rem}.crumbs{color:var(--muted);margin-bottom:1rem}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}}

.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.analysis-box{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:#fff}.parsed-box{background:#f8fafc}.ai-box{background:#f7fee7}.analysis-box h2{margin-top:0}.muted{color:#64748b}.analysis-list{display:grid;grid-template-columns:140px 1fr;gap:.55rem .9rem}.analysis-list dt{font-weight:700;color:#334155}.analysis-list dd{margin:0;word-break:break-word}.favicon-preview{width:24px;height:24px;vertical-align:middle;margin-right:.4rem;border-radius:4px}@media(max-width:760px){.analysis-grid{grid-template-columns:1fr}.analysis-list{grid-template-columns:1fr}.analysis-list dt{margin-top:.5rem}}

.site-list{align-items:stretch}.site-card-vertical{display:block}.site-card-icon-row{margin-bottom:.55rem}.site-card-vertical .site-card-icon{display:block;width:48px;height:48px;border-radius:10px;object-fit:contain}.site-card-title{font-size:1rem;line-height:1.25;margin:.1rem 0 .35rem}.site-card-title a{text-decoration:none;color:inherit}.site-card-title a:hover{color:var(--brand)}.site-card-vertical p{margin:.25rem 0 0}.tags a{display:inline-block;background:#eef1ff;border-radius:999px;padding:.3rem .7rem;text-decoration:none;color:var(--brand)}.tags a:hover{text-decoration:underline}

/* === Link title colors: categories and site names only === */
.grid > a.card[href^="/category/"] {
    color: inherit;
    text-decoration: none;
}

.grid > a.card[href^="/category/"] h3 {
    color: var(--brand);
}

.grid > a.card[href^="/category/"]:hover {
    text-decoration: none;
}

.grid > a.card[href^="/category/"]:hover h3 {
    text-decoration: underline;
}

.grid > a.card[href^="/category/"] p {
    color: inherit;
    text-decoration: none;
}

.site-card-title a {
    color: var(--brand);
    text-decoration: none;
}

.site-card-title a:hover {
    text-decoration: underline;
}

/* === Admin sites table === */
.admin-sites-table th,
.admin-sites-table td {
    vertical-align: top;
}

.admin-site-title {
    color: var(--brand);
    font-weight: 700;
    text-decoration: none;
}

.admin-site-title:hover {
    text-decoration: underline;
}

.admin-site-domain {
    margin-top: .2rem;
    font-size: .9rem;
    color: var(--muted);
}

.admin-site-domain a {
    color: var(--muted);
    text-decoration: none;
}

.admin-site-domain a:hover {
    text-decoration: underline;
}

.status-badge {
    display: inline-block;
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.3;
}

.status-pending {
    background: #fee2e2;
    color: #b91c1c;
}

.status-approved {
    background: #dcfce7;
    color: #15803d;
}

.status-rejected {
    background: #f1f5f9;
    color: #475569;
}

.admin-actions {
    white-space: nowrap;
}

.admin-actions a {
    margin-right: .55rem;
}


/* Site screenshot */
.site-page-with-screenshot {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

.site-main-info {
    flex: 1 1 auto;
    min-width: 0;
}

.site-screenshot-box {
    flex: 0 0 300px;
    max-width: 300px;
}

.site-screenshot {
    display: block;
    width: 300px;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.16);
    background: #f3f4f6;
}

@media (max-width: 900px) {
    .site-page-with-screenshot {
        display: block;
    }

    .site-screenshot-box {
        margin-top: 24px;
        max-width: 100%;
    }

    .site-screenshot {
        width: 100%;
        max-width: 300px;
    }
}

.screenshot-badge {
    display: inline-block;
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.3;
}

.screenshot-created {
    background: #dcfce7;
    color: #15803d;
}

.screenshot-missing {
    background: #fee2e2;
    color: #b91c1c;
}

.admin-actions .admin-action-missing-screen {
    color: #d00000;
    font-weight: 700;
}

.admin-actions .admin-action-update-screen {
    color: var(--brand);
}

/* === Admin pagination === */
.admin-pagination {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.admin-pagination-summary {
    color: var(--muted);
    font-size: .95rem;
}

.admin-pagination-links {
    display: flex;
    gap: .35rem;
    align-items: center;
    flex-wrap: wrap;
}

.admin-pagination-links a,
.admin-pagination-links span {
    display: inline-block;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    padding: .35rem .65rem;
    text-decoration: none;
    line-height: 1.2;
}

.admin-pagination-links a:hover {
    border-color: var(--brand);
}

.admin-pagination-links .admin-pagination-current {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
    font-weight: 700;
}

.admin-pagination-bottom {
    justify-content: center;
}

/* === Public pagination === */
.public-pagination {
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.25rem 0;
}

.public-pagination-top {
    justify-content: flex-start;
    margin-top: .25rem;
}

.public-pagination-summary {
    color: var(--muted);
    font-size: .95rem;
}

.public-pagination-links {
    display: flex;
    gap: .35rem;
    align-items: center;
    flex-wrap: wrap;
}

.public-pagination-links a,
.public-pagination-links span {
    display: inline-block;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    padding: .4rem .7rem;
    text-decoration: none;
    line-height: 1.2;
}

.public-pagination-links a:hover {
    border-color: var(--brand);
}

.public-pagination-links .public-pagination-current {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
    font-weight: 700;
}

.public-pagination-links .public-pagination-dots {
    border-color: transparent;
    background: transparent;
    color: var(--muted);
    padding-left: .25rem;
    padding-right: .25rem;
}

.similar-websites{display:grid;gap:1rem;margin-top:1rem}.similar-websites-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.similar-card{display:flex;align-items:center;gap:.7rem;min-height:72px}.similar-card-favicon{width:32px;height:32px;border-radius:8px;object-fit:contain;flex:0 0 auto}.similar-card-title{font-weight:650;line-height:1.25}@media(max-width:760px){.similar-websites-row{grid-template-columns:1fr}}

.page-intro{max-width:860px}.stats-grid{margin:1.25rem 0 2rem}.stat-card strong{display:block;font-size:2rem;line-height:1.1}.stat-card span{display:block;color:var(--muted);margin-top:.35rem}.stats-table{max-width:720px}.admin-search{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;margin:1rem 0}.admin-search label{display:grid;gap:.3rem;min-width:320px;max-width:520px;flex:1}.admin-search input{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:12px}.admin-search-reset{padding:.7rem 0}

/* === Admin tags table === */
.admin-tags-table th,
.admin-tags-table td {
    vertical-align: top;
}

.admin-tag-title {
    color: var(--brand);
    font-weight: 700;
    text-decoration: none;
}

.admin-tag-title:hover {
    text-decoration: underline;
}

.admin-tag-slug {
    margin-top: .2rem;
    font-size: .9rem;
    color: var(--muted);
}

.admin-tag-description {
    max-width: 640px;
}

.admin-tags-table .admin-actions form {
    display: inline;
}
@media print{*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}html,body{background:#fff!important;color:#000!important;font:12pt/1.45 Georgia,"Times New Roman",serif}.top,.foot,.btn,.admin-actions,.admin-search,.public-pagination,.admin-pagination{display:none!important}.wrap{max-width:none;margin:0;padding:0}a{color:#000!important;text-decoration:underline}a[href^="http"]::after{content:" (" attr(href) ")";font-size:90%}.card,table{border:1px solid #999!important;background:#fff!important}.grid{display:block}.card{break-inside:avoid;margin:0 0 12pt;padding:10pt}table{width:100%;border-collapse:collapse}th,td{border:1px solid #999!important;padding:6pt}.site-page-with-screenshot{display:block}.site-screenshot-box{display:none}.tags a{border:1px solid #999;background:#fff!important;color:#000!important}}

/* === Public header logo === */
.site-brand{display:flex;align-items:center;gap:.65rem;min-width:0;white-space:nowrap}
.site-brand-logo{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 auto}
.site-brand-text{display:block;font-weight:800;line-height:1.1;color:#5f73d8}
@media(max-width:700px){.site-brand-logo{width:34px;height:34px}.site-brand-text{font-size:1.05rem}}
@media(max-width:420px){.site-brand-logo{width:30px;height:30px}.site-brand-text{font-size:1rem}}


/* === Admin categories CRUD === */
.admin-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 1rem;
    margin: 1rem 0 1.5rem;
}

.admin-panel h2 {
    margin-top: 0;
}

.admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.admin-category-actions {
    display: flex;
    gap: .65rem;
    align-items: center;
    flex-wrap: wrap;
}

.admin-category-actions form {
    display: inline;
    margin: 0;
}

.admin-link-button {
    border: 0;
    background: none;
    color: var(--brand);
    cursor: pointer;
    padding: 0;
    font: inherit;
    text-decoration: underline;
}

.admin-delete-button {
    color: #b91c1c;
}

.admin-category-ai-box {
    background: #eef1ff;
    border: 1px solid #d7ddff;
    border-radius: 16px;
    padding: 1rem;
    margin: 1rem 0;
}

.admin-category-ai-box form {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex-wrap: wrap;
}

.admin-large-textarea {
    min-height: 260px;
}

@media(max-width:760px) {
    .admin-form-grid {
        grid-template-columns: 1fr;
    }
}

.category-short-description {
    margin: 0 0 24px;
    color: #4b5563;
    line-height: 1.7;
}

/* === Admin tags bulk generation === */
.admin-tags-bulk-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 1rem;
    margin: 1rem 0;
}

.admin-tags-select-tools,
.admin-tags-bulk-actions {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.admin-tags-select-tools a {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: .25rem .65rem;
    background: #f8fafc;
    text-decoration: none;
    line-height: 1.25;
}

.admin-tags-select-tools a:hover {
    border-color: var(--brand);
    background: #eef1ff;
}

.admin-tags-selected-count {
    color: var(--muted);
}

.admin-tag-check-col {
    width: 44px;
    text-align: center;
}

.admin-tag-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#admin-tags-bulk-submit:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* === Admin tags global generation === */
.admin-tags-global-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 1rem;
    margin: 1rem 0;
}

.admin-tags-global-form {
    display: flex;
    align-items: end;
    gap: .75rem;
    flex-wrap: wrap;
}

.admin-tags-global-form label {
    display: grid;
    gap: .25rem;
    color: var(--muted);
    font-size: .92rem;
}

.admin-tags-global-form input[type="number"] {
    width: 120px;
    padding: .65rem .75rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--text);
}

/* === Admin page statistics === */
.admin-page-stat-table th,
.admin-page-stat-table td {
    vertical-align: top;
}

.admin-page-stat-page {
    min-width: 280px;
}


/* === Article keyword cleanup === */
.admin-keywords-clean-row {
    display: grid;
    gap: .6rem;
}

.admin-secondary-button {
    background: #475569;
    justify-self: start;
    padding: .65rem .85rem;
    border-radius: 10px;
}

/* === Articles public pages === */
.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.article-card {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 0;
    overflow: hidden;
}

.article-card-image-link {
    display: block;
    text-decoration: none;
    background: #eef1ff;
}

.article-card .article-card-image {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 18px 18px 0 0;
}

.article-card-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 180px;
    color: var(--muted);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.article-card-title {
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 0;
    padding: 0 1rem 1rem;
}

.article-card-title a {
    color: var(--brand);
    text-decoration: none;
}

.article-card-title a:hover {
    text-decoration: underline;
}

.article-page {
    max-width: 860px;
}

.article-page-header h1 {
    margin-top: 0;
}

.article-main-image {
    display: block;
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    border-radius: 18px;
    background: #eef1ff;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.12);
    margin: 1rem 0 1.25rem;
}

.article-keywords {
    margin: 1rem 0 1.5rem;
}

.article-body {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 1.25rem;
    box-shadow: 0 8px 20px #1720330a;
}

.article-body h2,
.article-body h3,
.article-body h4 {
    line-height: 1.25;
    margin-top: 1.35rem;
}

.article-body h2:first-child,
.article-body h3:first-child,
.article-body h4:first-child {
    margin-top: 0;
}

.article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

@media(max-width:900px) {
    .articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

/* === Admin articles === */
.admin-articles-table th,
.admin-articles-table td {
    vertical-align: top;
}

.admin-article-cell {
    min-width: 300px;
}

.admin-article-description {
    margin-top: .35rem;
    color: var(--muted);
    max-width: 620px;
}

.admin-article-thumb {
    display: block;
    width: 92px;
    height: 64px;
    object-fit: cover;
    border-radius: 10px;
    background: #eef1ff;
}

.admin-article-edit-image {
    display: block;
    width: 220px;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin-top: .45rem;
    background: #eef1ff;
}

.admin-articles-table .admin-actions form {
    display: inline;
    margin: 0;
}

/* === Article galleries === */
.article-gallery {
    margin-top: 1.5rem;
}

.article-gallery h2 {
    font-size: 1.25rem;
    line-height: 1.25;
    margin: 0 0 .8rem;
}

.article-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.article-gallery-grid a {
    display: block;
    overflow: hidden;
    border-radius: 14px;
    background: #eef1ff;
    border: 1px solid var(--line);
}

.article-gallery-grid img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.admin-article-images-panel {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 1rem;
    background: #fff;
}

.admin-article-images-panel h2 {
    margin-top: 0;
}

.admin-article-images-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: .9rem;
    margin-top: .8rem;
}

.admin-article-image-item {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .65rem;
    background: #f8fafc;
}

.admin-article-image-item img {
    display: block;
    width: 100%;
    height: 105px;
    object-fit: cover;
    border-radius: 10px;
    background: #eef1ff;
    margin-bottom: .45rem;
}

.admin-article-image-control {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .9rem;
    margin: .25rem 0;
}

.admin-delete-image-control {
    color: #b91c1c;
}

@media(max-width:900px) {
    .article-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:620px) {
    .article-gallery-grid {
        grid-template-columns: 1fr;
    }
}

.admin-table-sort-link {
    color: inherit;
    text-decoration: none;
}

.admin-table-sort-link:hover {
    text-decoration: underline;
}

.admin-table-sort-current::after {
    content: " ↓";
    font-weight: 700;
}

/* Admin bulk AI import */
.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin:18px 0;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.admin-card h2{margin-top:0;font-size:1.2rem}
.admin-textarea-large{width:100%;max-width:900px;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.admin-bulk-table td{vertical-align:top}
.admin-error-text{margin-top:6px;color:#b91c1c;font-size:.9rem}
.admin-ai-preview-title{margin-top:6px;color:#166534;font-weight:600}
.inline-form{display:inline}
.btn-link{background:none;border:0;padding:0;color:#2563eb;text-decoration:underline;cursor:pointer;font:inherit}
.btn-small{display:inline-block;border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:5px 9px;cursor:pointer;color:#111827}
.admin-pre-wrap{white-space:pre-wrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px;max-height:360px;overflow:auto;margin-top:10px}
.status-completed{background:#dcfce7;color:#166534}
.status-prepared{background:#dbeafe;color:#1d4ed8}
.status-batch_submitted{background:#fef3c7;color:#92400e}
.status-failed,.status-fetch_error,.status-blocked{background:#fee2e2;color:#991b1b}
.status-duplicate{background:#ede9fe;color:#5b21b6}
.status-imported{background:#e0f2fe;color:#075985}

/* === Admin traffic statistics === */
.admin-traffic-table th,
.admin-traffic-table td,
.admin-traffic-summary-table th,
.admin-traffic-summary-table td {
    white-space: nowrap;
}

.admin-traffic-table .admin-page-stat-page,
.admin-query-text {
    white-space: normal;
}

.admin-bot-main-row td {
    border-bottom: 0;
}

.admin-bot-ua-row td {
    padding-top: .15rem;
    padding-bottom: .75rem;
    white-space: normal;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.45;
    background: #fbfcff;
}


.admin-bot-ua-value {
    overflow-wrap: anywhere;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.admin-query-text {
    min-width: 260px;
    max-width: 520px;
    word-break: break-word;
}

.admin-filter-current {
    color: #15803d;
}

.admin-traffic-summary-table {
    margin: .75rem 0 1.5rem;
}


/* Admin AI import preview form */
.admin-generated-listing-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
    align-items:start;
}
.admin-generated-listing-form label{display:block;font-weight:700;color:#334155}
.admin-generated-listing-form input,
.admin-generated-listing-form textarea,
.admin-generated-listing-form select{
    display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font:inherit;
}
.admin-generated-listing-form textarea{min-height:110px;resize:vertical}
.admin-generated-listing-form label:has(textarea[name="description"]),
.admin-generated-listing-form label:has(textarea[name="seo_description"]),
.admin-generated-listing-form p{grid-column:1/-1}
.admin-generated-listing-form p{margin:4px 0 0}
.btn-small-danger{border-color:#fecaca;color:#991b1b;background:#fff5f5}
.btn-link-danger{color:#b91c1c}
.admin-actions form{margin-right:6px}
.admin-clear-ai-jobs-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px dashed #fecaca;border-radius:12px;background:#fff7f7}
.admin-clear-ai-jobs-form label{display:grid;gap:4px;font-weight:700;min-width:280px}
.admin-clear-ai-jobs-form input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:760px){.admin-generated-listing-form{grid-template-columns:1fr}}


.inline-form{display:inline;margin:0;padding:0}.link-button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}.danger-link{color:#b00020}.admin-nav-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.admin-nav-stats{border-top:1px solid rgba(255,255,255,.25);margin-top:.35rem;padding-top:.35rem}.actions .inline-form,td .inline-form{margin-right:.35rem;display:inline-block}

/* Admin menu: keep statistics in the second row and support POST logout button. */
.admin-top{align-items:flex-start}
.admin-nav{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}
.admin-nav-row{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.admin-nav-stats{font-size:.95rem;padding-top:.35rem;border-top:1px solid var(--line)}
.inline-form{display:inline;margin:0;padding:0}
.link-button{background:none;border:0;color:var(--brand);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.admin-generated-listing-form input,
.admin-generated-listing-form textarea,
.admin-generated-listing-form select{font-weight:400}
@media(max-width:700px){.admin-nav{align-items:flex-start}.admin-nav-row{justify-content:flex-start}}

.admin-filter-form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
    margin: 1rem 0;
}

.admin-filter-form label {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-weight: 600;
}

.admin-filter-form input[type="search"] {
    min-width: min(560px, 80vw);
    padding: .55rem .7rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
}

.admin-unlisted-bot-ua-short {
    max-width: 420px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-unlisted-bot-code-row td {
    padding-top: .15rem;
    padding-bottom: .85rem;
    white-space: normal;
    background: #f8fafc;
}

.admin-unlisted-bot-code-title {
    margin-bottom: .35rem;
    color: var(--muted);
    font-size: .86rem;
    font-weight: 600;
}

.admin-unlisted-bot-code {
    width: 100%;
    min-height: 58px;
    box-sizing: border-box;
    resize: vertical;
    border: 1px solid #d1d5db;
    border-radius: 9px;
    padding: .55rem .65rem;
    background: #fff;
    color: #111827;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .86rem;
    line-height: 1.45;
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: auto;
}