/* 100tik v0.17 — strict legacy parity bridge. Original 100tik visual system is the source of truth. */
:root{
 --tik-blue:#0373ec;--tik-navy:#00244b;--tik-yellow:#ffd800;--tik-orange:#f97316;--tik-danger:#e53935;
 --tik-bg:#f5f7fb;--tik-surface:#fff;--tik-text:#0a1628;--tik-muted:#64748b;--tik-border:#e2e8f0;
 --tik-shadow:0 5px 20px rgba(0,36,75,.10);--tik-r:18px;
}
html[data-theme="dark"]{--tik-bg:#0b1320;--tik-surface:#121d2b;--tik-text:#f4f7fb;--tik-muted:#aeb9c8;--tik-border:#29384d;--tik-shadow:0 8px 30px rgba(0,0,0,.34)}
.tik100-strict-parity,.tik100-strict-parity button,.tik100-strict-parity input,.tik100-strict-parity textarea,.tik100-strict-parity select{font-family:'Estedad',Tahoma,Arial,sans-serif!important}
.tik100-strict-parity{background:var(--tik-bg);color:var(--tik-text)}
/* Keep original desktop/tablet/mobile split exactly around legacy 992px breakpoint. */
@media(min-width:992px){.tik100-header-mobile,.htk-footer-m,.tik100-mobile-nav,.mobile-menu-modal{display:none!important}.htk-header-d,.htk-footer-d{display:flex!important}}
@media(max-width:991.98px){.htk-header-d,.htk-footer-d{display:none!important}.tik100-header-mobile,.htk-footer-m,.tik100-mobile-nav{display:flex!important}}
/* Legacy header/footer theme adaptation without redesigning them. */
html[data-theme="dark"] .htk-header-d,html[data-theme="dark"] .tik100-header-mobile,html[data-theme="dark"] .htk-footer-d,html[data-theme="dark"] .htk-footer-m{filter:none;background-color:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}
html[data-theme="dark"] .htk-nav-btn,html[data-theme="dark"] .htk-city-btn,html[data-theme="dark"] .htk-wallet-box,html[data-theme="dark"] .tik100-mob-menu-trigger{color:var(--tik-text)!important}
/* Homepage: original sections/card geometry, only color tokens adapt to dark. */
html[data-theme="dark"] .tik-homepage-wrap,html[data-theme="dark"] .tik-home-section,html[data-theme="dark"] .tik-home-feature,html[data-theme="dark"] .tik-home-faq-item{color:var(--tik-text)}
html[data-theme="dark"] .tik-home-feature,html[data-theme="dark"] .tik-home-faq-item,html[data-theme="dark"] .tik-home-category-card,html[data-theme="dark"] .tik-homepage-listing-item{background:var(--tik-surface)!important;border-color:var(--tik-border)!important}
/* New listing markup bridged to the exact proportions of legacy all-listings. */
.fe-container{max-width:1400px!important;margin-inline:auto!important;padding-inline:20px!important}
.fe-section{margin-top:16px!important;margin-bottom:40px!important}
.fe-section-head{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:18px!important;box-shadow:var(--tik-shadow)!important;padding:16px 24px!important;margin-bottom:20px!important}
.fe-section-head h1{font-size:20px!important;font-weight:800!important;color:var(--tik-text)!important}
.fe-kicker{font-size:11px!important;color:#94a3b8!important}
.fe-search.compact{display:flex!important;gap:8px!important;min-width:min(100%,420px)!important}
.fe-search.compact input{height:42px!important;border:1px solid var(--tik-border)!important;border-radius:12px!important;background:var(--tik-surface)!important;color:var(--tik-text)!important;padding:0 14px!important;flex:1!important}
.fe-search.compact button{height:42px!important;border:0!important;border-radius:50px!important;background:linear-gradient(135deg,#0a1628,#1a3a6b)!important;color:#fff!important;padding:0 22px!important;font-weight:700!important}
.fe-filterbar{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:999px!important;padding:7px 14px!important;margin:0 0 18px!important}
.fe-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.fe-card{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:16px!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;overflow:hidden!important;transition:.22s ease!important;color:var(--tik-text)!important}
.fe-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 32px rgba(0,0,0,.10)!important}
.fe-card img{aspect-ratio:4/3!important;width:100%!important;object-fit:cover!important;display:block!important}
.fe-card-body{padding:12px 14px 14px!important}.fe-card h3{font-size:14px!important;font-weight:800!important;line-height:1.8!important;margin:0 0 8px!important}.fe-card p,.fe-card-meta{font-size:11px!important;color:var(--tik-muted)!important}
.fe-pages{display:flex!important;justify-content:center!important;gap:7px!important;margin:24px 0!important}.fe-pages a{min-width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid var(--tik-border)!important;background:var(--tik-surface)!important;color:var(--tik-text)!important;display:grid!important;place-items:center!important}.fe-pages a.active{background:#0d47a1!important;color:#fff!important;border-color:#0d47a1!important}
/* Single ad: preserve previous card/surface hierarchy and mobile-first layout. */
.fe-detail{max-width:1400px!important;margin:16px auto 60px!important;padding:0 20px!important}.fe-back{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;color:#0d47a1!important;font-weight:700!important}.fe-detail-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:20px!important;align-items:start!important}.fe-detail-grid>section{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:20px!important;box-shadow:var(--tik-shadow)!important;padding:16px!important}.fe-gallery-main{border-radius:16px!important;overflow:hidden!important;background:#edf2f7!important}.fe-gallery-main img{width:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;display:block!important}.fe-thumbs{display:flex!important;gap:8px!important;overflow:auto!important;padding-top:10px!important}.fe-thumbs button{width:72px!important;min-width:72px!important;height:72px!important;padding:0!important;border:2px solid transparent!important;border-radius:11px!important;overflow:hidden!important;background:transparent!important}.fe-thumbs img{width:100%!important;height:100%!important;object-fit:cover!important}.fe-info h1{font-size:24px!important;line-height:1.75!important;color:var(--tik-text)!important}.fe-chip{display:inline-flex!important;padding:6px 12px!important;border-radius:999px!important;background:#e8f2ff!important;color:#0d47a1!important;font-size:11px!important;font-weight:800!important}.fe-meta{display:flex!important;gap:12px!important;flex-wrap:wrap!important;color:var(--tik-muted)!important;font-size:11px!important;margin:10px 0 16px!important}.fe-description{line-height:2.05!important;font-size:14px!important;color:var(--tik-text)!important}.tik-specs{margin-top:18px!important;border-top:1px solid var(--tik-border)!important;padding-top:16px!important}.tik-specs dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.tik-specs dl div{background:var(--tik-bg)!important;border-radius:12px!important;padding:10px 12px!important}.tik-specs dt{font-size:10px!important;color:var(--tik-muted)!important}.tik-specs dd{font-size:12px!important;font-weight:700!important;margin:4px 0 0!important}
/* Glass dashboard: use original GlassDashboard visual language as base. */
.g-dash.gd-app{max-width:1320px!important;margin:18px auto 90px!important;padding:16px!important;background:transparent!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:14px!important}.g-dash .gd-side{background:linear-gradient(180deg,#0a1628,#103863)!important;border-radius:24px!important;padding:16px 12px!important;box-shadow:0 16px 40px rgba(10,22,40,.18)!important;position:sticky!important;top:16px!important;height:max-content!important}.g-dash .gd-side a{color:#fff!important}.g-dash .gd-side nav a{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 11px!important;border-radius:12px!important;font-size:11px!important;margin:3px 0!important}.g-dash .gd-side nav a:hover{background:rgba(255,255,255,.10)!important}.g-dash .gd-main{min-width:0!important}.g-dash .gd-top,.g-dash .gd-panel,.g-dash .gd-quick{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:20px!important;box-shadow:var(--tik-shadow)!important}.g-dash .gd-top{padding:14px 18px!important;margin-bottom:14px!important}.g-dash .gd-grid-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.g-dash .gd-card{background:var(--tik-surface)!important;border:1px solid var(--tik-border)!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(0,0,0,.06)!important;padding:15px!important;color:var(--tik-text)!important}.g-dash .gd-card .gd-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#eef5ff!important;color:#1268e8!important}.g-dash .gd-card strong{display:block!important;font-size:20px!important;margin:9px 0 2px!important}.g-dash .gd-card>span:last-child{font-size:10px!important;color:var(--tik-muted)!important}.g-dash .gd-content{padding:0!important}.g-dash .gd-quick{padding:14px!important;margin-top:12px!important}.g-dash .gd-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.g-dash .gd-quick-grid a{min-height:84px!important;border-radius:15px!important;background:var(--tik-bg)!important;color:var(--tik-text)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;font-size:10px!important}.g-dash .gd-panel{padding:14px!important;margin-top:12px!important}.g-dash table{width:100%!important;border-collapse:separate!important;border-spacing:0 6px!important}.g-dash th{font-size:9px!important;color:var(--tik-muted)!important;text-align:start!important;padding:8px!important}.g-dash td{background:var(--tik-bg)!important;padding:10px 8px!important;font-size:10px!important;color:var(--tik-text)!important}.g-dash td:first-child{border-radius:0 12px 12px 0!important}.g-dash td:last-child{border-radius:12px 0 0 12px!important}
html[dir="ltr"] .g-dash td:first-child{border-radius:12px 0 0 12px!important}html[dir="ltr"] .g-dash td:last-child{border-radius:0 12px 12px 0!important}
html[data-theme="dark"] .g-dash .gd-card .gd-icon{background:#173252!important;color:#69a9ff!important}
/* Forms stay functional but inherit old visual proportions. */
.tik-form-shell,.tik-form-card,.form-section{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}.tik100-strict-parity input,.tik100-strict-parity select,.tik100-strict-parity textarea{background:var(--tik-surface)!important;color:var(--tik-text)!important;border-color:var(--tik-border)!important}
@media(max-width:1100px){.fe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.g-dash .gd-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:991.98px){.fe-container,.fe-detail{padding-inline:12px!important}.fe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.fe-detail-grid{grid-template-columns:1fr!important}.g-dash.gd-app{display:block!important;padding:10px!important;margin-top:10px!important}.g-dash .gd-side{position:static!important;display:none!important}.g-dash .gd-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.g-dash .gd-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){.fe-section-head{padding:13px!important;border-radius:16px!important}.fe-grid{grid-template-columns:1fr!important}.fe-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;min-height:118px!important}.fe-card img{height:100%!important;aspect-ratio:auto!important}.fe-detail{margin-top:12px!important;padding-inline:10px!important}.fe-detail-grid>section{padding:11px!important;border-radius:16px!important}.fe-info h1{font-size:19px!important}.tik-specs dl{grid-template-columns:1fr!important}.g-dash .gd-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.g-dash .gd-card{padding:11px!important}.g-dash .gd-card strong{font-size:17px!important}.g-dash .gd-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.g-dash .gd-top{padding:12px!important}}
