/* Supara / Ekstrem. V2: a consistent directory and management workspace. */
:root { --pro-ink:#283347; --pro-muted:#748094; --pro-canvas:#f4f6fa; --pro-line:#e5eaf1; --pro-purple:#7367f0; --pro-soft:#f0edff; }
.directory-pro,body.admin-body { background:var(--pro-canvas); color:var(--pro-ink); }
.directory-pro .container { width:calc(100% - 64px); max-width:1480px; }
.directory-pro .site-header { background:#fff; border-bottom:1px solid var(--pro-line); box-shadow:0 2px 12px #21304d03; }
.directory-pro .site-nav { min-height:86px; }
.directory-pro .site-brand img { width:180px; height:56px; }
.directory-pro .site-links { gap:8px; }
.directory-pro .site-links .nav-link { font-size:.875rem; font-weight:500; padding:11px 16px; color:#607087; }
.directory-pro .site-links .nav-link.active { color:#6658dc; background:#f0edff; }
.directory-pro .site-links .btn { margin-left:10px; font-size:.875rem; padding-inline:20px; }
.directory-pro .supara-main { padding-top:30px!important; }
.directory-pro .directory-heading { margin-bottom:26px; }
.directory-pro .page-kicker { color:#68768b; letter-spacing:.12em; font-size:.75rem; font-weight:650; margin-bottom:7px; }
.directory-pro .directory-heading h1 { font-size:1.875rem; letter-spacing:-.045em; color:var(--pro-ink); margin:0 0 8px; }
.directory-pro .directory-heading p { font-size:.9375rem; color:var(--pro-muted); }
.directory-heading-note { display:flex; align-items:center; gap:12px; color:#68768b; font-size:.875rem; line-height:1.6; }
.directory-heading-note>.icon-base { font-size:1.5rem; color:#8a7dea; }
.directory-heading-note strong { color:#61718a; font-weight:500; }
.directory-workspace { display:grid; grid-template-columns:360px minmax(0,1fr); gap:28px; align-items:start; }
.directory-pro .supara-map-card { position:sticky; top:24px; border-color:var(--pro-line); border-radius:12px; box-shadow:0 3px 16px #23345504; }
.directory-pro .supara-section-head { padding:23px 22px 18px; border:0; }
.directory-pro .map-heading h2 { font-size:1.0625rem; font-weight:650; color:var(--pro-ink); }
.directory-pro .map-heading .supara-kicker { font-size:.75rem; letter-spacing:.08em; color:#68768b; margin-bottom:6px; }
.directory-pro .section-icon { width:34px; height:34px; background:#f4f5f8; color:#68768b; border-radius:8px; }
.directory-pro .section-icon .icon-base { font-size:1.15rem; }
.directory-pro .istanbul-shortcut { width:calc(100% - 44px); margin:0 22px; display:flex; align-items:center; gap:12px; text-align:left; background:#f5f3ff; border:1px solid #e8e3ff; padding:12px; border-radius:9px; color:#7667d9; }
.directory-pro .istanbul-shortcut:hover { background:#ece8ff; border-color:#cfc7f9; }
.city-shortcut-icon { width:36px; height:36px; display:grid; place-items:center; background:#e9e4fd; border-radius:7px; flex-shrink:0; }
.directory-pro .istanbul-shortcut strong,.directory-pro .istanbul-shortcut small { display:block; }
.directory-pro .istanbul-shortcut strong { font-size:.875rem; font-weight:650; color:#6356c9; }
.directory-pro .istanbul-shortcut small { font-size:.75rem; font-weight:400; color:#68768b; margin-top:3px; }
.directory-pro .istanbul-shortcut>.icon-base { margin-left:auto; font-size:1rem; }
.directory-pro .supara-filterbar { padding:22px; grid-template-columns:1fr 1fr; gap:17px 12px; }
.directory-pro .supara-field--search { grid-column:1/-1; }
.directory-pro .supara-field label { color:#657187; font-size:.875rem; font-weight:550; margin-bottom:7px; }
.directory-pro .form-control,.directory-pro .form-select { height:44px; min-height:44px; font-size:.875rem; border-color:#dfe4ec; color:#39465d; background-color:#fff; }
.directory-pro .supara-input-wrap input { padding-left:38px; }
.directory-pro .supara-input-icon { top:0; bottom:0; left:12px; display:flex; align-items:center; color:#68768b; }
.directory-pro .supara-input-icon .icon-base { font-size:1.125rem; }
.directory-pro .istanbul-panel { display:block; padding:0 22px 20px; margin:0; border:0; border-radius:0; background:white; }
.directory-pro .istanbul-intro { margin:0 0 11px; border-top:1px solid var(--pro-line); padding-top:20px; }
.directory-pro .istanbul-city-icon,.directory-pro .istanbul-intro .supara-kicker,.directory-pro .istanbul-intro p { display:none; }
.directory-pro .istanbul-intro h2 { font-size:.875rem; font-weight:600; color:#657187; margin:0; }
.directory-pro .side-options { padding:4px; gap:3px; background:#f3f4f8; border:0; border-radius:7px; flex-wrap:wrap; }
.directory-pro .side-option { white-space:normal; font-size:.875rem; font-weight:500; line-height:1.4; padding:8px 5px; min-height:42px; }
.directory-pro .side-option.is-active { background:white; color:#685bdb; box-shadow:0 2px 5px #2a345b10; }
.directory-pro .side-option[data-side-filter=anadolu].is-active { color:#168596; }
.directory-pro .side-option[data-side-filter=unknown] { flex-basis:100%; }
.directory-pro .istanbul-district { grid-template-columns:1fr; gap:7px; margin-top:16px; }
.directory-pro .istanbul-district label { font-size:.875rem; color:#657187; }
.directory-pro .istanbul-district>a { display:none; }
.directory-map-disclosure { border-top:1px solid var(--pro-line); }
.directory-map-disclosure>summary { display:flex; align-items:center; gap:10px; padding:17px 22px; cursor:pointer; list-style:none; font-size:.875rem; font-weight:600; color:#657187; }
.directory-map-disclosure>summary::-webkit-details-marker { display:none; }
.directory-map-disclosure>summary>span:first-child { display:flex; align-items:center; gap:8px; }
.directory-map-disclosure>summary>.icon-base { margin-left:0; font-size:.875rem; color:#68768b; transition:transform .2s; }
.directory-map-disclosure[open]>summary>.icon-base { transform:rotate(180deg); }
.directory-map-disclosure .map-selection { margin-left:auto; padding:2px 6px; font-size:.75rem; background:#f0edff; color:#7d70ce; display:block; }
.directory-pro .supara-map-shell { padding:0 12px 18px; border:0; background:#fcfdff; }
.directory-pro #puma-turkiye-haritasi { max-height:210px; padding:10px 0; }
.directory-pro #puma-turkiye-haritasi text { display:none; }
.directory-pro #puma-turkiye-haritasi.is-istanbul { max-height:185px; margin:0; }
.directory-pro .supara-map-legend-premium { gap:8px 16px; font-size:.75rem; line-height:1.5; }
.directory-pro .supara-map-legend-premium span { gap:5px; }
.directory-pro .supara-map-legend-premium i { width:7px; height:7px; border-radius:2px; }
.directory-pro .supara-finder { margin:0; min-width:0; }
.directory-pro .supara-finder__head { min-height:56px; margin:0 0 18px; gap:14px; align-items:center; }
.directory-pro .supara-finder__head .supara-kicker { display:none; }
.directory-pro .supara-finder__head h2 { font-size:1.1875rem; font-weight:650; color:var(--pro-ink); margin:0 0 5px; }
.directory-pro .supara-finder__head p { font-size:.875rem; color:#68768b; }
.directory-pro .supara-reset { background:transparent; color:#68768b; min-height:38px; padding:8px; font-size:.875rem; font-weight:500; display:flex; gap:5px; }
.directory-pro .supara-reset:hover { background:#ebeef5; color:#6356c9; }
.directory-pro .supara-reset .icon-base { font-size:1rem; }
.directory-pro .supara-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.directory-pro .supara-dealer-card { border:1px solid #e3e8f0; padding:22px; border-radius:11px; box-shadow:0 3px 14px #23345503; }
.directory-pro .supara-dealer-card:hover { border-color:#c9c3ec; box-shadow:0 8px 24px #23345508; }
.directory-pro .supara-dealer-card__top { margin-bottom:16px; justify-content:space-between; }
.dealer-symbol { width:40px; height:40px; border-radius:9px; background:#f1eefe; color:#8a7cda; display:grid; place-items:center; }
.dealer-symbol .icon-base { font-size:1.375rem; }
.directory-pro .supara-type-badge { font-size:.75rem; font-weight:600; padding:4px 8px; border-radius:5px; }
.directory-pro .supara-type-badge--dealer { color:#7e70cd; background:#f1eefe; }
.directory-pro .supara-type-badge--sale { color:#388b75; background:#eaf7f1; }
.directory-pro .supara-dealer-card h3 { color:#35415a; font-size:1rem; font-weight:650; line-height:1.6; margin-bottom:9px; }
.directory-pro .supara-location { font-size:.75rem; line-height:1.55; color:#68768b; margin-bottom:16px; align-items:flex-start; }
.directory-pro .supara-location .icon-base { margin-top:1px; flex-shrink:0; }
.directory-pro .istanbul-card-meta { gap:8px; font-size:.75rem; margin:-5px 0 18px; color:#68768b; }
.directory-pro .side-badge { font-size:.75rem; padding:3px 7px; font-weight:500; }
.directory-pro .supara-details { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px 12px; padding-top:16px; border-top:1px solid #eef1f6; margin:0 0 20px; }
.directory-pro .supara-details>div { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:.875rem; line-height:1.65; }
.directory-pro .supara-details>div:last-child { grid-column:1/-1; }
.directory-pro .supara-details dt { display:flex; align-items:center; gap:5px; color:#68768b; font-size:.75rem; font-weight:500; }
.directory-pro .supara-details dt .icon-base { font-size:.875rem; }
.directory-pro .supara-details dd { color:#627089; font-size:.875rem; }
.directory-pro .supara-actions { padding-top:0; border:0; gap:9px; }
.directory-pro .supara-btn { min-height:41px; border-radius:7px; font-size:.875rem; font-weight:550; color:#6f7b8e; border-color:#e3e8f0; }
.directory-pro .supara-btn--primary { background:#7367f0; color:white; border-color:#7367f0; box-shadow:0 2px 5px #7367f01a; }
.directory-pro .supara-btn--primary:hover { background:#6356d9; }
.directory-pro .supara-btn--icon { flex-basis:38px; }
.directory-pro .supara-empty { padding:60px 24px; border-color:#d9dfeb; color:#64748b; }
.directory-pro .directory-footer { border-color:#e0e6ef; margin-top:32px!important; padding:22px 0!important; color:#68768b; font-size:.75rem; }
.directory-pro .directory-footer a { color:#68768b; }

/* Management workspace */
.admin-body .sidebar { width:248px; padding:24px 16px 18px; border-right:1px solid #e5eaf1; box-shadow:none; }
.admin-sidebar-brand { display:flex; flex-direction:column; align-items:flex-start; padding:0 12px 24px; border-bottom:1px solid #eef1f6; }
.admin-sidebar-brand img { width:164px; height:54px; object-fit:contain; }
.admin-sidebar-brand>span { font-size:.75rem; color:#68768b; padding-left:4px; margin-top:8px; letter-spacing:.12em; text-transform:uppercase; }
.professional-sidebar nav { padding-top:8px; gap:5px; }
.nav-section-label { color:#68768b; font-size:.75rem; letter-spacing:.12em; padding:22px 14px 7px; font-weight:650; }
.admin-body .professional-sidebar nav a { color:#6d7a90; font-size:.875rem; font-weight:500; min-height:44px; border-radius:8px; padding:10px 13px; grid-template-columns:21px 1fr; gap:12px; }
.admin-body .professional-sidebar nav a .icon-base { width:19px; height:19px; font-size:19px; background-color:currentColor; }
.admin-body .professional-sidebar nav a:hover { background:#f6f7fb; color:#685bda; }
.admin-body .professional-sidebar nav a.active { color:#7367f0; background:#f0edff; box-shadow:none; font-weight:600; }
.admin-body .professional-sidebar nav a.active i { color:#7367f0; }
.admin-sidebar-bottom { margin-top:auto; padding-top:32px; }
.sidebar-public-link { display:flex; align-items:center; gap:9px; font-size:.875rem; color:#68768b; padding:10px 13px 18px; }
.sidebar-public-link .icon-base { font-size:1rem; }
.sidebar-user { display:flex; align-items:center; gap:10px; padding:16px 8px 0; border-top:1px solid #eef1f6; }
.sidebar-avatar { width:36px; height:36px; border-radius:9px; background:#ece8fd; color:#897ada; display:grid; place-items:center; flex-shrink:0; font-size:.875rem; font-weight:650; }
.sidebar-user strong,.sidebar-user small { display:block; }
.sidebar-user strong { color:#5d6a80; font-size:.875rem; font-weight:600; }
.sidebar-user small { font-size:.75rem; color:#68768b; margin-top:3px; }
.sidebar-user>.icon-base { color:#89b6a5; font-size:1.125rem; margin-left:auto; }
.admin-body .admin-main { margin-left:248px; }
.admin-body .topbar { height:76px; top:0; margin:0; border:0; border-bottom:1px solid #e5eaf1; border-radius:0; padding:0 34px; box-shadow:none; background:#fff; }
.admin-body .breadcrumb { color:#68768b; font-size:.875rem; }
.admin-body .breadcrumb span { color:#68768b; font-weight:400; }
.admin-body .breadcrumb b { color:#d3d9e3; font-weight:400; }
.admin-body .logout-btn { display:flex; align-items:center; justify-content:center; gap:7px; color:#68768b; background:transparent; border:0; font-size:.75rem; padding:8px 10px; }
.admin-body .logout-btn .icon-base { font-size:1.125rem; }
.admin-body .admin-chip { padding:0 15px 0 0; margin-right:3px; border-right:1px solid #edf0f5; border-radius:0; gap:9px; }
.admin-body .admin-chip>span { width:33px; height:33px; border-radius:8px; background:#f0edff; color:#8c80d6; }
.admin-body .admin-chip b { font-size:.75rem; color:#68758a; }
.admin-body .admin-chip small { font-size:.75rem; color:#68768b; }
.admin-body .dashboard { max-width:1640px; padding:30px 34px 40px; }
.workspace-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 27px; }
.workspace-heading .eyebrow { color:#68768b; font-size:.75rem; letter-spacing:.12em; }
.workspace-heading h1 { font-size:1.75rem; color:#2c3950; letter-spacing:-.035em; font-weight:650; margin:8px 0 8px; }
.workspace-heading p { color:#68768b; font-size:.875rem; margin:0; }
.workspace-heading-actions { display:flex; align-items:center; gap:18px; }
.workspace-date { display:flex; align-items:center; gap:7px; font-size:.875rem; color:#68768b; }
.workspace-date .icon-base { font-size:1.05rem; }
.admin-body .primary-btn { border-radius:7px; background:#7367f0; box-shadow:0 3px 8px #7367f016; font-size:.875rem; font-weight:550; min-height:42px; padding:11px 15px; }
.admin-body .primary-btn .icon-base { font-size:1.125rem; }
.admin-body .metric-grid { gap:20px; margin:0 0 27px; }
.admin-body .metric-grid article { display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:flex-start; min-height:145px; border:1px solid #e5eaf1; border-radius:10px; background:#fff; padding:22px; box-shadow:0 3px 14px #21304d02; }
.admin-body .metric-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:9px; flex-shrink:0; margin:0; }
.admin-body .metric-icon .icon-base { width:21px; height:21px; font-size:21px; background-color:currentColor; }
.admin-body .metric-grid article span { font-size:.875rem; font-weight:500; color:#68768b; }
.admin-body .metric-grid article strong { font-size:2rem; line-height:1.6; font-weight:650; color:#35415a; }
.admin-body .metric-grid article small { font-size:.75rem; color:#68768b; }
.admin-body .dashboard-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:24px; }
.admin-body .premium-panel { border-radius:11px; border-color:#e5eaf1; background:#fff; box-shadow:0 3px 14px #21304d02; padding:24px; }
.admin-body .panel-head { margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid #f0f2f6; }
.admin-body .panel-head>div>span { font-size:.75rem; letter-spacing:.1em; color:#68768b; }
.admin-body .panel-head h2 { font-size:1.0625rem; font-weight:650; color:#46526a; margin:6px 0 0; }
.panel-context { color:#68768b!important; font-size:.75rem!important; background:#f5f7fa; padding:5px 8px; border-radius:5px; letter-spacing:0!important; }
.admin-body .quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.admin-body .quick-actions a { padding:19px 17px; border:1px solid #eaf0f5; border-radius:9px; background:#fff; display:flex; flex-direction:column; align-items:flex-start; }
.admin-body .quick-actions a:hover { background:#faf9ff; border-color:#d3cbf3; box-shadow:0 3px 12px #7367f008; }
.quick-action-icon { width:38px; height:38px; border-radius:8px; background:#f1edfd; color:#8c7eda; display:grid; place-items:center; margin-bottom:13px; }
.admin-body .quick-actions .quick-action-icon .icon-base { display:inline-block; width:20px; height:20px; font-size:20px; padding:0; margin:0; border-radius:0; color:inherit; background-color:currentColor; }
.admin-body .quick-actions a:nth-child(2) .quick-action-icon { color:#64a28b; background:#edf7f2; }
.admin-body .quick-actions a:nth-child(3) .quick-action-icon { color:#749bbf; background:#edf4fb; }
.admin-body .quick-actions a:nth-child(4) .quick-action-icon { color:#c5a067; background:#fcf6eb; }
.admin-body .quick-actions strong { font-size:.875rem; color:#5e6a80; font-weight:600; }
.admin-body .quick-actions small { font-size:.75rem; color:#68768b; line-height:1.7; margin-top:5px; }
.admin-body .activity-row { padding:16px 0; gap:13px; border-color:#f0f2f6; }
.admin-body .activity-row strong { color:#6a768b; font-size:.875rem; font-weight:550; }
.admin-body .activity-row span { color:#68768b; font-size:.75rem; line-height:1.7; margin-top:4px; }
.admin-body .activity-row time { color:#68768b; font-size:.75rem; background:#f7f8fb; padding:4px 7px; border-radius:4px; }
.admin-body .activity-row>i { width:7px; height:7px; background:#a397e4; margin-top:8px; }
.activity-empty { min-height:260px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:30px; }
.empty-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:14px; background:#f5f6fa; color:#68768b; margin-bottom:15px; }
.empty-icon .icon-base { font-size:1.75rem; }
.activity-empty strong { font-size:.875rem; color:#68768b; font-weight:500; }
.activity-empty p { color:#68768b; font-size:.75rem; margin:7px 0 0; line-height:1.7; }
.admin-body .page-title { margin:0 0 26px; align-items:center; }
.admin-body .page-title h1,.admin-body .hero-admin h1 { font-size:1.75rem; font-weight:650; color:#2c3950; }
.admin-body .page-title .eyebrow,.admin-body .hero-admin .eyebrow { color:#68768b; font-size:.75rem; letter-spacing:.1em; }
.admin-body .page-title p,.admin-body .hero-admin p { color:#68768b; font-size:.875rem; }
.admin-body .page-title .eyebrow i { display:none; }
.admin-body .hero-admin { background:white; border-color:#e5eaf1; border-radius:10px; }
.admin-body .table-panel { padding:0; }
.admin-body .table-toolbar { padding:22px; border-color:#eff2f6; }
.admin-body .search-box { height:43px; border-color:#e1e7ef; border-radius:7px; background:#fff; }
.admin-body .search-box input { font-size:.875rem; color:#607087; }
.admin-body .table-toolbar>span { font-size:.75rem; color:#68768b; }
.admin-body .data-table th { color:#68768b; background:#fafbfd; font-size:.75rem; font-weight:600; letter-spacing:.04em; border-color:#eaf0f5; padding:15px 22px; }
.admin-body .data-table td { font-size:.875rem; color:#68768b; border-color:#eff2f6; padding:18px 22px; vertical-align:middle; }
.admin-body .data-table td strong { color:#5d6b82; font-size:.875rem; font-weight:550; }
.admin-body .data-table td small { color:#68768b; font-size:.75rem; }
.admin-body .data-table tbody tr:hover { background:#fbfcfe; }
.admin-body .row-actions { gap:6px!important; justify-content:flex-start; }
.admin-body .row-actions button { background:#f0edfc!important; color:#8a7cd0!important; font-size:.75rem!important; font-weight:500!important; padding:7px 10px!important; min-height:34px; }
.admin-body .row-actions button.danger { color:#ca8892!important; background:#fcf0f2!important; }
.admin-body .vuexy-pagination { border-color:#eef1f6; padding:18px 22px; }
.admin-body .vuexy-pagination>span { color:#68768b; font-size:.75rem; }
.admin-body .vuexy-pagination button { font-size:.75rem; background:#f0edfc; color:#8a7cd0; }
.admin-body .premium-modal { border:1px solid #e5eaf1; border-radius:12px; padding:28px; box-shadow:0 25px 80px #23345526; }
.admin-body .modal-head { padding-bottom:20px; border-bottom:1px solid #edf1f5; margin-bottom:22px; }
.admin-body .modal-head>div>span { color:#68768b; font-size:.75rem; letter-spacing:.08em; }
.admin-body .modal-head h2 { font-size:1.25rem; color:#46526a; }
.admin-body .form-grid { gap:20px 18px; }
.admin-body .form-grid label span { font-size:.875rem; color:#78869b; }
.admin-body .form-grid input,.admin-body .form-grid select,.admin-body .form-grid textarea { border-color:#dfe5ee; color:#607087; font-size:.875rem; padding:11px 12px; min-height:44px; }
.admin-body .calendar-tab { border-color:#e5eaf1; border-radius:9px; box-shadow:none; }
.admin-body .calendar-tab b { color:#6d7990; font-size:.875rem; }
.admin-body .calendar-tab small { color:#68768b; font-size:.75rem; }
.admin-body .calendar-tab.is-active { background:#f7f5ff; border-color:#d8d1f8; }
.auth-body,.application-body { background:#f4f6fa!important; }
.auth-body .auth-card,.application-body .apply-card { border-color:#e5eaf1; border-radius:13px; box-shadow:0 8px 35px #21304d06; }
.auth-body .auth-brand-panel h1,.application-body .apply-hero h1 { color:#334159; }
.application-body .apply-card h2,.auth-body .auth-step h2 { color:#46526a; font-weight:650; }
@media(min-width:1800px) { .directory-workspace { grid-template-columns:380px minmax(0,1fr); } }
@media(max-height:850px) { .directory-pro .supara-map-card { position:static; } }
@media(max-width:1250px) { .admin-body .metric-grid { gap:14px; } .admin-body .metric-grid article { padding:18px; gap:8px; } .admin-body .metric-icon { width:34px; height:34px; } .workspace-date { display:none; } .admin-body .dashboard { padding:26px; } }
@media(max-width:1100px) { .directory-pro .container { width:calc(100% - 40px); } .directory-workspace { grid-template-columns:330px minmax(0,1fr); gap:22px; } .directory-pro .supara-grid { gap:16px; } .directory-pro .supara-dealer-card { padding:18px; } .directory-pro .supara-details { grid-template-columns:1fr; gap:12px; } .directory-pro .supara-details>div:last-child { grid-column:auto; } }
@media(max-width:1050px) { .admin-body .admin-main { margin-left:0; } .admin-body .metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .admin-body .dashboard-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:960px) { .directory-workspace { grid-template-columns:1fr; } .directory-pro .supara-map-card { position:static; } .directory-pro .supara-filterbar { grid-template-columns:2fr 1fr 1fr; } .directory-pro .supara-field--search { grid-column:auto; } .directory-pro .istanbul-shortcut { width:auto; min-width:280px; } .directory-pro .istanbul-panel { max-width:520px; } .directory-pro .supara-details { grid-template-columns:1fr 1fr; } .directory-pro .supara-details>div:last-child { grid-column:1/-1; } .directory-pro #puma-turkiye-haritasi { max-height:250px; } .directory-pro .supara-finder { margin-top:4px; } }
@media(max-width:760px) { .directory-pro .container { width:calc(100% - 32px); } .directory-pro .directory-heading { margin-bottom:20px; } .directory-pro .directory-heading h1 { font-size:1.625rem; } .directory-heading-note { display:none; } .directory-pro .site-nav { min-height:76px; } .directory-pro .site-links .nav-link { padding:8px 10px; } .directory-pro .supara-filterbar { grid-template-columns:1fr 1fr; } .directory-pro .supara-field--search { grid-column:1/-1; } .directory-pro .supara-grid { grid-template-columns:1fr 1fr; } .directory-pro .supara-details { grid-template-columns:1fr; } .directory-pro .supara-details>div:last-child { grid-column:auto; } .admin-body .dashboard { padding:22px 18px; } .admin-body .topbar { padding:0 18px; height:66px; } .workspace-heading { gap:16px; flex-wrap:wrap; margin-bottom:22px; } .workspace-heading h1 { font-size:1.5rem; } .admin-body .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-body .dashboard-grid { grid-template-columns:1fr; } .admin-body .metric-grid article { min-height:136px; } .admin-body .page-title { align-items:flex-start; } }
@media(max-width:560px) { .directory-pro .site-links { width:100%; margin-top:8px; justify-content:space-between; } .directory-pro .site-links .btn { margin-left:0; padding-inline:12px; } .directory-pro .site-links .nav-link { padding-inline:8px; font-size:.875rem; } .directory-pro .site-brand img { width:145px; height:46px; } .directory-pro .supara-main { padding-top:24px!important; } .directory-pro .supara-grid { grid-template-columns:1fr; gap:16px; } .directory-pro .supara-dealer-card { padding:22px; } .directory-pro .supara-details { grid-template-columns:1fr 1fr; } .directory-pro .supara-details>div:last-child { grid-column:1/-1; } .directory-pro .supara-finder__head { flex-wrap:nowrap; } .directory-pro .supara-finder__head h2 { font-size:1.0625rem; } .directory-pro .istanbul-shortcut { width:calc(100% - 44px); min-width:0; } .directory-pro .directory-footer>div { gap:10px; } .admin-body .premium-panel { padding:20px; } .admin-body .table-panel { padding:0; } .admin-body .quick-actions { gap:12px; } .admin-body .quick-actions a { padding:16px; } .admin-body .premium-modal { padding:22px; } .admin-body .metric-grid article strong { font-size:1.75rem; } }

.directory-pro .supara-details dd{font-size:.875rem;color:#53627a}.directory-pro .supara-dealer-card h3{font-size:1rem}.directory-pro .supara-map-legend-premium{font-size:.75rem}.admin-body .data-table td,.admin-body .data-table td strong{font-size:.875rem;color:#53627a}.admin-body .form-grid label span{font-size:.875rem;color:#627086}.admin-body .primary-btn,.admin-body .quick-actions strong{font-size:.875rem}.admin-body .side-badge{color:#6356c9}.directory-pro .supara-btn,.directory-pro .supara-type-badge,.directory-pro .side-badge{font-weight:600}