@import url("./saved-searches.css?v=20261005-searches");
@import url("./photo-sort.css");
@import url("./themes.css");
@import url("./controls.css?v=20261005-switch");
@import url("./categories.css");
@import url("./profile-security.css?v=20261005-tabs");
@import url("./profile-editor.css");
@import url("./store-editor.css");
@import url("./address-editor.css?v=20261005-address");
html { font-size:15px; scroll-behavior:smooth; }
body {
    font-family:"Segoe UI",system-ui,sans-serif; background:var(--gb-bg); color:var(--gb-text); line-height:1.6;
    --bs-body-bg:var(--gb-bg); --bs-body-color:var(--gb-text); --bs-border-color:var(--gb-line);
    --bs-secondary-color:var(--gb-muted); --bs-tertiary-bg:var(--gb-alt); --bs-emphasis-color:var(--gb-text); --bs-link-color:var(--gb-accent);
}
* { box-sizing:border-box; }
a { color:var(--gb-accent); text-decoration:none; } a:hover { color:var(--gb-hover); }
h1,h2,h3 { font-weight:700; letter-spacing:-.035em; line-height:1.22; } h1 { font-size:clamp(1.8rem,3vw,2.4rem); } h2 { font-size:1.45rem; } h3 { font-size:1.1rem; }
p,small,.muted,.form-text { color:var(--gb-muted); }
button,input,textarea,select { font:inherit; } :focus-visible { outline:3px solid var(--gb-accent); outline-offset:3px; } img { max-width:100%; }
:root { --gb-page-width:1320px; }
.container-xl { max-width:var(--gb-page-width); padding-left:28px; padding-right:28px; }
.icon { width:1.15em; height:1.15em; fill:currentColor; flex-shrink:0; vertical-align:-.15em; }
.btn { border-radius:9px; font-weight:600; padding:.7rem 1.1rem; display:inline-flex; justify-content:center; align-items:center; gap:.5rem; white-space:normal; }
.btn-sm { padding:.4rem .75rem; font-size:.86rem; }
.btn-primary,.btn-success { --bs-btn-bg:var(--gb-accent); --bs-btn-border-color:var(--gb-accent); --bs-btn-color:#fff; --bs-btn-hover-bg:var(--gb-hover); --bs-btn-hover-border-color:var(--gb-hover); --bs-btn-active-bg:var(--gb-hover); --bs-btn-active-border-color:var(--gb-hover); --bs-btn-disabled-bg:var(--gb-accent); }
:root[data-theme="dark"] .btn-primary,:root[data-theme="dark"] .btn-success { --bs-btn-color:#202226; --bs-btn-hover-color:#202226; }
.btn-outline-primary { --bs-btn-color:var(--gb-accent); --bs-btn-border-color:var(--gb-accent); --bs-btn-hover-bg:var(--gb-accent); --bs-btn-hover-border-color:var(--gb-accent); }
.btn-outline-secondary { --bs-btn-color:var(--gb-text); --bs-btn-border-color:var(--gb-line); --bs-btn-hover-bg:var(--gb-alt); --bs-btn-hover-color:var(--gb-text); }
.btn-icon { padding:.6rem; border:0; color:var(--gb-muted); } .btn-link { color:var(--gb-accent); }
.form-control,.form-select { background-color:var(--gb-surface); color:var(--gb-text); border-color:var(--gb-line); border-radius:9px; padding:.7rem .85rem; min-width:0; }
.form-control:focus,.form-select:focus { background-color:var(--gb-surface); color:var(--gb-text); border-color:var(--gb-accent); box-shadow:0 0 0 .2rem color-mix(in srgb,var(--gb-accent) 16%,transparent); }
.form-control::placeholder { color:var(--gb-muted); opacity:.8; }
.form-label { margin-top:1rem; font-size:.9rem; font-weight:600; } .form-check { font-size:.9rem; }
.form-check-input:checked { background-color:var(--gb-accent); border-color:var(--gb-accent); } textarea { resize:vertical; }
hr { border-color:var(--gb-line); opacity:1; margin:1.5rem 0; }
.alert { border-radius:12px; margin-top:1rem; } .alert-success,.alert-info { background:var(--gb-soft); color:var(--gb-text); border-color:var(--gb-line); }
.alert-warning { background:var(--gb-warning-soft); color:var(--gb-warning); border-color:transparent; }
.alert-danger,.validation-summary-errors { background:var(--gb-danger-soft); color:var(--gb-danger); }
.validation-summary-valid { display:none; } .validation-summary-errors { padding:1rem 1.25rem; margin:1rem 0; border-radius:12px; } .validation-summary ul { margin:0; padding-left:1rem; }
.dropdown-menu,.modal-content { background:var(--gb-surface); color:var(--gb-text); border-color:var(--gb-line); }
.dropdown-item { color:var(--gb-text); } .dropdown-item:hover,.dropdown-item:focus { background:var(--gb-soft); color:var(--gb-text); }
.skip-link { position:fixed; top:-100px; left:1rem; z-index:1100; padding:1rem; background:var(--gb-surface); } .skip-link:focus { top:1rem; }
.announcement { background:var(--gb-dark); color:#fff; font-size:.76rem; } .announcement>div { display:flex; justify-content:space-between; align-items:center; min-height:33px; gap:12px; }
.announcement .icon { margin-right:.35rem; }
.site-header { background:var(--gb-surface); border-bottom:1px solid var(--gb-line); }
.header-main { display:flex; align-items:center; gap:42px; min-height:92px; }
.brand { font-size:2.55rem; letter-spacing:-.09em; font-weight:800; color:var(--gb-text); line-height:1; display:inline-block; white-space:nowrap; }
.brand span { color:var(--gb-accent); } .brand .brand-dot { color:#df8950; }
.header-search { display:flex; align-items:center; gap:12px; background:var(--gb-alt); border:1px solid var(--gb-line); border-radius:10px; padding:6px 7px 6px 16px; flex:1; max-width:590px; }
.header-search input { border:0; background:transparent; outline:none; min-width:0; flex:1; color:var(--gb-text); font-size:.9rem; }
.header-actions { display:flex; align-items:center; gap:20px; margin-left:auto; }
.account-link { display:flex; align-items:center; gap:7px; font-size:.9rem; color:var(--gb-text); white-space:nowrap; }
.category-nav { display:flex; align-items:center; gap:29px; min-height:48px; flex-wrap:wrap; padding-bottom:10px; padding-top:8px; }
.category-nav a { font-size:.83rem; color:var(--gb-muted); } .category-nav a:first-child { color:var(--gb-text); font-weight:600; }
.public-main { min-height:50vh; }
.hero { margin-top:30px; padding:50px 48px; border-radius:22px; background:var(--gb-hero); display:grid; grid-template-columns:1.15fr .85fr; min-height:370px; position:relative; isolation:isolate; overflow:hidden; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { display:block; font-size:.68rem; font-weight:700; letter-spacing:.16em; color:var(--gb-accent); margin-bottom:12px; }
.hero h1 { max-width:530px; font-size:clamp(2.6rem,4.2vw,4rem); font-weight:750; color:var(--gb-hero-ink); margin:18px 0; letter-spacing:-.055em; }
.hero-copy>p { max-width:455px; font-size:1rem; line-height:1.8; }
.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--gb-accent); margin-right:7px; }
.hero-search { display:flex; gap:8px; padding:7px; background:var(--gb-surface); border-radius:12px; box-shadow:var(--gb-shadow); max-width:580px; margin-top:27px; }
.hero-search>div { display:flex; align-items:center; gap:12px; padding-left:10px; flex:1; min-width:0; }
.hero-search input { border:0; outline:0; background:transparent; color:var(--gb-text); width:100%; font-size:.87rem; min-width:0; }
.popular-searches { display:flex; flex-wrap:wrap; gap:13px; margin-top:15px; font-size:.76rem; } .popular-searches span { color:var(--gb-muted); } .popular-searches a { text-decoration:underline; text-underline-offset:3px; }
.hero-art { position:relative; min-height:285px; }
.art-ring { position:absolute; border:1px solid color-mix(in srgb,var(--gb-accent) 14%,transparent); border-radius:50%; }
.ring-one { width:330px; height:330px; top:-7px; left:40px; } .ring-two { width:255px; height:255px; top:32px; left:78px; }
.art-card { position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:19px; background:var(--gb-surface); box-shadow:var(--gb-shadow); }
.art-card .icon { width:72px; height:72px; margin-bottom:14px; color:var(--gb-accent); } .art-card span { font-size:.9rem; font-weight:650; } .art-card small { font-size:.72rem; }
.art-home { width:190px; height:203px; left:50px; top:12px; transform:rotate(-7deg); }
.art-car { width:162px; height:147px; right:-3px; top:125px; transform:rotate(9deg); background:#e5d7b7; color:#403620; } .art-car .icon { color:#65533a; width:66px; height:66px; }
.art-local { width:121px; height:124px; left:29px; bottom:-1px; transform:rotate(5deg); background:var(--gb-soft); color:var(--gb-text); } .art-local .icon { width:49px; height:49px; color:var(--gb-accent); } .art-local span { font-size:.75rem; }
.art-spark { position:absolute; right:35px; top:7px; color:#d69055; font-size:3.1rem; }
.art-label { position:absolute; left:139px; bottom:3px; background:var(--gb-dark); color:#fff; padding:11px 15px; border-radius:30px; font-size:.73rem; box-shadow:var(--gb-shadow); white-space:nowrap; }
.hero-art[data-hero-art] .art-home{--hero-tilt:-7deg;animation:hero-float 10s ease-in-out infinite}
.hero-art[data-hero-art] .art-car{--hero-tilt:9deg;animation:hero-float 12s ease-in-out -4s infinite}
.hero-art[data-hero-art] .art-local{--hero-tilt:5deg;animation:hero-float 11s ease-in-out -7s infinite}
.hero-art[data-hero-art] .art-spark{animation:hero-spark 8s ease-in-out infinite}
.hero-art.hero-motion-paused .art-card,.hero-art.hero-motion-paused .art-spark{animation-play-state:paused}
.hero-motion-toggle{position:absolute;right:18px;bottom:12px;border:0;background:transparent;color:var(--gb-muted);font-size:.7rem;padding:7px 9px;border-radius:6px}
.hero-motion-toggle:hover{background:var(--gb-soft);color:var(--gb-text)}
@keyframes hero-float{0%,100%{transform:translate(0,0) rotate(var(--hero-tilt))}50%{transform:translate(3px,-8px) rotate(calc(var(--hero-tilt) + 2deg))}}
@keyframes hero-spark{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.hero-art[data-hero-art] .art-card,.hero-art[data-hero-art] .art-spark{animation:none}.hero-motion-toggle{display:none}}
@media(max-width:991px){.hero-motion-toggle{display:none}}
.section-block { margin:44px 0; } .section-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:23px; }
.section-heading h1,.section-heading h2 { margin-bottom:0; } .section-heading p { margin:9px 0 0; } .section-heading .eyebrow { margin-bottom:7px; }
.text-link { font-size:.85rem; font-weight:600; display:flex; align-items:center; gap:10px; flex-shrink:0; }
.category-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; }
.category-tile { background:var(--gb-surface); border:1px solid var(--gb-line); border-radius:14px; display:flex; flex-direction:column; align-items:center; text-align:center; padding:21px 8px 16px; color:var(--gb-text); transition:transform .15s; }
.category-tile:hover { transform:translateY(-4px); border-color:var(--gb-accent); }
.category-symbol { width:52px; height:52px; border-radius:15px; background:var(--gb-soft); display:grid; place-items:center; margin-bottom:12px; color:var(--gb-accent); } .category-symbol .icon { width:26px; height:26px; }
.category-tile strong { font-size:.8rem; } .category-tile small { font-size:.7rem; margin-top:4px; }
.listing-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.listing-card { border:1px solid var(--gb-line); border-radius:var(--gb-radius); background:var(--gb-surface); overflow:hidden; transition:box-shadow .2s,transform .2s; } .listing-card:hover { box-shadow:var(--gb-shadow); transform:translateY(-3px); }
.listing-image { position:relative; display:block; aspect-ratio:1.45; background:var(--gb-alt); } .listing-image img { width:100%; height:100%; object-fit:cover; }
.listing-placeholder { width:100%; height:100%; display:grid; place-items:center; color:var(--gb-accent); } .listing-placeholder .icon { width:65px; height:65px; }
.feature-tag { position:absolute; top:12px; left:12px; background:var(--gb-surface); color:var(--gb-text); padding:4px 9px; border-radius:6px; font-size:.7rem; font-weight:700; }
.listing-card-body { padding:17px; } .listing-card-body>small { font-size:.71rem; }
.listing-card h3 { font-size:.96rem; line-height:1.45; margin:6px 0 13px; overflow-wrap:anywhere; } .listing-card h3 a { color:var(--gb-text); }
.listing-price { display:block; color:var(--gb-accent); font-size:1.15rem; font-weight:750; }
.listing-meta { display:flex; justify-content:space-between; gap:8px; font-size:.72rem; color:var(--gb-muted); margin-top:14px; } .listing-meta span { overflow-wrap:anywhere; }
.empty-state { padding:52px 28px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.empty-state>.icon,.empty-icon>.icon { width:38px; height:38px; color:var(--gb-accent); margin-bottom:10px; }
.empty-state p { max-width:510px; margin-bottom:10px; } .empty-state h2 { font-size:1.4rem; }
.home-empty { background:var(--gb-surface); border:1px dashed var(--gb-line); border-radius:var(--gb-radius); flex-direction:row; text-align:left; padding:34px; gap:22px; } .home-empty>div { flex:1; } .home-empty p { font-size:.87rem; margin:0; }
.empty-icon { padding:18px; background:var(--gb-soft); border-radius:50%; } .empty-icon>.icon { margin:0; width:30px; height:30px; }
.seller-banner { background:var(--gb-dark); color:#fff; border-radius:var(--gb-radius); padding:36px 40px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.seller-banner .eyebrow { color:#ffbd8c; } .seller-banner h2 { font-size:1.8rem; } .seller-banner p { color:#e0e3e8; margin:0; }
.seller-banner .btn-primary { background:#ffbd8c; border-color:#ffbd8c; color:#252a33; flex-shrink:0; }
.trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; padding:43px 0; } .trust-grid>div { display:flex; gap:16px; align-items:flex-start; }
.trust-grid .icon { width:26px; height:26px; color:var(--gb-accent); margin-top:3px; } .trust-grid h3 { font-size:.94rem; } .trust-grid p { font-size:.82rem; margin:0; }
.site-footer { background:var(--gb-surface); border-top:1px solid var(--gb-line); padding-top:45px; margin-top:30px; }
.footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr 1.25fr; gap:38px; padding-bottom:38px; } .footer-grid .brand { margin-bottom:20px; font-size:2.3rem; }
.footer-grid strong { font-size:.87rem; display:block; margin-bottom:17px; } .footer-grid>div>a:not(.brand) { display:block; margin-top:10px; color:var(--gb-muted); font-size:.83rem; } .footer-grid p { font-size:.83rem; } .footer-badge { font-size:.73rem; color:var(--gb-accent); }
.footer-bottom { display:flex; justify-content:space-between; gap:15px; border-top:1px solid var(--gb-line); padding-top:20px; padding-bottom:20px; font-size:.74rem; color:var(--gb-muted); }
.page-space { padding-top:34px; padding-bottom:38px; } .breadcrumb-line { display:flex; flex-wrap:wrap; gap:10px; font-size:.8rem; color:var(--gb-muted); margin-bottom:25px; }
.panel { background:var(--gb-surface); border:1px solid var(--gb-line); border-radius:var(--gb-radius); padding:26px; min-width:0; } .panel h2 { font-size:1.2rem; }
.prose { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.85; color:var(--gb-text); } .article-panel { max-width:860px; margin:auto; padding:40px; }
.search-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:28px; align-items:start; }
.filter-panel { padding:23px; background:var(--gb-surface); border:1px solid var(--gb-line); border-radius:var(--gb-radius); } .filter-panel h2 { font-size:1.05rem; } .filter-panel .form-label,.filter-panel .form-control,.filter-panel .form-select { font-size:.82rem; }
.search-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .pagination-bar { display:flex; align-items:center; justify-content:center; gap:25px; margin-top:30px; font-size:.9rem; }
.detail-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:28px; align-items:start; }
.main-photo { width:100%; aspect-ratio:1.4; object-fit:contain; background:var(--gb-alt); border:1px solid var(--gb-line); border-radius:var(--gb-radius); }
.photo-thumbs { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; } .photo-thumbs button { padding:0; border:2px solid var(--gb-line); border-radius:8px; overflow:hidden; background:var(--gb-surface); } .photo-thumbs img { width:76px; height:62px; object-fit:cover; }
.photo-empty { aspect-ratio:1.4; background:var(--gb-soft); border-radius:var(--gb-radius); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; } .photo-empty .icon { width:70px; height:70px; }
.detail-summary h1 { font-size:1.75rem; overflow-wrap:anywhere; } .detail-price { font-size:2.1rem; font-weight:750; color:var(--gb-accent); margin-top:20px; }
.seller-identity { display:flex; align-items:center; gap:12px; color:var(--gb-text); } .seller-identity>div { flex:1; min-width:0; overflow-wrap:anywhere; } .seller-identity small,.sidebar-person small { display:block; font-size:.75rem; }
.avatar { width:43px; height:43px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--gb-soft); color:var(--gb-accent); font-size:1.1rem; font-weight:700; flex-shrink:0; } .avatar-lg { width:76px; height:76px; font-size:2rem; }
.safety-note { display:flex; gap:12px; margin:25px 0; padding:15px; border-radius:10px; background:var(--gb-alt); font-size:.8rem; } .safety-note p { margin:0; } details summary { cursor:pointer; font-size:.9rem; overflow-wrap:anywhere; }
.spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:0; } .spec-grid>div { display:flex; justify-content:space-between; gap:15px; padding:12px 0; border-bottom:1px solid var(--gb-line); font-size:.88rem; overflow-wrap:anywhere; } .spec-grid dt { font-weight:500; color:var(--gb-muted); } .spec-grid dd { margin:0; text-align:right; }
.seller-header { display:flex; align-items:center; gap:23px; } .seller-header>div { flex:1; min-width:0; }
.auth-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; max-width:1050px; margin:25px auto; align-items:center; } .auth-story h1 { font-size:3.5rem; line-height:1.2; } .auth-story em { font-style:normal; color:var(--gb-accent); } .auth-story p { max-width:380px; margin-top:25px; } .auth-icons { display:flex; gap:25px; margin-top:30px; color:var(--gb-accent); } .auth-icons .icon { width:35px; height:35px; } .auth-panel { padding:35px; max-width:510px; width:100%; } .auth-panel h2 { font-size:1.7rem; }
.dashboard-shell { display:grid; grid-template-columns:225px minmax(0,1fr); gap:32px; padding-top:30px; padding-bottom:45px; align-items:start; }
.dashboard-sidebar { background:var(--gb-surface); border:1px solid var(--gb-line); border-radius:var(--gb-radius); padding:15px; }
.sidebar-person { display:flex; gap:10px; align-items:center; padding:7px 0 20px; margin-bottom:12px; border-bottom:1px solid var(--gb-line); } .sidebar-person>div { min-width:0; overflow-wrap:anywhere; } .sidebar-person strong { font-size:.88rem; }
.dashboard-sidebar nav>a,.sidebar-logout { display:flex; align-items:center; gap:10px; color:var(--gb-muted); font-size:.85rem; padding:12px 10px; border-radius:8px; width:100%; border:0; background:transparent; text-align:left; }
.dashboard-sidebar nav>a:hover,.dashboard-sidebar nav>a.active { background:var(--gb-soft); color:var(--gb-accent); font-weight:600; } .sidebar-logout { margin-top:12px; border-top:1px solid var(--gb-line); border-radius:0; }
.dashboard-main { min-width:0; } .dashboard-main>.container-xl { padding:0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.stat-card { background:var(--gb-surface); border:1px solid var(--gb-line); border-radius:var(--gb-radius); padding:23px; display:flex; flex-direction:column; color:var(--gb-text); } .stat-card>.icon { color:var(--gb-accent); width:24px; height:24px; } .stat-card strong { font-size:2rem; margin-top:12px; } .stat-card span { color:var(--gb-muted); font-size:.8rem; }
.record-row { display:flex; align-items:center; gap:16px; justify-content:space-between; padding:17px 0; border-bottom:1px solid var(--gb-line); } .record-row:last-child { border-bottom:0; } .record-row>div:first-child { flex:1; min-width:0; overflow-wrap:anywhere; } .record-row small { display:block; font-size:.78rem; margin-top:4px; }
.status-badge { display:inline-flex; padding:4px 9px; border-radius:6px; background:var(--gb-alt); color:var(--gb-muted); font-size:.73rem; white-space:nowrap; } .state-Published,.state-Sold { background:var(--gb-soft); color:var(--gb-accent); } .state-Pending { background:var(--gb-warning-soft); color:var(--gb-warning); } .state-Rejected { background:var(--gb-danger-soft); color:var(--gb-danger); }
.toolbar { display:flex; align-items:center; gap:15px; flex-wrap:wrap; padding:18px; } .toolbar .form-control,.toolbar .form-select { flex:1; width:auto; min-width:140px; } .toolbar label,.toolbar>span { font-size:.83rem; }
.managed-listing { display:flex; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid var(--gb-line); } .managed-listing:last-child { border:0; }
.managed-thumb { width:120px; height:100px; flex-shrink:0; display:grid; place-items:center; background:var(--gb-soft); border-radius:10px; overflow:hidden; } .managed-thumb img { width:100%; height:100%; object-fit:cover; } .managed-thumb .icon { width:35px; height:35px; }
.managed-info { flex:1; min-width:0; overflow-wrap:anywhere; } .managed-info h2 { font-size:1rem; } .managed-info p { font-size:.85rem; margin-bottom:8px; } .managed-info>small { display:block; margin-top:5px; font-size:.75rem; }
.action-stack { display:flex; gap:7px; flex-direction:column; } .action-stack .btn { width:100%; } .category-select { max-width:480px; }
.choice-list { border:1px solid var(--gb-line); border-radius:8px; padding:15px; }
.upload-zone { display:flex; align-items:center; flex-direction:column; gap:6px; border:2px dashed var(--gb-line); border-radius:12px; padding:25px; margin:18px 0 12px; cursor:pointer; color:var(--gb-accent); } .upload-zone .icon { width:33px; height:33px; } .upload-zone span { color:var(--gb-muted); font-size:.8rem; }
.edit-photos { display:flex; flex-wrap:wrap; gap:15px; } .edit-photo { width:125px; display:flex; flex-direction:column; gap:8px; font-size:.8rem; } .edit-photo img,.preview-photo { width:125px; height:95px; object-fit:cover; border-radius:8px; } 
.messages-layout { display:grid; grid-template-columns:260px minmax(0,1fr); padding:0; overflow:hidden; } .conversation-list { padding:15px; border-right:1px solid var(--gb-line); } .conversation-list>p { font-size:.85rem; padding:12px; }
.conversation-item { display:block; padding:15px; border-radius:10px; color:var(--gb-text); margin-bottom:5px; overflow-wrap:anywhere; } .conversation-item.active { background:var(--gb-soft); } .conversation-item span,.conversation-item small { display:block; font-size:.78rem; margin-top:4px; }
.message-thread { min-width:0; padding:22px; } .thread-heading { display:flex; flex-direction:column; gap:4px; padding-bottom:15px; border-bottom:1px solid var(--gb-line); font-size:.9rem; }
.message-stream { display:flex; flex-direction:column; gap:13px; max-height:550px; overflow-y:auto; padding:22px 0; }
.message-bubble { background:var(--gb-alt); border-radius:0 13px 13px 13px; padding:12px 15px; max-width:88%; align-self:flex-start; overflow-wrap:anywhere; } .message-bubble.mine { background:var(--gb-soft); align-self:flex-end; border-radius:13px 0 13px 13px; } .message-bubble p { margin:0; white-space:pre-wrap; color:var(--gb-text); font-size:.87rem; } .message-bubble small { font-size:.65rem; }
.message-composer { display:flex; gap:10px; align-items:flex-end; } .message-composer textarea { font-size:.88rem; }
.admin-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:20px; } .admin-links a { background:var(--gb-alt); padding:22px; border-radius:10px; display:flex; align-items:center; gap:13px; font-size:.9rem; }
.admin-split { display:grid; grid-template-columns:235px minmax(0,1fr); gap:22px; align-items:start; }
.category-admin-link { display:flex; align-items:center; gap:10px; padding:12px 8px; border-radius:7px; color:var(--gb-text); font-size:.85rem; overflow-wrap:anywhere; } .category-admin-link.active { background:var(--gb-soft); } .category-admin-link small { display:block; font-size:.72rem; }
.moderation-reason { flex:1; min-width:200px; } .permission-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mail-item { padding:14px 0; border-bottom:1px solid var(--gb-line); } .local-mail { font-size:.85rem; padding:15px; background:var(--gb-alt); margin-top:12px; border-radius:9px; }
.audit-row { padding:15px 0; border-bottom:1px solid var(--gb-line); overflow-wrap:anywhere; } .audit-row small { display:block; font-size:.76rem; } .audit-row p { font-size:.85rem; margin-top:8px; }
@media(max-width:1199px) {
    .header-main { gap:25px; } .header-actions { gap:12px; } .category-nav { gap:21px; }
    .hero { padding:38px; grid-template-columns:1.2fr .8fr; } .art-home { left:20px; } .art-car { right:-25px; } .art-local { left:0; } .art-label { left:70px; }
    .category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .category-tile { padding:18px; }
    .dashboard-shell { grid-template-columns:205px minmax(0,1fr); gap:23px; } .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-split { grid-template-columns:190px minmax(0,1fr); }
}
@media(max-width:991px) {
    .header-search { max-width:none; } .account-link span { display:none; } .category-nav { gap:15px 22px; }
    .hero { grid-template-columns:1fr; padding:38px; } .hero-copy>p { max-width:520px; } .hero-art { display:none; } .hero h1 { max-width:600px; } .hero-search { max-width:640px; }
    .listing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-empty { flex-wrap:wrap; } .home-empty>.btn { margin-left:77px; }
    .trust-grid { gap:20px; } .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .search-layout { grid-template-columns:1fr; } .search-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .detail-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; } .detail-summary { padding:20px; } .spec-grid { grid-template-columns:1fr; }
    .dashboard-shell { grid-template-columns:1fr; } .dashboard-sidebar { padding:12px; } .sidebar-person { display:none; }
    .dashboard-sidebar nav { display:flex; flex-wrap:wrap; gap:4px; } .dashboard-sidebar nav>a,.sidebar-logout { width:auto; font-size:.8rem; padding:9px; }
    .sidebar-logout { margin:0; border:0; } .dashboard-sidebar nav form { margin-left:auto; }
    .auth-grid { gap:30px; } .auth-story h1 { font-size:2.8rem; } .auth-panel { padding:25px; }
}
@media(max-width:767px) {
    .container-xl { padding-left:18px; padding-right:18px; } .announcement { font-size:.67rem; } .announcement>div>span:last-child { display:none; }
    .header-main { flex-wrap:wrap; gap:16px; padding-top:19px; padding-bottom:16px; } .brand { font-size:2.25rem; }
    .header-search { order:3; flex-basis:100%; padding:6px 7px 6px 12px; } .header-actions { gap:9px; } .header-actions>.btn { padding:.55rem .75rem; font-size:.82rem; } .category-nav { display:none; }
    .hero { margin-top:20px; padding:30px 24px; border-radius:16px; min-height:0; } .hero h1 { font-size:2.8rem; } .hero-copy>p { font-size:.9rem; }
    .hero-search { margin-top:20px; } .hero-search input { font-size:.78rem; } .hero-search .btn { padding:.7rem .8rem; font-size:.8rem; } .popular-searches { gap:10px; font-size:.7rem; }
    .eyebrow { font-size:.62rem; } .section-block { margin:32px 0; } .section-heading { gap:15px; align-items:flex-start; } .section-heading h2 { font-size:1.28rem; } .text-link { font-size:.76rem; }
    .category-grid { gap:9px; } .category-tile { padding:15px 5px; border-radius:11px; } .category-symbol { width:43px; height:43px; border-radius:12px; } .category-symbol .icon { width:23px; height:23px; } .category-tile strong { font-size:.68rem; } .category-tile small { font-size:.65rem; }
    .home-empty { padding:24px; flex-direction:column; text-align:center; } .home-empty>.btn { margin:0; }
    .seller-banner { flex-direction:column; align-items:flex-start; padding:28px; } .seller-banner h2 { font-size:1.6rem; } .seller-banner p { font-size:.85rem; }
    .trust-grid { grid-template-columns:1fr; gap:25px; padding:32px 8px; } .footer-grid { gap:30px 20px; } .footer-grid>div:first-child,.footer-grid>div:last-child { grid-column:1/-1; } .footer-bottom { font-size:.68rem; flex-wrap:wrap; }
    .panel { padding:20px; } .detail-grid { grid-template-columns:1fr; } .detail-summary h1 { font-size:1.5rem; } .detail-price { font-size:1.9rem; }
    .auth-grid { grid-template-columns:1fr; margin:0; gap:25px; } .auth-story { display:none; } .auth-panel { margin:auto; }
    .dashboard-sidebar nav>a,.sidebar-logout { font-size:.75rem; } .dashboard-sidebar .icon { width:16px; height:16px; } .dashboard-main .section-heading { flex-wrap:wrap; }
    .stat-card { padding:18px; } .record-row { flex-wrap:wrap; } .record-row>div:first-child { flex-basis:100%; }
    .managed-listing { flex-wrap:wrap; gap:13px; } .managed-thumb { width:84px; height:80px; } .action-stack { flex-direction:row; flex-wrap:wrap; width:100%; }
    .messages-layout { grid-template-columns:1fr; } .conversation-list { border-right:0; border-bottom:1px solid var(--gb-line); max-height:255px; overflow-y:auto; } .message-thread { padding:18px; } .message-composer { flex-direction:column; align-items:stretch; }
    .admin-split { grid-template-columns:1fr; } .admin-split>aside { display:flex; flex-wrap:wrap; gap:4px; } .admin-split>aside h2 { width:100%; } .admin-split>aside>a { flex:1 1 140px; }
    .admin-links { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-links a { padding:16px; } .permission-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .seller-header { flex-wrap:wrap; } .seller-header>div { flex-basis:60%; } .article-panel { padding:25px; }
}
@media(max-width:399px) {
    .hero { padding:25px 18px; } .hero h1 { font-size:2.5rem; } .hero-search>div>.icon { display:none; }
    .listing-grid { gap:12px; } .listing-card-body { padding:12px; } .listing-card h3 { font-size:.84rem; } .listing-price { font-size:1rem; } .listing-meta { flex-wrap:wrap; font-size:.68rem; }
    .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .category-tile { flex-direction:row; flex-wrap:wrap; justify-content:center; gap:8px; } .category-symbol { margin:0; } .category-tile small { width:100%; } .header-actions { gap:4px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Shared commerce forms and cards use the existing theme tokens. */
.commerce-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.commerce-actions .quantity-input { width: 5rem; }
.commerce-select { width: auto; max-width: 100%; }
.commerce-package-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1.25rem; margin-top: 1.5rem; }
.commerce-package-grid .panel { display: flex; flex-direction: column; align-items: flex-start; }
.commerce-package-grid form { width: 100%; margin-top: auto; }
.dashboard-main details, .dashboard-main .prose { overflow-wrap: anywhere; }

.preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; }
.store-logo { width: 96px; height: 96px; object-fit: cover; border-radius: var(--radius, 16px); margin-block: 12px; }
.store-cover { display: block; width: 100%; max-height: 320px; object-fit: cover; border-radius: var(--radius, 16px); margin-bottom: 20px; }
.compare-photo { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 12px; margin-bottom: 16px; }
.edit-photos > img { width: 120px; height: 100px; object-fit: cover; border-radius: 10px; }
.comparison-bar { position: sticky; bottom: 0; z-index: 20; background: var(--bs-body-bg); border-top: 1px solid var(--bs-border-color); padding: 10px 16px; display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; }
.admin-links a, .admin-links strong { min-width: 0; overflow-wrap: anywhere; }
.search-save { min-width: 0; }
.dashboard-main .btn { white-space: normal; }

.location-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.filter-panel .location-fields{grid-template-columns:minmax(0,1fr)}@media(max-width:575px){.location-fields{grid-template-columns:minmax(0,1fr)}}

/* Approved GitBul tag identity; shared across public and account layouts. */
.brand-image{display:block;width:210px;height:70px;object-fit:contain}
:root[data-theme=dark] .brand-image{background:#fff;border-radius:10px}
@media(max-width:575px){.brand-image{width:165px;height:55px}}

:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-success{--bs-btn-active-color:#202226;--bs-btn-disabled-color:#202226}
:root[data-theme=dark] .btn-outline-primary{--bs-btn-hover-color:#202226;--bs-btn-active-color:#202226;--bs-btn-active-bg:var(--gb-accent)}
:root[data-theme=corporate] .eyebrow{color:#a84300}
/* GateCore's shared round-checkbox / pill-label pattern, adapted to GitBul. */
:root { --gb-checkbox-border:#7a8798; }
:root[data-theme=dark] { --gb-checkbox-border:#9ba6b5; }
:root[data-theme=light] .btn-primary,:root[data-theme=light] .btn-success {
    --bs-btn-color:var(--gb-control-ink); --bs-btn-hover-color:var(--gb-control-ink);
    --bs-btn-active-color:var(--gb-control-ink); --bs-btn-disabled-color:var(--gb-control-ink);
}
:root[data-theme=light] .btn-outline-primary {
    --bs-btn-hover-color:var(--gb-control-ink); --bs-btn-active-color:var(--gb-control-ink);
}

/* Shared form rows: fixed columns and control-height action alignment. */
.selectable-heading { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.selectable-heading > input[type=checkbox] { flex:none; margin:3px 0 0; }
.selectable-heading-content { min-width:0; overflow-wrap:anywhere; }
.preference-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(10rem,14rem) auto; align-items:center; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--gb-line); }
.preference-row:last-child { border-bottom:0; }
.preference-row label,.aligned-actions label { margin-bottom:0; }
.aligned-actions { min-height:44px; }
.address-choice { white-space:normal; }
@media(max-width:575px) { .preference-row { grid-template-columns:minmax(0,1fr) auto; } .preference-row label { grid-column:1 / -1; } }

.sales-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:1rem; }
.sales-form .aligned-actions { flex-wrap:nowrap; }
@media(max-width:991px) { .sales-form { grid-template-columns:repeat(2,minmax(0,1fr)); } .sales-form .aligned-actions { grid-column:1 / -1; } }
@media(max-width:575px) { .sales-form { grid-template-columns:minmax(0,1fr); } }

.aligned-actions > label:not(.form-switch):has(>:is(input,.form-check-input)[type=checkbox]) { margin:0; }
.aligned-actions > label:not(.form-switch):has(>:is(input,.form-check-input)[type=checkbox]) > :is(input,.form-check-input)[type=checkbox] { top:50%; transform:translateY(-50%); }

/* Shared social sign-in controls use theme tokens and Bootstrap buttons. */
.social-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem}.social-options form{margin:0}

.social-provider-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:var(--gb-surface)}.social-provider-icon{width:1.5rem;height:1.5rem;flex:0 0 1.5rem;background:#fff;border-radius:50%;padding:2px;box-sizing:border-box}

/* Shared tabs for user pages and the existing admin tab markup. */
:is(.gb-tabs,.admin-tabs) {
    display:flex; flex-wrap:wrap; align-items:stretch; gap:8px;
    margin:0 0 18px; padding:6px; list-style:none;
    border:1px solid var(--gb-line); border-radius:10px; background:var(--gb-surface);
}
:is(.gb-tabs,.admin-tabs)>li { display:flex; min-width:0; max-width:100%; }
:is(.gb-tabs,.admin-tabs) :is(a,button) {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    min-height:46px; min-width:88px; max-width:100%; padding:10px 18px;
    border:1px solid var(--gb-tab-border); border-radius:7px;
    background:var(--gb-surface); color:var(--gb-text);
    font-size:.93rem; font-weight:600; line-height:1.4; text-align:center;
    text-decoration:none; overflow-wrap:anywhere; cursor:pointer;
}
:is(.gb-tabs,.admin-tabs) :is(a,button):hover {
    background:var(--gb-soft); border-color:var(--gb-tab-active); color:var(--gb-text);
}
:is(.gb-tabs,.admin-tabs) :is(a,button):is(.active,[aria-current=page],[aria-selected=true]) {
    background:var(--gb-tab-active); border-color:var(--gb-tab-active);
    color:var(--gb-tab-ink); font-weight:700;
}
:is(.gb-tabs,.admin-tabs) :is(a,button):focus-visible {
    outline:3px solid var(--gb-tab-active); outline-offset:3px;
}
:is(.gb-tabs,.admin-tabs) :is(a,button):is(:disabled,[aria-disabled=true],.disabled) {
    opacity:.5; cursor:not-allowed; pointer-events:none;
}
:is(.gb-tabs,.admin-tabs) :is(a,button)>span {
    padding:1px 7px; border-radius:6px; background:var(--gb-alt); color:var(--gb-text); font-size:.8rem;
}
:is(.gb-tabs,.admin-tabs) :is(.active,[aria-current=page],[aria-selected=true])>span {
    background:color-mix(in srgb,var(--gb-tab-ink) 18%,transparent); color:inherit;
}
@media(max-width:620px) {
    :is(.gb-tabs,.admin-tabs) :is(a,button) { min-width:0; padding:10px 12px; }
}
/* Shared profile and public seller contact layout. */
.profile-phone-field label.form-check { margin-top:12px; }
.profile-phone-field .form-check-label { overflow-wrap:anywhere; }
.profile-verification p { margin-bottom:0; overflow-wrap:anywhere; }
.seller-contact { display:flex; align-items:center; gap:10px; padding:12px 14px; margin:12px 0; border:1px solid var(--gb-line); border-radius:9px; color:var(--gb-text); background:var(--gb-surface); overflow-wrap:anywhere; }
.seller-contact span { display:flex; flex-direction:column; min-width:0; }
.seller-contact small { color:var(--gb-muted); font-size:.8rem; }
.seller-contact:hover { border-color:var(--gb-accent); background:var(--gb-soft); }
.seller-identity>div>span { display:block; }
.detail-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-top:8px; }
.detail-heading h1 { flex:1; min-width:0; margin:0; }
.detail-actions { display:flex; gap:8px; flex-shrink:0; }
.detail-actions form { margin:0; }
.detail-action { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--bs-border-color); border-radius:12px; background:transparent; color:inherit; }
.detail-action:hover, .detail-action[aria-pressed="true"] { color:var(--gb-accent); border-color:var(--gb-accent); }
.detail-action:focus-visible { outline:2px solid var(--gb-accent); outline-offset:3px; }
.detail-summary .detail-price { margin-top:12px; }
.seller-call-label { margin-left:auto; color:var(--gb-accent); }

/* Header filters extend the existing search without a second search panel. */
.header-search-stack{flex:1;max-width:590px;min-width:0;position:relative;margin:0}
.header-search-stack>.header-search{max-width:none;width:100%}
.header-filter-row{display:flex;gap:18px;align-items:center;margin-top:5px;position:relative}
.header-filter-item>details>summary{font-size:.76rem;color:var(--gb-muted);cursor:pointer;padding:3px 0;white-space:nowrap}
.header-filter-item>details[open]>summary{color:var(--gb-accent)}
.header-filter-panel{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--gb-surface);color:var(--gb-text);padding:16px;border:1px solid var(--gb-line);border-radius:12px;box-shadow:var(--gb-shadow);max-height:65vh;overflow:auto}
.header-filter-panel .form-label{font-size:.8rem}
.header-filter-panel .form-select,.header-filter-panel .form-control{width:100%;min-height:42px}
.header-filter-panel>.btn{margin-top:12px}
.home-quick-fields:not(:empty){display:grid;gap:10px;margin-top:12px}
.home-location-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.home-location-actions>[role=status]{font-size:.8rem;color:var(--gb-muted);flex-basis:100%}
.home-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* Selected values remain visible while dropdowns are closed. */
.header-filter-row{gap:6px;display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr)}
.header-filter-item{display:flex;align-items:center;min-width:0;max-width:100%;border:1px solid transparent;border-radius:7px}
.header-filter-item>details{min-width:0;flex:1}
.header-filter-item>details>summary{display:flex;align-items:center;gap:5px;padding:5px 7px;list-style:none}
.header-filter-item>details>summary::-webkit-details-marker{display:none}
.header-filter-item>details>summary::before{content:'▸';flex-shrink:0}
.header-filter-item>details[open]>summary::before{content:'▾'}
.header-filter-item>details>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:265px}
.header-filter-item.has-selection{background:var(--gb-soft);border-color:var(--gb-line)}
.header-filter-item.has-selection>details>summary{color:var(--gb-text);font-weight:600}
.header-filter-clear{border:0;background:transparent;color:var(--gb-muted);font-size:1.1rem;line-height:1;min-width:30px;min-height:30px;border-radius:6px}
.header-filter-clear:hover{color:var(--gb-text);background:var(--gb-alt)}
.header-filter-clear:focus-visible,.header-filter-item summary:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}
.header-filter-selection{font-size:.8rem;font-weight:600;overflow-wrap:anywhere;margin:0 0 12px}
@media(max-width:767px){.header-filter-row{gap:4px}.header-filter-item>details>summary>span{max-width:195px}.header-filter-item>details>summary{padding:5px}.header-filter-clear{min-width:32px;min-height:32px}}
.home-category-panel>details>summary{font-size:1rem;font-weight:700;cursor:pointer;margin-bottom:12px}
.home-category-panel>details:not([open])>summary{margin-bottom:0}
@media(max-width:991px){.header-search-stack{max-width:none}}
@media(max-width:767px){.header-search-stack{order:3;flex-basis:100%}.header-search-stack>.header-search{padding:6px 7px 6px 12px}.header-filter-panel .location-fields{grid-template-columns:1fr}.header-filter-panel{max-height:60vh}}

.preference-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1100;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 18px;max-width:90vw;box-shadow:0 4px 20px #0002}

/* Shared analytics presentation */
:root{--report-orange:#fd6101;--report-blue:#64a6e8;--report-amber:#f2c354;--report-gray:#b9c4ce;--report-teal:#49a89a;--report-violet:#9a88c8;--report-red:#d47783;--report-positive:#237b54}
:root[data-theme=dark]{--report-orange:#ffac70;--report-blue:#8cbbf0;--report-amber:#e8c66e;--report-gray:#929eae;--report-teal:#7fc6ba;--report-violet:#b6a2e5;--report-red:#e59cab;--report-positive:#8dd9ac}
.reports-workspace{min-width:0}.report-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0 12px}.report-periods{display:flex;border:1px solid var(--gb-line);border-radius:10px;padding:4px;background:var(--gb-surface)}.report-periods label{position:relative;cursor:pointer;margin:0}.report-periods input{position:absolute;opacity:0;width:1px;height:1px}.report-periods span{display:block;padding:9px 17px;font-size:.85rem;border-radius:7px;white-space:nowrap}.report-periods input:checked+span{background:var(--gb-accent);color:var(--gb-control-ink)}.report-periods input:focus-visible+span{outline:2px solid var(--gb-text);outline-offset:2px}.report-dates{display:flex;gap:10px}.report-dates[hidden]{display:none}.report-toolbar label:not(.report-periods label){font-size:.75rem;color:var(--gb-muted);display:grid;gap:5px}.report-sort{margin-left:auto}.report-reset{font-size:.8rem;padding:12px;color:var(--gb-muted)}.report-context{display:flex;justify-content:space-between;gap:14px;font-size:.75rem;color:var(--gb-muted);margin-bottom:20px;flex-wrap:wrap}.report-context details{max-width:500px}.report-context p{margin-top:10px}.report-context summary,.report-data summary{cursor:pointer}.report-scope{font-size:.85rem}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.report-metric,.report-card{border:1px solid var(--gb-line);background:var(--gb-surface);border-radius:16px;padding:22px;min-width:0}.report-metric{display:grid;gap:10px}.report-metric-label{display:flex;gap:10px;align-items:center;font-size:.88rem}.report-metric-label .icon{color:var(--gb-accent);width:20px;height:20px}.report-metric strong{font-size:1.85rem;letter-spacing:-.04em;line-height:1.2;font-variant-numeric:tabular-nums}.report-metric small,.report-secondary-metrics small{font-size:.72rem;color:var(--gb-muted)}.report-delta{font-weight:600;margin-right:4px}.report-delta.positive{color:var(--report-positive)}.report-delta.negative{color:var(--gb-danger)}.report-featured{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px;margin-bottom:20px}.report-card h2{font-size:1.05rem;font-weight:650;margin:0 0 12px}.report-canvas{position:relative;height:255px;margin:20px 0 12px}.report-ring{width:190px;height:190px;margin:18px auto}.report-ring-total{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:4px}.report-ring-total strong{font-size:2rem;letter-spacing:-.04em}.report-ring-total span{font-size:.75rem;color:var(--gb-muted)}.report-legend{padding:0;margin:18px 0 10px;list-style:none}.report-legend li{display:flex;gap:9px;align-items:center;font-size:.8rem;padding:5px 0}.report-legend li strong{margin-left:auto;font-variant-numeric:tabular-nums}.report-legend a{color:var(--gb-muted)}.report-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--report-orange)}.report-legend li:nth-child(2) .report-dot{background:var(--report-blue)}.report-legend li:nth-child(3) .report-dot{background:var(--report-amber)}.report-legend li:nth-child(4) .report-dot{background:var(--report-gray)}.report-legend li:nth-child(5) .report-dot{background:var(--report-teal)}.report-legend li:nth-child(6) .report-dot{background:var(--report-violet)}.report-legend li:nth-child(7) .report-dot{background:var(--report-red)}.report-data{font-size:.75rem;color:var(--gb-muted);margin-top:14px;border-top:1px solid var(--gb-line);padding-top:12px}.report-data p{margin:12px 0}.report-table{overflow-x:auto}.report-table table{width:100%;border-collapse:collapse;font-size:.83rem}.report-table th{background:var(--gb-alt);font-weight:500;color:var(--gb-muted);font-size:.75rem;white-space:nowrap}.report-table td,.report-table th{padding:14px 12px;border-bottom:1px solid var(--gb-line);text-align:right;font-variant-numeric:tabular-nums}.report-table td:first-child,.report-table th:first-child{text-align:left;min-width:160px}.report-table td:first-child{overflow-wrap:anywhere}.report-table tr:last-child td{border-bottom:0}.report-table td a{color:var(--gb-text);font-weight:500}.report-table tbody tr:hover{background:var(--gb-alt)}.report-attention{display:inline-block;background:var(--gb-warning-soft);color:var(--gb-warning);font-size:.65rem;border-radius:20px;padding:4px 8px;margin:5px 0 0 8px}.report-section-title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}.report-section-title p{font-size:.75rem;color:var(--gb-muted);margin:0}.report-page-count{font-size:.75rem;color:var(--gb-muted);white-space:nowrap}.report-empty{text-align:center;display:grid;place-content:center;min-height:210px;color:var(--gb-muted);font-size:.85rem}.report-empty .icon{margin:0 auto 12px;width:28px;height:28px;opacity:.5}.report-more{margin-top:24px}.report-more>summary{font-size:.9rem;cursor:pointer;color:var(--gb-muted);padding:10px 0}.report-secondary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:12px 0 18px}.report-secondary-metrics article{display:grid;gap:8px;font-size:.8rem}.report-secondary-metrics strong{font-size:1.4rem}.report-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:1100px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-sort{margin-left:0}.report-metric{padding:18px}}@media(max-width:760px){.report-featured,.report-charts{grid-template-columns:1fr}.report-card{padding:18px}.report-toolbar{gap:10px}.report-periods{width:100%;justify-content:space-between}.report-periods span{padding:9px 12px}.report-dates{flex-wrap:wrap;width:100%}.report-dates label{flex:1;min-width:130px}.report-sort{width:100%}.report-metrics{gap:10px}.report-metric{padding:15px}.report-metric-label{font-size:.78rem;gap:7px}.report-metric-label .icon{width:17px;height:17px}.report-metric strong{font-size:1.65rem}.report-metric small{line-height:1.6}.report-previous{display:none}.report-canvas{height:220px}.report-ring{height:190px}.report-attention{margin-left:0}.report-context{font-size:.7rem}}
/* Report workspace proportions follow the approved visual reference. */
.reports-workspace .report-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0 0 16px;align-items:center;gap:12px 20px}.report-title h1{font-size:2.3rem;letter-spacing:-.045em;line-height:1.15;margin:0 0 8px;font-weight:750}.report-title p{margin:0;color:var(--gb-muted);font-size:.95rem}.report-options{grid-column:1/-1;display:flex;align-items:end;gap:10px;flex-wrap:wrap}.report-options .report-sort{margin-left:auto}.report-context{margin-bottom:16px}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.report-metric{padding:24px;min-height:132px;box-shadow:0 2px 8px #20242b03}.report-metric strong{font-size:1.9rem}.report-featured{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:16px}.report-featured .report-card{padding:23px;min-height:340px}.report-featured .report-canvas:not(.report-ring){height:235px;margin:28px 0 12px}.report-card h2{font-size:1.13rem;letter-spacing:-.025em}.report-table td{height:62px}.report-data{border:0;padding-top:0;margin-top:8px}.report-data summary{font-size:.68rem}.report-ring{width:182px;height:182px;margin:14px auto}.report-ring-total strong{font-size:2rem}.report-legend{margin:12px 0}.report-legend li{padding:4px 0}.report-performance{margin-top:18px}.report-thumbnail{width:50px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.report-listing-cell{display:flex;align-items:center;gap:14px;min-width:210px}.report-spark{width:100px;height:30px;display:inline-block;margin-left:20px;vertical-align:middle;color:var(--gb-accent)}.report-spark polyline{stroke:currentColor;stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke}.report-performance td:not(:first-child){white-space:nowrap}@media(min-width:1400px){.report-featured .report-canvas:not(.report-ring){height:255px}}@media(max-width:1100px){.report-metric{padding:17px}.report-metric-label{font-size:.8rem}.report-title h1{font-size:1.9rem}}@media(max-width:900px){.reports-workspace .report-toolbar{grid-template-columns:1fr}.report-periods{justify-self:start}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-featured{grid-template-columns:1fr}}@media(max-width:600px){.report-title h1{font-size:1.8rem}.report-title p{font-size:.82rem}.report-periods{width:100%}.report-options{gap:8px}.report-options .report-sort{width:100%}.report-metric{min-height:120px;padding:15px}.report-metric strong{font-size:1.65rem}.report-featured .report-card{padding:18px}.report-featured .report-canvas:not(.report-ring){height:215px}.report-performance{padding:16px}.report-spark{width:70px;margin-left:10px}}
.reports-workspace .report-options{display:block;margin:0;font-size:.75rem;color:var(--gb-muted)}.report-options>summary{cursor:pointer;width:max-content;margin-left:auto}.report-options-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding-top:10px}.report-context{margin-top:-8px;margin-bottom:16px}.report-options .report-sort{margin-left:0}
.reports-workspace .report-toolbar{position:relative;margin-bottom:24px}.reports-workspace .report-options{position:absolute;right:0;top:55px;z-index:8}.report-options[open] .report-options-fields{background:var(--gb-surface);border:1px solid var(--gb-line);border-radius:12px;padding:16px;box-shadow:var(--gb-shadow);max-width:500px}.report-options .report-sort{flex:1}.reports-workspace>.report-context{margin:22px 0 0}.report-featured .report-card{min-height:350px}@media(max-width:900px){.reports-workspace .report-options{position:static;grid-column:1/-1}.report-options[open] .report-options-fields{max-width:none;box-shadow:none}.reports-workspace .report-toolbar{margin-bottom:16px}}


.report-canvas canvas{display:block;width:100%;height:100%}
.system-error-notice { overflow-wrap: anywhere; }

/* Shared listing lightbox; canvas transforms avoid inline styles under CSP. */
.photo-open{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:var(--gb-radius)}
.photo-open .main-photo{display:block}.photo-open-label{position:absolute;right:16px;bottom:16px;background:var(--gb-surface);color:var(--gb-text);border:1px solid var(--gb-line);border-radius:8px;padding:8px 12px;font-weight:600}
.photo-open:focus-visible{outline:3px solid var(--gb-accent);outline-offset:3px}.photo-thumbs button[aria-pressed="true"]{border-color:var(--gb-accent)}
body.photo-viewer-open{overflow:hidden}
.photo-viewer{--gb-surface:#1b1f23;--gb-alt:#111315;--gb-text:#f5f6f7;--gb-muted:#aeb5bc;--gb-line:#383e45;--gb-accent:#ec6c24;border:0;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;background:var(--gb-surface);color:var(--gb-text)}
.photo-viewer::backdrop{background:#000c}.photo-viewer-shell{height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.photo-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--gb-line)}.photo-viewer-toolbar>div{display:flex;gap:6px}
.photo-viewer button{min-width:44px;min-height:44px;border:1px solid var(--gb-line);border-radius:8px;background:var(--gb-surface);color:var(--gb-text);padding:8px}.photo-viewer button:hover{background:#292f35}.photo-viewer button:focus-visible{outline:3px solid var(--gb-accent);outline-offset:2px}
.photo-viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--gb-alt)}.photo-viewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.photo-viewer canvas:active{cursor:grabbing}
.photo-viewer-prev,.photo-viewer-next{position:absolute;top:45%}.photo-viewer-prev{left:12px}.photo-viewer-next{right:12px}.photo-viewer button[hidden]{display:none}.photo-viewer-status{position:absolute;left:15%;right:15%;top:45%;text-align:center;pointer-events:none}.photo-viewer footer{text-align:center;padding:8px;font-size:.8rem;color:var(--gb-muted)}
@media(max-width:480px){.photo-viewer-toolbar{padding:8px;gap:4px}.photo-viewer-toolbar>div{gap:3px}.photo-viewer-toolbar button{padding:6px}.photo-viewer footer{font-size:.7rem}}
.listing-checklist{white-space:pre-line;padding:12px;background:var(--gb-alt);border-radius:8px;margin-bottom:12px}

.conversation-listing-summary { display:flex; align-items:center; gap:1rem; padding:1rem; border-bottom:1px solid var(--border); flex-wrap:wrap; }
.conversation-listing-summary img { width:80px; height:80px; object-fit:contain; border-radius:.5rem; }
.conversation-listing-summary p { margin:.25rem 0; }




/* Profile navigation stays compact and dimensionally stable across all three pages. */
.gb-tabs[aria-label="Profil ve güvenlik bölümleri"] a { flex:0 0 auto; font-weight:700; }