.promotion-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0}.promotion-products .panel{display:flex;flex-direction:column;gap:12px;margin:0}.promotion-products button{margin-top:auto}.listing-card.promoted-highlight{background:#fff6d5}.listing-picture>.promotion-badge{top:10px;left:10px;bottom:auto;right:auto;background:#2154bc;color:white;z-index:1}#commercePage>button{margin:8px 8px 8px 0}#commercePage .panel{overflow-wrap:anywhere}#commercePage>p{max-width:850px;line-height:1.6}

#commercePage .commerce-inline-actions{width:min(100%,1040px)}
#commercePage .commerce-order-card .commerce-inline-actions{width:100%;margin:10px 0 0}

/* Advertisement statistics: navigation and a compact summary for today. */
body #commercePage .commerce-action-row{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:min(100%,1040px);margin:16px 0 18px}
body #commercePage .commerce-action-row>.button-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;margin:0;padding:9px 14px;text-align:center}
body #commercePage .commerce-action-row>.commerce-back-action{margin-right:auto}
body #commercePage .commerce-action-row>.button-link[aria-current="page"]{border-color:#9db4f5;background:#e9efff;color:#2452c7;box-shadow:inset 0 0 0 1px #cbd8fb}
body #commercePage .commerce-period-controls{display:flex;align-items:stretch;gap:8px;margin-left:auto}
body #commercePage .commerce-period-controls>.button-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;margin:0;padding:9px 14px;text-align:center;white-space:nowrap}
body #commercePage .commerce-period-controls>.button-link[aria-current="page"]{border-color:#9db4f5;background:#e9efff;color:#2452c7;box-shadow:inset 0 0 0 1px #cbd8fb}
body #commercePage .commerce-period-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 5px;border-radius:7px;background:#eef1f7;color:#4e596d;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
body #commercePage .commerce-period-controls>.button-link[aria-current="page"] .commerce-period-count{background:#fff;color:#2452c7;box-shadow:inset 0 0 0 1px #cbd8fb}
#commercePage .ad-stats-summary-section{box-sizing:border-box;width:min(100%,1040px);margin:0 0 20px}
#commercePage .ad-stats-summary-heading{display:flex;align-items:center;gap:12px;margin:0 0 10px}
#commercePage .ad-stats-summary-heading>h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.3px}
#commercePage .ad-stats-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;box-sizing:border-box;width:100%;margin:0;padding:0}
#commercePage .ad-stats-summary-item{display:flex;min-width:0;min-height:66px;flex-direction:column;justify-content:space-between;gap:5px;box-sizing:border-box;padding:10px 11px;border:1px solid #e0e5ed;border-radius:11px;background:#fff}
#commercePage .ad-stats-summary-item dt{color:#687287;font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap}
#commercePage .ad-stats-summary-item dd{margin:0;color:#202532;font-size:24px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}
#commercePage .ad-stats-summary-item.new-visitors{border-color:#cbd7f8;background:#f3f6ff}
#commercePage .ad-stats-summary-item.new-visitors dt,#commercePage .ad-stats-summary-item.new-visitors dd{color:#3458ed}
#commercePage .ad-stats-summary-item.returning{border-color:#dce2eb;background:#f7f8fa}
#commercePage .ad-stats-summary-item.returning dt,#commercePage .ad-stats-summary-item.returning dd{color:#596579}
#commercePage .ad-stats-summary-item.promoted{border-color:#b9dfc8;background:#f1fbf5}
#commercePage .ad-stats-summary-item.promoted dt,#commercePage .ad-stats-summary-item.promoted dd{color:#1a9c55}

/* Advertisement traffic: gray marks returning visitors, blue first-time visitors,
   and green views recorded while a paid promotion was active. */
#commercePage .ad-stats-chart{box-sizing:border-box;width:min(100%,1040px);margin:20px 0;padding:18px;border:1px solid #e0e5ed;border-radius:16px;background:#fff;color:#202532}
#commercePage .ad-stats-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
#commercePage .ad-stats-chart-heading h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.3px}
#commercePage .ad-stats-legend{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;color:#687287;font-size:13px;line-height:1.3}
#commercePage .ad-stats-legend-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
#commercePage .ad-stats-legend-item::before{content:'';display:block;width:10px;height:10px;border-radius:2px;background:#d5deec}
#commercePage .ad-stats-legend-item.new::before{background:#3458ed}
#commercePage .ad-stats-legend-item.promoted::before{background:#1a9c55}
#commercePage .ad-stats-chart-scroll{box-sizing:border-box;width:100%;min-width:0;padding:2px 0 5px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
#commercePage .ad-stats-chart-scroll:focus-visible{outline:2px solid #7892df;outline-offset:4px;border-radius:8px}
#commercePage .ad-stats-bars{display:grid;align-items:end;gap:7px;width:100%;height:224px}
#commercePage .ad-stats-bars.is-week{min-width:0}
#commercePage .ad-stats-column{position:relative;display:grid;grid-template-rows:28px minmax(0,1fr) 24px;align-items:end;gap:5px;height:100%;min-width:0;border-radius:0;background:transparent;text-align:center;cursor:pointer}
#commercePage .ad-stats-column::before{content:'';position:absolute;z-index:0;top:40px;right:8%;bottom:35px;left:8%;pointer-events:none;border:0;border-radius:11px;background:transparent;transition:background .16s,box-shadow .16s}
#commercePage .ad-stats-column>*{position:relative;z-index:1}
#commercePage .ad-stats-column:hover::before{background:#f7f9ff}
#commercePage .ad-stats-column:focus-visible{outline:none!important}
#commercePage .ad-stats-column:focus-visible::before{background:transparent;box-shadow:none}
body #commercePage .ad-stats-column[aria-pressed="true"],
body #commercePage .ad-stats-column[aria-pressed="true"]:hover{min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:inherit!important;font-weight:inherit!important;transform:none!important}
#commercePage .ad-stats-column.selected::before,
#commercePage .ad-stats-column.selected:hover::before{background:transparent;box-shadow:none}
#commercePage .ad-stats-column.selected .ad-stats-day{justify-self:center;padding:3px 5px;border-radius:6px;background:#dfe8ff;color:#2452c7;font-weight:800}
#commercePage .ad-stats-value{align-self:start;color:#4e596d;font-size:12px;font-variant-numeric:tabular-nums;line-height:1}
#commercePage .ad-stats-track{display:flex;align-items:flex-end;justify-content:center;width:72%;min-width:18px;max-width:42px;height:100%;margin:0 auto;border-bottom:1px solid #d9dfe9;background:linear-gradient(90deg,transparent 47%,#f2f4f8 47%,#f2f4f8 53%,transparent 53%)}
#commercePage .ad-stats-fill{width:100%;overflow:hidden;border-radius:7px 7px 2px 2px;background:#d5deec;box-shadow:inset 0 0 0 1px #cbd5e41a}
#commercePage .ad-stats-day{align-self:start;color:#6d7687;font-size:10px;font-weight:650;line-height:1.15;white-space:nowrap}
#commercePage .ad-stats-bars.is-week .ad-stats-day{font-size:12px}
#commercePage .ad-stats-day-compact{display:none}
#commercePage .ad-stats-column.today .ad-stats-track{border-bottom-color:#95a9e3}
#commercePage .ad-stats-column.today .ad-stats-day{color:#294fc3;font-weight:800}
@media(max-width:900px) and (min-width:561px){#commercePage .ad-stats-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){
 body #commercePage .commerce-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 14px}
 body #commercePage .commerce-action-row>.button-link{width:100%;min-width:0;padding:8px 10px}
 body #commercePage .commerce-action-row>.commerce-back-action{grid-column:1/-1;margin:0}
 body #commercePage .commerce-period-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:7px;margin:0}
 body #commercePage .commerce-period-controls>.button-link{width:100%;min-width:0;padding:8px 7px;font-size:12px}
 body #commercePage .commerce-period-count{min-width:20px;height:20px;margin-left:6px;font-size:12px}
 #commercePage .ad-stats-summary-section{margin-bottom:15px}
 #commercePage .ad-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #commercePage .ad-stats-summary-heading{margin-bottom:8px}
 #commercePage .ad-stats-summary-heading>h2{font-size:20px}
 #commercePage .ad-stats-summary-item{min-height:64px;gap:5px;padding:9px 10px;border-radius:10px}
 #commercePage .ad-stats-summary-item:last-child{grid-column:1/-1}
 #commercePage .ad-stats-summary-item dt{font-size:12px}
 #commercePage .ad-stats-summary-item dd{font-size:24px}
 #commercePage .ad-stats-chart{margin:15px 0;padding:14px 12px;border-radius:13px}
 #commercePage .ad-stats-chart-heading{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:9px}
 #commercePage .ad-stats-chart-heading h2{font-size:20px}
 #commercePage .ad-stats-legend{justify-content:flex-start;gap:7px 12px;font-size:12px}
 #commercePage .ad-stats-bars{height:196px;gap:5px}
 #commercePage .ad-stats-bars.is-week{gap:3px}
 #commercePage .ad-stats-bars.is-week .ad-stats-day{justify-self:center;min-width:0;max-width:100%;padding:3px 1px;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.15;white-space:nowrap}
 #commercePage .ad-stats-bars.is-week .ad-stats-column.selected .ad-stats-day{padding:3px 1px}
 #commercePage .ad-stats-bars.is-week .ad-stats-day-full{display:none}
 #commercePage .ad-stats-bars.is-week .ad-stats-day-compact{display:inline}
 #commercePage .ad-stats-column{grid-template-rows:26px minmax(0,1fr) 22px;gap:4px}
 #commercePage .ad-stats-column::before{top:36px;right:7%;bottom:31px;left:7%;border-radius:9px}
 #commercePage .ad-stats-track{width:68%;min-width:16px}
}

/* Compact staff payment history inside the shared administration workspace. */
#commercePage.commerce-admin-payments{box-sizing:border-box;width:100%;min-width:0;margin:0 0 28px}
#commercePage .commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 12px}
#commercePage .commerce-heading h1{min-width:0;margin:0;font-size:30px;line-height:1.15;letter-spacing:-.6px}
#commercePage .commerce-refresh{flex:0 0 auto;min-height:40px;padding:8px 14px;border:1px solid #bfd0fa;border-radius:10px;background:#edf2ff;color:#294fc3;font-size:15px;font-weight:750}
#commercePage .commerce-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:14px 0}
#commercePage .commerce-order-card{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:15px;border-radius:13px}
#commercePage .commerce-order-card h2{margin:0 0 8px;font-size:19px;line-height:1.25}
#commercePage .commerce-order-card p{margin:4px 0;font-size:14px;line-height:1.4}
#commercePage .commerce-order-card small{display:block;margin-top:7px;color:#687287;font-size:12px;line-height:1.4}
#commercePage .commerce-pagination{display:flex;align-items:center;gap:8px;margin:12px 0 0}
#commercePage .commerce-pagination button{margin:0}
@media(max-width:980px){#commercePage .commerce-order-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){#commercePage .commerce-heading h1{font-size:26px}#commercePage .commerce-refresh{min-height:38px;padding:7px 11px}#commercePage .commerce-order-card{padding:13px}}
#adminPage>button,#adminPage>a,#adminPage .panel>a{display:inline-block;margin:6px}#adminPage .panel{margin:16px 0;padding:20px;border:1px solid #d9e0e9;border-radius:16px;background:white;overflow-wrap:anywhere}#adminPage .search-form{flex-wrap:wrap;align-items:end}#adminPage .search-form label{min-width:180px;flex:1}#adminPage .search-form select{width:100%}#adminPage .promotion-products .panel{margin:0}#adminPage>p{line-height:1.6}

/* Compact section switcher for the administration workspace. */
#adminPage .admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 14px}
#adminPage .admin-page-header>h1{min-width:0;margin:0;font-size:clamp(28px,3.2vw,38px);line-height:1.12;letter-spacing:-1px}
#adminPage .admin-section-menu{position:relative;z-index:42;flex:0 0 auto;width:230px}
#adminPage .admin-section-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;list-style:none;cursor:pointer;border:1px solid #dce3f0;border-radius:12px;background:#fff;color:#27324a;box-shadow:0 4px 16px #2136550a}
#adminPage .admin-section-menu>summary::-webkit-details-marker{display:none}
#adminPage .admin-section-menu>summary>span{color:#727c91;font-size:12px;font-weight:650}
#adminPage .admin-section-menu>summary>strong{min-width:0;overflow:hidden;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
#adminPage .admin-section-menu>summary::after{content:'';flex:0 0 auto;width:7px;height:7px;margin-left:auto;border-right:2px solid #71809d;border-bottom:2px solid #71809d;transform:rotate(45deg) translateY(-2px);transition:transform .16s}
#adminPage .admin-section-menu[open]>summary{border-color:#a9bbed;background:#edf2ff;color:#294fc3}
#adminPage .admin-section-menu[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
#adminPage .admin-section-menu-list{position:absolute;right:0;top:calc(100% + 7px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:min(460px,calc(100vw - 28px));max-height:min(70vh,480px);padding:7px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #dfe5ee;border-radius:14px;background:#fff;box-shadow:0 16px 44px #17263c20}
#adminPage .admin-section-menu-list a{display:flex;align-items:center;min-width:0;min-height:40px;padding:8px 10px;border-radius:9px;color:#4f5a70;font-size:14px;font-weight:650;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
#adminPage .admin-section-menu-list a:hover{background:#edf2ff;color:#294fc3}
#adminPage .admin-section-menu-list a[aria-current=page]{background:#e9efff;color:#294fc3}
#adminPage .admin-section-menu-list .admin-logout{display:flex;align-items:center;min-width:0;min-height:40px;margin:3px 0 0;padding:8px 10px;border:1px solid #f0cbd1;border-radius:9px;background:#fff6f7;color:#9d283b;font-size:14px;font-weight:700;text-align:left}

/* Compact dashboard: the important queues stay readable without oversized cards. */
#adminPage .admin-dashboard-note{margin:0 0 10px;color:#687287;font-size:13px}
#adminPage .admin-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:0 0 10px}
#adminPage .admin-dashboard-stat{display:flex;position:relative;min-width:0;min-height:72px;flex-direction:column;justify-content:center;gap:3px;padding:11px 36px 11px 13px;border:1px solid #e0e6ef;border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:border-color .16s,background .16s,transform .16s}
#adminPage .admin-dashboard-stat::after{content:'→';position:absolute;right:13px;top:50%;color:#8390a6;font-size:16px;transform:translateY(-50%)}
#adminPage .admin-dashboard-stat:hover,#adminPage .admin-dashboard-stat:focus-visible{border-color:#aebfee;background:#f7f9ff;transform:translateY(-1px)}
#adminPage .admin-dashboard-stat strong{color:#294fc3;font-size:25px;line-height:1}
#adminPage .admin-dashboard-stat span{color:#566176;font-size:13px;font-weight:650;line-height:1.25}
#adminPage .admin-dashboard-payments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#adminPage .admin-dashboard-payments>a{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:#f5f7fb;color:#687287;font-size:12px;text-decoration:none}
#adminPage .admin-dashboard-payments>a:hover,#adminPage .admin-dashboard-payments>a:focus-visible{border-color:#b9c6ea;background:#eef3ff}
#adminPage .admin-dashboard-payments strong{color:#27324a;font-size:14px}

@media(min-width:761px){
 #adminPage .admin-section-menu{display:none}
 #adminPage .admin-page-header{justify-content:flex-start}
}

@media(max-width:560px){
 #adminPage .admin-page-header{align-items:stretch;flex-direction:column;gap:10px;margin-top:8px}
 #adminPage .admin-page-header>h1{font-size:28px}
 #adminPage .admin-section-menu{width:100%}
 #adminPage .admin-section-menu-list{grid-template-columns:1fr;width:100%;max-height:min(50dvh,420px)}
 #adminPage .admin-section-menu-list a{min-height:44px;padding:9px 11px}
 #adminPage .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #adminPage .admin-dashboard-stat{min-height:64px;padding:9px 30px 9px 10px}
 #adminPage .admin-dashboard-stat strong{font-size:22px}
 #adminPage .admin-dashboard-payments{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 #adminPage .admin-dashboard-payments>a{min-width:0;flex-direction:column;align-items:flex-start;gap:2px}
}

/* Superadmin staff directory. */
#adminPage .admin-staff-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
#adminPage .admin-staff-summary .panel{display:flex;align-items:center;gap:10px;margin:0;padding:14px}
#adminPage .admin-staff-summary strong{font-size:24px;color:var(--blue)}
#adminPage .admin-staff-summary span{line-height:1.25}
#adminPage .admin-staff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
#adminPage .admin-staff-card{display:flex;min-width:0;flex-direction:column;gap:7px;margin:0}
#adminPage .admin-staff-card>p,#adminPage .admin-staff-card>small{margin:0;overflow-wrap:anywhere}
#adminPage .admin-staff-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
#adminPage .admin-staff-heading>div{min-width:0}
#adminPage .admin-staff-heading a{display:block;margin:0;font-size:19px;font-weight:700;overflow-wrap:anywhere}
#adminPage .admin-staff-heading p{margin:4px 0 0;color:#626b79}
#adminPage .admin-role-badge{flex:none;padding:5px 8px;border-radius:999px;background:#eef2ff;color:#2446aa;font-size:12px;font-weight:700}
#adminPage .admin-role-badge.role-superadmin{background:#eaf8ef;color:#15713b}
#adminPage .admin-staff-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
#adminPage .admin-staff-actions>a,#adminPage .admin-staff-actions>button{min-height:40px;margin:0;padding:8px 12px}
#adminPage .admin-revoke-staff{border-color:#c8394d;color:#a51f34;background:#fff}
.admin-revoke-dialog{max-width:520px}
.admin-revoke-dialog>button{margin-right:8px}

@media(max-width:760px){
 #adminPage .admin-staff-summary{grid-template-columns:1fr;gap:6px;margin:10px 0}
 #adminPage .admin-staff-summary .panel{min-height:0;padding:9px 11px;border-radius:10px}
 #adminPage .admin-staff-summary strong{font-size:20px}
 #adminPage .admin-staff-list{grid-template-columns:1fr;gap:8px;margin-top:10px}
 #adminPage .admin-staff-card{padding:12px;border-radius:11px}
 #adminPage .admin-staff-heading{gap:8px}
 #adminPage .admin-staff-heading a{font-size:17px}
 #adminPage .admin-role-badge{padding:4px 7px;font-size:11px}
 #adminPage .admin-staff-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
 #adminPage .admin-staff-actions>a,#adminPage .admin-staff-actions>button{display:grid;place-items:center;width:100%;min-height:42px;padding:7px 8px;text-align:center}
 #adminPage .admin-staff-search{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #adminPage .admin-staff-search>label:first-child{grid-column:1/-1}
 #adminPage .admin-staff-search>label{min-width:0}
 #adminPage .admin-staff-search>button,#adminPage .admin-staff-search>a{width:100%;margin:0;text-align:center}
}

/* Compact administrator view of a user. Only the service chat is rendered here. */
#adminPage .admin-user-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 30px;min-width:0}
#adminPage .admin-user-detail>.panel{min-width:0;margin:0;padding:18px;border-radius:16px}
#adminPage .admin-user-detail>.admin-user-section:first-child,
#adminPage .admin-user-detail>.admin-user-section:nth-child(2),
#adminPage .admin-user-detail>.admin-user-logins-section,
#adminPage .admin-user-detail>.admin-role-control{grid-column:1/-1}
#adminPage .admin-user-section>h2,#adminPage .admin-section-heading h2{margin:0 0 14px;font-size:24px;line-height:1.2}
#adminPage .admin-section-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:14px}
#adminPage .admin-section-heading h2{margin:0}
#adminPage .admin-section-heading>span{color:#687287;font-size:20px;font-weight:750}
#adminPage .admin-user-profile{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:start}
#adminPage .admin-user-avatar{display:grid;place-items:center;width:132px;height:132px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#3458ed,#6e50d9);color:white;font-size:38px;font-weight:800;line-height:1}
#adminPage .admin-user-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#adminPage .admin-user-profile h3{margin:0 0 8px;font-size:25px;line-height:1.2;overflow-wrap:anywhere}
#adminPage .admin-user-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
#adminPage .admin-user-state,#adminPage .admin-ad-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#f0f2f6;color:#4d586b;font-size:12px;font-weight:750;line-height:1.2}
#adminPage .admin-user-state.state-active,#adminPage .admin-ad-status.status-active{background:#e9f7ee;color:#16733e}
#adminPage .admin-user-state.state-blocked,#adminPage .admin-ad-status.status-blocked,#adminPage .admin-ad-status.status-rejected{background:#fff0f1;color:#a72539}
#adminPage .admin-ad-status.status-moderation{background:#fff6db;color:#795900}
#adminPage .admin-user-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 12px;margin:0}
#adminPage .admin-user-facts dt{color:#697387;font-weight:600}
#adminPage .admin-user-facts dd{min-width:0;margin:0;overflow-wrap:anywhere}
#adminPage .admin-user-description{max-width:760px;margin:13px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#adminPage .admin-user-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:16px}
#adminPage .admin-user-counts>div{display:flex;align-items:baseline;gap:8px;min-width:0;padding:10px 12px;border-radius:11px;background:#f5f7fb}
#adminPage .admin-user-counts strong{color:#264bc2;font-size:22px}
#adminPage .admin-user-counts span{min-width:0;color:#5f697c;font-size:13px;overflow-wrap:anywhere}
#adminPage .admin-user-ad-summary{margin:-4px 0 12px;color:#697387;font-size:14px}
#adminPage .admin-user-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#adminPage .admin-user-ad-card{display:grid;grid-template-columns:145px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #e3e7ef;border-radius:13px;background:#fff}
#adminPage .admin-user-ad-media{display:grid;place-items:center;min-height:145px;background:#eff2f7;color:#737d8c;font-size:13px}
#adminPage .admin-user-ad-media img{display:block;width:100%;height:100%;min-height:145px;object-fit:cover}
#adminPage .admin-user-ad-content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:6px;padding:12px}
#adminPage .admin-user-ad-content h3{max-width:100%;margin:0;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
#adminPage .admin-user-ad-content h3 a{margin:0;color:#202532;text-decoration:none}
#adminPage .admin-user-ad-content h3 a:hover{color:var(--blue)}
#adminPage .admin-user-ad-content>strong{font-size:19px}
#adminPage .admin-user-ad-content>p,#adminPage .admin-user-ad-content>small{max-width:100%;margin:0;color:#667186;font-size:13px;overflow-wrap:anywhere}
#adminPage .admin-user-ad-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
#adminPage .admin-user-ad-actions>a,#adminPage .admin-user-detail .button-link{display:inline-grid;place-items:center;min-height:36px;box-sizing:border-box;margin:0;padding:7px 10px;border:1px solid #d9e0ec;border-radius:10px;background:#fff;color:#3152b6;font-size:13px;font-weight:700;text-align:center;text-decoration:none}
#adminPage .admin-empty-state{margin:0;padding:13px;border-radius:11px;background:#f5f7fb;color:#687287}
#adminPage .admin-section-note{margin:-5px 0 12px;color:#697387;font-size:14px;line-height:1.45}
#adminPage .admin-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#adminPage .admin-chat-heading h3,#adminPage .admin-chat-heading p{margin:0}
#adminPage .admin-chat-heading p{color:#697387;font-size:13px}
#adminPage .admin-service-messages,#adminPage .admin-login-list{display:flex;flex-direction:column;gap:7px;margin:10px 0 0;padding:0;list-style:none}
#adminPage .admin-service-messages{max-height:480px;padding-right:4px;overflow-y:auto;overscroll-behavior:contain}
#adminPage .admin-chat-heading .admin-message-action{margin:0}
#adminPage .admin-chat-heading .admin-message-action>button{margin:0}
#adminPage .admin-service-message{min-width:0;max-width:88%;padding:9px 11px;border-radius:12px;background:#f1f3f7}
#adminPage .admin-service-message.from-staff{align-self:flex-end;background:#e8efff}
#adminPage .admin-service-message-meta{display:flex;justify-content:space-between;gap:10px;color:#59657a;font-size:11px}
#adminPage .admin-service-message p,#adminPage .admin-service-message small{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
#adminPage .admin-restriction-list{display:flex;flex-direction:column;gap:8px}
#adminPage .admin-restriction-card{padding:11px;border:1px solid #e2e6ee;border-radius:11px}
#adminPage .admin-restriction-card h3,#adminPage .admin-restriction-card p{margin:0 0 5px}
#adminPage .admin-restriction-card button{margin-top:5px}
#adminPage .admin-user-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#adminPage .admin-user-actions button{margin:0;padding:9px 11px}
#adminPage .admin-login-list li{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(100px,.45fr) minmax(0,1.5fr);gap:10px;padding:9px 10px;border-radius:10px;background:#f5f7fb}
#adminPage .admin-login-list small{min-width:0;color:#667186;overflow-wrap:anywhere}
#adminPage .admin-user-audit-link{grid-column:1/-1;justify-self:start}

@media(max-width:900px){
 #adminPage .admin-user-ads{grid-template-columns:1fr}
 #adminPage .admin-user-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 #adminPage .admin-user-detail{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:10px}
 #adminPage .admin-user-detail>.admin-user-section,#adminPage .admin-user-detail>.admin-role-control{grid-column:1}
 #adminPage .admin-user-detail>.panel{padding:13px;border-radius:12px}
 #adminPage .admin-user-section>h2,#adminPage .admin-section-heading h2{font-size:21px}
 #adminPage .admin-user-profile{grid-template-columns:94px minmax(0,1fr);gap:12px}
 #adminPage .admin-user-avatar{width:94px;height:94px;border-radius:14px;font-size:28px}
 #adminPage .admin-user-profile h3{font-size:21px}
 #adminPage .admin-user-facts{grid-template-columns:1fr;gap:1px}
 #adminPage .admin-user-facts dd{margin-bottom:7px}
 #adminPage .admin-user-counts{gap:6px;margin-top:12px}
 #adminPage .admin-user-counts>div{display:block;padding:8px 9px}
 #adminPage .admin-user-counts strong,#adminPage .admin-user-counts span{display:block}
 #adminPage .admin-user-ad-card{grid-template-columns:112px minmax(0,1fr)}
 #adminPage .admin-user-ad-media,#adminPage .admin-user-ad-media img{min-height:132px}
 #adminPage .admin-user-ad-content{padding:10px;gap:5px}
 #adminPage .admin-user-ad-content h3{font-size:17px}
 #adminPage .admin-user-ad-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 #adminPage .admin-user-ad-actions>a{width:100%;padding:6px 5px}
 #adminPage .admin-chat-heading{align-items:flex-start;flex-direction:column}
 #adminPage .admin-chat-heading>.button-link,#adminPage .admin-chat-heading>.admin-message-action,#adminPage .admin-chat-heading>.admin-message-action>button{width:100%}
 #adminPage .admin-service-message{max-width:92%}
 #adminPage .admin-service-message-meta{display:block}
 #adminPage .admin-service-message-meta time{display:block}
 #adminPage .admin-login-list li{grid-template-columns:1fr;gap:2px}
 #adminPage .admin-user-actions{display:grid;grid-template-columns:1fr 1fr}
 #adminPage .admin-user-actions button{width:100%;min-width:0}
}
@media(max-width:380px){
 #adminPage .admin-user-profile{grid-template-columns:78px minmax(0,1fr)}
 #adminPage .admin-user-avatar{width:78px;height:78px;font-size:24px}
 #adminPage .admin-user-ad-card{grid-template-columns:96px minmax(0,1fr)}
 #adminPage .admin-user-ad-media,#adminPage .admin-user-ad-media img{min-height:124px}
}

/* Compact administration directories and aligned filters. */
#adminPage .admin-filter-form{
 display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,.65fr) auto;
 align-items:end;gap:10px 12px;box-sizing:border-box;width:100%;margin:0 0 14px;padding:14px;
 border:1px solid #e0e5ed;border-radius:14px;background:#fff;box-shadow:0 5px 18px #24324a08;
}
#adminPage .admin-filter-form label{display:block;min-width:0;margin:0;color:#30384a;font-size:14px;font-weight:700}
#adminPage .admin-filter-form :is(input,select){box-sizing:border-box;width:100%;height:46px;min-height:46px;margin-top:6px;padding:10px 12px;border:1px solid #dce2ec;border-radius:10px;background:#fff;font-size:16px}
#adminPage .admin-filter-actions{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px}
#adminPage .admin-filter-actions :is(button,.button-link){display:grid;place-items:center;box-sizing:border-box;min-width:108px;min-height:46px;margin:0!important;padding:9px 14px;border-radius:10px;font-size:15px;font-weight:750;text-decoration:none}
#adminPage .admin-filter-submit{border-color:#294fc3;background:#294fc3;color:#fff}
#adminPage .admin-filter-reset{border:1px solid #bfd0fa;background:#edf2ff;color:#294fc3}
#adminPage .admin-staff-search{grid-template-columns:minmax(240px,1fr) minmax(160px,.55fr) minmax(160px,.55fr) auto}

#adminPage .admin-ad-list,#adminPage .admin-directory-list,#adminPage .admin-log-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:0 0 18px}
#adminPage :is(.admin-ad-list,.admin-directory-list,.admin-log-list)>.panel{box-sizing:border-box;width:100%;max-width:none;margin:0}
#adminPage .admin-ad-list-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:stretch;padding:12px!important}
#adminPage .admin-ad-list-media{display:grid;place-items:center;width:112px;height:96px;overflow:hidden;border-radius:11px;background:#eef1f5;color:#70798a;font-size:12px;text-align:center}
#adminPage .admin-ad-list-media img{display:block;width:100%;height:100%;object-fit:cover}
#adminPage .admin-ad-list-body{display:flex;min-width:0;flex-direction:column;gap:5px}
#adminPage .admin-ad-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
#adminPage .admin-ad-list-heading h2{min-width:0;margin:0;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
#adminPage .admin-ad-list-body>p,#adminPage .admin-ad-list-body>small{margin:0;color:#657084;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#adminPage .admin-ad-owner a{margin:0;color:#294fc3;font-weight:700}
#adminPage .admin-ad-list-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:3px}
#adminPage .admin-ad-list-actions>.button-link{display:grid;place-items:center;min-height:36px;margin:0;padding:7px 10px;border:1px solid #d7dfec;border-radius:9px;background:#fff;color:#294fc3;font-size:13px;font-weight:750;text-decoration:none}
#adminPage .admin-ad-list-actions>.primary{border-color:#bfd0fa;background:#edf2ff}

#adminPage .admin-directory-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center;padding:13px!important}
#adminPage .admin-directory-avatar{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#3458ed,#7355d9);color:#fff;font-size:21px;font-weight:800;line-height:1}
#adminPage .admin-directory-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#adminPage .admin-directory-body{display:flex;min-width:0;flex-direction:column;gap:4px}
#adminPage .admin-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
#adminPage .admin-directory-heading>a{min-width:0;margin:0;color:#294fc3;font-size:18px;font-weight:750;overflow-wrap:anywhere}
#adminPage .admin-directory-body>p,#adminPage .admin-directory-body>small{margin:0;color:#657084;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
#adminPage [data-full-id]{font-variant-numeric:tabular-nums}

@media(max-width:760px){
 #adminPage .admin-filter-form,#adminPage .admin-staff-search{grid-template-columns:minmax(0,1fr);gap:9px;padding:12px}
 #adminPage .admin-filter-actions{grid-template-columns:1fr 1fr;width:100%}
 #adminPage .admin-filter-actions :is(button,.button-link){width:100%;min-width:0}
 #adminPage .admin-ad-list-card{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px!important}
 #adminPage .admin-ad-list-media{width:84px;height:84px;border-radius:9px}
 #adminPage .admin-ad-list-heading{align-items:flex-start;flex-direction:column;gap:5px}
 #adminPage .admin-ad-list-heading h2{font-size:17px}
 #adminPage .admin-ad-list-actions{grid-column:1/-1}
 #adminPage .admin-ad-list-actions>.button-link{min-height:38px}
 #adminPage .admin-directory-card{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:11px!important}
 #adminPage .admin-directory-avatar{width:54px;height:54px;font-size:18px}
 #adminPage .admin-directory-heading{align-items:flex-start;flex-direction:column;gap:4px}
 #adminPage .admin-directory-heading>a{font-size:17px}
}