:root {
    --ink: #e4e4e7;
    --muted: #a1a1aa;
    --cream: #121212;
    --paper: #18181b;
    --sage: #d4af37;
    --sage-dark: #d4af37;
    --sage-pale: #292518;
    --line: #343438;
    --orange: #f5a623;
    --night: #0d0d0f;
    --font-display: "Smooch Sans", sans-serif;
    --font-body: "Roboto", sans-serif;
}

/* Public studio directory */
.studio-directory-page *{font-family:"Smooch Sans",sans-serif!important}.studio-directory-name-row{display:flex;align-items:center;gap:8px}.studio-directory-name-row h3{margin:0}.studio-directory-verified-badge{display:inline-grid;place-items:center;width:23px;height:23px;flex:0 0 23px;color:#1d9bf0}.studio-directory-verified-badge svg{width:23px!important;height:23px!important;fill:#1d9bf0!important;stroke:#fff!important;stroke-width:2.1!important}.studio-directory-verified-badge svg path:first-child{stroke:#1d9bf0!important}.studio-directory-verified-badge svg path:last-child{stroke:#fff!important}
.studio-directory-page,.studio-directory-page *{box-sizing:border-box}.studio-directory-page{max-width:1320px;margin:0 auto;padding:34px 22px 64px;color:#18181b;font-family:"Smooch Sans",sans-serif}.studio-directory-page svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.studio-directory-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px;padding:34px;border:1px solid #d4af37;border-radius:20px;background:#18181b;box-shadow:0 16px 42px rgba(24,24,27,.15)}.studio-directory-hero-content{display:flex;flex-direction:column;justify-content:center}.studio-directory-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#d4af37;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-directory-hero h1{max-width:720px;margin:12px 0 8px;color:#fff;font-size:3.35rem;font-weight:700;line-height:.98}.studio-directory-hero-content>p{max-width:720px;margin:0;color:#d4d4d8;font-size:1.38rem;font-weight:600;line-height:1.4}.studio-directory-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.studio-directory-trust span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(212,175,55,.32);border-radius:999px;color:#f4f4f5;background:rgba(212,175,55,.08);font-size:1.08rem;font-weight:600}.studio-directory-trust svg{color:#d4af37}.studio-directory-join{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px;border:1px solid rgba(212,175,55,.48);border-radius:16px;background:linear-gradient(145deg,rgba(212,175,55,.14),rgba(255,255,255,.04))}.studio-directory-join>span{color:#d4af37;font-size:1.12rem;font-weight:700}.studio-directory-join strong{margin:4px 0;color:#fff;font-size:1.75rem;font-weight:700;line-height:1.08}.studio-directory-join p{margin:4px 0 18px;color:#d4d4d8;font-size:1.15rem;font-weight:600;line-height:1.35}.studio-directory-primary-btn,.studio-directory-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border:1px solid #18181b;border-radius:11px;background:#18181b;color:#fff!important;box-shadow:0 6px 16px rgba(24,24,27,.14);font-family:"Smooch Sans",sans-serif!important;font-size:1.22rem;font-weight:700;line-height:1;text-decoration:none!important;transition:.18s ease}.studio-directory-primary-btn:hover{transform:translateY(-1px);background:#27272a;box-shadow:0 10px 22px rgba(24,24,27,.2)}.studio-directory-join .studio-directory-primary-btn{border-color:#d4af37;background:#d4af37;color:#18181b!important}.studio-directory-filter{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:end;gap:26px;margin-top:22px;padding:22px 24px;border:1px solid #d4af37;border-radius:17px;background:#fff;box-shadow:0 7px 24px rgba(24,24,27,.06)}.studio-directory-filter-heading{display:flex;align-items:center;gap:12px}.studio-directory-filter-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#18181b;color:#d4af37}.studio-directory-filter-heading h2{margin:0;font-size:1.65rem;font-weight:700}.studio-directory-filter-heading p{margin:2px 0 0;color:#71717a;font-size:1.12rem;font-weight:600}.studio-directory-filter-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.studio-directory-filter-form label{display:grid;gap:5px;margin:0;color:#18181b;font-size:1.22rem;font-weight:700}.studio-directory-filter-form select{width:100%;height:46px!important;min-height:46px!important;border:1px solid #d4af37!important;border-radius:11px!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.2rem!important;font-weight:700!important}.studio-directory-results{padding-top:34px}.studio-directory-results-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.studio-directory-section-kicker{color:#b58a24;font-size:1.06rem;font-weight:700;letter-spacing:.1em}.studio-directory-results-heading h2{margin:2px 0 0;font-size:2.35rem;font-weight:700}.studio-directory-result-count{padding:7px 12px;border:1px solid rgba(212,175,55,.4);border-radius:999px;background:#fbf3dc;color:#8b6717;font-size:1.08rem;font-weight:700}.studio-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-directory-card{display:flex;flex-direction:column;min-height:340px;padding:21px;border:1px solid #d4af37;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(24,24,27,.06);transition:.2s ease}.studio-directory-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(24,24,27,.12)}.studio-directory-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-directory-avatar{display:grid;place-items:center;width:82px;height:82px;padding:4px;border:1px solid #d4af37;border-radius:16px;background:#fff}.studio-directory-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.studio-directory-avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:12px;background:#fbf3dc;color:#b58a24;font-size:2.4rem;font-weight:700}.studio-directory-registered-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f0fdf4;color:#15803d;font-size:1rem;font-weight:700}.studio-directory-registered-badge svg{width:16px;height:16px}.studio-directory-card-body{padding:17px 0 18px}.studio-directory-card-body h3{margin:0;color:#18181b;font-size:2rem;font-weight:700;line-height:1.05}.studio-directory-location{display:flex;align-items:center;gap:6px;margin:7px 0 10px;color:#52525b;font-size:1.18rem;font-weight:700}.studio-directory-location svg{color:#b58a24}.studio-directory-card-desc{margin:0;color:#71717a;font-size:1.12rem;font-weight:600;line-height:1.35}.studio-directory-profile-btn{width:100%;margin-top:auto}.studio-directory-profile-btn>svg:first-child{color:#d4af37}.studio-directory-arrow{margin-left:auto}.studio-directory-secondary-btn{border-color:#dedbd3;background:#fff;color:#18181b!important;box-shadow:none}.studio-directory-secondary-btn:hover{border-color:#d4af37;background:#fbf3dc}.studio-directory-more{display:flex;justify-content:center;margin-top:26px}.studio-directory-empty{display:flex!important;align-items:center;gap:16px;padding:22px!important;text-align:left!important}.studio-directory-empty>div:nth-child(2){flex:1}.studio-directory-empty .photo-empty-alert-icon svg{width:28px;height:28px}.studio-directory-empty h3,.studio-directory-empty p{margin:0}.studio-directory-empty .studio-directory-secondary-btn{margin-left:auto}
@media(max-width:991px){.studio-directory-page{padding:22px 14px 48px}.studio-directory-hero{grid-template-columns:1fr;padding:26px}.studio-directory-hero h1{font-size:2.8rem}.studio-directory-filter{grid-template-columns:1fr}.studio-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.studio-directory-page{padding:14px 10px 38px}.studio-directory-hero{padding:22px 17px;border-radius:16px}.studio-directory-hero h1{font-size:2.35rem}.studio-directory-hero-content>p{font-size:1.22rem}.studio-directory-filter{padding:18px 15px}.studio-directory-filter-form{grid-template-columns:1fr}.studio-directory-filter-form .studio-directory-primary-btn{width:100%}.studio-directory-results-heading{align-items:flex-start;flex-direction:column}.studio-directory-results-heading h2{font-size:2rem}.studio-directory-grid{grid-template-columns:1fr}.studio-directory-empty{align-items:flex-start;flex-direction:column}.studio-directory-empty .studio-directory-secondary-btn{width:100%;margin-left:0}}

/* Customer Gallery — Pozla ortak tasarım sistemi */
.customer-gallery-page,
.customer-gallery-page button,
.customer-gallery-page input,
.customer-gallery-page textarea,
.customer-gallery-page select,
.customer-gallery-page label,
.customer-gallery-page a,
.compare-modal,
.compare-modal button {
  font-family: "Smooch Sans", sans-serif !important;
}

.customer-gallery-page {
  min-height: 100vh;
  padding: 28px 24px 56px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(212,175,55,.10), transparent 28%),
    #f7f6f2 !important;
  color: #18181b;
}

.customer-gallery-container { max-width: 1440px !important; margin: 0 auto !important; }
.customer-gallery-header {
  min-height: 76px;
  padding: 12px 18px !important;
  border: 1px solid #d4af37 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(24,24,27,.06);
}
.customer-gallery-header .site-logo-img { width: auto; max-width: 190px; max-height: 54px; }
.customer-gallery-header span { color: #71717a !important; font-size: 1.12rem !important; font-weight: 600; }
.customer-gallery-header strong { color: #18181b; font-size: 1.35rem !important; font-weight: 700; }

.customer-gallery-hero {
  position: relative;
  overflow: hidden;
  margin: 20px 0 !important;
  padding: 34px 36px !important;
  border: 1px solid #d4af37;
  border-radius: 18px !important;
  background: #18181b !important;
  box-shadow: 0 14px 34px rgba(24,24,27,.14);
}
.customer-gallery-hero::after {
  content: "";
  position: absolute;
  right: -65px;
  top: -90px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(212,175,55,.25);
  border-radius: 50%;
}
.customer-gallery-page .card-kicker {
  color: #b58a24 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.customer-gallery-hero .card-kicker { color: #d4af37 !important; }
.customer-gallery-hero h1 {
  margin: 7px 0 5px !important;
  color: #d4af37 !important;
  font-size: 2.8rem !important;
  font-weight: 700;
  line-height: 1.05;
}
.customer-gallery-hero p {
  max-width: 820px !important;
  color: #f4f4f5 !important;
  font-size: 1.35rem !important;
  font-weight: 600;
  line-height: 1.4;
}
.customer-gallery-hero > div { display: flex; flex-wrap: wrap; gap: 10px !important; margin-top: 20px !important; }
.customer-gallery-hero > div > span {
  padding: 7px 12px;
  border: 1px solid rgba(212,175,55,.42);
  border-radius: 999px;
  color: #fff !important;
  background: rgba(212,175,55,.10);
  font-size: 1.12rem !important;
  font-weight: 700;
}

.gallery-progress-panel,
.gallery-budget-card,
.gallery-final-categories,
.saved-retouch-requests,
.gallery-retouch-notes,
.customer-delivery-card {
  border: 1px solid #d4af37 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(24,24,27,.06) !important;
}
.gallery-progress-panel { margin: 0 0 20px !important; padding: 22px 24px !important; }
.gallery-progress-heading strong { color: #18181b; font-size: 1.5rem !important; font-weight: 700; }
.gallery-progress-heading span { margin-top: 2px; color: #71717a !important; font-size: 1.16rem !important; font-weight: 600; }
.gallery-progress-heading b { color: #b58a24 !important; font-size: 1.65rem !important; font-weight: 800; }
.gallery-progress-track { height: 10px !important; margin: 15px 0 !important; background: #eeeae0 !important; }
.gallery-progress-track span { background: linear-gradient(90deg,#b58a24,#d4af37) !important; }
.gallery-choice-counts { gap: 14px !important; color: #52525b !important; font-size: 1.14rem !important; font-weight: 700; }

.customer-gallery-page button,
.customer-gallery-page .admin-pagination a,
.compare-modal button {
  min-height: 42px;
  padding: 8px 18px !important;
  border: 1px solid #18181b;
  border-radius: 11px !important;
  background: #18181b;
  color: #fff;
  box-shadow: 0 6px 16px rgba(24,24,27,.12);
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .02em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.customer-gallery-page button:hover:not(:disabled),
.customer-gallery-page .admin-pagination a:hover,
.compare-modal button:hover:not(:disabled) {
  transform: translateY(-1px);
  background: #27272a;
  box-shadow: 0 10px 22px rgba(24,24,27,.18);
}
.customer-gallery-page button:focus-visible,
.customer-gallery-page a:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(212,175,55,.22) !important; }
.customer-gallery-page button:disabled { cursor: not-allowed; opacity: .42; }
.gallery-progress-actions { gap: 10px !important; margin-top: 16px !important; }
.gallery-progress-actions button { height: 42px !important; }
.gallery-progress-actions button.complete { border-color: #18181b !important; background: #18181b !important; }
.gallery-completed-badge { padding: 10px 16px; border-radius: 11px; color: #166534; background: #ecfdf3; font-size: 1.22rem !important; font-weight: 700; }

.gallery-budget-card { align-items: center !important; margin: 20px 0 !important; padding: 22px 24px !important; }
.gallery-budget-card strong { font-size: 1.55rem !important; font-weight: 700; }
.gallery-budget-card small { color: #71717a !important; font-size: 1.08rem !important; font-weight: 600; }
.gallery-budget-card label,
.gallery-retouch-notes label,
.customer-delivery-card label { color: #18181b; font-size: 1.2rem !important; font-weight: 700; }
.gallery-budget-card input,
.gallery-retouch-notes textarea,
.customer-delivery-card textarea {
  min-height: 44px;
  padding: 10px 13px !important;
  border: 1px solid #d4af37 !important;
  border-radius: 11px !important;
  background: #fff;
  color: #18181b;
  font-size: 1.18rem !important;
  font-weight: 600;
}

.customer-photo-grid { grid-template-columns: repeat(auto-fill,minmax(260px,1fr)) !important; gap: 18px !important; }
.customer-photo-card {
  overflow: hidden;
  border: 1px solid #d4af37 !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(24,24,27,.07);
  transition: transform .18s ease, box-shadow .18s ease;
}
.customer-photo-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(24,24,27,.12); }
.customer-photo-image { aspect-ratio: 4/3; background: #efede7; }
.customer-photo-image img { width: 100%; height: 100%; object-fit: cover; }
.customer-photo-image > span { padding: 6px 10px !important; border-radius: 8px !important; background: #18181b !important; color: #d4af37 !important; font-size: 1.05rem !important; font-weight: 700; }
.customer-photo-meta { padding: 12px 13px !important; font-size: 1.15rem !important; }
.customer-photo-meta strong { color: #18181b; font-size: 1.25rem; font-weight: 700; }
.customer-photo-meta small { color: #71717a; font-size: 1.02rem; font-weight: 600; }
.customer-photo-meta .btn-compare { min-height: 38px !important; padding: 7px 12px !important; border-color: #dedbd3 !important; background: #fff !important; color: #18181b !important; }
.customer-selection-actions { gap: 7px !important; padding: 0 10px 12px !important; }
.customer-selection-actions button { width: 100%; height: 42px !important; padding: 7px 8px !important; }
.customer-selection-actions .liked.active { border-color: #15803d !important; background: #15803d !important; }
.customer-selection-actions .undecided.active { border-color: #b58a24 !important; background: #d4af37 !important; color: #18181b !important; }
.customer-selection-actions .rejected.active { border-color: #dc2626 !important; background: #dc2626 !important; }
.customer-photo-card.selection-rejected { opacity: .82 !important; }

.gallery-final-categories,
.saved-retouch-requests,
.gallery-retouch-notes,
.customer-delivery-card { padding: 24px !important; margin: 20px 0 !important; }
.gallery-final-categories h2,
.saved-retouch-requests h2,
.gallery-retouch-notes h2,
.customer-delivery-card h2 { color: #18181b; font-size: 1.8rem !important; font-weight: 700; }
.gallery-final-categories p,
.saved-retouch-requests p,
.gallery-retouch-notes p,
.customer-delivery-card p,
.customer-delivery-card small { color: #52525b; font-size: 1.15rem !important; font-weight: 600; line-height: 1.4; }
.gallery-category-list details { border-color: #e7dfca !important; border-radius: 12px !important; }
.gallery-category-list summary,
.gallery-category-photo-options button { font-size: 1.16rem !important; font-weight: 700; }
.saved-retouch-requests button,
.customer-delivery-actions details button { border-color: #fecaca !important; background: #fff1f2 !important; color: #dc2626 !important; box-shadow: none; }

.admin-pagination { margin-top: 26px !important; }
.admin-pagination a { text-decoration: none !important; }
.admin-pagination span { color: #52525b; font-size: 1.18rem !important; font-weight: 700; }
.gallery-success-message,
.gallery-access-error,
.photo-empty-state { border-radius: 14px !important; font-size: 1.18rem !important; font-weight: 600; }

.compare-modal > div:first-child h2 { color: #d4af37; font-size: 2rem; font-weight: 700; }
.compare-modal > div:first-child p { color: #fff; font-size: 1.2rem; font-weight: 600; }
.compare-card { border: 1px solid #d4af37; }
.compare-card h3 { font-size: 1.45rem !important; font-weight: 700; }

@media (max-width: 991px) {
  .customer-gallery-page { padding: 12px 10px 38px !important; }
  .customer-gallery-header { align-items: center !important; padding: 10px 13px !important; }
  .customer-gallery-header .site-logo-img { max-width: 150px; max-height: 44px; }
  .customer-gallery-hero { padding: 24px 20px !important; }
  .customer-gallery-hero h1 { font-size: 2.3rem !important; }
  .gallery-progress-panel,
  .gallery-budget-card,
  .gallery-final-categories,
  .saved-retouch-requests,
  .gallery-retouch-notes,
  .customer-delivery-card { padding: 18px 15px !important; }
  .gallery-progress-actions,
  .gallery-budget-card,
  .gallery-budget-card form,
  .customer-delivery-actions { width: 100%; }
}

@media (max-width: 540px) {
  .customer-gallery-header { flex-direction: row !important; align-items: center !important; }
  .customer-gallery-header > div { text-align: right !important; }
  .customer-gallery-header span { font-size: 1rem !important; }
  .customer-gallery-header strong { font-size: 1.16rem !important; }
  .customer-photo-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .customer-selection-actions { grid-template-columns: 1fr !important; }
  .customer-selection-actions button { min-height: 44px !important; }
}

/* ==========================================================================
   POZLA GLOBAL TYPOGRAPHY RULE:
   - Display & Main Section Headings: Smooch Sans
   - All Body, Form, Sidebar & UI Text: Roboto
   ========================================================================== */
*, *::before, *::after {
    font-family: "Roboto", sans-serif;
}

h1, h2, .hero h1, .brand,
.public-social-card h1, .public-social-logo span,
.social-page-head h1 {
    font-family: "Smooch Sans", sans-serif;
}

h1 { font-size: 2.45rem; font-weight: 700; line-height: 1.15; letter-spacing: 0.01em; }
h2 { font-size: 1.7rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.01em; }
h3 { font-size: 1.35rem; font-weight: 600; line-height: 1.25; }
h4, h5, h6 { font-size: 1.1rem; font-weight: 600; }

body, html, input, button, select, textarea, table, td, th, p, span, a, label, small, strong, b, li, em, div {
    font-family: "Roboto", sans-serif;
}
body {
    font-size: 0.96rem;
}

/* Pozla Network - Firma Profili */
.social-profile-page{max-width:1120px;margin:0 auto;padding:28px}.social-page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.social-page-head span{color:#b88a14;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.social-page-head h1{margin:2px 0 4px;color:#171717;font:700 2.2rem "Smooch Sans",sans-serif;line-height:1.1}.social-page-head p{margin:0;color:#6f7077;font-size:.88rem}.social-outline-btn{padding:9px 16px;border:1px solid #d9d4c8;border-radius:9px;color:#171717;text-decoration:none;background:#fff;font-size:.84rem;font-weight:600}.social-profile-form{overflow:hidden;border:1px solid #e3dfd5;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(20,20,20,.05)}.social-image-editor{position:relative;padding-bottom:24px}.social-cover{height:200px;background:linear-gradient(125deg,#111,#2a2417);background-position:center;background-size:cover}.social-cover label{position:absolute;top:150px;right:18px;padding:8px 12px;border-radius:8px;color:#111;background:#fff;box-shadow:0 4px 16px #0003;font-size:.78rem;font-weight:600;cursor:pointer}.social-image-editor input[type=file]{display:none}.social-logo{position:absolute;left:28px;bottom:0;width:105px;height:105px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;color:#111;background:#dfb532 center/cover no-repeat;box-shadow:0 6px 20px #0002}.social-logo>span{font:800 2.2rem "Smooch Sans",sans-serif}.social-logo label{position:absolute;right:-2px;bottom:2px;padding:4px 8px;border-radius:20px;color:#fff;background:#111;font-size:.68rem;cursor:pointer}.social-company-title{margin:14px 28px 0 155px}.social-company-title h2{margin:0;font:700 1.25rem "Roboto",sans-serif;color:#18181b}.social-company-title small{color:#85858b;font-size:.76rem}.social-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:26px 30px 16px}.social-form-grid label>span:first-child,.social-specialties>span{display:block;margin-bottom:6px;color:#27272a;font-size:.84rem;font-weight:600}.social-form-grid input,.social-form-grid textarea,.social-form-grid select{width:100%;padding:10px 12px;border:1px solid #dcd8ce;border-radius:8px;outline:none;font-size:.88rem}.social-form-grid input:focus,.social-form-grid textarea:focus,.social-form-grid select:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3722}.social-form-grid .wide{grid-column:1/-1}.social-form-grid small{display:block;margin-top:4px;color:#85858b;font-size:.76rem}.social-username{display:flex;border:1px solid #dcd8ce;border-radius:8px;overflow:hidden}.social-username b{padding:10px 12px;background:#f5f2eb;font-size:.84rem;color:#71717a}.social-username input{border:0;border-radius:0}.social-specialties{padding:10px 30px 22px}.social-specialties>div,.public-social-tags{display:flex;flex-wrap:wrap;gap:8px}.social-specialties label input{display:none}.social-specialties label span{display:block;padding:6px 12px;border:1px solid #ddd8cd;border-radius:999px;cursor:pointer;font-size:.8rem}.social-specialties label input:checked+span{border-color:#d4af37;color:#6e5100;background:#fff7d7}.social-privacy{display:grid;gap:10px;padding:20px 30px;background:#faf9f6}.social-privacy label{display:flex;gap:12px;align-items:start}.social-privacy input{margin-top:4px;width:16px;height:16px;accent-color:#c99d25}.social-privacy span{display:grid;font-size:.84rem;font-weight:600}.social-privacy small{color:#71717a;font-size:.76rem;font-weight:400}.social-profile-form footer{padding:18px 30px;text-align:right}.social-save-btn{padding:10px 22px;border:0;border-radius:9px;color:#111;background:linear-gradient(135deg,#efd161,#c99b1c);font-weight:700;font-size:.88rem}.public-social-profile{max-width:1060px;margin:120px auto 50px;padding:0 22px}.public-social-cover{height:320px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#111,#3b3015);background-position:center;background-size:cover}.public-social-card{position:relative;padding:75px 45px 45px;border:1px solid #e1ddd3;border-top:0;border-radius:0 0 20px 20px;background:#fff}.public-social-logo{position:absolute;top:-65px;left:45px;width:130px;height:130px;border:5px solid #fff;border-radius:50%;display:grid;place-items:center;background:#d4af37 center/cover no-repeat;box-shadow:0 8px 25px #0003}.public-social-logo span{font:800 2.8rem "Smooch Sans",sans-serif}.public-social-actions{position:absolute;top:22px;right:40px;display:flex;gap:8px}.public-social-actions>*{padding:9px 16px;border:1px solid #111;border-radius:8px;color:#111;background:#fff;text-decoration:none;font-weight:600;font-size:.85rem}.public-social-actions a{color:#fff;background:#111}.public-social-card h1{margin:0;font:800 2.6rem "Smooch Sans",sans-serif}.public-social-card>strong{color:#b18413;font-size:.88rem}.public-social-description{max-width:700px;margin:18px 0;line-height:1.7;font-size:.9rem}.public-social-stats{display:flex;gap:24px;padding:16px 0;border-block:1px solid #eee}.public-social-stats span{display:grid;color:#777;font-size:.82rem}.public-social-stats b{color:#111;font-size:1.15rem}.public-social-tags{margin-top:18px}.public-social-tags span{padding:6px 11px;border-radius:999px;background:#f6edcc;font-size:.78rem}.public-social-services{margin-top:22px}.public-social-services h2{font:700 1.4rem "Smooch Sans",sans-serif}.public-social-phone{display:inline-block;margin-top:12px;color:#111;font-weight:700;font-size:.88rem}@media(max-width:700px){.social-profile-page{padding:16px}.social-page-head{align-items:start;gap:12px}.social-form-grid{grid-template-columns:1fr;padding-inline:16px}.social-form-grid .wide{grid-column:auto}.social-logo{left:18px}.social-company-title{margin-left:140px}.public-social-cover{height:200px}.public-social-card{padding:70px 20px 30px}.public-social-logo{left:20px}.public-social-actions{position:static;margin-bottom:16px}.public-social-stats{gap:10px;overflow:auto}}

body { color: var(--ink); background: var(--cream); font-family: "Roboto", sans-serif; line-height: 1.6; }
h1, h2, h3, .brand { font-family: "Smooch Sans", sans-serif; }
h1, h2, h3 { font-weight: 600; line-height: 1.14; letter-spacing: .008em !important; }

.site-header { background: rgba(18,18,18,.9); border-bottom-color: rgba(212,175,55,.16); }
.brand { color: #f4f4f5; font-size: 1.48rem; letter-spacing: -.02em; }
.brand:hover, .nav-link:hover, .text-link:hover { color: var(--sage) !important; }
.brand-mark { background: linear-gradient(145deg,#f2d16b,#b78c20); color: #121212; font-family: "Smooch Sans",sans-serif; box-shadow: 0 8px 24px rgba(212,175,55,.2); }
.nav-link { color: #d4d4d8 !important; }
.navbar-toggler { border-color: var(--line); filter: invert(1); }
.btn-primary-soft, .btn-hero, .btn-auth { background: linear-gradient(135deg,#d4af37,#b88a22); color: #121212; border: 0; box-shadow: 0 14px 35px rgba(212,175,55,.18); }
.btn-primary-soft:hover, .btn-hero:hover, .btn-auth:hover { background: #f5a623; color: #121212; }
.btn-ghost, .text-link { color: var(--ink); }

.hero { background: radial-gradient(circle at 82% 18%,rgba(212,175,55,.14),transparent 32%), radial-gradient(circle at 8% 75%,rgba(245,166,35,.06),transparent 26%), #121212; }
.hero h1 em, .eyebrow, .eyebrow-light { color: var(--sage); }
.play { background: #202024; border-color: var(--line); color: var(--orange); }
.visual-glow { background: radial-gradient(circle,rgba(212,175,55,.2) 0,rgba(212,175,55,.06) 43%,transparent 70%); }
.dashboard-mock { background: #18181b; border-color: rgba(212,175,55,.22); box-shadow: 0 35px 90px rgba(0,0,0,.5); }
.mock-sidebar { background: #09090b; }
.mini-brand { background: var(--sage); color: #121212; }
.mock-nav { border-color: #52525b; }
.mock-nav.active { background: var(--sage); border-color: var(--sage); }
.mock-content { background: #151517; }
.mock-top strong, .feature-list strong { font-family: "Roboto",sans-serif; }
.mock-avatar, .mock-stats span, .floating-card { background: #202024; border-color: #343438; color: var(--ink); }
.mock-avatar { color: var(--sage); }
.mock-top small, .mock-stats small, .floating-card small { color: var(--muted); }
.secure-card > span { background: var(--sage-pale); color: var(--sage); }
.tone-one { background: linear-gradient(135deg,#9c6c4a,#3f3029); }
.tone-two { background: linear-gradient(135deg,#b99335,#54451e); }
.tone-three { background: linear-gradient(135deg,#7d5943,#2b2523); }

.section { background: #18181b; }
.steps-grid article { background: #202024; border-color: var(--line); box-shadow: 0 14px 38px rgba(0,0,0,.15); }
.step-number { color: #71717a; }
.step-icon { color: var(--sage); }
.feature-band { background: #0d0d0f; }
.feature-grid > div > p, .feature-list small { color: var(--muted); }
.feature-list > div { border-color: #343438; }
.feature-list b { color: var(--sage); }
.security-section { background: #121212; }
.security-card-main { background: #18181b; border-color: rgba(212,175,55,.2); box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.security-points span { color: var(--sage); }
.security-points span:before { background: var(--sage); color: #121212; }
.audience-section { background: #0f0f11; }
.audience-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 80px; margin-bottom: 55px; }
.audience-heading h2 { font-size: clamp(2.2rem,4vw,3.8rem); line-height: 1.08; margin: 18px 0 0; }
.audience-heading > p { color: var(--muted); line-height: 1.8; margin: 0 0 8px; }
.audience-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.audience-grid article { position: relative; min-height: 340px; padding: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg,#1d1d20,#171719); transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.audience-grid article:hover { transform: translateY(-6px); border-color: rgba(212,175,55,.45); box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.audience-grid .audience-featured { border-color: rgba(212,175,55,.35); background: radial-gradient(circle at 100% 0,rgba(212,175,55,.15),transparent 40%),linear-gradient(145deg,#22201a,#18181b); }
.audience-index { position: absolute; top: 28px; right: 30px; color: #71717a; font-size: .72rem; letter-spacing: .14em; }
.audience-symbol { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 70px; border: 1px solid rgba(212,175,55,.3); border-radius: 50%; color: var(--sage); font-size: 1.2rem; }
.audience-grid h3 { font-size: 1.65rem; margin: 0 0 12px; }
.audience-grid p { color: var(--muted); font-size: .92rem; line-height: 1.7; }
.audience-grid small { display: block; margin-top: 24px; color: var(--sage); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.cta-section { background: linear-gradient(110deg,#8d6917,#d4af37); color: #121212; }
.cta-section .eyebrow { color: #121212; }
.cta-section p { max-width: 570px; margin: 16px 0 0; color: rgba(18,18,18,.75); line-height: 1.7; }
.btn-light-cta { background: #121212; color: #f4f4f5; }
.btn-light-cta:hover { background: #27272a; color: var(--sage); }
.site-footer { background: #09090b; color: #71717a; border-top: 1px solid #27272a; }

.auth-page { background: radial-gradient(circle at 18% 25%,rgba(212,175,55,.1),transparent 28%),linear-gradient(115deg,#0d0d0f 0,#0d0d0f 50%,#121212 50%); }
.auth-intro > p, .auth-quote { color: #a1a1aa; }
.auth-card { background: #18181b; border-color: rgba(212,175,55,.2); box-shadow: 0 28px 70px rgba(0,0,0,.42); }
.form-field input { color: var(--ink); background: #202024; border-color: #3f3f46; }
.form-field input:focus { border-color: var(--sage); box-shadow: 0 0 0 4px rgba(212,175,55,.12); }
.label-row a, .auth-help a { color: var(--sage); }
.dashboard-placeholder { background: var(--sage-pale); color: var(--ink); }
.dashboard-placeholder span { color: var(--sage); }
.dashboard-premium{background:radial-gradient(circle at 85% 5%,rgba(212,175,55,.08),transparent 25%),#121212}.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.dashboard-welcome h1{margin-bottom:12px}.dashboard-welcome p{color:var(--muted);margin:0}.dashboard-user-badge{display:flex;align-items:center;gap:13px;min-width:210px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#18181b}.dashboard-user-badge>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#f2d16b,#b78c20);color:#121212;font-weight:800}.dashboard-user-badge div{display:flex;flex-direction:column}.dashboard-user-badge small{color:var(--muted);font-size:.74rem}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.dashboard-metric-grid article{position:relative;display:flex;align-items:center;gap:14px;min-height:104px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#18181b}.metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:var(--sage-pale);color:var(--sage)}.dashboard-metric-grid article>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.dashboard-metric-grid small{color:var(--muted);font-size:.7rem}.dashboard-metric-grid strong{font-size:.88rem}.metric-state{position:absolute;top:18px;right:18px;width:8px;height:8px;border-radius:50%}.metric-state.positive{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.1)}.metric-state.waiting{background:var(--orange);box-shadow:0 0 0 4px rgba(245,166,35,.1)}.notification-count{position:absolute;top:14px;right:14px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:var(--sage);color:#121212;font-size:.68rem;font-weight:800}.dashboard-content-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;margin-top:18px}.dashboard-main-card,.dashboard-side-card{padding:36px;border:1px solid var(--line);border-radius:20px;background:#18181b}.dashboard-main-card{background:radial-gradient(circle at 100% 0,rgba(212,175,55,.13),transparent 40%),#18181b}.card-kicker{color:var(--sage);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.dashboard-main-card h2{max-width:670px;margin:24px 0 14px;font-size:clamp(2rem,3.5vw,3rem);line-height:1.06}.dashboard-main-card>p{max-width:710px;color:var(--muted);line-height:1.75}.access-line{display:flex;align-items:center;gap:13px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.access-line div{display:flex;flex-direction:column}.access-line small{color:var(--muted);font-size:.72rem}.access-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.1)}.dashboard-side-card dl{margin:18px 0 0}.dashboard-side-card dl div{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.dashboard-side-card dl div:last-child{border-bottom:0}.dashboard-side-card dt{color:var(--muted);font-size:.76rem;font-weight:500}.dashboard-side-card dd{margin:0;text-align:right;font-size:.78rem;font-weight:700}.code-value{font-family:monospace;color:#d4d4d8}.gold-text{color:var(--sage)}

.projects-page{min-height:75vh;padding:90px 0 110px;background:radial-gradient(circle at 90% 0,rgba(212,175,55,.07),transparent 24%),#121212}.projects-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.projects-title-row h1{font-size:clamp(3rem,5vw,4.6rem);margin:15px 0 5px}.projects-title-row p{color:var(--muted);margin:0}.project-filters{display:flex;align-items:flex-end;gap:12px;margin:42px 0 22px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#18181b}.project-filters label{display:flex;flex-direction:column;gap:7px;min-width:210px}.project-filters label:first-child{flex:1}.project-filters label>span{color:var(--muted);font-size:.7rem;font-weight:700}.project-filters input,.project-filters select{height:45px;padding:0 13px;color:var(--ink);border:1px solid #3f3f46;border-radius:10px;background:#202024;outline:0}.project-filters input:focus,.project-filters select:focus{border-color:var(--sage)}.clear-filter{padding:12px;color:var(--sage);font-size:.8rem;font-weight:700}.project-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px;margin-top:20px}.project-date{display:flex;flex-direction:column;padding-right:20px;border-right:1px solid var(--line)}.project-date strong{font-size:2rem;font-weight:300}.project-date span{color:var(--muted);font-size:.68rem;text-transform:uppercase}.project-info{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-type{color:var(--sage);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-info h2{font-size:1.35rem;margin:5px 0 0}.project-meta{display:flex;gap:18px;color:var(--muted);font-size:.7rem}.project-meta b{color:#d4d4d8}.project-status{padding:7px 10px;border-radius:99px;background:#27272a;color:#d4d4d8;font-size:.68rem;font-weight:700;white-space:nowrap}.status-published,.status-selectioninprogress{background:rgba(212,175,55,.12);color:var(--sage)}.status-selectioncompleted,.status-delivered{background:rgba(74,222,128,.1);color:#86efac}.project-arrow{color:var(--sage)}.project-empty,.project-message{padding:70px 30px;text-align:center;border:1px dashed #3f3f46;border-radius:20px;background:#18181b}.project-empty>span{color:var(--sage);font-size:2rem}.project-empty h2{margin:18px 0 8px}.project-empty p{color:var(--muted)}.project-message.error{color:#fca5a5}.project-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px;color:var(--muted);font-size:.8rem}.project-pagination a{color:var(--sage);font-weight:700}

::selection { background: var(--sage); color: #121212; }

@media (max-width: 991px) {
    .navbar-collapse { background: rgba(18,18,18,.98); }
    .auth-page { background: #0d0d0f; }
    .audience-heading { grid-template-columns: 1fr; gap: 20px; }
    .audience-grid { grid-template-columns: 1fr; }
    .audience-grid article { min-height: auto; }
    .audience-symbol { margin-bottom: 35px; }
    .dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}
    .projects-title-row{align-items:flex-start;flex-direction:column}.project-filters{align-items:stretch;flex-direction:column}.project-filters label{min-width:0}.project-info{align-items:flex-start;flex-direction:column}.project-meta{flex-wrap:wrap}.project-status{grid-column:2}.project-arrow{display:none}
}

/* Typography rhythm: Smooch Sans for display, Roboto for readable UI text */
.hero h1 { max-width: 660px; font-size: clamp(3rem,4.65vw,5rem); line-height: 1.12; letter-spacing: .002em !important; margin: 26px 0 30px; }
.hero h1 em { display: inline; }
.hero-lead { max-width: 650px; font-size: 1.05rem; line-height: 1.85; }
.eyebrow { font-family: "Roboto", sans-serif; line-height: 1.5; letter-spacing: .14em; }
.hero-trust, .feature-list, .security-points, .audience-grid p,
.audience-grid small, .form-field, .dashboard-premium, .projects-page { font-family: "Roboto", sans-serif; }
.site-header .nav-link, .btn { font-family: "Smooch Sans", sans-serif; font-weight: 600; letter-spacing: .01em; }
.site-header .nav-link { font-size: 1.08rem; }
.btn { font-size: 1.05rem; line-height: 1.25; }
.hero-actions { margin: 38px 0; }
.hero-trust { gap: 42px; padding-top: 30px; }
.hero-trust strong { line-height: 1.45; }
.hero-trust span { margin-top: 2px; line-height: 1.45; }
.section-heading { margin-bottom: 62px; }
.section h2, .feature-band h2, .cta-section h2, .security-card-main h2,
.audience-heading h2 { line-height: 1.16; letter-spacing: .006em !important; }
.steps-grid h3, .audience-grid h3 { line-height: 1.25; }
.steps-grid p, .audience-grid p, .security-card-main p, .feature-grid > div > p { line-height: 1.8; }

@media (max-width: 600px) {
    .hero h1 { font-size: 3rem; line-height: 1.1; }
}

.projects-heading-actions{display:flex;align-items:center;gap:12px}.project-create-page{min-height:75vh;padding:70px 0 110px;background:#f7f7f5}.back-link{display:inline-block;margin-bottom:34px;color:#8b6717;font-size:.84rem;font-weight:700}.create-heading h1{font-size:clamp(3rem,5vw,4.8rem);margin:14px 0 8px;color:#b58a24}.create-heading p{max-width:650px;color:#656565;line-height:1.75}.project-create-form{display:grid;gap:18px;margin-top:42px}.form-section{padding:34px;border:1px solid #dedbd3;border-radius:20px;background:#fff}.form-section-title{display:flex;gap:18px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #e7e4dc}.form-section-title>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:#f8f1df;color:#8b6717;font-size:.72rem;font-weight:800}.form-section-title h2{margin:0 0 4px;color:#111;font-size:1.6rem}.form-section-title p{margin:0;color:#777;font-size:.82rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid .full{grid-column:1/-1}.project-create-form input,.project-create-form select,.project-create-form textarea{width:100%;padding:.9rem 1rem;color:#111;border:1px solid #cbc7bd;border-radius:10px;background:#fff;outline:0;font-family:"Roboto",sans-serif}.project-create-form input:focus,.project-create-form select:focus,.project-create-form textarea:focus{border-color:#b58a24;box-shadow:0 0 0 4px rgba(181,138,36,.1)}.form-check-premium{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #e4dfd4;border-radius:12px;background:#fbfaf7}.form-check-premium input{width:18px;height:18px;margin-top:2px;accent-color:#b58a24}.form-check-premium span{display:flex;flex-direction:column}.form-check-premium small{margin-top:3px;color:#777}.create-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}

@media(max-width:700px){.projects-heading-actions{width:100%;align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-section{padding:24px}.create-actions{align-items:stretch;flex-direction:column-reverse}.create-actions .btn{text-align:center}}

/* Authenticated administration layout */
.admin-body { margin: 0; background: #f5f5f3; overflow-x: hidden; }
.admin-layout { display: grid; grid-template-columns: 290px minmax(0, 1fr); min-height: 100vh; }
.admin-main { min-width: 0; }
.admin-topbar { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 0 36px; background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid #e2e0da; backdrop-filter: blur(16px); }
.admin-page-breadcrumb { font-family: "Smooch Sans", sans-serif !important; color: #71717a; font-size: 1.5rem !important; font-weight: 600 !important; letter-spacing: 0.02em; }
.admin-page-breadcrumb strong { font-family: "Smooch Sans", sans-serif !important; color: #111111; font-size: 1.65rem !important; font-weight: 700 !important; }
.admin-menu-button { display: none; margin-right: 13px; padding: 6px 9px; border: 1px solid #d8d5cd; border-radius: 8px; background: #fff; }
.admin-content { min-width: 0; }

@media (max-width: 900px) {
    .admin-layout { grid-template-columns: 1fr; }
    .admin-sidebar { position: fixed; left: -310px; z-index: 80; width: 290px; box-shadow: 20px 0 50px rgba(0,0,0,.2); transition: left .25s ease; }
    .admin-menu-open .admin-sidebar { left: 0; }
    .admin-menu-open:after { content: ""; position: fixed; inset: 0; z-index: 70; background: rgba(0,0,0,.35); }
    .admin-topbar { padding: 0 20px; }
    .admin-menu-button { display: block; }
}

/* Rich animated landing-page photography */
.visual-stories{padding:125px 0;background:#f7f7f5;overflow:hidden}.visual-story{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:85px}.visual-story+.visual-story{margin-top:135px}.visual-story-camera{grid-template-columns:.82fr 1.18fr}.story-image-wrap{position:relative;min-width:0}.story-image-wrap:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(181,138,36,.25);border-radius:28px;transform:rotate(-2deg)}.visual-story-camera .story-image-wrap:before{transform:rotate(2deg)}.story-image-wrap img{position:relative;display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;box-shadow:0 32px 75px rgba(0,0,0,.18);animation:image-drift 8s ease-in-out infinite}.story-copy h2{margin:17px 0 22px;color:#b58a24;font-size:clamp(2.7rem,4.4vw,4.5rem);line-height:1.08}.story-copy>p{color:#656565;font-size:1.02rem;line-height:1.85}.story-points{display:grid;gap:11px;margin-top:30px}.story-points span{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ddd8cd;color:#222;font-size:.87rem}.story-points b{color:#b58a24;font-size:.72rem}.story-float{position:absolute;z-index:2;padding:12px 15px;color:#111;border:1px solid #e4dfd3;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 14px 35px rgba(0,0,0,.13);backdrop-filter:blur(10px);font-size:.76rem;font-weight:600;animation:card-float 4s ease-in-out infinite}.story-float b{margin-left:8px;color:#9a731c}.story-float-top{top:28px;right:-25px}.story-float-bottom{bottom:30px;left:-30px;animation-delay:-1.5s}.story-float-camera{right:-24px;bottom:28px}.camera-orbit{position:absolute;top:-34px;right:-32px;width:78px;height:78px;border:1px solid rgba(181,138,36,.5);border-radius:50%;animation:orbit-spin 9s linear infinite}.camera-orbit:after{content:"";position:absolute;top:8px;left:5px;width:9px;height:9px;border-radius:50%;background:#d4af37;box-shadow:0 0 0 6px rgba(212,175,55,.14)}
@keyframes image-drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.006)}}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:991px){.visual-stories{padding:90px 0}.visual-story,.visual-story-camera{grid-template-columns:1fr;gap:45px}.visual-story-camera .story-copy{order:2}.visual-story+.visual-story{margin-top:100px}.story-float-top,.story-float-camera{right:12px}.story-float-bottom{left:12px}}
@media(max-width:600px){.visual-stories{padding:70px 0}.story-image-wrap:before,.camera-orbit{display:none}.story-float{padding:9px 11px;font-size:.68rem}.story-copy h2{font-size:2.8rem}.visual-story+.visual-story{margin-top:80px}}
@media(prefers-reduced-motion:reduce){.story-image-wrap img,.story-float,.camera-orbit{animation:none}}



@media(max-width:600px){.dashboard-metric-grid{grid-template-columns:1fr}.dashboard-user-badge{width:100%}.dashboard-main-card,.dashboard-side-card{padding:26px}}

/* Pozla black, white and gold identity */
:root {
    --ink: #111111;
    --muted: #656565;
    --cream: #ffffff;
    --paper: #ffffff;
    --sage: #b58a24;
    --sage-dark: #b58a24;
    --sage-pale: #f8f1df;
    --line: #dedbd3;
    --orange: #d4af37;
    --night: #0b0b0b;
}

body { color: #111; background: #fff; }
h1, h2, h3 { color: #b58a24; }
.site-header { 
    background: rgba(255,255,255,.96); 
    border-bottom: 1px solid #e6e2d9; 
    backdrop-filter: blur(16px);
}
.site-header .navbar {
    min-height: 82px;
}
.brand { 
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.75rem !important; 
    letter-spacing: -.01em; 
    font-weight: 700;
    color: #111 !important; 
}
.site-header .nav-link {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.38rem !important;
    font-weight: 600 !important;
    color: #111 !important;
    margin: 0 0.8rem !important;
    padding: 0.4rem 0.6rem !important;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
}
.brand:hover, .site-header .nav-link:hover, .text-link:hover { color: #b58a24 !important; }
.navbar-toggler { border-color: #d7d2c7; filter: none; }
.nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.nav-actions .btn {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    padding: 0.55rem 1.35rem !important;
    border-radius: 12px;
    letter-spacing: 0.02em;
}
.nav-actions .btn-ghost {
    color: #111 !important;
}
.nav-actions .btn-ghost:hover {
    color: #b58a24 !important;
    background: #f8f1df;
}
.btn-primary-soft, .btn-hero, .btn-auth { 
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    background: #111; 
    color: #fff; 
    box-shadow: none; 
    letter-spacing: 0.02em;
}
.btn-primary-soft:hover, .btn-hero:hover, .btn-auth:hover { background: #b58a24; color: #fff; }

.hero { background: radial-gradient(circle at 84% 20%,rgba(212,175,55,.15),transparent 31%),#fff; }
.hero h1, .hero h1 em, .eyebrow { color: #b58a24; }
.hero-lead, .hero-trust span { color: #5f5f5f; }
.hero-trust { border-color: #dedbd3; }
.play { color: #b58a24; background: #fff; border-color: #d9d4c9; }
.visual-glow { background: radial-gradient(circle,rgba(212,175,55,.2),rgba(212,175,55,.06) 45%,transparent 70%); }
.dashboard-mock { background: #fff; border-color: rgba(181,138,36,.35); box-shadow: 0 35px 80px rgba(25,20,8,.18); }
.mock-content { background: #f7f7f5; }
.mock-top { color: #111; }
.mock-top small, .mock-stats small, .floating-card small { color: #777; }
.mock-avatar, .mock-stats span, .floating-card { color: #111; background: #fff; border-color: #dedbd3; }

.section { background: #fff; }
.section h2, .security-card-main h2, .audience-heading h2 { color: #b58a24; }
.steps-grid article { background: #fff; border-color: #dedbd3; box-shadow: 0 14px 35px rgba(0,0,0,.05); }
.steps-grid h3, .audience-grid h3 { color: #111; }
.steps-grid p, .security-card-main p { color: #656565; }
.step-icon, .security-points span { background: #f8f1df; color: #9a731c; }
.security-section { background: #f7f7f5; }
.security-card-main { background: #fff; border-color: #dedbd3; box-shadow: 0 25px 60px rgba(0,0,0,.06); }

.feature-band { background: #0b0b0b; }
.feature-band h2 { color: #d4af37; }
.feature-band .eyebrow { color: #d4af37; }
.feature-grid > div > p, .feature-list small { color: #b8b8b8; }
.feature-list > div { border-color: #333; }

.audience-section { background: #fff; }
.audience-heading > p { color: #656565; }
.audience-grid article { color: #111; background: #fff; border-color: #dedbd3; box-shadow: 0 12px 35px rgba(0,0,0,.045); }
.audience-grid .audience-featured { background: radial-gradient(circle at 100% 0,rgba(212,175,55,.17),transparent 42%),#fff; border-color: rgba(181,138,36,.45); }
.audience-grid p { color: #656565; }
.audience-symbol { background: #fff; }

.cta-section { color: #fff; background: #0b0b0b; }
.cta-section h2, .cta-section .eyebrow { color: #d4af37; }
.cta-section p { color: #c5c5c5; }
.btn-light-cta { color: #111; background: #d4af37; }
.btn-light-cta:hover { color: #fff; background: #b58a24; }
.site-footer { color: #8d8d8d; background: #050505; }
.brand-light { color: #fff !important; }

.auth-page { background: linear-gradient(115deg,#0b0b0b 0,#0b0b0b 50%,#f7f7f5 50%); }
.auth-intro h1 { color: #d4af37; }
.auth-card { color: #111; background: #fff; border-color: #dedbd3; box-shadow: 0 28px 70px rgba(0,0,0,.14); }
.auth-card h2 { color: #b58a24; }
.form-field input { color: #111; background: #fff; border-color: #cbc7bd; }

.dashboard-premium, .projects-page { color: #111; background: #f7f7f5; }
.dashboard-welcome h1, .projects-title-row h1 { color: #b58a24; }
.dashboard-user-badge, .dashboard-metric-grid article, .dashboard-main-card, .dashboard-side-card,
.project-total, .project-filters, .project-list article, .project-empty, .project-message { background: #fff; border-color: #dedbd3; color: #111; }
.dashboard-main-card { background: radial-gradient(circle at 100% 0,rgba(212,175,55,.12),transparent 40%),#fff; }
.project-filters input, .project-filters select { color: #111; background: #fff; border-color: #cbc7bd; }
.project-info h2 { color: #111; }
.project-meta b, .code-value { color: #222; }
.project-status { color: #333; background: #efefed; }
.status-published, .status-selectioninprogress { color: #8b6717; background: #f8f1df; }

@media (max-width: 991px) {
    .navbar-collapse { background: rgba(255,255,255,.99); }
    .auth-page { background: #f7f7f5; }
    .auth-intro { color: #111; }
    .auth-intro > p, .auth-quote { color: #656565; }
}

/* ==========================================================================
   MODERN DYNAMIC HOMEPAGE & SLIDER ENHANCEMENTS
   ========================================================================== */

/* Eyebrow Pill & Glows */
.eyebrow-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 99px;
    background: #f8f1df;
    border: 1px solid rgba(212, 175, 55, 0.28);
    color: #8b6717;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);
}
.eyebrow-pill.eyebrow-dark {
    background: rgba(212, 175, 55, 0.12);
    border-color: rgba(212, 175, 55, 0.3);
    color: #d4af37;
}
.pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
    animation: dotPulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
@keyframes dotPulse {
    0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }
    70% { box-shadow: 0 0 0 8px rgba(212, 175, 55, 0); }
    100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

/* Hero Background and Ornaments */
.hero-bg-glow {
    position: absolute;
    top: -15%;
    right: -10%;
    width: 650px;
    height: 650px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.14) 0%, rgba(212, 175, 55, 0.03) 50%, transparent 70%);
    filter: blur(40px);
    pointer-events: none;
    z-index: 0;
}
.hero-grid-pattern {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(181, 138, 36, 0.12) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.5;
    pointer-events: none;
    z-index: 0;
}
.hero-grid {
    position: relative;
    z-index: 2;
}

/* Modern Hero Buttons */
.btn-hero-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #111;
    color: #fff !important;
    padding: 1rem 1.7rem;
    border-radius: 14px;
    font-size: 1.15rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.btn-hero-primary span {
    white-space: nowrap !important;
    margin-left: 0 !important;
}
.btn-hero-primary:hover {
    background: #b58a24;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(181, 138, 36, 0.35);
}
.btn-hero-primary svg {
    transition: transform 0.25s ease;
    flex-shrink: 0;
}
.btn-hero-primary:hover svg {
    transform: translateX(4px);
}
.btn-hero-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #111;
    color: #fff !important;
    padding: 0.85rem 1.4rem;
    border-radius: 12px;
    font-size: 1.08rem;
    transition: all 0.25s ease;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.btn-hero-secondary span {
    white-space: nowrap !important;
    margin-left: 0 !important;
}
.btn-hero-secondary:hover {
    background: #b58a24;
    transform: translateY(-2px);
}
.hero-video-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #111 !important;
}
.play-btn {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f8f1df;
    color: #8b6717;
    border: 1px solid rgba(181, 138, 36, 0.3);
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.15);
    transition: all 0.25s ease;
}
.hero-video-link:hover .play-btn {
    background: #b58a24;
    color: #fff;
    transform: scale(1.08);
}

/* Trust Badges */
.hero-trust-badges {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid #dedbd3;
}
.trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.trust-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f8f1df;
    color: #8b6717;
    flex-shrink: 0;
}
.trust-item strong {
    display: block;
    font-size: 0.92rem;
    color: #111;
    line-height: 1.2;
}
.trust-item span {
    font-size: 0.74rem;
    color: #777;
}
.trust-divider {
    width: 1px;
    height: 34px;
    background: #dedbd3;
}

/* ==========================================================================
   DYNAMIC BANNER SLIDER
   ========================================================================== */
.hero-slider {
    position: relative;
    width: 100%;
    min-height: 520px;
}
.slider-ambient-glow {
    position: absolute;
    inset: 10% 5%;
    border-radius: 30px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.22) 0%, transparent 70%);
    filter: blur(35px);
    z-index: 1;
    pointer-events: none;
}
.hero-slides-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 480px;
    border-radius: 26px;
    overflow: hidden;
    background: #0b0b0b;
    border: 1px solid rgba(181, 138, 36, 0.35);
    box-shadow: 0 35px 85px rgba(25, 20, 8, 0.22);
}
.hero-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.06) translateX(15px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.85s;
    z-index: 1;
}
.hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateX(0);
    z-index: 2;
}
.hero-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-slide.active img {
    transform: scale(1.05);
}
.slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.25) 45%, rgba(11,11,11,0.85) 100%);
    z-index: 2;
}
.hero-slide figcaption {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 24px;
    z-index: 3;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 480px;
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    pointer-events: none;
}
.hero-slide.active figcaption {
    transform: translateY(0);
    opacity: 1;
}
.slide-tag {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: fit-content !important;
    padding: 4px 12px !important;
    border-radius: 99px !important;
    background: rgba(212, 175, 55, 0.25) !important;
    border: 1px solid rgba(212, 175, 55, 0.6) !important;
    color: #f2d16b !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
    margin-bottom: 8px !important;
    backdrop-filter: blur(8px);
}
.hero-slide figcaption h3 {
    color: #ffffff !important;
    font-size: clamp(1.8rem, 3.2vw, 2.3rem) !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    margin: 0 0 6px 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}
.hero-slide figcaption p {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: 420px !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}

/* Slider Controls Bar */
.hero-slider-bar {
    position: absolute !important;
    right: 20px !important;
    bottom: -24px !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 0 18px !important;
    height: 52px !important;
    border-radius: 99px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1.5px solid rgba(212, 175, 55, 0.35) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
}

.slider-counter {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1 !important;
    user-select: none !important;
}

.current-slide {
    color: #b58a24 !important;
    font-size: 1.5rem !important;
}

.counter-slash {
    color: #a1a1aa !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    margin: 0 2px !important;
}

.total-slides {
    color: #71717a !important;
    font-size: 1.35rem !important;
}

/* Slider Arrows */
.slider-arrows {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 12px !important;
    border-left: 1.5px solid #eedec4 !important;
    height: 28px !important;
}

.slider-arrow {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    border-radius: 50% !important;
    border: 1.5px solid #d4d0c7 !important;
    background: #ffffff !important;
    color: #111111 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.slider-arrow svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    flex-shrink: 0 !important;
    margin: 0 auto !important;
}

.slider-arrow.prev-slide svg {
    transform: translateX(-0.5px) !important;
}

.slider-arrow.next-slide svg {
    transform: translateX(0.5px) !important;
}

.slider-arrow:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    border-color: #b58a24 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.25) !important;
}

/* Slider Progress Bar */
.hero-slider-progress {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 22px;
    z-index: 5;
    height: 2px;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 2px;
    overflow: hidden;
}
.progress-bar-fill {
    display: block;
    width: 100%;
    height: 100%;
    background: #d4af37;
    transform: scaleX(0);
    transform-origin: left;
}
.hero-slider.progress-running .progress-bar-fill {
    animation: sliderLinearProgress 5.5s linear forwards;
}
@keyframes sliderLinearProgress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* Floating Glass Badges */
.floating-badge {
    position: absolute;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(181, 138, 36, 0.28);
    box-shadow: 0 16px 40px rgba(25, 20, 8, 0.16);
    color: #111;
    animation: badgeGentleFloat 5s ease-in-out infinite;
}
.badge-top-right {
    top: -16px;
    right: 18px;
}
.badge-bottom-left {
    bottom: -22px;
    left: 18px;
    animation-delay: -2.5s;
}
.badge-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f8f1df;
    color: #8b6717;
    flex-shrink: 0;
}
.badge-icon.gold-glow {
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35);
}
.floating-badge b {
    display: block;
    font-size: 0.84rem;
    color: #111;
    line-height: 1.2;
}
.floating-badge small {
    font-size: 0.7rem;
    color: #777;
}
.status-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);
}
@keyframes badgeGentleFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* Orbitals */
.hero-orbit {
    position: absolute;
    z-index: 0;
    border: 1px solid rgba(181, 138, 36, 0.25);
    border-radius: 50%;
    animation: orbitSpin 16s linear infinite;
    pointer-events: none;
    opacity: 0.4;
}
.hero-orbit:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.6);
}
.hero-orbit-one {
    top: -24px;
    right: -30px;
    width: 120px;
    height: 120px;
}
.hero-orbit-one:after {
    top: 14px;
    left: 14px;
}
.hero-orbit-two {
    bottom: -20px;
    left: -20px;
    width: 80px;
    height: 80px;
    animation-direction: reverse;
}
.hero-orbit-two:after {
    right: 6px;
    bottom: 10px;
}
@keyframes orbitSpin {
    to { transform: rotate(360deg); }
}

/* ==========================================================================
   WORKFLOW STEPS (HOW IT WORKS)
   ========================================================================== */
.section-workflow {
    padding: 110px 0;
    background: #ffffff;
}
.section-header {
    max-width: 680px;
    margin: 0 auto 65px;
}
.section-header h2 {
    font-size: clamp(2.4rem, 4.2vw, 3.8rem);
    line-height: 1.1;
    margin: 14px 0 16px;
}
.section-subtext {
    color: #656565;
    font-size: 1.05rem;
    line-height: 1.7;
}
.steps-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 16px;
}
.step-card {
    position: relative;
    padding: 36px 30px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.04);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.step-card:hover {
    transform: translateY(-6px);
    border-color: rgba(181, 138, 36, 0.5);
    box-shadow: 0 22px 50px rgba(181, 138, 36, 0.12);
}
.step-card.active-step {
    border-color: rgba(181, 138, 36, 0.45);
    background: radial-gradient(circle at 100% 0%, rgba(212, 175, 55, 0.08), transparent 50%), #ffffff;
}
.step-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.step-num {
    font-size: 1.4rem;
    font-weight: 800;
    color: #b58a24;
    font-family: "Smooch Sans", sans-serif;
    letter-spacing: 0.04em;
}
.step-icon-box {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #f8f1df;
    color: #8b6717;
}
.step-icon-box.gold-icon {
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.28);
}
.step-card h3 {
    font-size: 1.45rem;
    color: #111;
    margin: 0 0 12px;
}
.step-card p {
    color: #656565;
    font-size: 0.92rem;
    line-height: 1.7;
    margin-bottom: 18px;
}
.step-highlights {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #f0ede6;
    padding-top: 14px;
}
.step-highlights li {
    font-size: 0.78rem;
    color: #444;
    display: flex;
    align-items: center;
    gap: 6px;
}
.step-highlights li span {
    color: #b58a24;
    font-size: 0.85rem;
}
.step-connector {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 32px;
}
.connector-line {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #dedbd3, #b58a24, #dedbd3);
}
.connector-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b58a24;
}

/* ==========================================================================
   INTERACTIVE SELECTION SIMULATOR
   ========================================================================== */
.section-simulator {
    padding: 100px 0;
    background: #fbfbf9;
}
.bg-light-pattern {
    background-color: #f7f7f5;
    background-image: radial-gradient(#e5e2da 1px, transparent 1px);
    background-size: 24px 24px;
}
.simulator-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: center;
    padding: 48px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.05);
}
.simulator-sidebar h2 {
    font-size: clamp(2.1rem, 3.6vw, 3.2rem);
    margin: 12px 0 16px;
    line-height: 1.12;
}
.simulator-sidebar p {
    color: #656565;
    font-size: 1rem;
    line-height: 1.75;
}
.simulator-stats-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 28px 0;
    padding: 18px;
    background: #f8f8f6;
    border: 1px solid #e7e4dc;
    border-radius: 16px;
}
.sim-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sim-stat-number {
    font-size: 1.8rem;
    font-weight: 800;
    color: #b58a24;
    font-family: "Smooch Sans", sans-serif;
    line-height: 1;
}
.sim-stat-label {
    font-size: 0.72rem;
    color: #777;
    margin-top: 4px;
}
.simulator-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.sim-feat-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.86rem;
    color: #333;
}
.sim-feat-icon {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f8f1df;
    color: #8b6717;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
}

/* Gallery Window Mockup */
.sim-gallery-window {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #dcd7cb;
    box-shadow: 0 25px 65px rgba(25, 20, 8, 0.12);
    overflow: hidden;
}
.sim-gallery-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: #f6f5f1;
    border-bottom: 1px solid #e3decfa0;
}
.window-dots {
    display: flex;
    gap: 6px;
}
.window-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.window-dots span:nth-child(1) { background: #ff5f56; }
.window-dots span:nth-child(2) { background: #ffbd2e; }
.window-dots span:nth-child(3) { background: #27c93f; }
.gallery-title-chip {
    font-size: 0.78rem;
    font-weight: 700;
    color: #111;
}
.gallery-cart-status {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    border-radius: 99px;
    font-size: 0.76rem;
    font-weight: 700;
}
.cart-heart {
    color: #e11d48;
}
.cart-counter {
    color: #b58a24;
}

/* Simulator Photos Grid */
.sim-photos-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 18px;
    background: #fafaf8;
}
.sim-photo-card {
    position: relative;
    aspect-ratio: 4/3;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.sim-photo-card:hover {
    transform: scale(1.02);
    border-color: rgba(181, 138, 36, 0.5);
}
.sim-photo-card.selected {
    border-color: #b58a24;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.28);
}
.sim-photo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sim-heart-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 0 !important;
    color: #cbd5e1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 4 !important;
}

.sim-heart-btn svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    flex-shrink: 0 !important;
    margin: 0 auto !important;
    transform: translateY(1px) !important;
    transition: transform 0.2s ease !important;
}

.sim-photo-card.selected .sim-heart-btn {
    color: #e11d48 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35) !important;
    transform: scale(1.04) !important;
}

.sim-photo-card.selected .sim-heart-btn svg {
    transform: translateY(1px) scale(1.08) !important;
}
.sim-photo-tag {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 2px 7px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 0.64rem;
    font-family: monospace;
    border-radius: 4px;
}
.sim-selected-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 8px;
    background: #b58a24;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 700;
    border-radius: 6px;
    display: none;
}
.sim-photo-card.selected .sim-selected-badge {
    display: block;
}
.sim-note-indicator {
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 2px 8px;
    background: rgba(255, 255, 255, 0.95);
    color: #111;
    font-size: 0.65rem;
    font-weight: 700;
    border-radius: 6px;
    border: 1px solid #d4af37;
}
.sim-gallery-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: #ffffff;
    border-top: 1px solid #dedbd3;
}
.sim-hint {
    font-size: 0.76rem;
    color: #777;
}
.btn-sim-action {
    background: #111;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.45rem 0.9rem;
    border-radius: 8px;
    border: 0;
}
.btn-sim-action:hover {
    background: #b58a24;
    color: #fff;
}

/* ==========================================================================
   DARK MODERN FEATURES GRID
   ========================================================================== */
.feature-header-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: end;
    margin-bottom: 60px;
}
.feature-lead-text {
    color: #b8b8b8;
    font-size: 1.05rem;
    line-height: 1.8;
}
.features-grid-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.feature-card {
    position: relative;
    padding: 34px;
    border-radius: 22px;
    background: linear-gradient(145deg, #18181b, #121214);
    border: 1px solid #28282b;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.35);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.feature-card:hover {
    transform: translateY(-6px);
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 20px rgba(212, 175, 55, 0.1);
}
.feat-icon-wrap {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(212, 175, 55, 0.12);
    color: #d4af37;
    margin-bottom: 24px;
}
.feat-icon-wrap.gold-wrap {
    background: linear-gradient(135deg, #d4af37, #96741d);
    color: #111;
}
.feature-card h3 {
    color: #ffffff;
    font-size: 1.35rem;
    margin: 0 0 10px;
}
.feature-card p {
    color: #a1a1aa;
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 20px;
}
.feat-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.06);
    color: #d4af37;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

/* ==========================================================================
   VISUAL STORYTELLING ENHANCEMENTS
   ========================================================================== */
.story-frame-decor {
    position: absolute;
    inset: -14px;
    border: 1px solid rgba(181, 138, 36, 0.35);
    border-radius: 28px;
    transform: rotate(-1.5deg);
    pointer-events: none;
}
.visual-story-camera .story-frame-decor {
    transform: rotate(1.5deg);
}
.story-pills {
    display: grid;
    gap: 12px;
    margin-top: 28px;
}
.story-pill {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e5e2da;
}
.story-pill strong {
    font-size: 0.95rem;
    color: #b58a24;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
}
.story-pill span {
    font-size: 0.88rem;
    color: #222;
}
.float-check {
    color: #10b981;
    font-weight: 800;
    margin-right: 4px;
}
.float-pulse {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d4af37;
    margin-right: 6px;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}

/* ==========================================================================
   SECURITY SECTION
   ========================================================================== */
.security-badges-row {
    display: flex;
    gap: 10px;
    margin-top: 28px;
    flex-wrap: wrap;
}
.sec-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 99px;
    background: #f8f1df;
    border: 1px solid rgba(181, 138, 36, 0.3);
    color: #8b6717;
    font-size: 0.74rem;
    font-weight: 700;
}
.security-points-list {
    display: grid;
    gap: 14px;
}
.sec-point-item {
    display: flex;
    gap: 16px;
    padding: 18px 22px;
    border-radius: 16px;
    background: #fbfbf9;
    border: 1px solid #e7e4dc;
}
.sec-icon {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #b58a24;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    flex-shrink: 0;
}
.sec-point-item strong {
    display: block;
    font-size: 0.95rem;
    color: #111;
    margin-bottom: 3px;
}
.sec-point-item span {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
}

/* ==========================================================================
   AUDIENCE SECTION
   ========================================================================== */
.audience-card {
    position: relative;
    padding: 36px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}
.audience-card:hover {
    transform: translateY(-6px);
    border-color: rgba(181, 138, 36, 0.5);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.08);
}
.audience-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}
.audience-symbol {
    font-size: 1.6rem;
}
.featured-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 3px 10px;
    border-radius: 99px;
    background: #b58a24;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.audience-featured {
    border-color: rgba(181, 138, 36, 0.45);
    background: radial-gradient(circle at 100% 0%, rgba(212, 175, 55, 0.12), transparent 45%), #ffffff;
}
.audience-footer-tag {
    margin-top: 24px;
    padding-top: 14px;
    border-top: 1px solid #f0ede6;
    color: #b58a24;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* ==========================================================================
   FAQ SECTION (ACCORDION)
   ========================================================================== */
.section-faq {
    padding: 100px 0;
}
.faq-accordion-list {
    max-width: 800px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
}
.faq-item {
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.faq-item:hover {
    border-color: rgba(181, 138, 36, 0.4);
}
.faq-item.active {
    border-color: #b58a24;
    box-shadow: 0 10px 30px rgba(181, 138, 36, 0.1);
}
.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 26px;
    border: 0;
    background: transparent;
    text-align: left;
    font-size: 1.05rem;
    font-weight: 700;
    color: #111;
    cursor: pointer;
}
.faq-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f8f1df;
    color: #8b6717;
    font-size: 1.1rem;
    font-weight: 700;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq-item.active .faq-icon {
    transform: rotate(45deg);
    background: #b58a24;
    color: #fff;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq-answer p {
    padding: 0 26px 22px;
    margin: 0;
    color: #656565;
    font-size: 0.92rem;
    line-height: 1.75;
}

/* ==========================================================================
   CALL TO ACTION (CTA)
   ========================================================================== */
.cta-section {
    position: relative;
    padding: 100px 0;
    background: #0b0b0b;
    color: #fff;
    overflow: hidden;
}
.cta-glow-orb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 400px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.18) 0%, transparent 65%);
    filter: blur(50px);
    pointer-events: none;
}
.cta-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.cta-text h2 {
    color: #d4af37;
    font-size: clamp(2.4rem, 4.4vw, 4.2rem);
    margin: 12px 0 16px;
    line-height: 1.08;
}
.cta-text p {
    color: #c5c5c5;
    font-size: 1.05rem;
    line-height: 1.75;
    max-width: 580px;
    margin: 0;
}
.btn-light-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111 !important;
    padding: 1.1rem 2rem;
    border-radius: 14px;
    font-size: 1.18rem;
    font-weight: 700;
    box-shadow: 0 14px 40px rgba(212, 175, 55, 0.3);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-light-cta:hover {
    background: #f5a623;
    color: #111 !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 20px 50px rgba(245, 166, 35, 0.45);
}

/* ==========================================================================
   SCROLL REVEAL MICRO-ANIMATIONS (Fail-Safe & Accessible)
   ========================================================================== */
.reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.hero .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
}
html.has-scroll-observer .reveal-on-scroll:not(.hero .reveal-on-scroll) {
    opacity: 0;
    transform: translateY(24px);
}
html.has-scroll-observer .reveal-on-scroll.is-revealed,
.reveal-on-scroll.is-revealed {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */
@media (max-width: 991px) {
    .steps-flow {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .step-connector {
        display: none;
    }
    .simulator-wrapper {
        grid-template-columns: 1fr;
        padding: 30px;
    }
    .feature-header-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .features-grid-cards {
        grid-template-columns: 1fr;
    }
    .hero-slider-bar {
        right: 18px;
        bottom: -15px;
    }
    .floating-badge {
        padding: 9px 13px;
        font-size: 0.78rem;
    }
    .badge-top-right {
        right: 10px;
        top: 15px;
    }
    .badge-bottom-left {
        left: 10px;
        bottom: 25px;
    }
    .cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .hero-slides-wrapper {
        height: 380px;
    }
    .hero-slide figcaption h3 {
        font-size: 1.6rem;
    }
    .hero-trust-badges {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .trust-divider {
        display: none;
    }
    .hero-orbit {
        display: none;
    }
    .simulator-stats-box {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .sim-photos-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .hero-slide {
        transition: none !important;
        transform: none !important;
    }
    .hero-orbit, .pulse-dot, .floating-badge {
        animation: none !important;
    }
}

/* ==========================================================================
   PREMIUM STUDIO DASHBOARD & PANEL STYLES
   ========================================================================== */

/* Admin Layout & Sidebar Enhancement */
.admin-body {
    background: #f4f4f2;
    color: #111111;
}
.admin-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    max-height: 100vh;
    background: #09090b;
    border-right: 1px solid #1f1f23;
    padding: 22px 16px 18px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}
.admin-sidebar-header {
    padding: 0 6px 18px;
    border-bottom: 1px solid #1f1f23;
    flex-shrink: 0;
}
.admin-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 10px !important;
    text-decoration: none !important;
}
.admin-brand .brand-mark {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #f2d16b, #b78c20) !important;
    color: #111111 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.4rem !important;
    line-height: 1 !important;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.3) !important;
    flex-shrink: 0 !important;
}
.admin-brand .brand-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.95rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
}
.admin-brand .brand-sub {
    font-size: 0.70rem !important;
    color: #f2d16b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    font-weight: 800 !important;
    background: rgba(212, 175, 55, 0.16) !important;
    border: 1px solid rgba(212, 175, 55, 0.38) !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.sidebar-quick-action {
    padding: 18px 4px 14px;
    border-bottom: 1px solid #1a1a1e;
    margin-bottom: 6px;
    flex-shrink: 0;
}
.btn-sidebar-create {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25);
    text-decoration: none;
    transition: all 0.25s ease;
}
.btn-sidebar-create:hover {
    background: #f5a623;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(245, 166, 35, 0.35);
}
.admin-nav {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 12px;
    padding-bottom: 12px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}
.admin-nav::-webkit-scrollbar {
    width: 4px;
}
.admin-nav::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 4px;
}
.admin-nav-label {
    padding: 14px 12px 6px;
    color: #71717a;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.admin-nav-secondary {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.admin-nav-link, .admin-nav-disabled {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em;
    white-space: nowrap !important;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 11px;
    color: #d4d4d8;
    text-decoration: none;
    transition: all 0.2s ease;
}
.admin-nav-link span, .admin-nav-disabled span {
    white-space: nowrap !important;
}
.nav-svg {
    display: grid;
    place-items: center;
    width: 21px;
    color: #d4af37;
    flex-shrink: 0;
}
.admin-nav-link:hover {
    color: #ffffff;
    background: #18181b;
}
.admin-nav-link.active {
    color: #111111;
    background: linear-gradient(135deg, #f2d16b, #d4af37);
    font-weight: 700 !important;
    box-shadow: none !important;
}
.admin-nav-link.active .nav-svg {
    color: #111111;
}
.active-indicator {
    display: none;
    position: absolute;
    right: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #111111;
}
.admin-nav-link.active .active-indicator {
    display: block;
}
.admin-nav-disabled {
    color: #52525b;
    cursor: default;
}
.admin-nav-disabled .nav-svg {
    color: #52525b;
}
.soon-tag {
    margin-left: auto;
    font-family: "Roboto", sans-serif !important;
    font-size: 0.72rem;
    color: #71717a;
    background: #18181b;
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid #27272a;
}
.sidebar-info-badge-item {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 10px;
    color: #a1a1aa;
}
.sidebar-info-badge-item span {
    white-space: nowrap !important;
}
.status-badge-inline {
    margin-left: auto;
    font-size: 0.72rem;
    color: #22c55e;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    padding: 2px 7px;
    border-radius: 6px;
    font-weight: 700;
}
.admin-sidebar-bottom {
    position: sticky;
    bottom: 0;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #1f1f23;
    background: #09090b;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10;
}
.sidebar-user-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #131316;
    border: 1px solid #222226;
}
.sidebar-user-avatar {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.sidebar-user-details {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.sidebar-user-details strong {
    font-family: "Roboto", sans-serif !important;
    color: #ffffff;
    font-size: 0.96rem !important;
    font-weight: 600 !important;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-user-details small {
    font-family: "Roboto", sans-serif !important;
    color: #d4af37;
    font-size: 0.78rem;
    font-weight: 500;
}
.sidebar-bottom-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.sidebar-site-link, .sidebar-logout-btn {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 9px;
    color: #d4d4d8;
    background: #18181b;
    border: 1px solid #27272a;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
}
.sidebar-site-link:hover, .sidebar-logout-btn:hover {
    color: #d4af37;
    border-color: rgba(212, 175, 55, 0.4);
    background: #202024;
}
.sidebar-logout-form {
    margin: 0;
}

/* Firma menüsü: sosyal özellikler ayrı ve okunaklı bir alt menü grubu. */
.social-nav-label {
    margin-top: 16px !important;
    color: #d4af37 !important;
}
.social-nav-group {
    position: relative;
    display: grid;
    gap: 3px;
    margin: 2px 0 4px 9px;
    padding-left: 12px;
}
.social-nav-group::before {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0;
    width: 1px;
    background: linear-gradient(180deg,rgba(212,175,55,.65),rgba(212,175,55,.08));
}
.admin-nav-link.social-sub-link {
    min-height: 38px;
    padding: 8px 10px !important;
    border-radius: 9px;
    font-size: .82rem !important;
}
.admin-nav-link.social-sub-link .nav-svg {
    width: 20px;
    min-width: 20px;
    color: #aaa6ad;
    font-size: .82rem;
}
.admin-nav-link.social-sub-link.active .nav-svg,
.admin-nav-link.social-sub-link:hover .nav-svg {
    color: #d4af37;
}

/* Panel form aksiyonları — tüm sayfalarda ortak Pozla buton standardı. */
.admin-body .admin-main form button:not([type="button"]),
.admin-body .admin-main form input[type="submit"] {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 9px 18px !important;
    border: 1px solid #18181b !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    background: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    box-shadow: 0 6px 15px rgba(24,24,27,.13) !important;
    cursor: pointer !important;
    transition: transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.admin-body .admin-main form button:not([type="button"]):hover,
.admin-body .admin-main form button:not([type="button"]):focus-visible,
.admin-body .admin-main form input[type="submit"]:hover,
.admin-body .admin-main form input[type="submit"]:focus-visible {
    color: #ffffff !important;
    border-color: #2f2f34 !important;
    background: #2f2f34 !important;
    box-shadow: 0 9px 20px rgba(24,24,27,.18) !important;
    transform: translateY(-1px) !important;
}
.admin-body .admin-main form button:not([type="button"]):active,
.admin-body .admin-main form input[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 3px 8px rgba(24,24,27,.14) !important;
}
.admin-body .admin-main form button:not([type="button"]):disabled,
.admin-body .admin-main form input[type="submit"]:disabled {
    opacity: .48 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Topbar */
.admin-topbar {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: 0 36px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid #e5e2da;
}
.admin-topbar-left {
    display: flex;
    align-items: center;
}
.admin-page-breadcrumb {
    color: #71717a;
    font-size: 0.88rem;
}
.admin-page-breadcrumb strong {
    color: #111111;
    font-weight: 700;
}
.admin-topbar-right {
    display: flex;
    align-items: center;
    gap: 20px;
}
.topbar-status-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 99px;
    background: #f8f8f6;
    border: 1px solid #dedbd3;
    font-size: 0.74rem;
    font-weight: 600;
    color: #3f3f46;
}
.status-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}
.admin-profile-wrap {
    position: relative;
}
.admin-profile-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 12px 5px 6px;
    border-radius: 99px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    cursor: pointer;
    text-align: left;
    transition: all 0.18s ease;
}
.admin-profile-pill:hover {
    border-color: #d4af37;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.15);
    transform: translateY(-1px);
}
.admin-profile-wrap:has(.admin-profile-menu:not([hidden])) .admin-profile-pill,
.admin-profile-pill:focus-visible {
    border-color: #d4af37;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}
.admin-avatar {
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111;
    font-weight: 800;
    font-size: 0.88rem;
    flex-shrink: 0;
}
.admin-avatar img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin-profile-info {
    display: flex;
    flex-direction: column;
    max-width: 160px;
}
.admin-profile-info strong {
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.admin-profile-info small {
    font-size: 0.72rem;
    color: #71717a;
    line-height: 1.2;
}
.admin-profile-arrow {
    display: grid;
    place-items: center;
    color: #71717a;
    transition: transform 0.18s ease, color 0.18s ease;
    margin-left: 2px;
}
.admin-profile-wrap:has(.admin-profile-menu:not([hidden])) .admin-profile-arrow {
    transform: rotate(180deg);
    color: #d4af37;
}
.admin-profile-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: max-content;
    min-width: 240px;
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.32);
    border-radius: 16px;
    padding: 8px;
    box-shadow: 0 18px 45px rgba(24, 24, 27, 0.14);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.admin-profile-menu[hidden] {
    display: none !important;
}
.admin-profile-menu-header {
    padding: 8px 12px 6px;
    text-align: left;
}
.admin-profile-menu-header strong {
    display: block;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem;
    font-weight: 700;
    color: #18181b;
    line-height: 1.15;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.admin-profile-menu-header small {
    display: block;
    margin-top: 1px;
    font-family: "Roboto", sans-serif;
    color: #71717a;
    font-size: 0.78rem;
    text-align: left;
}
.admin-profile-menu-divider {
    height: 1px;
    background: #ebe7de;
    margin: 4px 6px;
}
.admin-profile-menu-item,
.admin-profile-menu-item span:not(.profile-menu-icon) {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    text-align: left !important;
}
.admin-profile-menu-item {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 6px 12px !important;
    min-height: 44px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    color: #18181b !important;
    background: transparent !important;
    width: 100% !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    transition: background-color 0.18s ease, transform 0.18s ease, color 0.18s ease !important;
}
.admin-profile-menu-item:hover {
    background: #fff7dc !important;
    color: #18181b !important;
    transform: translateX(3px) !important;
    box-shadow: none !important;
}
.profile-menu-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.14);
    color: #b58a24;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.profile-menu-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    display: block;
}
.admin-profile-menu-item:hover .profile-menu-icon {
    background: #d4af37;
    color: #18181b;
    transform: scale(1.05);
}
.admin-profile-logout-form {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
}
.admin-profile-menu-item.logout-item {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 44px !important;
    padding: 6px 12px !important;
    border-radius: 11px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border: 1px solid #18181b !important;
    box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15) !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    width: 100% !important;
    text-align: left !important;
}
.admin-profile-menu-item.logout-item:hover {
    background: #27272a !important;
    border-color: #27272a !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.22) !important;
}
.admin-profile-menu-item.logout-item .profile-menu-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    background: transparent !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.admin-profile-menu-item.logout-item .profile-menu-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
    display: block !important;
}
.admin-profile-menu-item.logout-item:hover .profile-menu-icon {
    background: transparent !important;
    color: #ffffff !important;
    transform: scale(1.08);
}
.admin-profile-menu-item.logout-item:hover .profile-menu-icon svg {
    stroke: #ffffff !important;
}

/* Dashboard Shell & Containers */
.dashboard-premium-shell {
    padding: 36px 36px 80px;
}
.dashboard-inner-container {
    max-width: 1360px;
    padding: 0;
}
.dashboard-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: 14px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
    margin-bottom: 24px;
    font-weight: 600;
}

/* 1. HERO BANNER */
.dashboard-hero-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 42px 45px;
    border-radius: 26px;
    background: linear-gradient(135deg, #111113, #18181b);
    border: 1px solid #27272a;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    margin-bottom: 28px;
}
.banner-gold-glow {
    position: absolute;
    top: -30%;
    right: -10%;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.18) 0%, transparent 65%);
    filter: blur(40px);
    pointer-events: none;
}
.banner-content {
    position: relative;
    z-index: 2;
    max-width: 680px;
}
.banner-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: 99px;
    background: rgba(212, 175, 55, 0.14);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.banner-content h1 {
    color: #ffffff;
    font-size: clamp(2.4rem, 3.8vw, 3.4rem);
    line-height: 1.1;
    margin: 0 0 12px;
}
.banner-content p {
    color: #a1a1aa;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 26px;
}
.banner-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.btn-panel-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111 !important;
    padding: 0.8rem 1.4rem;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.3);
    transition: all 0.25s ease;
}
.btn-panel-primary:hover {
    background: #f5a623;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(245, 166, 35, 0.4);
}
.btn-panel-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #27272a;
    color: #f4f4f5 !important;
    border: 1px solid #3f3f46;
    padding: 0.8rem 1.4rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.25s ease;
}
.btn-panel-secondary:hover {
    background: #3f3f46;
    color: #d4af37 !important;
    transform: translateY(-2px);
}

/* Studio Badge on Banner */
.banner-studio-badge {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 28px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.3);
    min-width: 260px;
}
.studio-avatar-ring {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.2);
    flex-shrink: 0;
}
.studio-initial {
    color: #111111;
    font-size: 1.4rem;
    font-weight: 800;
    font-family: "Smooch Sans", sans-serif;
}
.studio-badge-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.studio-badge-details strong {
    color: #ffffff;
    font-size: 1.05rem;
}
.role-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(212, 175, 55, 0.2);
    color: #f2d16b;
    font-size: 0.68rem;
    font-weight: 700;
    width: fit-content;
}
.studio-badge-details small {
    color: #71717a;
    font-size: 0.68rem;
    font-family: monospace;
}

/* 2. KPI METRIC CARDS */
.dashboard-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 28px;
}
.kpi-card { padding: 24px; border-radius: 20px; background: #121212; border: 1px solid #2d2d2d; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
.kpi-card:hover { transform: translateY(-4px); border-color: rgba(212, 175, 55, 0.45); box-shadow: 0 16px 40px rgba(212, 175, 55, 0.08); background: #18181a; }
.kpi-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.kpi-title { font-size: 0.68rem; font-weight: 700; color: #888888; letter-spacing: 0.12em; text-transform: uppercase; }
.kpi-icon-wrap { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: #1a1a1a; border: 1px solid #333333; color: #d4af37; }
.gold-icon-wrap {
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25);
}
.kpi-value-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.kpi-value-row strong { font-size: 1.12rem; color: #ffffff; line-height: 1.3; }
.live-dot-pulse {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}
.live-dot-pulse.positive {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2);
}
.live-dot-pulse.waiting {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);
}
.kpi-badge-count {
    display: grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 99px;
    background: #b58a24;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
}
.kpi-footer {
    border-top: 1px solid #f0ede6;
    padding-top: 10px;
    margin-top: 6px;
}
.kpi-footer span { font-size: 0.72rem; color: #a1a1aa; }

/* 3. MAIN DASHBOARD CONTENT GRID */
.dashboard-main-grid {
    display: grid;
    grid-template-columns: 1.45fr 0.85fr;
    gap: 24px;
}
.dashboard-left-col, .dashboard-right-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.panel-card {
    padding: 34px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.03);
}
.panel-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.card-kicker {
    display: block;
    color: #b58a24;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 3px;
    line-height: 1;
}
.panel-card-header h2 {
    color: #18181b;
    font-family: "Smooch Sans", sans-serif;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.05;
    margin: 0;
}

/* Quick Actions Grid */
.quick-action-buttons-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.quick-action-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    color: #111111 !important;
    transition: all 0.25s ease;
    cursor: pointer;
}
.quick-action-item:hover:not(.disabled-action) {
    background: #ffffff;
    border-color: rgba(181, 138, 36, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(181, 138, 36, 0.1);
}
.quick-action-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f8f1df;
    color: #8b6717;
    flex-shrink: 0;
}
.gold-glow-icon {
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.25);
}
.quick-action-item strong {
    display: block;
    font-size: 0.9rem;
    line-height: 1.2;
}
.quick-action-item small {
    font-size: 0.72rem;
    color: #71717a;
}
.quick-arrow {
    margin-left: auto;
    color: #b58a24;
    font-size: 1.1rem;
    font-weight: 700;
}
.quick-tag {
    margin-left: auto;
    font-size: 0.65rem;
    color: #065f46;
    background: #ecfdf5;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 700;
}
.disabled-action {
    opacity: 0.85;
    cursor: default;
}

/* Studio Status Box */
.studio-status-box {
    padding: 22px 24px;
    border-radius: 18px;
    background: #fdfdfc;
    border: 1px solid #e7e4dc;
}
.status-box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.status-indicator-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #111111;
}
.studio-status-box p {
    color: #656565;
    font-size: 0.88rem;
    line-height: 1.7;
    margin: 0;
}

/* Account Summary List */
.account-summary-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f0ede6;
    min-height: 42px;
}
.summary-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.summary-label {
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #71717a;
    line-height: 1.15;
}
.summary-val {
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.42rem;
    font-weight: 800;
    color: #18181b;
    line-height: 1.15;
    text-align: right;
}
.role-chip {
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    padding: 3px 12px;
    border-radius: 8px;
    background: #f8f1df;
    color: #8b6717;
    line-height: 1.15;
    display: inline-flex;
    align-items: center;
}
.company-code {
    font-family: "Smooch Sans", monospace;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    background: #f4f4f2;
    padding: 3px 10px;
    border-radius: 7px;
    color: #18181b;
    line-height: 1.15;
}
.gold-badge {
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    color: #b58a24;
    line-height: 1.15;
    text-align: right;
}
.secure-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    color: #16a34a;
    line-height: 1.15;
}
.secure-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #16a34a;
    flex-shrink: 0;
    display: inline-block;
}

/* Pro Tip Card */
.pro-tip-card {
    background: radial-gradient(circle at 100% 0%, rgba(212, 175, 55, 0.14), transparent 50%), #ffffff;
    border-color: rgba(181, 138, 36, 0.35);
}
.pro-tip-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #b58a24;
    font-size: 0.92rem;
}
.tip-icon {
    font-size: 1.1rem;
}
.pro-tip-card p {
    color: #656565;
    font-size: 0.84rem;
    line-height: 1.65;
    margin: 0;
}

/* Responsive Dashboard Queries */
@media (max-width: 1200px) {
    .dashboard-kpi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .dashboard-main-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-premium-shell {
        padding: 20px 16px 60px;
    }
    .admin-topbar {
        padding: 0 16px;
    }
    .dashboard-hero-banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 24px;
        gap: 24px;
    }
    .banner-studio-badge {
        width: 100%;
        min-width: 0;
    }
    .dashboard-kpi-grid {
        grid-template-columns: 1fr;
    }
    .quick-action-buttons-grid {
        grid-template-columns: 1fr;
    }
    .admin-profile-pill .admin-profile-info {
        display: none;
    }
}

/* ==========================================================================
   MODERN AUTH / LOGIN PAGE STYLES
   ========================================================================== */
.auth-page-wrapper {
    position: relative;
    min-height: calc(100vh - 82px);
    background: linear-gradient(135deg, #09090b 0%, #121214 55%, #18181b 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 40px 0;
}
.auth-ambient-glow {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.14) 0%, transparent 65%);
    filter: blur(50px);
    pointer-events: none;
}
.auth-inner-container {
    max-width: 1200px;
    position: relative;
    z-index: 2;
}
.auth-grid-modern {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 80px;
    align-items: center;
}

/* Left Brand Column */
.auth-brand-side h1 {
    color: #ffffff;
    font-size: clamp(2.6rem, 4.4vw, 4.2rem);
    line-height: 1.1;
    margin: 12px 0 16px;
}
.auth-brand-side h1 em {
    font-style: normal;
    color: #d4af37;
}
.auth-brand-lead {
    color: #a1a1aa;
    font-size: 1.05rem;
    line-height: 1.75;
    max-width: 520px;
    margin-bottom: 34px;
}
.auth-perks-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 38px;
}
.auth-perk-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.auth-perk-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.14);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    flex-shrink: 0;
}
.auth-perk-item strong {
    display: block;
    color: #ffffff;
    font-size: 0.95rem;
    margin-bottom: 2px;
}
.auth-perk-item span {
    color: #a1a1aa;
    font-size: 0.84rem;
    line-height: 1.5;
}
.auth-quote-card {
    padding: 22px 26px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(212, 175, 55, 0.22);
    max-width: 480px;
}
.quote-stars {
    color: #d4af37;
    font-size: 0.85rem;
    letter-spacing: 2px;
    margin-bottom: 8px;
}
.auth-quote-card p {
    color: #d4d4d8;
    font-size: 0.9rem;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 8px;
}
.auth-quote-card small {
    color: #d4af37;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Right Column: Modern Login Card */
.modern-auth-card {
    padding: 44px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid #d4af37;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
    color: #111111;
}
.auth-card-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.auth-brand-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 1.2rem;
    color: #111111;
}
.auth-security-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 99px;
    background: #f8f1df;
    border: 1px solid rgba(181, 138, 36, 0.3);
    color: #8b6717;
    font-size: 0.7rem;
    font-weight: 700;
}
.auth-card-header h2 {
    color: #111111;
    font-size: 1.7rem;
    margin: 0 0 6px;
}
.auth-card-header p {
    color: #656565;
    font-size: 0.88rem;
    margin: 0 0 28px;
}
.modern-auth-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.auth-input-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.auth-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #222222;
}
.auth-tabs-switcher {
    display: flex;
    background: #f1eee7;
    padding: 4px;
    border-radius: 14px;
    margin-bottom: 18px;
    gap: 4px;
    border: 1px solid #e2ddd3;
}
.auth-tab-link {
    flex: 1;
    text-align: center;
    padding: 8px 12px;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #666666;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.auth-tab-link:hover {
    color: #111111;
}
.auth-tab-link.active {
    background: #ffffff;
    color: #111111;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.auth-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
@media (max-width: 576px) {
    .auth-grid-2 {
        grid-template-columns: 1fr;
    }
}
.label-row-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.auth-forgot-link {
    font-size: 0.78rem;
    color: #b58a24;
    font-weight: 600;
    text-decoration: none;
}
.auth-forgot-link:hover {
    color: #8b6717;
    text-decoration: underline;
}
.input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
}
.input-prefix-icon {
    position: absolute;
    left: 14px;
    color: #888888;
    display: grid;
    place-items: center;
    pointer-events: none;
}
.auth-input {
    width: 100%;
    height: 50px;
    padding: 0 45px 0 44px;
    border-radius: 12px;
    border: 1px solid #d4af37;
    background: #fdfdfc;
    color: #111111;
    font-size: 0.95rem;
    font-family: "Roboto", sans-serif;
    outline: 0;
    transition: all 0.25s ease;
}
.auth-input:focus {
    border-color: #b58a24;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(181, 138, 36, 0.15);
}
.password-toggle-btn {
    position: absolute;
    right: 12px;
    background: transparent;
    border: 0;
    color: #888888;
    display: grid;
    place-items: center;
    padding: 6px;
    cursor: pointer;
    transition: color 0.2s ease;
}
.password-toggle-btn:hover {
    color: #b58a24;
}
.auth-field-error {
    color: #dc2626;
    font-size: 0.76rem;
    font-weight: 500;
}
.validation-summary-alert {
    padding: 12px 16px;
    border-radius: 10px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 0.82rem;
}
.validation-summary-alert ul {
    margin: 0;
    padding-left: 18px;
}
.remember-checkbox-label,
.remember-checkbox-label span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666666 !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    cursor: pointer;
    margin-top: -4px;
}
.custom-auth-check {
    width: 18px;
    height: 18px;
    accent-color: #b58a24;
    cursor: pointer;
}
.btn-auth-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #111111 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.42rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    border: 0;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    margin-top: 8px;
}
.btn-auth-submit:hover {
    background: #f5a623;
    transform: translateY(-2px);
    box-shadow: 0 14px 40px rgba(245, 166, 35, 0.45);
}
.btn-auth-submit svg {
    transition: transform 0.2s ease;
}
.btn-auth-submit:hover svg {
    transform: translateX(4px);
}
.auth-card-footer {
    margin-top: 26px;
    text-align: center;
    border-top: 1px solid #f0ede6;
    padding-top: 20px;
}
.auth-card-footer p {
    color: #71717a;
    font-size: 0.84rem;
    margin: 0;
}
.auth-card-footer a {
    color: #b58a24;
    font-weight: 700;
    text-decoration: none;
}
.auth-card-footer a:hover {
    text-decoration: underline;
}

@media (max-width: 991px) {
    .auth-grid-modern {
        display: flex;
        flex-direction: column-reverse;
        gap: 45px;
    }
    .auth-brand-side {
        text-align: center;
    }
    .auth-brand-side .eyebrow-pill {
        margin-left: auto;
        margin-right: auto;
    }
    .auth-brand-lead {
        margin-left: auto;
        margin-right: auto;
    }
    .auth-perks-list {
        align-items: center;
    }
    .auth-perk-item {
        text-align: left;
        max-width: 480px;
    }
    .auth-quote-card {
        margin-left: auto;
        margin-right: auto;
    }
    .modern-auth-card {
        max-width: 520px;
        margin: 0 auto;
        padding: 32px 24px;
    }
}

/* ==========================================================================
   PREMIUM FOOTER STYLES
   ========================================================================== */
.site-footer-premium {
    position: relative;
    background: #08080a;
    color: #a1a1aa;
    padding: 80px 0 35px;
    border-top: 1px solid #1f1f23;
    overflow: hidden;
}
.footer-gold-glow {
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, transparent 70%);
    filter: blur(50px);
    pointer-events: none;
}
.footer-content-container {
    max-width: 1240px;
    position: relative;
    z-index: 2;
}
.footer-main-grid {
    display: grid;
    grid-template-columns: 1.4fr 0.9fr 0.9fr 1.1fr;
    gap: 50px;
    margin-bottom: 55px;
}

/* Footer Brand */
.brand-footer {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 700;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    text-decoration: none;
}
.brand-footer:hover {
    color: #d4af37 !important;
}
.footer-brand-text {
    color: #8e8e93;
    font-size: 0.92rem;
    line-height: 1.7;
    max-width: 320px;
    margin-bottom: 22px;
}
.footer-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 99px;
    background: #141416;
    border: 1px solid #27272a;
    color: #d4d4d8;
    font-size: 0.74rem;
    font-weight: 600;
}
.footer-pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
}

/* Footer Nav Headings & Links */
.footer-nav-col h3, .footer-tech-col h3 {
    color: #ffffff;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 0 0 20px;
}
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-links a {
    color: #8e8e93;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
}
.footer-links a:hover {
    color: #d4af37;
    transform: translateX(3px);
}

/* Footer Tech & Security Column */
.footer-badge-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-tech-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #121214;
    border: 1px solid #222226;
    color: #d4d4d8;
    font-size: 0.8rem;
    font-weight: 500;
}
.footer-tech-badge svg {
    color: #d4af37;
    flex-shrink: 0;
}

/* Footer Bottom Bar */
.footer-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 28px;
    border-top: 1px solid #1f1f23;
    font-size: 0.84rem;
    color: #71717a;
    flex-wrap: wrap;
    gap: 16px;
}
.footer-copyright strong {
    color: #ffffff;
}
.footer-legal-links {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-legal-links a {
    color: #71717a;
    text-decoration: none;
    transition: color 0.2s ease;
}
.footer-legal-links a:hover {
    color: #d4af37;
}

/* Responsive Footer */
@media (max-width: 991px) {
    .footer-main-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}
@media (max-width: 600px) {
    .site-footer-premium {
        padding: 60px 0 30px;
    }
    .footer-main-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .footer-bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}





/* Drag and Drop Zone legacy removed */



/* Modern Project Detail Redesign */
.project-detail-modern { display: flex; flex-direction: column; gap: 24px; }

.project-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
}
.project-header h1 {
    font-family: 'Smooch Sans', sans-serif;
    font-size: 2.5rem;
    color: #111;
    margin: 4px 0;
}
.project-header p {
    color: #666;
    margin: 0;
}
.project-record-info {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
    color: #888;
}
.project-record-info code {
    background: #f0f0f0;
    padding: 4px 8px;
    border-radius: 4px;
    color: #333;
    font-family: monospace;
    align-self: flex-end;
}

/* Wizard Toolbar */




.step-icon {
    font-size: 1.2rem;
}
.wizard-step-dropdown {
    position: relative;
    margin-left: auto;
}
.wizard-step-dropdown button {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
    color: #333;
}
.wizard-step-dropdown:hover .dropdown-menu {
    display: flex;
}
.dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    flex-direction: column;
    width: 200px;
    z-index: 100;
    overflow: hidden;
}
.dropdown-menu a {
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    border-bottom: 1px solid #f0f0f0;
}
.dropdown-menu a:hover {
    background: #f7f7f5;
    color: #d4af37;
}

/* Grid Layout */
.project-grid-modern {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
}
@media (max-width: 900px) {
    .project-grid-modern {
        grid-template-columns: 1fr;
    }
}

/* Info Section */
.stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.stat-box {
    background: #fff;
    border: 1px solid #dedbd3;
    border-radius: 14px;
    padding: 16px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.team-cards-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}
.team-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.card-head {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 12px;
}
.card-head h3 {
    font-family: 'Smooch Sans', sans-serif;
    font-size: 1.8rem;
    color: #111;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.card-kicker {
    font-size: 0.75rem;
    color: #d4af37;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.badge {
    background: #f0f0f0;
    color: #333;
    font-size: 1rem;
    padding: 2px 8px;
    border-radius: 12px;
}
.person-info, .crew-member {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}
.person-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #111;
    color: #d4af37;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-family: 'Smooch Sans', sans-serif;
    font-weight: bold;
}
.person-avatar.small {
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
}
.person-info strong, .crew-details strong {
    display: block;
    color: #111;
    font-size: 1rem;
}
.person-info span, .crew-details span {
    display: block;
    color: #666;
    font-size: 0.85rem;
}
.crew-list {
    margin-bottom: 16px;
    max-height: 200px;
    overflow-y: auto;
}
.empty-crew {
    color: #888;
    font-style: italic;
    font-size: 0.9rem;
}
.btn-remove-crew {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    background: #dc2626 !important;
    background-color: #dc2626 !important;
    border: 1px solid #dc2626 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin-left: auto !important;
    padding: 0 !important;
}
.add-crew-form {
    display: flex;
    gap: 8px;
}
.add-crew-form select {
    flex-grow: 1;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 0.9rem;
}

/* Readiness Sidebar */
.project-sidebar-modern {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.modern-readiness-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.readiness-steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}
.step-item {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background: #f9f9f9;
    border-left: 4px solid #ccc;
}






.step-text strong {
    display: block;
    font-size: 0.9rem;
    color: #111;
}
.step-text span {
    display: block;
    font-size: 0.8rem;
    color: #666;
}
.draft-warning {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fcd34d;
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
}
.danger-zone-modern {
    margin-top: 24px;
}
.w-100 { width: 100%; }
.admin-content {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

/* Global Dashboard Container Restraint */
.admin-content {
    padding: 16px 24px;
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
}
.admin-content > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* Ensure admin content is centered and not stretched too wide */
.admin-content {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: 24px;
}





.project-total-modern {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: #121212;
    border: 1px solid #2d2d2d;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.pt-icon {
    display: grid; place-items: center;
    width: 36px; height: 36px;
    border-radius: 10px;
    background: #1e1e1e;
    color: #d4af37;
    border: 1px solid #333;
}
.pt-info { display: flex; flex-direction: column; }
.pt-info strong { font-size: 1.25rem; color: #fff; line-height: 1; }
.pt-info small { font-size: 0.7rem; color: #888; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 4px; }

.project-card-link { text-decoration: none; display: block; }
.project-card-square {
    display: flex;
    flex-direction: column;
    background: #121212;
    border: 1px solid #2d2d2d;
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.project-card-square:hover {
    transform: translateY(-4px);
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 16px 40px rgba(212, 175, 55, 0.1);
    background: #18181a;
}
.card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}
.project-type {
    font-size: 0.7rem;
    font-weight: 700;
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: rgba(212, 175, 55, 0.1);
    padding: 4px 10px;
    border-radius: 6px;
}
.card-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    flex: 1;
}
.card-body h2 {
    font-size: 1.35rem;
    color: #fff;
    margin: 0;
    line-height: 1.3;
}
.shoot-date-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1e1e1e;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 8px 12px;
    min-width: 60px;
}
.shoot-date-badge strong {
    font-size: 1.4rem;
    color: #fff;
    line-height: 1;
}
.shoot-date-badge span {
    font-size: 0.65rem;
    color: #888;
    text-transform: uppercase;
    margin-top: 4px;
}
.card-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border-top: 1px solid #2d2d2d;
    padding-top: 16px;
}
.meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.meta-item small {
    font-size: 0.65rem;
    color: #888;
    text-transform: uppercase;
}
.meta-item span {
    font-size: 0.8rem;
    color: #ccc;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-status {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 700;
}
.status-uploading { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
.status-preselection { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }


/* Wizard Nav: Compact Single Line Horizontal Bar */
.project-wizard-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 16px 0;
    margin: 8px 0 24px 0;
    border-bottom: 1px solid #e5e5e5;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.project-wizard-nav::before {
    display: none !important;
}
.wizard-step {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: all 0.2s ease;
}
.wizard-step:hover {
    border-color: #d4af37;
    background: #fffdfa;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.1);
}
.wizard-step .step-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    color: #666;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
.wizard-step .step-icon svg {
    width: 16px;
    height: 16px;
}
.wizard-step:hover .step-icon {
    color: #b89127;
}
.wizard-step span {
    font-size: 0.82rem;
    font-weight: 600;
    color: #222;
    line-height: 1;
    background: transparent;
    padding: 0;
}
.wizard-step:hover span {
    color: #111;
}

.wizard-step-dropdown {
    margin-left: auto;
    position: relative;
}
.wizard-step-dropdown .step-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.1rem;
    color: #555;
    transition: all 0.2s ease;
}
.wizard-step-dropdown:hover .step-icon {
    border-color: #d4af37;
    color: #111;
}

/* Readiness Checklist Modernization */
.modern-readiness-card {
    background: #ffffff;
    border: 1px solid #dedbd3;
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.readiness-steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}
.step-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #faf9f6;
    border: 1px solid #e8e5dc;
    transition: all 0.2s ease;
}
.step-item:hover {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.08);
}
.step-feature-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.step-item:hover .step-feature-icon {
    border-color: #d4af37;
    color: #b89127;
}
.step-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.step-text strong {
    font-family: 'Smooch Sans', sans-serif !important;
    font-size: 1.32rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    line-height: 1.15 !important;
}
.step-text span {
    font-size: 0.86rem !important;
    color: #71717a !important;
    line-height: 1.35 !important;
}
.step-status-badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 800;
    flex-shrink: 0;
    margin-left: auto;
}

/* Complete state: green check badge on right, subtle soft icon on left */
.step-item.complete .step-status-badge {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
}
.step-item.complete .step-feature-icon {
    color: #10b981;
    border-color: #a7f3d0;
    background: #ecfdf5;
}

/* Blocking state: red exclamation badge on right */
.step-item.blocking .step-status-badge {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25);
}
.step-item.blocking .step-feature-icon {
    color: #ef4444;
    border-color: #fecaca;
    background: #fef2f2;
}

/* Warning state: amber badge on right */
.step-item.warning .step-status-badge {
    background: #f59e0b;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.25);
}
.step-item.warning .step-feature-icon {
    color: #f59e0b;
    border-color: #fde68a;
    background: #fffbeb;
}




/* ==========================================================================
   ADMINISTRATION PAGES & PLATFORM MANAGEMENT
   ========================================================================== */

> .selection-category-page{min-height:calc(100vh - 72px);padding:52px 34px 85px}.selection-category-page>.container-flu
id{max-width:1250px}.category-page-heading h1{margin:5px 0 0;font-size:2.25rem}.category-page-heading p{margin:5px 0 0;
color:#777;font-size:.7rem}.category-page-grid{display:grid;grid-template-columns:340px 1fr;align-items:start;gap:18px;
margin-top:24px}.category-create-card,.category-list-panel{padding:21px;border:1px solid #dedbd3;border-radius:13px;bac
kground:#fff}.category-create-card h2,.category-list-panel h2{margin:0;font-size:1.2rem}.category-create-card>p{margin:
4px 0 17px;color:#777;font-size:.66rem}.category-create-card form,.selection-category-list details form{display:grid;ga
p:10px}.category-create-card label,.selection-category-list label{display:grid;gap:5px;color:#666;font-size:.64rem}.cat
egory-create-card input,.selection-category-list input{height:37px;padding:0 9px;border:1px solid #d0cbc1;border-radius
:7px;background:#fff;font-size:.67rem}.category-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-c
heck{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.category-check input{width:15p
x;height:15px}.selection-category-list{display:grid;gap:7px}.selection-category-list article{overflow:hidden;border:1px
 solid #e2ded5;border-radius:10px}.selection-category-list article.inactive{opacity:.6}.category-summary{display:grid;g
rid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px}.category-summary>span{display:grid;width:3
1px;height:31px;place-items:center;color:#806016;border-radius:8px;background:#faf1d7;font-size:.66rem;font-weight:800}
.category-summary strong,.category-summary small{display:block}.category-summary strong{font-size:.73rem}.category-summ
ary small{margin-top:2px;color:#888;font-size:.61rem}.category-summary em{font-size:.6rem;font-style:normal}.selection-
category-list details{border-top:1px solid #ece9e2}.selection-category-list summary{padding:8px 13px;color:#896618;curs
or:pointer;font-size:.62rem;font-weight:700}.selection-category-list details form{padding:5px 13px 13px}.selection-cate
gory-list details button{height:33px;border:0;border-radius:7px;background:#e0bd4c;font-size:.63rem;font-weight:800}.se
lection-category-list .category-deactivate{padding-top:0}.selection-category-list .category-deactivate button{color:#99
1b1b;background:#fee2e2}@media(max-width:850px){.category-page-grid{grid-template-columns:1fr}}@media(max-width:600px){
.selection-category-page{padding:38px 16px 70px}}
.gallery-access-page,.gallery-access-wrapper{display:flex !important;min-height:calc(100vh - 120px) !important;padding:40px 20px 60px !important;align-items:center !important;justify-content:center !important;background:radial-gradient(ellipse at 50% 20%,rgba(212,175,55,.12) 0%,rgba(252,251,249,.6) 45%,#f7f6f2 100%) !important;box-sizing:border-box !important}.gallery-access-page>section,.gallery-access-card{width:100% !important;max-width:520px !important;padding:44px 38px 36px !important;border:1.5px solid #d4af37 !important;border-radius:24px !important;background:#fff !important;box-shadow:0 24px 65px rgba(28,23,14,.09),0 6px 20px rgba(212,175,55,.08) !important;text-align:center !important;position:relative !important;overflow:hidden !important;box-sizing:border-box !important}.gallery-access-page>section::before,.gallery-access-card::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:4px !important;background:linear-gradient(90deg,transparent,#d4af37,#fef08a,#d4af37,transparent) !important}.gallery-brand,.gallery-brand-box{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-bottom:8px !important;text-decoration:none !important}.gallery-brand img,.gallery-brand-box img{height:38px !important;width:auto !important;object-fit:contain !important;display:block !important}.gallery-access-page h1,.gallery-access-title{margin:0 0 10px !important;color:#18181b !important;font-family:"Smooch Sans",sans-serif !important;font-size:2.85rem !important;font-weight:700 !important;line-height:1.05 !important;letter-spacing:.01em !important}.gallery-access-page p,.gallery-access-subtitle{color:#52525b !important;font-family:"Smooch Sans",sans-serif !important;font-size:1.35rem !important;font-weight:600 !important;line-height:1.35 !important;max-width:430px !important;margin:0 auto 24px !important}.gallery-access-page form,.gallery-access-form{display:grid !important;gap:18px !important;margin-top:8px !important}.gallery-access-page label,.gallery-pin-label{display:flex !important;align-items:center !important;justify-content:space-between !important;font-family:"Smooch Sans",sans-serif !important;font-size:1.3rem !important;font-weight:700 !important;color:#18181b !important}.gallery-access-page input,.gallery-pin-input{height:52px !important;min-height:52px !important;width:100% !important;padding:0 16px !important;border:1.5px solid #d4af37 !important;border-radius:14px !important;background:#fffcf4 !important;font-family:"Smooch Sans",sans-serif !important;font-size:1.7rem !important;font-weight:700 !important;letter-spacing:.35em !important;text-align:center !important;color:#18181b !important;box-sizing:border-box !important}.gallery-access-page button,.gallery-access-btn{height:52px !important;min-height:52px !important;width:100% !important;color:#fff !important;border:0 !important;border-radius:14px !important;background:#18181b !important;font-family:"Smooch Sans",sans-serif !important;font-size:1.55rem !important;font-weight:700 !important;letter-spacing:.02em !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;cursor:pointer !important;box-shadow:0 8px 24px rgba(24,24,27,.2) !important;transition:all .2s ease !important}.gallery-access-page button:hover,.gallery-access-btn:hover{background:#000 !important;transform:translateY(-2px) !important;box-shadow:0 12px 30px rgba(181,138,36,.25) !important}.gallery-access-page section>small,.gallery-access-footer-note{display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;margin-top:24px !important;color:#71717a !important;font-family:"Smooch Sans",sans-serif !important;font-size:1.2rem !important;font-weight:600 !important}.gallery-access-error,.gallery-access-error-box{margin:0 0 20px !important;padding:12px 16px !important;color:#991b1b !important;border:1px solid #fecaca !important;border-radius:12px !important;background:#fef2f2 !important;font-family:"Smooch Sans",sans-serif !important;font-size:1.25rem !important;font-weight:600 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important}.customer-gallery-hero{margin:35px 0 24px;padding:30px;border-radius:16px;background:#18181b}.customer-gallery-hero h1{margin:7px 0;color:#d4af37;font-size:2.7rem}.customer-gallery-hero p{max-width:700px;margin:0;color:#d4d4d8;font-size:.8rem}.customer-gallery-hero>div{display:flex;gap:15px;margin-top:18px;colo
r:#aaa;font-size:.65rem}.customer-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.customer-photo-
card{overflow:hidden;border:2px solid transparent;border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(24,24,2
7,.06)}.customer-photo-card.selection-liked{border-color:#86c99b}.customer-photo-card.selection-rejected{opacity:.65;bo
rder-color:#e7a5a5}.customer-photo-card.selection-undecided{border-color:#e0bd4c}.customer-photo-image{position:relativ
e;aspect-ratio:4/3;overflow:hidden;background:#e8e6df}.customer-photo-image img{width:100%;height:100%;object-fit:cover
}.customer-photo-image span{position:absolute;top:9px;left:9px;padding:5px 7px;color:#18181b;border-radius:6px;backgrou
nd:#e0bd4c;font-size:.58rem;font-weight:800}.customer-photo-meta{display:flex;justify-content:space-between;padding:9px
 11px}.customer-photo-meta strong,.customer-photo-meta small{font-size:.63rem}.customer-photo-meta small{color:#999}.cu
stomer-selection-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 9px 10px}.customer-selectio
n-actions form{margin:0}.customer-selection-actions button{width:100%;height:32px;border:0;border-radius:6px;background
:#f2f2f0;font-size:.59rem;font-weight:700}.customer-selection-actions .liked.active{color:#166534;background:#dcfce7}.c
ustomer-selection-actions .undecided.active{color:#854d0e;background:#fef3c7}.customer-selection-actions .rejected.acti
ve{color:#991b1b;background:#fee2e2}@media(max-width:1100px){.customer-photo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.customer-photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.gallery-acce
ss-page>section{padding:27px}.gallery-access-page h1{font-size:2.35rem}.customer-gallery-page{padding:14px}.customer-ga
llery-hero{padding:22px}.customer-gallery-hero h1{font-size:2rem}.customer-photo-grid{grid-template-columns:1fr}}
  .gallery-progress-panel{margin:-10px 0 22px;padding:17px 20px;border:1px solid #d4af37;border-radius:13px;background:
#fff}.gallery-progress-heading{display:flex;align-items:center;justify-content:space-between}.gallery-progress-heading 
strong,.gallery-progress-heading span{display:block}.gallery-progress-heading strong{font-size:.78rem}.gallery-progress
-heading span{margin-top:2px;color:#888;font-size:.62rem}.gallery-progress-heading b{color:#9a731c;font-size:1rem}.gall
ery-progress-track{height:7px;margin:11px 0;overflow:hidden;border-radius:999px;background:#eceae4}.gallery-progress-tr
ack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b38a20,#e4c75e)}.gallery-cho
ice-counts{display:flex;gap:16px;color:#666;font-size:.62rem}.gallery-progress-actions{display:flex;justify-content:fle
x-end;gap:7px;margin-top:12px}.gallery-progress-actions form{margin:0}.gallery-progress-actions button{height:34px;padd
ing:0 11px;border:0;border-radius:7px;background:#eee;font-size:.63rem;font-weight:700}.gallery-progress-actions button
.complete{color:#fff;background:#18181b}.gallery-progress-actions button:disabled{cursor:not-allowed;opacity:.4}.galler
y-completed-badge{padding:7px 10px;color:#166534;border-radius:7px;background:#dcfce7;font-size:.65rem;font-weight:800}
.gallery-success-message{margin:12px 0;padding:11px 13px;color:#166534;border:1px solid #bbdfc5;border-radius:8px;backg
round:#f0fdf4;font-size:.7rem}@media(max-width:550px){.gallery-choice-counts{flex-wrap:wrap;gap:8px}.gallery-progress-a
ctions{align-items:stretch;flex-direction:column}.gallery-progress-actions button{width:100%}}
  @media(max-width:1100px){.system-admin-overview .admin-main-grid{grid-template-columns:1fr}}
  @media(max-width:800px){.system-admin-overview .admin-kpi-grid,.admin-module-grid{grid-template-columns:1fr}}
  
  /* Admin company applications */
  .admin-companies-page{min-height:calc(100vh - 72px);padding:52px 34px 85px}.admin-companies-page>.container-fluid{max
-width:1400px}.admin-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.admin-list-
heading h1{margin:8px 0 5px;color:#111;font-size:clamp(2.8rem,4vw,4rem)}.admin-list-heading p{margin:0;color:#71717a}.a
dmin-company-count{display:flex;align-items:baseline;gap:8px;padding:14px 18px;border:1px solid #dedbd3;border-radius:1
2px;background:#fff}.admin-company-count strong{color:#b58a24;font-size:1.45rem}.admin-company-count small{color:#71717
a;font-size:.72rem}.admin-status-tabs{display:flex;gap:7px;margin:35px 0 18px;padding:6px;border:1px solid #dedbd3;bord
er-radius:12px;background:#fff;width:max-content;max-width:100%;overflow-x:auto}.admin-status-tabs a{padding:9px 14px;c
olor:#666;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap}.admin-status-tabs a:hover{color:#111;b
ackground:#f5f3ee}.admin-status-tabs a.active{color:#111;background:#d4af37}.admin-company-table-wrap{overflow-x:auto;b
order:1px solid #dedbd3;border-radius:16px;background:#fff}.admin-company-table{width:100%;min-width:960px;border-colla
pse:collapse}.admin-company-table th{padding:15px 18px;color:#777;border-bottom:1px solid #dedbd3;background:#faf9f6;te
xt-align:left;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.admin-company-table td{padding:17px 18px;
color:#333;border-bottom:1px solid #ece9e2;font-size:.79rem}.admin-company-table tbody tr:last-child td{border-bottom:0
}.admin-company-table tbody tr:hover{background:#fdfbf6}.admin-company-table td>small{display:block;margin-top:3px;colo
r:#888}.company-name-cell{display:flex;align-items:center;gap:11px}.company-name-cell>span{display:grid;place-items:cen
ter;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:#111;background:#d4af37;font-weight:800}.company-name
-cell div{display:flex;flex-direction:column}.company-name-cell strong{font-size:.84rem}.company-name-cell small{color:
#888;font-size:.68rem}.company-status{display:inline-flex;padding:6px 9px;border-radius:99px;color:#555;background:#eee
;font-size:.67rem;font-weight:700}.company-status.status-pending{color:#8a6512;background:#fff4cf}.company-status.statu
s-approved{color:#166534;background:#dcfce7}.company-status.status-suspended{color:#9a3412;background:#ffedd5}.company-
status.status-rejected{color:#991b1b;background:#fee2e2}.table-next{color:#b58a24;font-size:1rem}.admin-list-message{pa
dding:70px 25px;text-align:center;border:1px dashed #d6d1c6;border-radius:16px;background:#fff}.admin-list-message>span
{color:#b58a24;font-size:2rem}.admin-list-message h2{margin:12px 0 5px;color:#111}.admin-list-message p{margin:0;color:
#777}.admin-list-message.error{color:#991b1b}
  @media(max-width:900px){.admin-companies-page{padding:40px 18px 70px}.admin-list-heading{align-items:flex-start;flex-
direction:column}.admin-status-tabs{width:100%}}
  
  .admin-company-detail{min-height:calc(100vh - 72px);padding:48px 34px 85px}.admin-company-detail>.container-fluid{max
-width:1400px}.company-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.company
-detail-heading h1{margin:7px 0 3px;color:#111;font-size:clamp(2.8rem,4.5vw,4.2rem)}.company-detail-heading p{margin:0;
color:#777}.detail-company-status{margin-bottom:8px;padding:8px 12px}.company-detail-metrics{display:grid;grid-template
-columns:repeat(5,1fr);gap:10px;margin:30px 0 16px}.company-detail-metrics article{display:flex;flex-direction:column;p
adding:18px;border:1px solid #dedbd3;border-radius:13px;background:#fff}.company-detail-metrics small{margin-bottom:4px
;color:#777;font-size:.7rem}.company-detail-metrics strong{font-size:1rem}.company-detail-grid{display:grid;grid-templa
te-columns:1.35fr .65fr;gap:16px}.company-detail-main,.company-detail-side{display:grid;align-content:start;gap:16px}.c
ompany-definition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0}.company-definition-list>div{pad
ding:15px 0;border-bottom:1px solid #e8e5de}.company-definition-list>div:nth-child(odd){padding-right:20px}.company-def
inition-list dt{color:#777;font-size:.72rem;font-weight:500}.company-definition-list dd{margin:4px 0 0;color:#222;font-
size:.84rem;font-weight:600}.company-user-list{display:grid;gap:8px}.company-user-list>div{display:flex;align-items:cen
ter;gap:11px;padding:12px;border:1px solid #e5e1d8;border-radius:11px}.company-user-avatar{display:grid;place-items:cen
ter;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:#111;background:#d4af37;font-weight:800}.company-user
-list>div>div{display:flex;min-width:0;flex-direction:column}.company-user-list strong{font-size:.8rem}.company-user-li
st small{color:#777;font-size:.68rem}.user-state{margin-left:auto;padding:5px 8px;border-radius:99px;font-size:.63rem;f
ont-weight:700}.user-state.active{color:#166534;background:#dcfce7}.user-state.passive{color:#991b1b;background:#fee2e2
}.company-action-card h2{margin:10px 0;color:#111}.company-action-card>p{color:#666;font-size:.82rem;line-height:1.65}.
company-action-card form{margin:0}.approve-company-btn,.reject-company-btn{width:100%;margin-top:12px}.approve-company-
btn{color:#fff;background:#166534}.approve-company-btn:hover{color:#fff;background:#14532d}.reject-divider{display:flex
;align-items:center;gap:10px;margin:22px 0 15px;color:#999;font-size:.67rem}.reject-divider:before,.reject-divider:afte
r{content:"";flex:1;height:1px;background:#e3dfd6}.reject-company-form{display:grid;gap:12px}.reject-company-form label
{display:flex;flex-direction:column;gap:6px;color:#555;font-size:.72rem;font-weight:600}.reject-company-form input,.rej
ect-company-form textarea{width:100%;padding:.8rem;color:#111;border:1px solid #ccc7bc;border-radius:9px;background:#ff
f;font:400 .78rem "Roboto",sans-serif}.reject-company-form small{color:#888;font-size:.66rem}.reject-company-btn{color:
#fff;background:#991b1b}.reject-company-btn:hover{color:#fff;background:#7f1d1d}.company-id-card code{display:block;mar
gin-top:10px;color:#8b6717;overflow-wrap:anywhere}
  @media(max-width:1100px){.company-detail-grid{grid-template-columns:1fr}.company-detail-metrics{grid-template-columns
:repeat(3,1fr)}}@media(max-width:700px){.admin-company-detail{padding:38px 18px 70px}.company-detail-heading{align-item
s:flex-start;flex-direction:column}.company-detail-metrics{grid-template-columns:repeat(2,1fr)}.company-definition-list
{grid-template-columns:1fr}.company-definition-list>div:nth-child(odd){padding-right:0}}@media(max-width:450px){.compan
y-detail-metrics{grid-template-columns:1fr}}
  .suspend-company-btn,.reactivate-company-btn{width:100%;margin-top:8px;color:#fff}.suspend-company-btn{background:#c2
410c}.suspend-company-btn:hover{color:#fff;background:#9a3412}.reactivate-company-btn{background:#166534}.reactivate-co
mpany-btn:hover{color:#fff;background:#14532d}.suspension-reason{margin:14px 0 20px;padding:13px;border:1px solid #fed7
aa;border-radius:10px;background:#fff7ed}.suspension-reason small{color:#9a3412;font-size:.67rem;font-weight:700}.suspe
nsion-reason p{margin:5px 0 0;color:#7c2d12;font-size:.77rem;line-height:1.55}
  
  .admin-packages-page{min-height:calc(100vh - 72px);padding:52px 34px 85px}.admin-packages-page>.container-fluid{max-w
idth:1400px}.package-heading-actions{display:flex;align-items:center;gap:10px}.package-visibility-toggle{padding:10px 1
3px;color:#6b5218;border:1px solid #d9d2c2;border-radius:10px;background:#fff;font-size:.74rem;font-weight:600}.package
-visibility-toggle:hover{color:#111;border-color:#b58a24}.admin-package-grid{display:grid;grid-template-columns:repeat(
3,1fr);gap:15px;margin-top:34px}.admin-package-card{display:flex;min-width:0;flex-direction:column;padding:24px;border:
1px solid #dedbd3;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.035)}.admin-package-card.inacti
ve{opacity:.68}.package-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.package-sc
ope{color:#9a731c;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.package-card-top h2{m
argin:5px 0 0;color:#111;font-size:1.8rem}.package-state{padding:5px 8px;border-radius:99px;font-size:.62rem;font-weigh
t:700}.package-state.active{color:#166534;background:#dcfce7}.package-state.passive{color:#555;background:#e5e5e5}.admi
n-package-card>p{min-height:45px;margin:15px 0;color:#777;font-size:.77rem;line-height:1.55}.package-price{display:flex
;align-items:baseline;gap:6px;padding:17px 0;border-top:1px solid #e7e3da;border-bottom:1px solid #e7e3da}.package-pric
e strong{color:#b58a24;font-size:1.55rem}.package-price span{color:#888;font-size:.7rem}.package-limits{display:grid;gr
id-template-columns:repeat(2,1fr);gap:0;margin-top:10px}.package-limits>div{display:flex;flex-direction:column;padding:
11px 8px 11px 0;border-bottom:1px solid #eeeae2}.package-limits small{color:#888;font-size:.64rem}.package-limits stron
g{margin-top:3px;color:#222;font-size:.78rem}.package-card-footer{display:flex;align-items:center;justify-content:space
-between;gap:12px;margin-top:auto;padding-top:17px;color:#9a731c;font-size:.66rem}.package-card-footer code{color:#888}
  @media(max-width:1200px){.admin-package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.admin-pack
ages-page{padding:40px 18px 70px}.package-heading-actions{width:100%;align-items:stretch;flex-direction:column}.admin-p
ackage-grid{grid-template-columns:1fr}}
  .package-card-footer a{color:#9a731c;font-weight:700}.admin-package-form-page{min-height:calc(100vh - 72px);padding:4
8px 34px 85px}.package-form-container{max-width:1000px}.admin-package-form{display:grid;gap:16px;margin-top:35px}.admin
-package-form input,.admin-package-form textarea{font-family:"Roboto",sans-serif}.package-limit-form-grid{display:grid;
grid-template-columns:repeat(3,1fr);gap:18px}.package-company-field{margin-top:20px}.package-company-field.hidden{displ
ay:none}
  @media(max-width:800px){.admin-package-form-page{padding:38px 18px 70px}.package-limit-form-grid{grid-template-column
s:repeat(2,1fr)}}@media(max-width:520px){.package-limit-form-grid{grid-template-columns:1fr}}
  .package-more-actions{margin-top:14px;padding-top:12px;border-top:1px solid #e8e4db}.package-more-actions summary{col
or:#777;cursor:pointer;font-size:.7rem;font-weight:600}.package-copy-form{display:grid;gap:8px;margin-top:12px;padding:
13px;border:1px solid #e5e1d8;border-radius:10px;background:#faf9f6}.package-copy-form strong{font-size:.75rem}.package
-copy-form>input{width:100%;padding:.65rem;color:#111;border:1px solid #ccc7bd;border-radius:8px;background:#fff;font-s
ize:.72rem}.package-copy-form label{display:flex;align-items:center;gap:7px;color:#666;font-size:.7rem}.package-copy-bt
n{padding:.6rem!important;color:#111;background:#d4af37}.package-deactivate-btn{width:100%;margin-top:10px;padding:8px;
color:#991b1b;border:1px solid #fecaca;border-radius:8px;background:#fff;font-size:.7rem;font-weight:700}.package-deact
ivate-btn:hover{background:#fef2f2}
  .assign-package-card{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px;margin-bottom:16px}.assign-package-card
 h2{margin:7px 0;color:#111}.assign-package-card>div>p{color:#777;font-size:.78rem}.current-package{display:flex;flex-d
irection:column;margin-top:14px;padding:12px;border:1px solid #e4dfd4;border-radius:10px;background:#faf8f2}.current-pa
ckage small,.current-package span{color:#777;font-size:.68rem}.current-package strong{margin:3px 0;color:#9a731c}.assig
n-package-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.assign-package-form label{display:flex;flex-d
irection:column;gap:5px;color:#555;font-size:.68rem;font-weight:600}.assign-package-form input,.assign-package-form sel
ect{width:100%;height:39px;padding:0 10px;color:#111;border:1px solid #ccc7bd;border-radius:8px;background:#fff;font:40
0 .72rem "Roboto",sans-serif}.assign-package-form label small{color:#888;font-size:.61rem}.assign-package-btn{align-sel
f:end;height:39px;color:#111;background:#d4af37}.assign-package-btn:hover{color:#fff;background:#b58a24}@media(max-widt
h:900px){.assign-package-card{grid-template-columns:1fr}.assign-package-form{grid-template-columns:1fr}}
  .admin-audit-page{min-height:calc(100vh - 72px);padding:52px 34px 85px}.admin-audit-page>.container-fluid{max-width:1
400px}.audit-filters{display:flex;align-items:flex-end;gap:10px;margin:32px 0 16px;padding:15px;border:1px solid #dedbd
3;border-radius:13px;background:#fff}.audit-filters label{display:flex;min-width:220px;flex-direction:column;gap:6px}.a
udit-filters label>span{color:#777;font-size:.67rem;font-weight:600}.audit-filters select,.audit-filters input{height:4
1px;padding:0 11px;color:#111;border:1px solid #ccc7bd;border-radius:8px;background:#fff;font-size:.75rem}.audit-compan
y-filter{flex:1}.audit-log-list{display:grid;gap:7px}.audit-log-list article{display:grid;grid-template-columns:35px 1f
r auto;align-items:start;gap:13px;padding:16px 18px;border:1px solid #dedbd3;border-radius:12px;background:#fff}.audit-
result{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-weight:800}.audit-result.success{c
olor:#166534;background:#dcfce7}.audit-result.failure{color:#991b1b;background:#fee2e2}.audit-main>div:first-child{disp
lay:flex;align-items:center;justify-content:space-between;gap:20px}.audit-main strong{font-size:.82rem}.audit-main>div:
first-child>span{color:#888;font-size:.67rem}.audit-context{display:flex;flex-wrap:wrap;gap:13px;margin-top:5px;color:#
777;font-size:.67rem}.audit-context b{color:#444}.audit-main details{margin-top:9px}.audit-main summary{color:#9a731c;c
ursor:pointer;font-size:.65rem}.audit-main pre{max-height:220px;margin:8px 0 0;padding:11px;overflow:auto;color:#d4d4d8
;border-radius:8px;background:#18181b;font-size:.65rem;white-space:pre-wrap}.audit-log-list article>code{color:#999;fon
t-size:.63rem}@media(max-width:850px){.admin-audit-page{padding:40px 18px 70px}.audit-filters{align-items:stretch;flex-
direction:column}.audit-filters label{min-width:0}.audit-log-list article{grid-template-columns:35px 1fr}.audit-log-lis
t article>code{display:none}.audit-main>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}}




/* ==========================================================================
   COMPANY SUBSCRIPTIONS & WALLET
   ========================================================================== */

> .company-subscription-page{min-height:calc(100vh - 72px);padding:48px 34px 85px}.company-subscription-page>.container
-fluid{max-width:1200px}.company-subscription-heading h1{margin:7px 0;font-size:clamp(2.8rem,5vw,4.2rem)}.company-subsc
ription-heading p{color:#706b63}.subscription-hero-card{display:flex;align-items:center;justify-content:space-between;g
ap:25px;margin-top:28px;padding:28px;border-radius:18px;color:#fff;background:#18181b}.subscription-hero-card.expired{b
ackground:#57534e}.subscription-hero-card span{color:#d4af37;font-size:.72rem;font-weight:800}.subscription-hero-card h
2{margin:7px 0;font-size:2rem}.subscription-hero-card p{max-width:720px;margin:0;color:#d4d4d8}.subscription-days{displ
ay:flex;flex-direction:column;align-items:center;min-width:120px}.subscription-days strong{font-size:3rem}.subscription
-days span{color:#fff}.subscription-period{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px
;margin:13px 4px 25px;color:#777;font-size:.72rem}.subscription-period>div{height:7px;overflow:hidden;border-radius:999
px;background:#e5e1d8}.subscription-period i{display:block;height:100%;border-radius:inherit;background:#d4af37}.subscr
iption-rights-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.subscription-rights-grid article{display:
flex;flex-direction:column;padding:17px;border:1px solid #e1ddd3;border-radius:13px;background:#fff}.subscription-right
s-grid small,.subscription-rights-grid span{color:#777;font-size:.68rem}.subscription-rights-grid strong{margin:5px 0;f
ont-size:1.15rem}.subscription-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.subsc
ription-charge-summary{display:grid;grid-template-columns:repeat(2,1fr);margin:15px 0}.subscription-charge-summary div{
padding:10px 0;border-top:1px solid #e7e2d8}.subscription-charge-summary dt{color:#777;font-size:.7rem}.subscription-ch
arge-summary dd{margin:3px 0 0;font-weight:700}.subscription-access-card p{color:#67625a;line-height:1.7}.planned-renew
al-card{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:22px;border:1px solid #e2
c66c;border-radius:15px;background:#fffaf0}.planned-renewal-card span{color:#987117;font-size:.7rem;font-weight:800}.pl
anned-renewal-card h2,.planned-renewal-card p{margin:5px 0}.planned-renewal-card>div:last-child{display:flex;flex-direc
tion:column;text-align:right}.subscription-empty-state{margin-top:30px;padding:30px;border:1px solid #e4dfd4;border-rad
ius:18px;background:#fff}.subscription-empty-state strong{font-size:1.5rem}@media(max-width:1000px){.subscription-right
s-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.company-subscription-page{padding:38px 18px 70px}.
subscription-hero-card,.planned-renewal-card{align-items:flex-start;flex-direction:column}.subscription-days{align-item
s:flex-start}.subscription-period{grid-template-columns:1fr}.subscription-rights-grid{grid-template-columns:repeat(2,1f
r)}.subscription-detail-layout{grid-template-columns:1fr}}@media(max-width:430px){.subscription-rights-grid{grid-templa
te-columns:1fr}}
  .company-wallet-page{min-height:calc(100vh - 72px);padding:48px 34px 85px}.company-wallet-page>.container-fluid{max-w
idth:1200px}.wallet-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.wallet-page-
heading h1{margin:7px 0;font-size:clamp(2.8rem,5vw,4.2rem)}.wallet-page-heading p{margin:0;color:#706b63}.wallet-balanc
e{display:flex;min-width:160px;flex-direction:column;padding:17px;border-radius:14px;color:#fff;background:#18181b}.wal
let-balance small{color:#d4af37}.wallet-balance strong{font-size:2rem}.wallet-tabs{display:flex;gap:8px;margin:28px 0 1
6px;border-bottom:1px solid #dfdad0}.wallet-tabs a{padding:11px 15px;color:#777;text-decoration:none}.wallet-tabs a.act
ive{color:#8e6915;border-bottom:3px solid #d4af37;font-weight:800}.company-wallet-list{overflow:hidden;border:1px solid
 #e2ddd3;border-radius:15px;background:#fff}.company-wallet-list header,.company-wallet-list article{display:grid;grid-
template-columns:150px minmax(240px,1fr) 145px 85px 85px;align-items:center;gap:12px;padding:13px 16px}.company-wallet-
list header{color:#777;background:#f5f3ee;font-size:.69rem;font-weight:800}.company-wallet-list article{border-top:1px 
solid #eeeae2;font-size:.78rem}.company-wallet-list article>div{display:flex;flex-direction:column}.company-wallet-list
 article small{color:#999}.company-wallet-list time{color:#777}.company-wallet-list b,.company-wallet-list em{text-alig
n:right;font-style:normal}.company-wallet-list .positive{color:#166534}.company-wallet-list .negative{color:#991b1b}.wa
llet-empty,.wallet-readonly-note{padding:23px;border:1px solid #e2ddd3;border-radius:14px;background:#fff}.wallet-empty
 p{margin:5px 0;color:#777}.wallet-readonly-note{display:flex;gap:15px;margin-top:18px;background:#fffaf0}.wallet-reado
nly-note strong{color:#896515}.wallet-readonly-note span{color:#696257}@media(max-width:850px){.company-wallet-list hea
der{display:none}.company-wallet-list article{grid-template-columns:1fr auto}.company-wallet-list article>div,.company-
wallet-list time{grid-column:1/-1}.wallet-page-heading{align-items:flex-start;flex-direction:column}.wallet-balance{wid
th:100%}}@media(max-width:600px){.company-wallet-page{padding:38px 18px 70px}.wallet-readonly-note{flex-direction:colum
n}}
  .wallet-filter-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;margin-bottom:16px;padding:14px;border:1
px solid #e5e1d8;border-radius:12px;background:#fff}.wallet-filter-form label{display:flex;flex-direction:column;gap:4p
x;color:#666;font-size:.7rem;font-weight:700}.wallet-filter-form input{padding:8px 10px;border:1px solid #d2ccc1;border
-radius:8px;font:400 .78rem "Roboto",sans-serif}.wallet-filter-form .btn{padding:9px 12px}@media(max-width:550px){.wall
et-filter-form>*{width:100%}}
  .wallet-filter-form .wallet-export-note{align-self:center;color:#7c7367;font-size:.65rem;font-weight:500}
  .dashboard-live-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 20px}.dashboard-live-sum
mary a{display:flex;min-width:0;flex-direction:column;padding:15px;border:1px solid #e3ded4;border-radius:13px;backgrou
nd:#fff;color:#18181b;text-decoration:none;transition:.2s}.dashboard-live-summary a:hover{border-color:#d4af37;transfor
m:translateY(-2px)}.dashboard-live-summary small{color:#777;font-size:.68rem}.dashboard-live-summary strong{margin:4px 
0;font-size:1.35rem}.dashboard-live-summary span{overflow:hidden;color:#777;font-size:.66rem;text-overflow:ellipsis;whi
te-space:nowrap}.dashboard-live-summary a.low{border-color:#e3bd55;background:#fff9e8}.dashboard-live-summary a.low str
ong{color:#9a6812}.dashboard-live-summary a.attention{border-color:#e3a6a6;background:#fff7f7}.dashboard-live-summary a
.attention strong{color:#991b1b}@media(max-width:1100px){.dashboard-live-summary{grid-template-columns:repeat(3,1fr)}}@
media(max-width:600px){.dashboard-live-summary{grid-template-columns:repeat(2,1fr)}}
  .dashboard-balance-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 16px
;padding:14px 17px;border:1px solid #e3bd55;border-radius:14px;background:#fff9e8;color:#18181b}.dashboard-balance-aler
t-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#d4af37;color:#18181b;font-w
eight:900}.dashboard-balance-alert strong{font-size:.88rem}.dashboard-balance-alert p{margin:2px 0 0;color:#6d5a2a;font
-family:Roboto,"Roboto", sans-serif;font-size:.76rem}.dashboard-balance-alert>a{padding:9px 13px;border-radius:9px;backgrou
nd:#18181b;color:#fff;text-decoration:none;font-size:.75rem;font-weight:800;white-space:nowrap}.dashboard-balance-alert
>a:hover{background:#9a6812}@media(max-width:600px){.dashboard-balance-alert{grid-template-columns:auto 1fr}.dashboard-
balance-alert>a{grid-column:1/-1;text-align:center}}



/* ==========================================================================
   ADMIN MODULE GRID & CARDS (Platform İşlemleri)
   ========================================================================== */
.admin-module-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 18px;
}
.admin-module-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 22px;
    border-radius: 16px;
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    min-height: 140px;
    position: relative;
    box-sizing: border-box;
}
.admin-module-card:hover {
    background: #ffffff;
    border-color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(212, 175, 55, 0.12);
}
.admin-module-card > span {
    font-size: 0.78rem;
    font-weight: 800;
    color: #b58a24;
    letter-spacing: 0.08em;
    display: inline-block;
    margin-bottom: 8px;
}
.admin-module-card strong {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 4px;
    line-height: 1.2;
}
.admin-module-card small {
    display: block;
    font-size: 0.78rem;
    color: #71717a;
    line-height: 1.5;
    margin-bottom: 12px;
}
.admin-module-card em {
    font-style: normal;
    font-size: 0.76rem;
    font-weight: 700;
    color: #b58a24;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: transform 0.2s ease;
}
.admin-module-card:hover em {
    transform: translateX(4px);
    color: #8b6717;
}

.admin-note-card {
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    padding: 24px;
}
.admin-note-card h2 {
    font-size: 1.15rem;
    color: #111111;
    margin: 6px 0 8px;
}
.admin-note-card p {
    font-size: 0.85rem;
    color: #71717a;
    margin: 0;
    line-height: 1.6;
}

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

/* ==========================================================================
   PLATFORM YÖNETİMİ - FİRMA BAŞVURULARI & DETAY LÜKS TASARIM
   ========================================================================== */
.admin-companies-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-companies-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.admin-list-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
.admin-list-heading .card-kicker {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.admin-list-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 0 0 4px;
    line-height: 1.05;
}
.admin-list-heading p {
    margin: 0;
    color: #71717a;
    font-size: 0.88rem;
}
.admin-company-count {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 10px 18px;
    border: 1px solid #e7e4dc;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.admin-company-count strong {
    color: #b58a24;
    font-size: 1.5rem;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
}
.admin-company-count small {
    color: #71717a;
    font-size: 0.74rem;
    font-weight: 500;
}

/* Status Tabs */
.admin-status-tabs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 24px;
    padding: 6px;
    border: 1px solid #e7e4dc;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.admin-status-tabs a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #52525b !important;
    text-decoration: none !important;
    transition: all 0.18s ease;
    white-space: nowrap;
}
.admin-status-tabs a:hover {
    color: #111111 !important;
    background: #f4f4f2;
}
.admin-status-tabs a.active {
    color: #ffffff !important;
    background: #b58a24 !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.25);
}

/* Table Wrap & Styles */
.admin-company-table-wrap {
    overflow-x: auto;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}
.admin-company-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    margin: 0;
}
.admin-company-table th {
    padding: 16px 20px;
    color: #71717a;
    background: #fafaf8;
    border-bottom: 1px solid #e7e4dc;
    text-align: left;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.admin-company-table td {
    padding: 18px 20px;
    color: #18181b;
    border-bottom: 1px solid #f1efe9;
    font-size: 0.84rem;
    vertical-align: middle;
}
.admin-company-table tbody tr:last-child td {
    border-bottom: 0;
}
.admin-company-table tbody tr {
    transition: background 0.15s ease;
}
.admin-company-table tbody tr:hover {
    background: #faf9f5;
}

/* Company Name & Avatar Cell */
.company-name-cell {
    display: flex !important;
    align-items: center;
    gap: 14px;
}
.company-name-cell > span {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 12px;
    color: #121212;
    background: linear-gradient(145deg, #f2d16b, #b78c20);
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
}
.company-name-cell div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.company-name-cell strong {
    font-size: 0.88rem;
    font-weight: 700;
    color: #111111;
}
.company-name-cell small {
    font-size: 0.72rem;
    color: #71717a;
}

/* Status Badges */
.company-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.company-status.status-pending {
    color: #854d0e;
    background: #fef9c3;
    border: 1px solid #fef08a;
}
.company-status.status-approved {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
}
.company-status.status-suspended {
    color: #9a3412;
    background: #ffedd5;
    border: 1px solid #fed7aa;
}
.company-status.status-rejected {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fecaca;
}

/* Table Next Action Arrow */
.table-next {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    color: #b58a24 !important;
    text-decoration: none !important;
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.2s ease;
}
.table-next:hover {
    background: #b58a24;
    color: #ffffff !important;
    border-color: #b58a24;
    transform: translateX(3px);
}

/* Empty State Message */
.admin-list-message {
    padding: 80px 24px;
    text-align: center;
    border: 1px dashed #d9d5cb;
    border-radius: 20px;
    background: #ffffff;
    margin-top: 10px;
}
.admin-list-message > span {
    font-size: 2.2rem;
    color: #b58a24;
    display: block;
    margin-bottom: 12px;
}
.admin-list-message h2 {
    font-size: 1.4rem;
    color: #111111;
    margin: 0 0 6px;
}
.admin-list-message p {
    color: #71717a;
    font-size: 0.88rem;
    margin: 0;
}

/* ==========================================================================
   PLATFORM YÖNETİMİ - PAKETLER & ABONELİKLER
   ========================================================================== */
.admin-packages-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-packages-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.package-heading-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.package-visibility-toggle {
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 16px;
    color: #52525b !important;
    border: 1px solid #e7e4dc;
    border-radius: 12px;
    background: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.18s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.02);
}
.package-visibility-toggle:hover {
    color: #111111 !important;
    border-color: #b58a24;
    background: #fafaf8;
}
.package-heading-actions .btn-primary-soft {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 18px;
    background: #111111;
    color: #ffffff !important;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.package-heading-actions .btn-primary-soft:hover {
    background: #b58a24;
    transform: translateY(-1px);
}
.package-heading-actions .admin-company-count {
    height: 42px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e7e4dc;
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

/* Package Grid & Cards */
.admin-package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
    margin-top: 30px;
}
.admin-package-card {
    display: flex;
    flex-direction: column;
    padding: 26px;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.03);
    transition: all 0.25s ease;
    position: relative;
}
.admin-package-card:hover {
    border-color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(212,175,55,0.1);
}
.admin-package-card.inactive {
    opacity: 0.65;
    background: #fafaf8;
}
.package-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}
.package-scope {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.package-card-top h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #111111;
    margin: 0;
    line-height: 1.15;
}
.package-state {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.68rem;
    font-weight: 700;
}
.package-state.active {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
}
.package-state.passive {
    color: #71717a;
    background: #f4f4f5;
    border: 1px solid #e4e4e7;
}
.admin-package-card > p {
    font-size: 0.82rem;
    color: #71717a;
    line-height: 1.55;
    margin: 0 0 18px;
    min-height: 40px;
}
.package-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 16px 0;
    border-top: 1px solid #f1efe9;
    border-bottom: 1px solid #f1efe9;
}
.package-price strong {
    font-size: 1.8rem;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
}
.package-price span {
    font-size: 0.78rem;
    color: #71717a;
    font-weight: 600;
}

/* Package Limits Grid */
.package-limits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 18px 0;
}
.package-limits > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: #fafaf8;
    border: 1px solid #f1efe9;
    border-radius: 10px;
}
.package-limits small {
    font-size: 0.68rem;
    color: #71717a;
    font-weight: 500;
}
.package-limits strong {
    font-size: 0.88rem;
    color: #111111;
    font-weight: 700;
}

.package-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #f1efe9;
}
.package-card-footer code {
    font-size: 0.72rem;
    color: #a1a1aa;
    background: #f4f4f5;
    padding: 2px 6px;
    border-radius: 6px;
}
.package-card-footer a {
    color: #b58a24 !important;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.package-card-footer a:hover {
    transform: translateX(3px);
    color: #8b6717 !important;
}

/* Details and Actions */
.package-more-actions {
    margin-top: 14px;
    border-top: 1px solid #f1efe9;
    padding-top: 12px;
}
.package-more-actions summary {
    font-size: 0.75rem;
    font-weight: 600;
    color: #71717a;
    cursor: pointer;
    user-select: none;
}
.package-copy-form {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 14px;
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    border-radius: 12px;
}
.package-copy-form input, .package-copy-form select {
    padding: 7px 10px;
    font-size: 0.78rem;
    border: 1px solid #d4d0c7;
    border-radius: 8px;
    background: #ffffff;
    outline: 0;
}
.package-copy-form input:focus, .package-copy-form select:focus {
    border-color: #d4af37;
}
.package-copy-btn {
    padding: 7px 12px !important;
    background: #b58a24;
    color: #ffffff !important;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 8px;
    border: 0;
}
.package-deactivate-btn {
    width: 100%;
    margin-top: 8px;
    padding: 7px 12px;
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}
.package-deactivate-btn:hover {
    background: #fecaca;
}

/* ==========================================================================
   TÜM YÖNETİM SAYFALARI (DENETİM, TAHSİLAT, KAMPANYA, DUYURU, VB.)
   ========================================================================== */

/* Subscription Tahsilat */
.admin-subscription-page { min-height: calc(100vh - 72px); padding: 36px 32px 80px; background: #fcfbf9; }
.subscription-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 24px 0 28px; }
.subscription-summary-grid article { display: flex; flex-direction: column; padding: 18px; border: 1px solid #e7e4dc; border-radius: 14px; background: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
.subscription-summary-grid small { color: #71717a; font-size: 0.72rem; font-weight: 500; margin-bottom: 4px; }
.subscription-summary-grid strong { font-size: 1.6rem; font-family: "Smooch Sans", sans-serif; font-weight: 800; color: #111111; }
.subscription-charge-list { display: grid; gap: 10px; }
.subscription-charge-list article { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid #e7e4dc; border-radius: 14px; background: #ffffff; }

/* Audit Logs */
.admin-audit-page { min-height: calc(100vh - 72px); padding: 36px 32px 80px; background: #fcfbf9; }
.audit-filters { display: flex; align-items: flex-end; gap: 12px; margin: 0 0 20px; padding: 16px; border: 1px solid #e7e4dc; border-radius: 14px; background: #ffffff; flex-wrap: wrap; }
.audit-filters label { display: flex; flex-direction: column; gap: 6px; }
.audit-filters label span { color: #71717a; font-size: 0.72rem; font-weight: 700; }
.audit-filters select, .audit-filters input { height: 40px; padding: 0 12px; border: 1px solid #d4d0c7; border-radius: 8px; font-size: 0.8rem; background: #ffffff; outline: 0; }
.audit-log-list { display: grid; gap: 8px; }
.audit-log-list article { display: grid; grid-template-columns: 36px 1fr auto; align-items: start; gap: 14px; padding: 16px 20px; border: 1px solid #e7e4dc; border-radius: 14px; background: #ffffff; }
.audit-result { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; font-weight: 800; font-size: 0.85rem; }
.audit-result.success { color: #166534; background: #dcfce7; }
.audit-result.failure { color: #991b1b; background: #fee2e2; }

/* Campaigns & Announcements */
.admin-campaign-page, .admin-announcement-page, .admin-feature-page, .admin-template-page, .admin-sms-policy-page, .admin-operations-page, .admin-system-settings-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.campaign-grid, .announcement-grid, .feature-flag-grid, .sms-policy-grid, .system-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    margin-top: 24px;
}
.campaign-grid article, .announcement-grid article, .feature-flag-grid article, .sms-policy-grid article, .system-settings-grid article {
    padding: 22px;
    border: 1px solid #e7e4dc;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(0,0,0,0.02);
}

/* ==========================================================================
   PLATFORM YÖNETİMİ - KAMPANYALAR & PROMOSYON KODLARI
   ========================================================================== */
.admin-campaign-page, .admin-campaign-edit-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-campaign-page > .container-fluid, .admin-campaign-edit-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

/* Campaign Create Card & Form */
.campaign-create-card {
    padding: 26px 28px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    margin-bottom: 32px;
}
.campaign-create-card h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #111111;
    margin: 0 0 18px;
}
.campaign-create-card form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.campaign-create-card input,
.campaign-create-card select {
    width: 100%;
    height: 42px;
    padding: 0 13px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    color: #111111;
    font-size: 0.82rem;
    outline: none;
    transition: all 0.18s ease;
    box-sizing: border-box;
}
.campaign-create-card input:focus,
.campaign-create-card select:focus {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
}
.campaign-create-card button[type="submit"] {
    height: 42px;
    padding: 0 22px;
    background: #111111;
    color: #ffffff !important;
    border: 0;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    grid-column: span 1;
}
.campaign-create-card button[type="submit"]:hover {
    background: #b58a24;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25);
}

@media (max-width: 1200px) {
    .campaign-create-card form {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .campaign-create-card form {
        grid-template-columns: 1fr;
    }
}

/* Campaign Grid & Cards */
.campaign-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
    margin-top: 10px;
}
.campaign-grid article {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
    transition: all 0.22s ease;
}
.campaign-grid article:hover {
    border-color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.1);
}
.campaign-grid article.inactive {
    opacity: 0.65;
    background: #fafaf8;
}
.campaign-grid header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}
.campaign-grid header code {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: #fdf6e2;
    color: #9a731c;
    border: 1px solid #fae8b2;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}
.campaign-grid header h2 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111111;
    margin: 0;
    line-height: 1.2;
}
.campaign-grid header > span {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.68rem;
    font-weight: 700;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    white-space: nowrap;
}
.campaign-grid article.inactive header > span {
    background: #f4f4f5;
    color: #71717a;
    border-color: #e4e4e7;
}

/* Benefit highlight */
.campaign-benefit {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 12px;
    background: #faf9f6;
    border: 1px solid #eeeae2;
    margin-bottom: 16px;
}
.campaign-benefit strong {
    font-size: 1.45rem;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
}
.campaign-benefit small {
    font-size: 0.74rem;
    color: #71717a;
    font-weight: 600;
}

/* Metadata List */
.campaign-grid dl {
    display: grid;
    gap: 8px;
    margin: 0 0 18px;
}
.campaign-grid dl div {
    display: flex;
    justify-content: space-between;
    font-size: 0.78rem;
    padding-bottom: 6px;
    border-bottom: 1px solid #f4f2eb;
}
.campaign-grid dl dt {
    color: #71717a;
    font-weight: 500;
}
.campaign-grid dl dd {
    margin: 0;
    font-weight: 700;
    color: #18181b;
}

/* Actions */
.campaign-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1efe9;
}
.campaign-card-actions a {
    color: #b58a24 !important;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.2s ease;
}
.campaign-card-actions a:hover {
    color: #8b6717 !important;
    transform: translateX(3px);
}
.campaign-card-actions form {
    margin: 0;
}
.campaign-card-actions button {
    background: transparent;
    border: 1px solid #fecaca;
    color: #991b1b;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s ease;
}
.campaign-card-actions button:hover {
    background: #fee2e2;
}

/* Edit Page Form */
.campaign-edit-card {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    margin-top: 20px;
    max-width: 900px;
}
.campaign-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.campaign-edit-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.campaign-edit-grid label span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #3f3f46;
}
.campaign-edit-grid input,
.campaign-edit-grid select {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    font-size: 0.82rem;
    outline: none;
}
.campaign-edit-grid input:focus,
.campaign-edit-grid select:focus {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
}
.campaign-active-toggle {
    grid-column: span 2;
    flex-direction: row !important;
    align-items: center;
    gap: 10px !important;
    margin-top: 6px;
}
.campaign-active-toggle input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #b58a24;
}
.campaign-edit-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f1efe9;
}

/* ==========================================================================
   PLATFORM YÖNETİMİ - ÖZELLİK YÖNETİMİ (FEATURE FLAGS)
   ========================================================================== */
.admin-feature-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-feature-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

/* Feature Create Card */
.feature-create-card {
    padding: 26px 28px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    margin-bottom: 32px;
}
.feature-create-card h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #111111;
    margin: 0 0 18px;
}
.feature-create-card form {
    display: grid;
    grid-template-columns: 1.2fr 1.5fr 2fr auto auto;
    gap: 12px;
    align-items: center;
}
.feature-create-card input[type="text"],
.feature-create-card input:not([type="checkbox"]):not([type="hidden"]) {
    height: 42px;
    padding: 0 13px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    color: #111111;
    font-size: 0.82rem;
    outline: none;
    transition: all 0.18s ease;
    box-sizing: border-box;
}
.feature-create-card input:focus {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
}
.feature-create-card label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #52525b;
    white-space: nowrap;
    cursor: pointer;
}
.feature-create-card label input[type="checkbox"] {
    width: 17px;
    height: 17px;
    accent-color: #b58a24;
}
.feature-create-card button[type="submit"] {
    height: 42px;
    padding: 0 20px;
    background: #111111;
    color: #ffffff !important;
    border: 0;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.feature-create-card button[type="submit"]:hover {
    background: #b58a24;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25);
}

@media (max-width: 1100px) {
    .feature-create-card form {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 600px) {
    .feature-create-card form {
        grid-template-columns: 1fr;
    }
}

/* Feature Flag Grid & Cards */
.feature-flag-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
    margin-top: 10px;
}
.feature-flag-grid article {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
    transition: all 0.22s ease;
}
.feature-flag-grid article:hover {
    border-color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.1);
}
.feature-flag-grid article.inactive {
    opacity: 0.65;
    background: #fafaf8;
}
.feature-flag-grid header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.feature-flag-grid header code {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: #fdf6e2;
    color: #9a731c;
    border: 1px solid #fae8b2;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}
.feature-flag-grid header h2 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111111;
    margin: 0;
    line-height: 1.2;
}
.feature-flag-grid header span {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}
.feature-flag-grid header span.enabled {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.feature-flag-grid header span.disabled {
    background: #f4f4f5;
    color: #71717a;
    border: 1px solid #e4e4e7;
}

.feature-flag-grid > p {
    font-size: 0.82rem;
    color: #71717a;
    line-height: 1.55;
    margin: 0 0 16px;
    min-height: 38px;
}

/* Feature Counts */
.feature-counts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}
.feature-counts > span {
    display: flex;
    flex-direction: column;
    padding: 10px 14px;
    background: #fafaf8;
    border: 1px solid #eeeae2;
    border-radius: 10px;
}
.feature-counts strong {
    font-size: 1.3rem;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
}
.feature-counts small {
    font-size: 0.72rem;
    color: #71717a;
    font-weight: 600;
}

/* Collapsible Details in Feature Cards */
.feature-flag-grid details {
    margin-top: 8px;
    border-top: 1px solid #f1efe9;
    padding-top: 10px;
}
.feature-flag-grid summary {
    font-size: 0.76rem;
    font-weight: 700;
    color: #71717a;
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease;
    padding: 4px 0;
}
.feature-flag-grid summary:hover {
    color: #b58a24;
}

/* Current Rules List */
.feature-current-rules {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 12px;
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    border-radius: 12px;
}
.feature-current-rules > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f1efe9;
}
.feature-current-rules > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.feature-current-rules small {
    font-size: 0.65rem;
    font-weight: 800;
    color: #b58a24;
    letter-spacing: 0.06em;
    display: block;
}
.feature-current-rules strong {
    font-size: 0.8rem;
    color: #18181b;
}
.rule-on {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    background: #dcfce7;
    color: #166534;
}
.rule-off {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    background: #fee2e2;
    color: #991b1b;
}
.feature-current-rules button {
    background: transparent;
    border: 1px solid #e7e4dc;
    color: #71717a;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}
.feature-current-rules button:hover {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

/* Feature Edit & Target Forms */
.feature-edit-form, .feature-target-form {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 14px;
    background: #fafaf8;
    border: 1px solid #e7e4dc;
    border-radius: 12px;
}
.feature-edit-form input,
.feature-edit-form textarea,
.feature-target-form select {
    padding: 7px 10px;
    font-size: 0.78rem;
    border: 1px solid #d4d0c7;
    border-radius: 8px;
    background: #ffffff;
    outline: none;
}
.feature-edit-form textarea {
    min-height: 55px;
    resize: vertical;
}
.feature-edit-form input:focus,
.feature-edit-form textarea:focus,
.feature-target-form select:focus {
    border-color: #d4af37;
}
.feature-edit-form label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #52525b;
}
.feature-edit-form button,
.feature-target-form button {
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}
.feature-edit-form button {
    background: #111111;
    color: #ffffff !important;
    border: 0;
}
.feature-edit-form button:hover {
    background: #b58a24;
}
.feature-target-form button {
    background: #ffffff;
    border: 1px solid #d4d0c7;
    color: #111111;
}
.feature-target-form button:hover {
    border-color: #b58a24;
    color: #b58a24;
}

/* ==========================================================================
   1. ADMIN DUYURULAR (ANNOUNCEMENTS)
   ========================================================================== */
.admin-announcement-page, .admin-announcement-edit-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-announcement-page > .container-fluid, .admin-announcement-edit-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.announcement-create-card, .announcement-edit-card {
    padding: 26px 28px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    margin-bottom: 32px;
}
.announcement-create-card h2, .announcement-edit-card h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #111111;
    margin: 0 0 18px;
}
.announcement-create-card form {
    display: grid;
    grid-template-columns: 1.2fr 2fr 1fr 1fr 1fr auto;
    gap: 12px;
    align-items: center;
}
.announcement-create-card input,
.announcement-create-card select {
    height: 42px;
    padding: 0 13px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    color: #111111;
    font-size: 0.82rem;
    outline: none;
    box-sizing: border-box;
}
.announcement-create-card input:focus,
.announcement-create-card select:focus {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
}
.announcement-create-card button[type="submit"] {
    height: 42px;
    padding: 0 20px;
    background: #111111;
    color: #ffffff !important;
    border: 0;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.announcement-create-card button[type="submit"]:hover {
    background: #b58a24;
    transform: translateY(-1px);
}
@media (max-width: 1200px) {
    .announcement-create-card form {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .announcement-create-card form {
        grid-template-columns: 1fr;
    }
}

.announcement-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
    margin-top: 10px;
}
.announcement-grid article {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
    transition: all 0.22s ease;
}
.announcement-grid article:hover {
    border-color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.1);
}
.announcement-grid article.inactive {
    opacity: 0.65;
    background: #fafaf8;
}
.announcement-grid header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.announcement-grid header h2 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111111;
    margin: 0;
}
.announcement-grid p {
    font-size: 0.82rem;
    color: #71717a;
    line-height: 1.55;
    margin: 0 0 16px;
}
.announcement-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1efe9;
}
.announcement-actions a {
    color: #b58a24 !important;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none !important;
}

/* ==========================================================================
   2. ADMIN ABONELİK TAHSİLATLARI (SUBSCRIPTIONS)
   ========================================================================== */
.admin-subscription-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-subscription-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.subscription-filters {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin: 0 0 20px;
    padding: 16px;
    border: 1px solid #e7e4dc;
    border-radius: 14px;
    background: #ffffff;
    flex-wrap: wrap;
}
.subscription-filters label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.subscription-filters label span {
    color: #71717a;
    font-size: 0.72rem;
    font-weight: 700;
}
.subscription-filters select, .subscription-filters input {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d4d0c7;
    border-radius: 8px;
    font-size: 0.8rem;
    background: #ffffff;
    outline: none;
}
.subscription-charge-list {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}
.charge-record-card {
    display: flex;
    flex-direction: column;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}
.charge-record-card:hover {
    border-color: #d4af37;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.08);
}
.charge-record-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}
.charge-record-card header strong {
    font-size: 1.15rem;
    color: #111;
}

/* ==========================================================================
   3. ADMIN DENETİM KAYITLARI (AUDIT LOGS)
   ========================================================================== */
.admin-audit-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-audit-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.audit-filters {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin: 0 0 20px;
    padding: 16px;
    border: 1px solid #e7e4dc;
    border-radius: 14px;
    background: #ffffff;
    flex-wrap: wrap;
}
.audit-filters label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.audit-filters label span {
    color: #71717a;
    font-size: 0.72rem;
    font-weight: 700;
}
.audit-filters select, .audit-filters input {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d4d0c7;
    border-radius: 8px;
    font-size: 0.8rem;
    background: #ffffff;
    outline: none;
}
.audit-log-list {
    display: grid;
    gap: 8px;
}
.audit-log-list article {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: start;
    gap: 14px;
    padding: 16px 20px;
    border: 1px solid #e7e4dc;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.audit-result {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: 800;
    font-size: 0.85rem;
}
.audit-result.success { color: #166534; background: #dcfce7; }
.audit-result.failure { color: #991b1b; background: #fee2e2; }
.audit-main strong {
    font-size: 0.9rem;
    color: #111;
}
.audit-context {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px;
    color: #71717a;
    font-size: 0.75rem;
}
.audit-main pre {
    max-height: 200px;
    margin: 8px 0 0;
    padding: 10px;
    overflow: auto;
    background: #18181b;
    color: #f4f4f5;
    border-radius: 8px;
    font-size: 0.72rem;
}

/* ==========================================================================
   4. ADMIN SİSTEM AYARLARI (SYSTEM SETTINGS)
   ========================================================================== */
.admin-system-settings-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-system-settings-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.system-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 20px;
    margin-top: 24px;
}
.system-settings-grid article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
}
.system-settings-grid h2 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111111;
    margin: 0 0 8px;
}
.system-settings-grid form {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}
.system-settings-grid input, .system-settings-grid textarea {
    padding: 8px 12px;
    border: 1px solid #d4d0c7;
    border-radius: 8px;
    font-size: 0.82rem;
    background: #fafaf8;
    outline: none;
}
.system-settings-grid input:focus, .system-settings-grid textarea:focus {
    border-color: #d4af37;
    background: #ffffff;
}
.system-settings-grid button[type="submit"] {
    height: 38px;
    background: #111111;
    color: #ffffff !important;
    border: 0;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}
.system-settings-grid button[type="submit"]:hover {
    background: #b58a24;
}

/* ==========================================================================
   5. ADMIN BİLDİRİM ŞABLONLARI (NOTIFICATION TEMPLATES)
   ========================================================================== */
.admin-template-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-template-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.notification-template-list {
    display: grid;
    gap: 16px;
    margin-top: 24px;
}
.notification-template-list article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
}
.notification-template-list header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.template-channel {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 800;
    background: #fdf6e2;
    color: #9a731c;
    border: 1px solid #fae8b2;
}
.template-variables {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0;
}
.template-variables code {
    padding: 3px 8px;
    border-radius: 6px;
    background: #f4f4f5;
    color: #52525b;
    font-size: 0.72rem;
}

/* ==========================================================================
   6. ADMIN SMS POLİTİKALARI (SMS POLICIES)
   ========================================================================== */
.admin-sms-policy-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-sms-policy-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.sms-policy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
    margin-top: 24px;
}
.sms-policy-grid article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
}
.sms-unit-cost {
    font-size: 1.6rem;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 10px 0;
}

/* ==========================================================================
   7. ADMIN OPERASYON MERKEZİ & KUYRUKLAR
   ========================================================================== */
.admin-operations-page, .admin-queue-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-operations-page > .container-fluid, .admin-queue-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.operations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
    margin-top: 24px;
}
.operations-grid article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
}
.operation-pulse {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2);
    display: inline-block;
    margin-right: 8px;
}

/* ==========================================================================
   OPERASYON MERKEZİ & SERVİS DURUMU DETAYLI LÜKS TASARIM
   ========================================================================== */
.admin-operations-page, .admin-queue-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-operations-page > .container-fluid, .admin-queue-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

.operations-refresh {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.operations-refresh span {
    font-size: 0.74rem;
    color: #71717a;
}
.operations-refresh strong {
    font-size: 0.84rem;
    color: #111111;
}
.operations-refresh a.btn {
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
}

.operations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin: 28px 0 24px;
}
.operations-grid article {
    display: flex;
    flex-direction: column;
    padding: 26px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
    transition: all 0.22s ease;
}
.operations-grid article:hover {
    border-color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.1);
}
.operations-grid header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.operations-grid header > div {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.operations-grid header small {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #b58a24;
}
.operations-grid header h2 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111111;
    margin: 2px 0 0;
}
.operations-grid header b {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}
.operation-status-healthy header b { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.operation-status-warning header b { background: #fef9c3; color: #854d0e; border: 1px solid #fef08a; }
.operation-status-unhealthy header b { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.operation-status-notconfigured header b { background: #f4f4f5; color: #71717a; border: 1px solid #e4e4e7; }

.operation-pulse {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2);
    flex-shrink: 0;
    animation: pulseGlow 2s infinite;
}
@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
    70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
.operation-status-warning .operation-pulse { background: #eab308; box-shadow: 0 0 0 4px rgba(234, 179, 8, 0.2); }
.operation-status-unhealthy .operation-pulse { background: #ef4444; box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.2); }
.operation-status-notconfigured .operation-pulse { background: #a1a1aa; box-shadow: none; }

.operations-grid p {
    font-size: 0.82rem;
    color: #71717a;
    line-height: 1.55;
    margin: 0 0 18px;
    min-height: 38px;
}

.operation-queue-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}
.operation-queue-stats > span {
    display: flex;
    flex-direction: column;
    padding: 10px 14px;
    background: #fafaf8;
    border: 1px solid #eeeae2;
    border-radius: 10px;
}
.operation-queue-stats small {
    font-size: 0.68rem;
    color: #71717a;
}
.operation-queue-stats strong {
    font-size: 1.3rem;
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #111111;
}

.operation-queue-link {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1efe9;
    color: #b58a24 !important;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease;
}
.operation-queue-link:hover {
    transform: translateX(3px);
    color: #8b6717 !important;
}

.operations-note {
    padding: 18px 22px;
    background: #fffbeb;
    border: 1px solid #fef08a;
    border-radius: 16px;
    margin-top: 24px;
}
.operations-note strong {
    display: block;
    font-size: 0.85rem;
    color: #854d0e;
    margin-bottom: 4px;
}
.operations-note p {
    font-size: 0.8rem;
    color: #a16207;
    margin: 0;
    line-height: 1.5;
}

/* ==========================================================================
   KUYRUK YÖNETİMİ (ADMIN QUEUES)
   ========================================================================== */
.queue-status-tabs {
    display: inline-flex;
    gap: 6px;
    padding: 6px;
    border: 1px solid #e7e4dc;
    border-radius: 14px;
    background: #ffffff;
    margin-bottom: 24px;
}
.queue-status-tabs a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #52525b !important;
    text-decoration: none !important;
    transition: all 0.18s ease;
}
.queue-status-tabs a.active {
    background: #b58a24 !important;
    color: #ffffff !important;
}
.admin-queue-list {
    display: grid;
    gap: 12px;
}
.admin-queue-list article {
    padding: 22px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.queue-item-main span {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    color: #b58a24;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.queue-item-main h2 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #111;
    margin: 4px 0 2px;
}
.queue-item-main p {
    font-size: 0.82rem;
    color: #71717a;
    margin: 0;
}
.queue-item-meta {
    display: flex;
    gap: 20px;
    margin: 14px 0 10px;
    padding: 10px 14px;
    background: #fafaf8;
    border-radius: 10px;
}
.queue-item-meta small { color: #71717a; font-size: 0.72rem; margin-right: 6px; }
.queue-item-meta b { font-size: 0.82rem; color: #111; }

/* ==========================================================================
   HESABIM (ACCOUNT PROFILE & SECURITY)
   ========================================================================== */
.account-profile-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.account-profile-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.account-profile-heading {
    margin-bottom: 28px;
}
.account-profile-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 0 0 4px;
}
.account-profile-heading p {
    color: #71717a;
    margin: 0;
    font-size: 0.88rem;
}

.account-profile-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}
.account-profile-form-card {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}
.account-profile-form-card h2 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #111;
    margin: 4px 0 20px;
}
.account-profile-form-card form {
    display: grid;
    gap: 16px;
}
.account-profile-name-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.account-profile-form-card label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.account-profile-form-card label span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #3f3f46;
}
.account-profile-form-card label em {
    font-style: normal;
    color: #a1a1aa;
    font-weight: 400;
    font-size: 0.72rem;
}
.account-profile-form-card input {
    height: 44px;
    padding: 0 14px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    font-size: 0.84rem;
    outline: none;
    transition: all 0.18s ease;
}
.account-profile-form-card input:focus {
    border-color: #d4af37;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
}
.account-profile-form-card button[type="submit"] {
    height: 44px;
    padding: 0 24px;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 700;
    width: max-content;
    margin-top: 6px;
}

.account-profile-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.account-profile-side .panel-card {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025);
}
.account-profile-side h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #111;
    margin: 4px 0 8px;
}
.account-verification-state {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: 8px;
}
.account-verification-state.verified {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.account-verification-state.waiting {
    background: #fef9c3;
    color: #854d0e;
    border: 1px solid #fef08a;
}
.account-phone-change small {
    display: block;
    color: #71717a;
    font-size: 0.75rem;
    line-height: 1.5;
    margin-bottom: 12px;
}
.account-phone-change form {
    display: grid;
    gap: 10px;
}
.account-phone-change input {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dcd7cc;
    border-radius: 8px;
    background: #fafaf8;
    font-size: 0.82rem;
}

.account-created-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account-created-card small { color: #71717a; font-size: 0.78rem; }
.account-created-card strong { color: #111111; font-size: 0.88rem; }

/* Sessions Card */
.account-sessions-card {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}
.account-sessions-card .panel-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}
.account-sessions-card h2 {
    font-size: 1.35rem;
    font-weight: 800;
    color: #111;
    margin: 4px 0 2px;
}
.account-sessions-card p {
    color: #71717a;
    font-size: 0.82rem;
    margin: 0;
}
.account-session-heading-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.account-session-count {
    padding: 5px 12px;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 700;
}
.account-session-heading-actions button {
    background: transparent;
    border: 1px solid #fecaca;
    color: #991b1b;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}
.account-session-heading-actions button:hover {
    background: #fee2e2;
}

.account-session-list {
    display: grid;
    gap: 10px;
}
.account-session-list article {
    display: grid;
    grid-template-columns: 36px 1fr auto auto;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: #fafaf8;
    border: 1px solid #eeeae2;
    border-radius: 14px;
}
.account-session-list article.active {
    background: #ffffff;
    border-color: #e7e4dc;
}
.account-session-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f4f4f5;
    color: #52525b;
    font-size: 1.1rem;
}
.account-session-list strong {
    font-size: 0.88rem;
    color: #111;
    display: flex;
    align-items: center;
    gap: 8px;
}
.account-current-session {
    padding: 2px 8px;
    border-radius: 6px;
    background: #fdf6e2;
    color: #9a731c;
    border: 1px solid #fae8b2;
    font-size: 0.66rem;
    font-weight: 800;
}
.account-session-list small {
    display: block;
    color: #71717a;
    font-size: 0.72rem;
    margin-top: 2px;
}
.account-session-state {
    padding: 4px 10px;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 700;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.account-session-list article.closed .account-session-state {
    background: #f4f4f5;
    color: #71717a;
    border-color: #e4e4e7;
}
.account-session-list button {
    background: transparent;
    border: 1px solid #e7e4dc;
    color: #71717a;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
}
.account-session-list button:hover {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

@media (max-width: 900px) {
    .account-profile-grid {
        grid-template-columns: 1fr;
    }
    .account-session-list article {
        grid-template-columns: 36px 1fr;
    }
}

/* ==========================================================================
   FIXES: DUYURULAR FORMU & ABONELİK TAHSİLATLARI TOPLAM KARTI
   ========================================================================== */

/* Subscription Total Card Spacing Fix */
.subscription-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}
.subscription-total-card {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}
.subscription-total-card span {
    font-size: 0.74rem !important;
    color: #71717a !important;
    font-weight: 500 !important;
}
.subscription-total-card strong {
    font-size: 1.5rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    margin-left: 2px !important;
}

/* Announcements Form Layout Redesign */
.announcement-create-card {
    padding: 26px 28px;
    background: #ffffff;
    border: 1px solid #e7e4dc;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    margin-bottom: 32px;
}
.announcement-create-card h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #111111;
    margin: 0 0 18px;
}
.announcement-create-card form {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
}
.announcement-create-card input[name="Title"] {
    grid-column: span 4 !important;
    height: 42px;
    padding: 0 14px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    color: #111111;
    font-size: 0.84rem;
    outline: none;
    box-sizing: border-box;
}
.announcement-create-card textarea[name="Content"] {
    grid-column: span 4 !important;
    min-height: 85px !important;
    height: 85px !important;
    padding: 12px 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    color: #111111 !important;
    font-size: 0.82rem !important;
    font-family: "Roboto", sans-serif !important;
    outline: none !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}
.announcement-create-card input:focus,
.announcement-create-card textarea:focus,
.announcement-create-card select:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.announcement-create-card select {
    height: 42px;
    padding: 0 12px;
    border: 1px solid #dcd7cc;
    border-radius: 10px;
    background: #fafaf8;
    color: #111111;
    font-size: 0.82rem;
    outline: none;
    box-sizing: border-box;
}
.announcement-create-card label {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    color: #52525b !important;
}
.announcement-create-card label input {
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.82rem !important;
    outline: none !important;
}
.announcement-create-card button[type="submit"] {
    grid-column: span 4 !important;
    justify-self: end !important;
    height: 42px !important;
    padding: 0 24px !important;
    margin-top: 4px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.announcement-create-card button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

@media (max-width: 1000px) {
    .announcement-create-card form {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .announcement-create-card input[name="Title"],
    .announcement-create-card textarea[name="Content"],
    .announcement-create-card button[type="submit"] {
        grid-column: span 2 !important;
    }
}
@media (max-width: 600px) {
    .announcement-create-card form {
        grid-template-columns: 1fr !important;
    }
    .announcement-create-card input[name="Title"],
    .announcement-create-card textarea[name="Content"],
    .announcement-create-card button[type="submit"] {
        grid-column: span 1 !important;
    }
}

/* ==========================================================================
   PLATFORM YÖNETİMİ - SİSTEM AYARLARI LÜKS & DÜZENLİ TASARIM
   ========================================================================== */
.system-settings-warning {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 20px;
    background: #fffbeb;
    border: 1px solid #fef08a;
    border-radius: 14px;
    margin: 0 0 28px;
}
.system-settings-warning strong {
    font-size: 0.84rem;
    font-weight: 700;
    color: #854d0e;
}
.system-settings-warning p {
    font-size: 0.8rem;
    color: #a16207;
    margin: 0;
    line-height: 1.5;
}

.system-settings-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
    gap: 20px !important;
}
.system-settings-grid article {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    transition: all 0.22s ease !important;
}
.system-settings-grid article:hover {
    border-color: #d4af37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(212, 175, 55, 0.08) !important;
}

.system-setting-heading span {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: #fdf6e2;
    color: #9a731c;
    border: 1px solid #fae8b2;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.system-setting-heading h2 {
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 6px !important;
    line-height: 1.25 !important;
}
.system-setting-heading p {
    font-size: 0.8rem !important;
    color: #71717a !important;
    line-height: 1.5 !important;
    min-height: 38px !important;
    margin: 0 0 16px !important;
}

.system-settings-grid form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
}
.system-settings-grid form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
}
.system-settings-grid form label > span {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
}
.system-settings-grid form label > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.system-settings-grid form input[type="number"] {
    width: 110px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 8px !important;
    background: #fafaf8 !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    outline: none !important;
}
.system-settings-grid form input[type="number"]:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.system-settings-grid form label > div b {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
}

.system-settings-grid form button[type="submit"] {
    width: 100% !important;
    height: 38px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.system-settings-grid form button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
}

.system-settings-grid article footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid #f1efe9 !important;
}
.system-settings-grid article footer code {
    font-size: 0.68rem !important;
    color: #9a731c !important;
    background: #fdf6e2 !important;
    border: 1px solid #fae8b2 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 190px !important;
}
.system-settings-grid article footer span {
    font-size: 0.68rem !important;
    color: #a1a1aa !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   PLATFORM YÖNETİMİ - BİLDİRİM ŞABLONLARI LÜKS & DÜZENLİ TASARIM
   ========================================================================== */
.admin-template-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-template-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

.notification-template-list {
    display: grid !important;
    gap: 24px !important;
    margin-top: 28px !important;
}
.notification-template-list article {
    padding: 28px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    transition: all 0.2s ease !important;
}
.notification-template-list article:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 10px 28px rgba(212, 175, 55, 0.08) !important;
}

.notification-template-list header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1efe9 !important;
}
.notification-template-list header > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.template-channel {
    padding: 4px 10px !important;
    border-radius: 8px !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
}
.template-channel.channel-email {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #dbeafe !important;
}
.template-channel.channel-sms {
    background: #fdf6e2 !important;
    color: #9a731c !important;
    border: 1px solid #fae8b2 !important;
}
.notification-template-list header h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
}
.template-state {
    padding: 5px 12px !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
}
.template-state.active {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}
.template-state.passive {
    background: #f4f4f5 !important;
    color: #71717a !important;
    border: 1px solid #e4e4e7 !important;
}

.notification-template-list form {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 !important;
}
.notification-template-list form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}
.notification-template-list form label > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.notification-template-list form input[name="SubjectTemplate"] {
    width: 100% !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.notification-template-list form textarea[name="BodyTemplate"] {
    width: 100% !important;
    min-height: 110px !important;
    padding: 12px 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.84rem !important;
    font-family: "Roboto", sans-serif !important;
    color: #111111 !important;
    line-height: 1.6 !important;
    outline: none !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}
.notification-template-list form input:focus,
.notification-template-list form textarea:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

/* Variables Clickable Badges */
.template-variables {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px 16px !important;
    background: #faf9f6 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 12px !important;
}
.template-variables strong {
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
}
.template-variables > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.template-variables button {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #b58a24 !important;
    border: 1px solid #e7e4dc !important;
    font-size: 0.74rem !important;
    font-family: monospace !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
.template-variables button:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    border-color: #b58a24 !important;
    transform: translateY(-1px) !important;
}

/* Footer with Toggle & Save */
.template-form-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 4px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
}
.template-active-toggle {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    user-select: none !important;
    width: auto !important;
}
.template-active-toggle input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    accent-color: #b58a24 !important;
}
.template-active-toggle span {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
}
.template-form-footer button[type="submit"] {
    height: 40px !important;
    padding: 0 22px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.template-form-footer button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   HESABIM / PROFİL & OTURUMLAR KUSURSUZ LÜKS TASARIM
   ========================================================================== */
.account-profile-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.account-profile-page > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.account-profile-heading {
    margin-bottom: 28px;
}
.account-profile-heading .card-kicker {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.account-profile-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 0 0 4px;
    line-height: 1.05;
}
.account-profile-heading p {
    color: #71717a;
    margin: 0;
    font-size: 0.88rem;
}

.account-profile-grid {
    display: grid !important;
    grid-template-columns: 1.35fr 1fr !important;
    gap: 24px !important;
    margin-bottom: 28px !important;
    align-items: start !important;
}

/* Left Profile Form Card */
.account-profile-form-card {
    padding: 30px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.account-profile-form-card .card-kicker {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.account-profile-form-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 22px !important;
}
.account-profile-form-card form {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.account-profile-name-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}
.account-profile-form-card label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.account-profile-form-card label > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.account-profile-form-card label > span em {
    font-style: normal !important;
    color: #a1a1aa !important;
    font-weight: 500 !important;
    font-size: 0.72rem !important;
    margin-left: 4px !important;
}
.account-profile-form-card input {
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.86rem !important;
    color: #111111 !important;
    outline: none !important;
    transition: all 0.18s ease !important;
    box-sizing: border-box !important;
}
.account-profile-form-card input:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.account-profile-form-card label small {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 2px !important;
}
.account-profile-form-card label b.verified {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    color: #166534 !important;
    background: #dcfce7 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
}
.account-profile-form-card label b.waiting {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    color: #854d0e !important;
    background: #fef9c3 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
}
.account-profile-form-card button[type="submit"] {
    height: 44px !important;
    padding: 0 24px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    width: max-content !important;
    margin-top: 6px !important;
    transition: all 0.2s ease !important;
}
.account-profile-form-card button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* Email Verification box */
.account-email-verification {
    margin-top: 18px !important;
    padding: 18px 20px !important;
    background: #faf9f6 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.account-email-verification strong { font-size: 0.85rem; color: #111; }
.account-email-verification p { margin: 2px 0 0; color: #71717a; font-size: 0.78rem; }
.account-email-code-form { display: flex !important; gap: 10px !important; }
.account-email-code-form input { width: 140px !important; }

/* Right Side Cards */
.account-profile-side {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.account-profile-side .panel-card {
    padding: 24px 26px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.account-profile-side .card-kicker {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.account-profile-side h2 {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 8px !important;
}
.account-verification-state {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    width: max-content !important;
}
.account-verification-state.verified {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}
.account-verification-state.waiting {
    background: #fef9c3 !important;
    color: #854d0e !important;
    border: 1px solid #fef08a !important;
}
.account-phone-change small {
    display: block !important;
    color: #71717a !important;
    font-size: 0.76rem !important;
    line-height: 1.5 !important;
    margin: 6px 0 14px !important;
}
.account-phone-change form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.account-phone-change label {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}
.account-phone-change label > span {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.account-phone-change input {
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 8px !important;
    background: #fafaf8 !important;
    font-size: 0.84rem !important;
    outline: none !important;
}
.account-phone-change input:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
}
.account-phone-change button[type="submit"] {
    height: 42px !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.account-created-card {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 18px 24px !important;
}
.account-created-card small { color: #71717a !important; font-size: 0.78rem !important; font-weight: 500 !important; }
.account-created-card strong { color: #111111 !important; font-size: 0.88rem !important; font-weight: 800 !important; }

/* Sessions Card */
.account-sessions-card {
    padding: 30px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.account-sessions-card .panel-card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    margin-bottom: 22px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f1efe9 !important;
}
.account-sessions-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 2px !important;
}
.account-sessions-card p {
    color: #71717a !important;
    font-size: 0.82rem !important;
    margin: 0 !important;
}
.account-session-heading-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.account-session-count {
    padding: 5px 12px !important;
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
}
.account-session-heading-actions button {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #991b1b !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
.account-session-heading-actions button:hover {
    background: #fee2e2 !important;
}

.account-session-list {
    display: grid !important;
    gap: 12px !important;
}
.account-session-list article {
    display: grid !important;
    grid-template-columns: 40px 1fr auto auto !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    background: #fafaf8 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 14px !important;
    transition: all 0.2s ease !important;
}
.account-session-list article.active {
    background: #ffffff !important;
    border-color: #e7e4dc !important;
}
.account-session-list article:hover {
    border-color: #d4af37 !important;
}
.account-session-icon {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: #f4f4f5 !important;
    color: #52525b !important;
    font-size: 1.1rem !important;
}
.account-session-list strong {
    font-size: 0.9rem !important;
    color: #111111 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.account-current-session {
    padding: 2px 8px !important;
    border-radius: 6px !important;
    background: #fdf6e2 !important;
    color: #9a731c !important;
    border: 1px solid #fae8b2 !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
}
.account-session-list small {
    display: block !important;
    color: #71717a !important;
    font-size: 0.72rem !important;
    margin-top: 2px !important;
}
.account-session-state {
    padding: 4px 10px !important;
    border-radius: 99px !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}
.account-session-list article.closed .account-session-state {
    background: #f4f4f5 !important;
    color: #71717a !important;
    border-color: #e4e4e7 !important;
}
.account-session-list button {
    background: transparent !important;
    border: 1px solid #e7e4dc !important;
    color: #71717a !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
.account-session-list button:hover {
    background: #fee2e2 !important;
    border-color: #fecaca !important;
    color: #991b1b !important;
}

@media (max-width: 900px) {
    .account-profile-grid {
        grid-template-columns: 1fr !important;
    }
    .account-session-list article {
        grid-template-columns: 36px 1fr !important;
    }
}

/* ==========================================================================
   GLOBAL TIPOGRAFİ & BUTON BOYUT STANDARDIZASYONU (OKUNABİLİR MİNİMUM BOYUTLAR)
   ========================================================================== */

/* Tüm Butonlar (Global & Admin) */
.btn,
button,
a.btn,
.btn-header-action,
.package-visibility-toggle,
.package-copy-btn,
.package-deactivate-btn,
.feature-edit-form button,
.feature-target-form button,
.template-form-footer button,
.announcement-create-card button,
.campaign-create-card button,
.campaign-card-actions button,
.campaign-card-actions a,
.system-settings-grid button,
.account-session-heading-actions button,
.account-session-list button,
.operations-refresh a.btn {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Küçük butonlar / etiket butonları için taban */
.table-next {
    font-size: 1.1rem !important;
}

.template-variables button {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
}

/* Status Tabs & Filtre Sekmeleri */
.admin-status-tabs a,
.queue-status-tabs a,
.wallet-tabs a {
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    padding: 9px 18px !important;
}

/* Durum Rozetleri (Status Pills / Badges) */
.company-status,
.package-state,
.template-state,
.template-channel,
.account-session-state,
.account-verification-state,
.account-session-count,
.rule-on,
.rule-off,
.status-badge-inline,
.topbar-status-chip span,
.role-pill,
.role-chip,
.gold-badge,
.secure-badge {
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

/* Form Etiketleri & Açıklama Metinleri */
label span,
.form-field label,
.social-form-grid label > span:first-child {
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}

.card-kicker,
.eyebrow,
.social-page-head span {
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.admin-sidebar .admin-nav-label,
.admin-sidebar .admin-nav-section-label {
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.package-scope {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
}

/* Tablo Başlıkları ve Hücreleri */
.admin-company-table th,
.company-wallet-list header {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
}

.admin-company-table td {
    font-size: 0.94rem !important;
}

.company-name-cell strong {
    font-size: 1.02rem !important;
}

.company-name-cell small,
.admin-company-table td > small,
.recent-project-item small,
.notification-item time,
.audit-context {
    font-size: 0.84rem !important;
}

/* Genel Form Girdileri (Input / Select / Textarea) */
input,
select,
textarea {
    font-size: 0.95rem !important;
}

/* Kart Açıklama Paragrafları */
.admin-package-card > p,
.campaign-grid p,
.announcement-grid p,
.feature-flag-grid > p,
.system-setting-heading p,
.operations-grid p,
.account-profile-side small,
.admin-list-message p {
    font-size: 0.86rem !important;
    line-height: 1.6 !important;
}

/* Kod & Teknik Etiketler */
code,
.campaign-grid header code,
.feature-flag-grid header code,
.package-card-footer code,
.system-settings-grid article footer code {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   LÜKS BOŞ DURUM (EMPTY STATE) VE BİLGİ KARTLARI (TÜM SAYFALAR İÇİN)
   ========================================================================== */

/* Standart Boş Durum Kartı (Paketler, Denetim, Kampanya, Abonelik, Duyuru vb.) */
.admin-list-message {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 64px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.025) !important;
    margin: 24px 0 !important;
}
.admin-list-message > span {
    display: grid !important;
    place-items: center !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 18px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    border: 1px solid #fae8b2 !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    margin-bottom: 18px !important;
}
.admin-list-message h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 8px !important;
}
.admin-list-message p {
    font-size: 0.88rem !important;
    color: #71717a !important;
    margin: 0 !important;
    max-width: 480px !important;
    line-height: 1.55 !important;
}

/* Hata / Uyarı Durumu */
.admin-list-message.error {
    background: #ffffff !important;
    border: 1px solid #fed7aa !important;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.04) !important;
    color: #9a3412 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    padding: 48px 32px !important;
}
.admin-list-message.error::before {
    content: "!" !important;
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: #fff7ed !important;
    color: #ea580c !important;
    border: 1px solid #ffedd5 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
}

/* SMS Politikaları Kartları Düzenleme */
.sms-policy-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
    gap: 22px !important;
    margin-top: 24px !important;
}
.sms-policy-grid article {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 26px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    transition: all 0.22s ease !important;
}
.sms-policy-grid article:hover {
    border-color: #d4af37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(212, 175, 55, 0.08) !important;
}
.sms-policy-grid header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}
.sms-policy-grid header span {
    display: inline-block !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 4px !important;
}
.sms-policy-grid article.security-policy header span {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #dbeafe !important;
}
.sms-policy-grid article:not(.security-policy) header span {
    background: #fdf6e2 !important;
    color: #9a731c !important;
    border: 1px solid #fae8b2 !important;
}
.sms-policy-grid header h2 {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 2px 0 0 !important;
}
.sms-policy-grid header b.chargeable {
    padding: 4px 10px !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    background: #fee2e2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}
.sms-policy-grid header b.free {
    padding: 4px 10px !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

.sms-policy-grid form {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 12px 0 !important;
}
.sms-charge-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}
.sms-charge-toggle input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #b58a24 !important;
}
.sms-charge-toggle span {
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
}
.sms-unit-cost {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
}
.sms-unit-cost > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
}
.sms-unit-cost > div {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.sms-unit-cost input[type="number"] {
    width: 90px !important;
    height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 8px !important;
    background: #fafaf8 !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    outline: none !important;
}
.sms-unit-cost input:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
}
.sms-unit-cost b {
    font-size: 0.82rem !important;
    color: #52525b !important;
}

.sms-policy-grid form button[type="submit"] {
    height: 40px !important;
    width: 100% !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.sms-policy-grid form button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
}

.sms-policy-grid footer {
    font-size: 0.72rem !important;
    color: #a1a1aa !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1efe9 !important;
}

/* Abonelik Tahsilatları Liste Kartları */
.subscription-charge-list article {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr auto auto !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 20px 24px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 12px !important;
}
.subscription-charge-list article:hover {
    border-color: #d4af37 !important;
}
.subscription-company {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.subscription-company-mark {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    border: 1px solid #fae8b2 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
}
.subscription-company strong {
    font-size: 0.95rem !important;
    color: #111111 !important;
}
.subscription-company small {
    display: block !important;
    font-size: 0.74rem !important;
    color: #71717a !important;
}
.subscription-amount small {
    display: block !important;
    font-size: 0.72rem !important;
    color: #71717a !important;
}
.subscription-amount strong {
    font-size: 1.25rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #111111 !important;
}
.subscription-amount strong.has-debt {
    color: #b58a24 !important;
}
.subscription-status {
    padding: 5px 12px !important;
    border-radius: 99px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.subscription-status.pending { background: #fef9c3 !important; color: #854d0e !important; border: 1px solid #fef08a !important; }
.subscription-status.paid { background: #dcfce7 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }
.subscription-status.partiallypaid { background: #ffedd5 !important; color: #9a3412 !important; border: 1px solid #fed7aa !important; }
.subscription-status.cancelled { background: #f4f4f5 !important; color: #71717a !important; border: 1px solid #e4e4e7 !important; }

.subscription-detail-link {
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.subscription-detail-link:hover {
    color: #8b6717 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   KAMPANYA OLUŞTURMA FORMU - DUYURULAR İLE AYNI VE LÜKS FORM TASARIMI
   ========================================================================== */
.campaign-create-card {
    padding: 28px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 32px !important;
}
.campaign-create-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 20px !important;
}
.campaign-create-card form {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}
.campaign-create-card label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}
.campaign-create-card label > span {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.campaign-create-card label.col-span-2 {
    grid-column: span 2 !important;
}
.campaign-create-card input,
.campaign-create-card select {
    width: 100% !important;
    height: 42px !important;
    padding: 0 13px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    color: #111111 !important;
    font-size: 0.88rem !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.campaign-create-card input:focus,
.campaign-create-card select:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.campaign-form-submit {
    grid-column: span 4 !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 4px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
}
.campaign-form-submit button[type="submit"] {
    height: 42px !important;
    padding: 0 26px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.campaign-form-submit button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

@media (max-width: 1100px) {
    .campaign-create-card form {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .campaign-create-card label.col-span-2,
    .campaign-form-submit {
        grid-column: span 2 !important;
    }
}
@media (max-width: 600px) {
    .campaign-create-card form {
        grid-template-columns: 1fr !important;
    }
    .campaign-create-card label.col-span-2,
    .campaign-form-submit {
        grid-column: span 1 !important;
    }
}

/* ==========================================================================
   ÖZELLİK YÖNETİMİ OLUŞTURMA FORMU - LÜKS & DÜZENLİ FORM TASARIMI
   ========================================================================== */
.feature-create-card {
    padding: 28px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 32px !important;
}
.feature-create-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 20px !important;
}
.feature-create-card form {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}
.feature-create-card label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}
.feature-create-card label > span {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.feature-create-card label.col-span-2 {
    grid-column: span 2 !important;
}
.feature-create-card label.col-span-4 {
    grid-column: span 4 !important;
}
.feature-create-card input[type="text"],
.feature-create-card input:not([type="checkbox"]):not([type="hidden"]) {
    width: 100% !important;
    height: 42px !important;
    padding: 0 13px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    color: #111111 !important;
    font-size: 0.88rem !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.feature-create-card textarea {
    width: 100% !important;
    min-height: 70px !important;
    padding: 10px 13px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    color: #111111 !important;
    font-size: 0.88rem !important;
    font-family: "Roboto", sans-serif !important;
    outline: none !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}
.feature-create-card input:focus,
.feature-create-card textarea:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

/* Footer with Checkbox Toggle & Button */
.feature-form-footer {
    grid-column: span 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 4px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
}
.feature-active-toggle {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    user-select: none !important;
    width: auto !important;
}
.feature-active-toggle input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #b58a24 !important;
}
.feature-active-toggle span {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
}
.feature-form-footer button[type="submit"] {
    height: 42px !important;
    padding: 0 26px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.feature-form-footer button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

@media (max-width: 900px) {
    .feature-create-card form {
        grid-template-columns: 1fr !important;
    }
    .feature-create-card label.col-span-2,
    .feature-create-card label.col-span-4,
    .feature-form-footer {
        grid-column: span 1 !important;
    }
}

/* ==========================================================================
   FİRMA DETAY & DEĞERLENDİRME SAYFASI (ADMIN COMPANY DETAIL)
   ========================================================================== */
.admin-company-detail {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-company-detail > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

/* Heading & Status */
.company-detail-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
}
.company-detail-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 0 0 4px;
    line-height: 1.05;
}
.company-detail-heading p {
    color: #71717a;
    margin: 0;
    font-size: 0.88rem;
}
.detail-company-status {
    padding: 8px 18px !important;
    font-size: 0.84rem !important;
    border-radius: 99px !important;
    font-weight: 700 !important;
}

/* Metrics Grid (6 Columns) */
.company-detail-metrics {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 28px !important;
}
.company-detail-metrics article {
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 20px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.2s ease !important;
}
.company-detail-metrics article:hover {
    border-color: #d4af37 !important;
    transform: translateY(-2px) !important;
}
.company-detail-metrics small {
    color: #71717a !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 4px !important;
}
.company-detail-metrics strong {
    font-size: 1.8rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.1 !important;
}
.company-detail-metrics span {
    font-size: 0.74rem !important;
    color: #a1a1aa !important;
    margin-top: 4px !important;
}
.credit-metric-link a {
    color: #b58a24 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-top: 6px !important;
}

@media (max-width: 1200px) {
    .company-detail-metrics {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .company-detail-metrics {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Assign Package Card */
.assign-package-card {
    padding: 26px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    margin-bottom: 28px !important;
}
.assign-package-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 12px !important;
}
.current-package {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    padding: 8px 16px !important;
    background: #faf9f6 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 10px !important;
    margin-bottom: 16px !important;
}
.current-package small { color: #71717a; font-size: 0.74rem; font-weight: 600; }
.current-package strong { color: #b58a24; font-size: 0.95rem; font-weight: 800; }
.current-package span { color: #71717a; font-size: 0.74rem; }

.assign-package-form {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr 1fr auto !important;
    gap: 14px !important;
    align-items: flex-end !important;
    margin-top: 14px !important;
}
.assign-package-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.assign-package-form input,
.assign-package-form select {
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.88rem !important;
    outline: none !important;
}
.assign-package-form input:focus,
.assign-package-form select:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
}
.assign-package-btn {
    height: 42px !important;
    padding: 0 24px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.assign-package-btn:hover {
    background: #b58a24 !important;
}

.package-price-preview {
    grid-column: span 5 !important;
    padding: 14px 18px !important;
    background: #faf9f6 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}
.package-price-preview strong { color: #b58a24; font-size: 1.1rem; }

/* 2-Column Main Grid */
.company-detail-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr !important;
    gap: 24px !important;
    margin-bottom: 28px !important;
}

/* Company Definition List */
.company-definition-list {
    display: grid !important;
    gap: 12px !important;
    margin: 16px 0 0 !important;
}
.company-definition-list > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f4f2eb !important;
    font-size: 0.88rem !important;
}
.company-definition-list dt {
    color: #71717a !important;
    font-weight: 500 !important;
}
.company-definition-list dd {
    margin: 0 !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

/* Company User List */
.company-user-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 16px !important;
}
.company-user-list > div {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    background: #fafaf8 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 12px !important;
}
.company-user-avatar {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    border: 1px solid #fae8b2 !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
}
.company-user-list strong {
    font-size: 0.92rem !important;
    color: #111 !important;
    display: block !important;
}
.company-user-list small {
    color: #71717a !important;
    font-size: 0.76rem !important;
    display: block !important;
}
.user-state {
    margin-left: auto !important;
    padding: 4px 10px !important;
    border-radius: 99px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
}
.user-state.active { background: #dcfce7 !important; color: #166534 !important; }
.user-state.passive { background: #f4f4f5 !important; color: #71717a !important; }

/* Side Action Card */
.company-action-card {
    padding: 26px 28px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.company-action-card h2 {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 8px !important;
}
.company-action-card p {
    color: #71717a !important;
    font-size: 0.84rem !important;
    margin-bottom: 18px !important;
    line-height: 1.5 !important;
}
.reject-company-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 14px !important;
}
.reject-company-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.reject-company-form input,
.reject-company-form textarea {
    padding: 9px 12px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 8px !important;
    background: #fafaf8 !important;
    font-size: 0.86rem !important;
    outline: none !important;
}
.reject-company-form small {
    font-size: 0.74rem !important;
    color: #71717a !important;
}
.reject-company-form small b {
    color: #b58a24 !important;
}

.approve-company-btn {
    height: 42px !important;
    background: #166534 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}
.approve-company-btn:hover {
    background: #15803d !important;
}
.reject-company-btn {
    height: 42px !important;
    background: #991b1b !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}
.reject-company-btn:hover {
    background: #b91c1c !important;
}
.suspend-company-btn {
    height: 42px !important;
    background: #854d0e !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}
.reactivate-company-btn {
    height: 42px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.reject-divider {
    text-align: center !important;
    margin: 20px 0 10px !important;
    position: relative !important;
}
.reject-divider::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: #e7e4dc !important;
}
.reject-divider span {
    position: relative !important;
    background: #ffffff !important;
    padding: 0 12px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    color: #a1a1aa !important;
    text-transform: uppercase !important;
}

.company-id-card {
    padding: 16px 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 16px !important;
}
.company-id-card code {
    font-size: 0.78rem !important;
    color: #71717a !important;
}

/* Subscriptions & Links */
.company-subscriptions-card {
    padding: 26px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    margin-bottom: 24px !important;
}
.company-subscriptions-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111 !important;
    margin: 4px 0 16px !important;
}
.company-subscription-list {
    display: grid !important;
    gap: 12px !important;
}
.company-subscription-list > div {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    background: #fafaf8 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 14px !important;
}
.company-subscription-list strong {
    font-size: 0.95rem !important;
    color: #111 !important;
}
.company-subscription-list small {
    display: block !important;
    color: #71717a !important;
    font-size: 0.76rem !important;
}

.company-sms-manage-link {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
}
.company-sms-manage-link a {
    padding: 10px 20px !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
}

/* ==========================================================================
   FİRMA DETAY BUTONLARI & FORM DÜZENİ STANDARDIZASYONU
   ========================================================================== */

/* Paket Atama Kartı ve Formu */
.assign-package-card {
    padding: 28px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    margin-bottom: 28px !important;
}
.assign-package-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 16px !important;
}

.assign-package-form {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    margin-top: 18px !important;
}
.assign-package-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
    width: 100% !important;
}
.assign-package-form input,
.assign-package-form select {
    width: 100% !important;
    height: 42px !important;
    padding: 0 13px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.88rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.assign-package-form input:focus,
.assign-package-form select:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.assign-package-form label small {
    font-size: 0.72rem !important;
    color: #71717a !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
}

/* Fiyat Önizleme Kutusu */
.package-price-preview {
    grid-column: span 4 !important;
    padding: 16px 20px !important;
    background: #faf9f6 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 4px !important;
}
.package-price-preview small {
    color: #71717a !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
}
.package-price-preview strong {
    color: #b58a24 !important;
    font-size: 1.3rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
}
.package-price-preview span {
    font-size: 0.82rem !important;
    color: #52525b !important;
}
.package-price-preview em {
    font-style: normal !important;
    font-size: 0.78rem !important;
    color: #166534 !important;
    font-weight: 700 !important;
}

/* Standart Paketi Ata Butonu */
.assign-package-btn {
    grid-column: span 4 !important;
    justify-self: end !important;
    height: 42px !important;
    padding: 0 28px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 4px !important;
}
.assign-package-btn:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* Firma İşlemleri Butonları */
.approve-company-btn,
.reject-company-btn,
.suspend-company-btn,
.reactivate-company-btn {
    width: 100% !important;
    height: 44px !important;
    padding: 0 20px !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 10px !important;
}
.approve-company-btn {
    background: #166534 !important;
    color: #ffffff !important;
    border: 0 !important;
}
.approve-company-btn:hover {
    background: #15803d !important;
    transform: translateY(-1px) !important;
}
.reject-company-btn {
    background: #991b1b !important;
    color: #ffffff !important;
    border: 0 !important;
}
.reject-company-btn:hover {
    background: #b91c1c !important;
    transform: translateY(-1px) !important;
}
.suspend-company-btn {
    background: #854d0e !important;
    color: #ffffff !important;
    border: 0 !important;
}
.suspend-company-btn:hover {
    background: #a16207 !important;
    transform: translateY(-1px) !important;
}
.reactivate-company-btn {
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
}
.reactivate-company-btn:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 1100px) {
    .assign-package-form {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .package-price-preview,
    .assign-package-btn {
        grid-column: span 2 !important;
    }
}
@media (max-width: 600px) {
    .assign-package-form {
        grid-template-columns: 1fr !important;
    }
    .package-price-preview,
    .assign-package-btn {
        grid-column: span 1 !important;
    }
}

/* ==========================================================================
   FİRMA DETAY: PAKET ATAMA KARTI VE BUTON HİZALAMA
   ========================================================================== */
.assign-package-card .panel-card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f1efe9 !important;
}
.no-package-badge {
    padding: 5px 12px !important;
    border-radius: 99px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    background: #f4f4f5 !important;
    color: #71717a !important;
    border: 1px solid #e4e4e7 !important;
}

.assign-package-submit {
    grid-column: span 4 !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
}
.assign-package-submit button[type="submit"] {
    height: 42px !important;
    padding: 0 28px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.assign-package-submit button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   FİRMA DETAY: ABONELİK BOŞ DURUMU (ALERT KUTUSU) VE ALT BUTONLAR
   ========================================================================== */
.subscription-empty-alert {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 20px 24px !important;
    background: #faf9f6 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 14px !important;
    margin: 8px 0 !important;
}
.subscription-empty-alert > span {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    border: 1px solid #fae8b2 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}
.subscription-empty-alert strong {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    display: block !important;
    margin-bottom: 2px !important;
}
.subscription-empty-alert p {
    font-size: 0.84rem !important;
    color: #71717a !important;
    margin: 0 !important;
}

/* Bottom Action Buttons */
.company-sms-manage-link {
    display: flex !important;
    gap: 14px !important;
    margin-top: 24px !important;
}
.company-sms-manage-link a.btn {
    height: 44px !important;
    padding: 0 22px !important;
    border: 1px solid #d4d0c7 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
}
.company-sms-manage-link a.btn:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #fafaf8 !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   FİRMA ERİŞİMİNİ ASKIYA AL BUTONU STANDART KOYU/ALTIN TASARIM
   ========================================================================== */
.suspend-company-btn {
    width: 100% !important;
    height: 42px !important;
    padding: 0 20px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 10px !important;
}
.suspend-company-btn:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   YENİ / DÜZENLE PAKET FORMU (ADMIN PACKAGE FORM) LÜKS TASARIM
   ========================================================================== */
.admin-package-form-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.package-form-container {
    max-width: 960px;
    margin: 0 auto;
}

.create-heading {
    margin-bottom: 28px;
}
.create-heading .card-kicker {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.create-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 0 0 4px;
    line-height: 1.05;
}
.create-heading p {
    color: #71717a;
    font-size: 0.88rem;
    margin: 0;
}

.admin-package-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.admin-package-form .form-section {
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}

.form-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1efe9 !important;
}
.form-section-title span {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    border: 1px solid #fae8b2 !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
}
.form-section-title h2 {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
}
.form-section-title p {
    font-size: 0.78rem !important;
    color: #71717a !important;
    margin: 2px 0 0 !important;
}

/* Fields & Grids */
.form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}
.form-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.form-field.full,
.form-check-premium.full,
.form-grid .full {
    grid-column: span 2 !important;
}
.form-field label {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.form-field input,
.form-field select,
.form-field textarea {
    width: 100% !important;
    height: 42px !important;
    padding: 0 13px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    color: #111111 !important;
    font-size: 0.88rem !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.form-field textarea {
    min-height: 80px !important;
    padding: 10px 13px !important;
    resize: vertical !important;
    font-family: "Roboto", sans-serif !important;
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

/* Limits Form Grid */
.package-limit-form-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 800px) {
    .package-limit-form-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Visibility Checkbox */
.form-check-premium {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 20px !important;
    background: #faf9f6 !important;
    border: 1px solid #eeeae2 !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    margin-bottom: 16px !important;
}
.form-check-premium input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #b58a24 !important;
}
.form-check-premium strong {
    display: block !important;
    font-size: 0.9rem !important;
    color: #111111 !important;
}
.form-check-premium small {
    display: block !important;
    font-size: 0.76rem !important;
    color: #71717a !important;
    margin-top: 2px !important;
}

.package-company-field.hidden {
    display: none !important;
}

/* Bottom Actions */
.create-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 8px !important;
    padding-top: 20px !important;
}
.create-actions .btn-ghost {
    padding: 10px 22px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    background: transparent !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    transition: all 0.18s ease !important;
}
.create-actions .btn-ghost:hover {
    color: #111111 !important;
    background: #f4f4f5 !important;
}
.create-actions button[type="submit"] {
    height: 44px !important;
    padding: 0 30px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.create-actions button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   FİRMA BİLGİLERİ (KURUMSAL BİLGİLER) SOLA HİZALI TABLO DÜZENİ
   ========================================================================== */
.company-definition-list {
    display: grid !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
}
.company-definition-list > div {
    display: grid !important;
    grid-template-columns: 160px 1fr !important;
    align-items: center !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f4f2eb !important;
    font-size: 0.88rem !important;
}
.company-definition-list dt {
    color: #71717a !important;
    font-weight: 500 !important;
    margin: 0 !important;
    text-align: left !important;
}
.company-definition-list dd {
    margin: 0 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-align: left !important;
}

/* ==========================================================================
   TÜM UYGULAMA GENELİNDE BUTON YAZI TİPİ VE BOYUTLARININ BÜYÜTÜLMESİ
   ========================================================================== */

/* 1. Tüm Buton Etiketleri (Evrensel Kapsayıcı) */
.btn,
button,
a.btn,
input[type="submit"],
input[type="button"],
.btn-dark,
.btn-outline-dark,
.btn-primary-soft,
.btn-ghost,
.btn-header-action,
.package-visibility-toggle,
.package-copy-btn,
.package-deactivate-btn,
.approve-company-btn,
.reject-company-btn,
.suspend-company-btn,
.reactivate-company-btn,
.assign-package-btn,
.account-profile-form-card button,
.account-phone-change button,
.account-sessions-card button,
.account-email-verification button,
.account-email-code-form button,
.operations-refresh a.btn,
.company-sms-manage-link a.btn,
.campaign-create-card button,
.campaign-card-actions button,
.campaign-card-actions a,
.announcement-create-card button,
.announcement-actions button,
.announcement-actions a,
.feature-create-card button,
.feature-form-footer button,
.feature-edit-form button,
.feature-target-form button,
.system-settings-grid button,
.sms-policy-grid button,
.admin-pagination a,
.project-pagination a,
.create-actions button,
.create-actions a {
    font-size: 0.95rem !important; /* Net, belirgin ve büyük okunabilir buton yazısı */
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
}

/* Buton Yükseklikleri & Rahat İç Boşluklar */
.btn,
button[type="submit"],
a.btn,
.account-profile-form-card button[type="submit"],
.account-phone-change button,
.account-email-code-form button,
.assign-package-btn,
.approve-company-btn,
.reject-company-btn,
.suspend-company-btn,
.reactivate-company-btn,
.campaign-create-card button,
.announcement-create-card button,
.feature-create-card button {
    min-height: 44px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
}

/* Hesabım Sayfası Özel Buton Büyütmeleri */
.account-phone-change button,
.account-email-verification button {
    height: 44px !important;
    font-size: 0.95rem !important;
    padding: 0 20px !important;
}

.account-session-heading-actions button {
    font-size: 0.88rem !important;
    padding: 8px 18px !important;
}

.account-session-list button {
    font-size: 0.88rem !important;
    padding: 8px 16px !important;
}

/* Tablo Aksiyon / Detay Linkleri */
.table-next,
.subscription-detail-link,
.operation-queue-link {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   FİRMA DETAY: PAKET ATAMA KARTI VE FORM DÜZENİ (KUSURSUZ LÜKS TASARIM)
   ========================================================================== */
.assign-package-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 30px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    margin-bottom: 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.assign-package-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-bottom: 22px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f1efe9 !important;
}
.assign-package-header h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 0 !important;
}

.assign-package-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
}

.assign-package-inputs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}
.assign-package-inputs label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}
.assign-package-inputs label > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.assign-package-inputs input,
.assign-package-inputs select {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.9rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.assign-package-inputs input:focus,
.assign-package-inputs select:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.assign-package-inputs label small {
    font-size: 0.72rem !important;
    color: #71717a !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
}

.package-price-preview {
    width: 100% !important;
    padding: 16px 22px !important;
    background: #faf9f6 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}
.package-price-preview small {
    color: #71717a !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
}
.package-price-preview strong {
    color: #b58a24 !important;
    font-size: 1.3rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
}
.package-price-preview span {
    font-size: 0.84rem !important;
    color: #52525b !important;
}
.package-price-preview em {
    font-style: normal !important;
    font-size: 0.78rem !important;
    color: #166534 !important;
    font-weight: 700 !important;
}

.assign-package-submit {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1efe9 !important;
}
.assign-package-submit button[type="submit"] {
    height: 44px !important;
    padding: 0 32px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.assign-package-submit button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

@media (max-width: 1100px) {
    .assign-package-inputs {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .assign-package-inputs {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   BİLDİRİM ŞABLONLARI: 2 SÜTUNLU (HER SATIRDA 2 TANE) LÜKS IZGARA
   ========================================================================== */
.notification-template-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 22px !important;
    margin-top: 28px !important;
}

.notification-template-list article {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 26px 28px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    transition: all 0.2s ease !important;
}

.notification-template-list article:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 10px 28px rgba(212, 175, 55, 0.08) !important;
}

.notification-template-list form {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    height: 100% !important;
}

.notification-template-list form textarea[name="BodyTemplate"] {
    min-height: 95px !important;
}

.template-form-footer {
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
}

@media (max-width: 1100px) {
    .notification-template-list {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   BİLDİRİM ŞABLONLARI: ŞABLONU KAYDET BUTONU BÜYÜTME
   ========================================================================== */
.template-form-footer button[type="submit"],
.notification-template-list button[type="submit"] {
    height: 44px !important;
    padding: 0 28px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.template-form-footer button[type="submit"]:hover,
.notification-template-list button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   TÜM PROJE GENELİNDE BUTON YAZI BOYUTU: 1.1rem
   ========================================================================== */

/* 1. Global Buton Seçicileri */
.btn,
button,
a.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn-dark,
.btn-outline-dark,
.btn-primary-soft,
.btn-ghost,
.btn-header-action,
.package-visibility-toggle,
.package-copy-btn,
.package-deactivate-btn,
.approve-company-btn,
.reject-company-btn,
.suspend-company-btn,
.reactivate-company-btn,
.assign-package-btn,
.account-profile-form-card button,
.account-phone-change button,
.account-sessions-card button,
.account-session-heading-actions button,
.account-session-list button,
.account-email-verification button,
.account-email-code-form button,
.operations-refresh a.btn,
.company-sms-manage-link a.btn,
.campaign-create-card button,
.campaign-card-actions button,
.campaign-card-actions a,
.announcement-create-card button,
.announcement-actions button,
.announcement-actions a,
.feature-create-card button,
.feature-form-footer button,
.feature-edit-form button,
.feature-target-form button,
.system-settings-grid button,
.sms-policy-grid button,
.admin-pagination a,
.project-pagination a,
.create-actions button,
.create-actions a,
.template-form-footer button,
.notification-template-list button,
.cancel-scheduled-form button {
    font-size: 1.1rem !important; /* Kullanıcının talebi doğrultusunda tam 1.1rem */
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Rahat tıklama için minimum yükseklik ve iç boşluk */
.btn,
button,
a.btn,
input[type="submit"] {
    min-height: 44px !important;
}

/* ==========================================================================
   FİRMA / STÜDYO SAYFALARI: FORMLAR, BUTONLAR, UYARILAR & KARTLAR
   ========================================================================== */

/* 1. Tüm Firma / Proje / Çalışan Formları */
.project-create-page,
.employee-create-page,
.company-subscription-page,
.company-wallet-page,
.notifications-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.project-create-page > .container,
.employee-create-page > .container,
.company-subscription-page > .container-fluid,
.company-wallet-page > .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}

.project-create-form .form-section,
.employee-create-page .form-section {
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    margin-bottom: 24px !important;
}

.project-create-form .form-field,
.employee-create-page .form-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.project-create-form .form-field label,
.employee-create-page .form-field label {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}

.project-create-form input,
.project-create-form select,
.project-create-form textarea,
.employee-create-page input,
.employee-create-page select,
.employee-create-page textarea,
.wallet-filter-form input,
.wallet-filter-form select {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.92rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}

.project-create-form textarea,
.employee-create-page textarea {
    min-height: 85px !important;
    padding: 12px 14px !important;
    resize: vertical !important;
    font-family: "Roboto", sans-serif !important;
}

.project-create-form input:focus,
.project-create-form select:focus,
.project-create-form textarea:focus,
.employee-create-page input:focus,
.employee-create-page select:focus,
.employee-create-page textarea:focus,
.wallet-filter-form input:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

/* 2. Cüzdan / Hareketler Filtre Formu */
.wallet-filter-form {
    display: flex !important;
    align-items: flex-end !important;
    gap: 14px !important;
    padding: 18px 22px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 16px !important;
    margin-bottom: 24px !important;
    flex-wrap: wrap !important;
}
.wallet-filter-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.wallet-filter-form input[type="date"] {
    height: 44px !important;
    width: 160px !important;
}
.wallet-export-note {
    font-size: 0.76rem !important;
    color: #a1a1aa !important;
    margin-left: auto !important;
    align-self: center !important;
}

/* 3. Firma Sayfalarındaki Uyarılar (Alerts) */
.alert,
.dashboard-alert {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 22px !important;
    border-radius: 14px !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}
.alert-success {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
}
.alert-danger {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #991b1b !important;
}
.alert-warning {
    background: #fffbeb !important;
    border: 1px solid #fef08a !important;
    color: #854d0e !important;
}

/* Dashboard Subscription & Access Alert Box */
.dashboard-subscription-alert {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 20px 24px !important;
    background: #fffbeb !important;
    border: 1px solid #fef08a !important;
    border-radius: 18px !important;
    margin-bottom: 24px !important;
}
.dashboard-subscription-alert-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: #fef08a !important;
    color: #854d0e !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}
.dashboard-subscription-alert strong {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #854d0e !important;
    display: block !important;
    margin-bottom: 2px !important;
}
.dashboard-subscription-alert p {
    font-size: 0.86rem !important;
    color: #a16207 !important;
    margin: 0 !important;
}
.dashboard-subscription-alert a {
    margin-left: auto !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #854d0e !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.dashboard-subscription-alert a:hover {
    text-decoration: underline !important;
}

/* 4. Abonelik ve Cüzdan Boş Durumları (Empty States) */
.subscription-empty-state,
.wallet-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 60px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    margin: 24px 0 !important;
}
.subscription-empty-state::before,
.wallet-empty::before {
    content: "◇" !important;
    display: grid !important;
    place-items: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    border: 1px solid #fae8b2 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 16px !important;
}
.subscription-empty-state strong,
.wallet-empty strong {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.subscription-empty-state p,
.wallet-empty p {
    font-size: 0.88rem !important;
    color: #71717a !important;
    margin: 0 !important;
    max-width: 480px !important;
}

/* 5. Abonelik Sayfası Kahraman Kartı & Haklar Izgarası */
.subscription-hero-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 32px 36px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12) !important;
    margin-bottom: 24px !important;
}
.subscription-hero-card span {
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    color: #d4af37 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.subscription-hero-card h2 {
    font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 4px !important;
}
.subscription-hero-card p {
    color: #a1a1aa !important;
    font-size: 0.86rem !important;
    margin: 0 !important;
}
.subscription-days {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}
.subscription-days strong {
    font-size: 3rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #d4af37 !important;
    line-height: 1 !important;
}
.subscription-days span {
    color: #a1a1aa !important;
    font-size: 0.76rem !important;
}

.subscription-rights-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}
.subscription-rights-grid article {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 22px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
}
.subscription-rights-grid small {
    color: #71717a !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}
.subscription-rights-grid strong {
    font-size: 1.8rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

.subscription-detail-layout {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}
.subscription-detail-layout .panel-card {
    padding: 26px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}

/* ==========================================================================
   BİLDİRİMLER MERKEZİ (NOTIFICATIONS) LÜKS TASARIM
   ========================================================================== */
.notifications-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.notifications-page .container-fluid {
    max-width: 1100px;
    margin: 0 auto;
}

.notifications-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
}
.notifications-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem) !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    margin: 0 0 4px !important;
    line-height: 1.05 !important;
}
.notifications-heading p {
    color: #71717a !important;
    font-size: 0.88rem !important;
    margin: 0 !important;
}

.notification-heading-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.notification-heading-actions a,
.notification-heading-actions button {
    height: 42px !important;
    padding: 0 20px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}
.notification-heading-actions a {
    border: 1px solid #d4d0c7 !important;
    color: #111111 !important;
    background: #ffffff !important;
}
.notification-heading-actions a:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
}
.notification-heading-actions button {
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    cursor: pointer !important;
}
.notification-heading-actions button:hover {
    background: #b58a24 !important;
}

.notification-filters {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
}
.notification-filters a {
    padding: 8px 18px !important;
    border-radius: 99px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    text-decoration: none !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    transition: all 0.18s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.notification-filters a.active {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}
.notification-filters a span {
    background: #f4f4f5 !important;
    color: #111111 !important;
    padding: 1px 7px !important;
    border-radius: 99px !important;
    font-size: 0.76rem !important;
}
.notification-filters a.active span {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.notification-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.notification-list article {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 24px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.18s ease !important;
}
.notification-list article.unread {
    border-color: #d4af37 !important;
    background: #fffdf9 !important;
}
.notification-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    flex-shrink: 0 !important;
}
.notification-list article.read .notification-dot {
    background: #d4d4d8 !important;
}
.chat-broadcast-features li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #27272a !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
}

.chat-broadcast-features li span {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    color: #18181b !important;
    display: grid !important;
    place-items: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}
.notification-list article > div {
    flex: 1 !important;
}
.notification-list article > div > div {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 3px !important;
}
.notification-list article strong {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
}
.notification-list article time {
    font-size: 0.76rem !important;
    color: #a1a1aa !important;
}
.notification-list article p {
    font-size: 0.86rem !important;
    color: #52525b !important;
    margin: 0 0 4px !important;
}
.notification-list article small {
    font-size: 0.72rem !important;
    color: #b58a24 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.notification-list article form button {
    height: 36px !important;
    padding: 0 16px !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    background: #f4f4f5 !important;
    color: #3f3f46 !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
.notification-list article form button:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

/* ==========================================================================
   PAKETİ ATA BUTONU: 1.1rem KALIN YAZI TİPİ
   ========================================================================== */
.assign-package-btn,
.assign-package-submit button,
.assign-package-card button[type="submit"] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 32px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.assign-package-btn:hover,
.assign-package-submit button:hover,
.assign-package-card button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   FİRMA LİMİT VE FİYAT İSTİSNALARI (ADMIN COMPANY OVERRIDES) LÜKS TASARIM
   ========================================================================== */
.company-override-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.company-override-page .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}

.override-heading {
    margin-bottom: 24px;
}
.override-heading .card-kicker {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #b58a24;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.override-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem);
    font-family: "Smooch Sans", sans-serif;
    font-weight: 800;
    color: #b58a24;
    margin: 0 0 4px;
    line-height: 1.05;
}
.override-heading p {
    color: #71717a;
    font-size: 0.88rem;
    margin: 0;
}

/* Effective 5-Metric Grid */
.effective-limit-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 12px !important;
}
.effective-limit-grid article {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 22px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
}
.effective-limit-grid small {
    color: #71717a !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}
.effective-limit-grid strong {
    font-size: 1.8rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

.effective-source {
    font-size: 0.84rem !important;
    color: #71717a !important;
    margin: 0 0 28px !important;
}
.effective-source b {
    color: #b58a24 !important;
}

/* Override Layout (2 Column) */
.override-layout {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 24px !important;
    align-items: start !important;
}

.override-form-card {
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.override-form-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 20px !important;
}

.override-fields {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}
.override-fields label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}
.override-fields label > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.override-fields label.full {
    grid-column: span 4 !important;
}

.override-fields input,
.override-fields textarea {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.9rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.override-fields textarea {
    min-height: 80px !important;
    padding: 10px 14px !important;
    resize: vertical !important;
    font-family: "Roboto", sans-serif !important;
}
.override-fields input:focus,
.override-fields textarea:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

.override-form-submit {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1efe9 !important;
}
.override-form-submit button[type="submit"] {
    height: 44px !important;
    padding: 0 30px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.override-form-submit button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* Info & Priority Card */
.override-info-card {
    padding: 28px 30px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.override-info-card h2 {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 18px !important;
}
.override-info-card ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.override-info-card ol li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    background: #fafaf8 !important;
    border: 1px solid #f0ede6 !important;
    border-radius: 12px !important;
}
.override-info-card ol li span {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: #fdf6e2 !important;
    color: #b58a24 !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}
.override-info-card ol li strong {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    display: block !important;
}
.override-info-card ol li small {
    font-size: 0.74rem !important;
    color: #71717a !important;
}
.override-info-card p {
    font-size: 0.82rem !important;
    color: #71717a !important;
    margin: 0 0 20px !important;
    line-height: 1.5 !important;
}

.override-remove-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding-top: 18px !important;
    border-top: 1px solid #f1efe9 !important;
}
.override-remove-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.override-remove-form label > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.override-remove-form input {
    height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.88rem !important;
}
.override-remove-form small {
    font-size: 0.74rem !important;
    color: #71717a !important;
}
.override-remove-form button {
    height: 42px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
}

@media (max-width: 1100px) {
    .effective-limit-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .override-layout {
        grid-template-columns: 1fr !important;
    }
    .override-fields {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .override-fields label.full {
        grid-column: span 2 !important;
    }
}
@media (max-width: 600px) {
    .effective-limit-grid {
        grid-template-columns: 1fr !important;
    }
    .override-fields {
        grid-template-columns: 1fr !important;
    }
    .override-fields label.full {
        grid-column: span 1 !important;
    }
}

/* ==========================================================================
   FİRMA KREDİ & SMS BAKİYE YÖNETİMİ (ADMIN CREDITS / SMS BALANCE)
   ========================================================================== */
.admin-credit-page {
    min-height: calc(100vh - 72px);
    padding: 36px 32px 80px;
    background: #fcfbf9;
}
.admin-credit-page .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}

.credit-page-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 28px !important;
}
.credit-page-heading h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.2rem) !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    margin: 0 0 4px !important;
    line-height: 1.05 !important;
}
.credit-page-heading p {
    color: #71717a !important;
    font-size: 0.88rem !important;
    margin: 0 !important;
}

.credit-balance-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    padding: 16px 24px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
}
.credit-balance-card small {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
}
.credit-balance-card strong {
    font-size: 2.4rem !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    line-height: 1.1 !important;
}
.credit-balance-card span {
    font-size: 0.74rem !important;
    color: #a1a1aa !important;
}

.credit-page-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.5fr !important;
    gap: 24px !important;
    align-items: start !important;
}

.credit-adjust-card {
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.credit-adjust-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 4px 0 6px !important;
}
.credit-adjust-card p {
    font-size: 0.84rem !important;
    color: #71717a !important;
    margin: 0 0 20px !important;
}

.balance-idempotent-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}
.balance-idempotent-form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}
.balance-idempotent-form input,
.balance-idempotent-form textarea {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.9rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.balance-idempotent-form textarea {
    min-height: 80px !important;
    padding: 10px 14px !important;
    resize: vertical !important;
    font-family: "Roboto", sans-serif !important;
}
.balance-idempotent-form input:focus,
.balance-idempotent-form textarea:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}
.balance-idempotent-form small {
    font-size: 0.74rem !important;
    color: #71717a !important;
}
.balance-idempotent-form button[type="submit"] {
    height: 46px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin-top: 6px !important;
    transition: all 0.2s ease !important;
}
.balance-idempotent-form button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* Credit History */
.credit-history {
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
}
.credit-history-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f1efe9 !important;
    margin-bottom: 18px !important;
}
.credit-history-heading h2 {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
}

.credit-transaction-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.credit-transaction-list article {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 18px !important;
    background: #fafaf8 !important;
    border: 1px solid #f0ede6 !important;
    border-radius: 14px !important;
}
.credit-amount {
    display: grid !important;
    place-items: center !important;
    min-width: 60px !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
}
.credit-amount.positive {
    background: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}
.credit-amount.negative {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}

.credit-transaction-list article > div {
    flex: 1 !important;
}
.credit-transaction-list article strong {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    display: block !important;
}
.credit-transaction-list article p {
    font-size: 0.82rem !important;
    color: #71717a !important;
    margin: 2px 0 0 !important;
}
.credit-transaction-list article small {
    font-size: 0.74rem !important;
    color: #a1a1aa !important;
}
.balance-after {
    font-size: 0.82rem !important;
    color: #71717a !important;
}
.balance-after b {
    color: #111111 !important;
}

@media (max-width: 992px) {
    .credit-page-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   PAKETİ OLUŞTUR / DÜZENLE / VAZGEÇ BUTONLARI: 1.1rem
   ========================================================================== */
.create-actions,
.form-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    margin-top: 14px !important;
    padding-top: 20px !important;
}

.create-actions a,
.create-actions .btn-ghost,
.form-actions a,
.form-actions .btn-ghost {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    padding: 10px 24px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.18s ease !important;
}
.create-actions a:hover,
.create-actions .btn-ghost:hover,
.form-actions a:hover,
.form-actions .btn-ghost:hover {
    color: #111111 !important;
    background: #f4f4f5 !important;
}

.create-actions button,
.create-actions button[type="submit"],
.form-actions button,
.form-actions button[type="submit"] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 32px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}
.create-actions button:hover,
.create-actions button[type="submit"]:hover,
.form-actions button:hover,
.form-actions button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   KAMPANYA OLUŞTUR / DUYURU YAYINLA / ÖZELLİK TANIMLA BUTONLARI: 1.1rem
   ========================================================================== */
.campaign-create-card button,
.campaign-create-card button[type="submit"],
.announcement-create-card button,
.announcement-create-card button[type="submit"],
.feature-create-card button,
.feature-create-card button[type="submit"],
.feature-form-footer button,
.feature-form-footer button[type="submit"],
.campaign-card-actions button,
.campaign-card-actions a,
.announcement-actions button,
.announcement-actions a,
.feature-edit-form button,
.feature-target-form button {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 32px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.campaign-create-card button:hover,
.announcement-create-card button:hover,
.feature-create-card button:hover,
.feature-form-footer button:hover,
.campaign-card-actions button:hover,
.announcement-actions button:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   ÖZELLİK OLUŞTUR / TANIMLA BUTONLARI: 1.1rem
   ========================================================================== */
.admin-feature-flags button,
.feature-create-card button,
.feature-create-card button[type="submit"],
.feature-form-footer button,
.feature-form-footer button[type="submit"],
.feature-card-actions button,
.feature-edit-form button,
.feature-target-form button,
.feature-toggle-form button {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 32px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.admin-feature-flags button:hover,
.feature-create-card button:hover,
.feature-form-footer button:hover,
.feature-card-actions button:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   TASLAĞI KAYDET / PROJEYİ TASLAK OLARAK OLUŞTUR BUTONLARI: 1.1rem
   ========================================================================== */
.announcement-create-card button,
.announcement-create-card button[type="submit"],
.announcement-edit-card button,
.announcement-edit-card button[type="submit"],
.campaign-edit-footer button,
.campaign-edit-footer a,
.project-create-form button[type="submit"],
.project-create-page button[type="submit"] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 32px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.announcement-create-card button:hover,
.announcement-edit-card button:hover,
.campaign-edit-footer button:hover,
.project-create-form button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

.campaign-edit-footer a {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d4d0c7 !important;
}
.campaign-edit-footer a:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
}

/* ==========================================================================
   GERİ ÇEKİLENLERİ / AKTİFLERİ / PASİFLERİ GÖSTER BUTONLARI: 1.5rem
   ========================================================================== */
.package-visibility-toggle,
.visibility-toggle-btn,
a.package-visibility-toggle,
a[asp-route-includeInactive],
.admin-list-heading a.package-visibility-toggle,
.package-heading-actions a.package-visibility-toggle {
    font-size: 1.5rem !important; /* Kullanıcının talebi doğrultusunda tam 1.5rem */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 10px 24px !important;
    border-radius: 12px !important;
    border: 1px solid #d4d0c7 !important;
    background: #ffffff !important;
    color: #111111 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.package-visibility-toggle:hover,
a.package-visibility-toggle:hover,
a[asp-route-includeInactive]:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.15) !important;
}

/* ==========================================================================
   GÖRÜNÜRLÜK BUTONLARI (PAKETLER / KAMPANYALAR / DUYURULAR): 1.1rem + İKON
   ========================================================================== */
.package-visibility-toggle,
.visibility-toggle-btn,
a.package-visibility-toggle,
a[asp-route-includeInactive],
.admin-list-heading a.package-visibility-toggle,
.package-heading-actions a.package-visibility-toggle {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 10px 22px !important;
    border-radius: 12px !important;
    border: 1px solid #d4d0c7 !important;
    background: #ffffff !important;
    color: #111111 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
}

.package-visibility-toggle svg {
    color: #b58a24 !important;
    flex-shrink: 0 !important;
}

.package-visibility-toggle:hover,
a.package-visibility-toggle:hover,
a[asp-route-includeInactive]:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.15) !important;
}

/* ==========================================================================
   GÖRÜNÜRLÜK BUTONLARI (PAKETLER / KAMPANYALAR / DUYURULAR): 0.7rem
   ========================================================================== */
.package-visibility-toggle,
.visibility-toggle-btn,
a.package-visibility-toggle,
a[asp-route-includeInactive],
.admin-list-heading a.package-visibility-toggle,
.package-heading-actions a.package-visibility-toggle {
    font-size: 0.7rem !important; /* Kullanıcının talebi: 0.7rem */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    border: 1px solid #d4d0c7 !important;
    background: #ffffff !important;
    color: #3f3f46 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
}

.package-visibility-toggle svg {
    width: 14px !important;
    height: 14px !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
}

.package-visibility-toggle:hover,
a.package-visibility-toggle:hover,
a[asp-route-includeInactive]:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(181, 138, 36, 0.12) !important;
}

/* ==========================================================================
   GÖRÜNÜRLÜK BUTONLARI: 0.9rem, SİYAH ZEMİN, ALTIN YAZI & ALTIN İKON
   ========================================================================== */
.package-visibility-toggle,
.visibility-toggle-btn,
a.package-visibility-toggle,
a[asp-route-includeInactive],
.admin-list-heading a.package-visibility-toggle,
.package-heading-actions a.package-visibility-toggle {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 8px 20px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #d4af37 !important;
    border: 1px solid #111111 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.package-visibility-toggle svg,
.visibility-toggle-btn svg,
a.package-visibility-toggle svg,
a[asp-route-includeInactive] svg {
    width: 16px !important;
    height: 16px !important;
    color: #d4af37 !important;
    stroke: #d4af37 !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.package-visibility-toggle span,
a.package-visibility-toggle span,
a[asp-route-includeInactive] span {
    color: #d4af37 !important;
    font-weight: 700 !important;
}

.package-visibility-toggle:hover,
a.package-visibility-toggle:hover,
a[asp-route-includeInactive]:hover {
    background: #000000 !important;
    border-color: #d4af37 !important;
    color: #f1c40f !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.25) !important;
}

.package-visibility-toggle:hover svg,
a.package-visibility-toggle:hover svg,
a[asp-route-includeInactive]:hover svg {
    color: #f1c40f !important;
    stroke: #f1c40f !important;
}
.package-visibility-toggle:hover span,
a.package-visibility-toggle:hover span,
a[asp-route-includeInactive]:hover span {
    color: #f1c40f !important;
}

/* ==========================================================================
   GÖRÜNÜRLÜK BUTONLARI: 0.9rem, SİYAH ZEMİN, BEYAZ YAZI & BEYAZ İKON
   ========================================================================== */
.package-visibility-toggle,
.visibility-toggle-btn,
a.package-visibility-toggle,
a[asp-route-includeInactive],
.admin-list-heading a.package-visibility-toggle,
.package-heading-actions a.package-visibility-toggle {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 8px 20px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #111111 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.package-visibility-toggle svg,
.visibility-toggle-btn svg,
a.package-visibility-toggle svg,
a[asp-route-includeInactive] svg {
    width: 16px !important;
    height: 16px !important;
    color: #ffffff !important;
    stroke: #ffffff !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.package-visibility-toggle span,
a.package-visibility-toggle span,
a[asp-route-includeInactive] span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.package-visibility-toggle:hover,
a.package-visibility-toggle:hover,
a[asp-route-includeInactive]:hover {
    background: #b58a24 !important;
    border-color: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

.package-visibility-toggle:hover svg,
a.package-visibility-toggle:hover svg,
a[asp-route-includeInactive]:hover svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}
.package-visibility-toggle:hover span,
a.package-visibility-toggle:hover span,
a[asp-route-includeInactive]:hover span {
    color: #ffffff !important;
}

/* ==========================================================================
   FORM BUTONLARI İÇİN İKON VE BOŞLUK STANDARDI
   ========================================================================== */
.btn svg,
button svg,
a.btn svg,
.create-actions a svg,
.create-actions button svg,
.form-actions a svg,
.form-actions button svg,
.campaign-edit-footer a svg,
.campaign-edit-footer button svg,
.override-form-submit button svg,
.assign-package-submit button svg,
.template-form-footer button svg {
    margin-right: 8px !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

.btn:has(span + svg) svg,
button:has(span + svg) svg {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

/* ==========================================================================
   ÖZELLİK YÖNETİMİ: FORM VE KART DÜZENİ (TAM DÜZELTME)
   ========================================================================== */
.feature-create-card {
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.025) !important;
    margin-bottom: 28px !important;
}
.feature-create-card h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 20px !important;
}

.feature-create-card form {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

.feature-create-card label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}
.feature-create-card label > span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
    text-align: left !important;
    display: block !important;
}

.feature-create-card input,
.feature-create-card textarea {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.9rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}
.feature-create-card textarea {
    min-height: 85px !important;
    padding: 10px 14px !important;
    resize: vertical !important;
    font-family: "Roboto", sans-serif !important;
}
.feature-create-card input:focus,
.feature-create-card textarea:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

.feature-create-card .col-span-2 {
    grid-column: span 2 !important;
}
.feature-create-card .col-span-4 {
    grid-column: span 4 !important;
}

.feature-form-footer {
    grid-column: span 4 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 8px !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1efe9 !important;
}

.feature-active-toggle {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}
.feature-active-toggle input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #b58a24 !important;
}
.feature-active-toggle span {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
}

@media (max-width: 900px) {
    .feature-create-card form {
        grid-template-columns: 1fr !important;
    }
    .feature-create-card .col-span-2,
    .feature-create-card .col-span-4,
    .feature-form-footer {
        grid-column: span 1 !important;
    }
    .feature-form-footer {
        flex-direction: column !important;
        gap: 14px !important;
        align-items: stretch !important;
    }
}

/* ==========================================================================
   BİLDİRİM ŞABLONLARI: TEK SATIR 1.1rem BUTON VE YATAY ONAY KUTUSU
   ========================================================================== */
.template-form-footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1efe9 !important;
    width: 100% !important;
}

.template-active-toggle {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.template-active-toggle input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #b58a24 !important;
    margin: 0 !important;
}

.template-active-toggle span {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
    white-space: nowrap !important;
}

.template-form-footer button,
.template-form-footer button[type="submit"] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 24px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    min-width: max-content !important;
}

.template-form-footer button span {
    white-space: nowrap !important;
    display: inline !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.template-form-footer button svg {
    margin-right: 0 !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

/* ========================================================================== 
   BİLDİRİM ŞABLONLARI: E-POSTA & SMS SEKMELERİ VE EŞİT YÜKSEKLİK
   ========================================================================== */
.notification-control-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.notification-control-grid article {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #d4af37;
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(212, 175, 55, .06);
}

.notification-control-grid span,
.notification-control-grid small,
.notification-control-grid strong,
.email-design-review-card h2,
.email-design-review-card p,
.notification-scope-note,
.email-preview-button {
    font-family: "Smooch Sans", sans-serif;
    letter-spacing: .02em;
}

.notification-control-grid span { color: #52525b; font-size: 1.2rem; font-weight: 600; }
.notification-control-grid strong { margin: 4px 0 2px; color: #18181b; font-size: 2.35rem; line-height: 1; font-weight: 800; }
.notification-control-grid small { color: #71717a; font-size: 1.05rem; font-weight: 600; }

.email-design-review-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 16px;
    padding: 22px 24px;
    background: linear-gradient(135deg, #fff 0%, #fdf9ee 100%);
    border: 1px solid #d4af37;
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(212, 175, 55, .08);
}

.email-theme-selector {
    margin: 0 0 18px;
    padding: 24px;
    background: #fff;
    border: 1px solid #d4af37;
    border-radius: 18px;
    box-shadow: 0 4px 18px rgba(212, 175, 55, .08);
}

.email-theme-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.email-theme-heading h2 { margin: 9px 0 3px; color: #18181b; font-family: "Smooch Sans",sans-serif; font-size: 1.85rem; font-weight: 700; }
.email-theme-heading p { margin: 0; color: #52525b; font-family: "Smooch Sans",sans-serif; font-size: 1.22rem; line-height: 1.4; font-weight: 600; }
.active-theme-summary { flex: 0 0 auto; padding: 8px 14px; color: #18181b; background: #fbf3dc; border: 1px solid rgba(181,138,36,.28); border-radius: 10px; font-family: "Smooch Sans",sans-serif; font-size: 1.2rem; font-weight: 700; }
.email-theme-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.email-theme-card { overflow: hidden; background: #fff; border: 1px solid #dedbd3; border-radius: 16px; transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.email-theme-card:hover { transform: translateY(-2px); border-color: #d4af37; box-shadow: 0 12px 28px rgba(24,24,27,.1); }
.email-theme-card.active { border: 2px solid #d4af37; box-shadow: 0 0 0 4px rgba(212,175,55,.12); }
.email-theme-miniature { height: 158px; padding: 24px 28px; background: #f6f3eb; border-bottom: 1px solid #eee9dc; }
.email-theme-miniature .mini-brand { margin-bottom: 28px; color: #18181b; font-family: Arial,sans-serif; font-size: 15px; font-weight: 800; letter-spacing: 3px; }
.email-theme-miniature .mini-brand-logo { display: block; width: auto; height: 32px; max-width: 72%; margin-bottom: 22px; object-fit: contain; object-position: left center; }
.email-theme-miniature .mini-line { width: 64%; height: 7px; margin-bottom: 10px; background: #d7d7db; border-radius: 2px; }
.email-theme-miniature .mini-line.wide { width: 88%; height: 11px; background: #18181b; }
.email-theme-miniature .mini-button { width: 42%; height: 23px; margin-top: 18px; background: #18181b; border-radius: 5px; }
.email-theme-miniature.night { background: #18181b; border-color: #4b3b16; }
.email-theme-miniature.night .mini-brand { color: #fff; }
.email-theme-miniature.night .mini-brand-logo { height: 30px; }
.email-theme-miniature.night .mini-line { background: #52525b; }
.email-theme-miniature.night .mini-line.wide { width: 94%; background: #f4f4f5; }
.email-theme-miniature.night .mini-button { border-radius: 0; background: #d4af37; }
.email-theme-miniature.minimal { background: #fff; }
.email-theme-miniature.minimal .mini-brand { padding-bottom: 12px; border-bottom: 2px solid #18181b; }
.email-theme-miniature.minimal .mini-line.wide { width: 55%; height: 8px; }
.email-theme-miniature.minimal .mini-button { width: 35%; height: 20px; border-radius: 4px; }
.email-theme-card-body { padding: 18px; }
.email-theme-title-row { display: flex; align-items: center; gap: 8px; }
.email-theme-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #b58a24; background: #fbf3dc; border: 1px solid rgba(181,138,36,.25); border-radius: 9px; font-family: "Smooch Sans",sans-serif; font-size: 1.1rem; font-weight: 700; }
.email-theme-title-row h3 { margin: 0; color: #18181b; font-family: "Smooch Sans",sans-serif; font-size: 1.48rem; font-weight: 700; }
.email-theme-active-badge { margin-left: auto; padding: 4px 9px; color: #166534; background: #dcfce7; border-radius: 999px; font-family: "Smooch Sans",sans-serif; font-size: 1rem; font-weight: 700; }
.email-theme-card-body > p { min-height: 58px; margin: 12px 0 16px; color: #52525b; font-family: "Smooch Sans",sans-serif; font-size: 1.13rem; line-height: 1.35; font-weight: 600; }
.email-theme-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 14px; border-top: 1px solid #f1efe9; }
.email-theme-actions form { margin: 0; }
.email-theme-actions a,.email-theme-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; border-radius: 11px; font-family: "Smooch Sans",sans-serif; font-size: 1.12rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.email-theme-actions a { color: #18181b; background: #fff; border: 1px solid #dedbd3; }
.email-theme-actions button { color: #fff; background: #18181b; border: 1px solid #18181b; }
.email-theme-current { color: #9a741e; font-family: "Smooch Sans",sans-serif; font-size: 1.08rem; font-weight: 700; }

.email-design-review-copy { max-width: 790px; }
.email-design-review-card h2 { margin: 9px 0 3px; color: #18181b; font-size: 1.65rem; font-weight: 700; }
.email-design-review-card p { margin: 0; color: #52525b; font-size: 1.22rem; line-height: 1.4; font-weight: 600; }

.email-preview-button,
.template-test-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 18px;
    border: 0;
    border-radius: 11px;
    background: #18181b;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-size: 1.22rem;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(24, 24, 27, .12);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.email-preview-button svg { color: #d4af37; }
.email-preview-button:hover,
.template-test-button:hover { transform: translateY(-1px); background: #27272a; box-shadow: 0 10px 22px rgba(24, 24, 27, .18); }

.notification-scope-note {
    display: flex;
    gap: 7px;
    margin: 0 0 22px;
    padding: 13px 16px;
    color: #52525b;
    background: #fbfaf6;
    border: 1px solid #eee6d1;
    border-radius: 12px;
    font-size: 1.12rem;
    line-height: 1.35;
    font-weight: 600;
}

.notification-scope-note strong { color: #18181b; }
.template-form-footer-split { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.template-test-area { margin-top: 14px; padding-top: 12px; border-top: 1px solid #f4f0e4; }
.template-test-form { display: flex; align-items: center; gap: 8px; }
.template-test-form input {
    flex: 1;
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d4af37;
    border-radius: 11px;
    background: #fff;
    color: #18181b;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}

.template-test-form input:focus { outline: 0; border-color: #b58a24; box-shadow: 0 0 0 3px rgba(212, 175, 55, .18); }
.template-test-button { color: #fff; cursor: pointer; }

.template-channel-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #e7e4dc !important;
    padding-bottom: 4px !important;
}

.template-tab-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 24px !important;
    border-radius: 12px 12px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -6px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.template-tab-btn svg {
    color: #a1a1aa !important;
    transition: color 0.2s ease !important;
}

.template-tab-btn small {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #a1a1aa !important;
}

.template-tab-btn:hover {
    color: #111111 !important;
    background: #f9f8f6 !important;
}

.template-tab-btn.active {
    color: #111111 !important;
    border-bottom-color: #b58a24 !important;
    background: #ffffff !important;
}
.template-tab-btn.active svg {
    color: #b58a24 !important;
}
.template-tab-btn.active small {
    color: #b58a24 !important;
}

.notification-template-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.template-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.template-form {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

.template-form .template-form-footer {
    margin-top: auto !important;
}

@media (max-width: 1000px) {
    .notification-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .email-theme-grid { grid-template-columns: 1fr; }
    .email-theme-card { display: grid; grid-template-columns: 220px 1fr; }
    .email-theme-miniature { height: 100%; border-right: 1px solid #eee9dc; border-bottom: 0; }
    .notification-template-list {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .notification-control-grid { grid-template-columns: 1fr; }
    .email-design-review-card { align-items: stretch; flex-direction: column; }
    .email-theme-selector { padding: 18px; }
    .email-theme-heading { flex-direction: column; }
    .email-theme-card { display: block; }
    .email-theme-miniature { height: 145px; border-right: 0; border-bottom: 1px solid #eee9dc; }
    .email-preview-button { width: 100%; }
    .notification-scope-note { flex-direction: column; }
    .template-test-form { align-items: stretch; flex-direction: column; }
    .template-test-form input, .template-test-button { width: 100%; }
}

/* ==========================================================================
   HESABIM SAYFASI: 2 EŞİT KART, YATAY GÜVENLİK ŞERİDİ, ALERT VE 1.1rem BUTONLAR
   ========================================================================== */
.account-profile-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    align-items: stretch !important;
    margin-bottom: 24px !important;
}

.account-profile-form-card,
.account-phone-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 28px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.account-profile-form-card form,
.account-phone-card .account-phone-form {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

.account-form-action,
.account-phone-card .account-phone-form button {
    margin-top: auto !important;
    padding-top: 18px !important;
}

.account-phone-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 4px 0 16px !important;
}
.account-phone-header h2 {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
}

.account-verification-badge {
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
}
.account-verification-badge.verified {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}
.account-verification-badge.waiting {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}

/* ALERT KUTUSU */
.account-info-alert {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #faf8f5 !important;
    border: 1px solid #eedec4 !important;
    margin-bottom: 20px !important;
}
.account-info-alert svg {
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}
.account-info-alert strong {
    display: block !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    color: #854d0e !important;
    margin-bottom: 3px !important;
}
.account-info-alert p {
    font-size: 0.82rem !important;
    color: #71717a !important;
    margin: 0 !important;
    line-height: 1.45 !important;
}

/* YATAY DÜZ GÜVENLİK ŞERİDİ */
.account-security-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 24px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}
.account-security-info {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}
.security-icon-circle {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: #faf8f5 !important;
    border: 1px solid #eedec4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
}
.account-security-info h2 {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 2px 0 6px !important;
}
.security-meta-tags {
    display: flex !important;
    gap: 20px !important;
    font-size: 0.85rem !important;
    color: #71717a !important;
}
.security-meta-tags b {
    color: #111111 !important;
}

/* HESABIM BUTONLARI: 1.1rem */
.account-profile-page button,
.account-profile-page button[type="submit"],
.account-profile-page a.btn,
.account-security-action a {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

.account-phone-card button.btn-outline-dark {
    border: 1px solid #d4d0c7 !important;
    background: #ffffff !important;
    color: #111111 !important;
    width: 100% !important;
}
.account-phone-card button.btn-outline-dark:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.15) !important;
}

@media (max-width: 960px) {
    .account-profile-grid {
        grid-template-columns: 1fr !important;
    }
    .account-security-strip {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
    }
    .security-meta-tags {
        flex-direction: column !important;
        gap: 4px !important;
    }
}

/* ==========================================================================
   HESABIM: PROFİLİ KAYDET SAĞDA & TELEFON ALANI FORM STANDARDI
   ========================================================================== */
.account-form-action {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 20px !important;
}

.account-phone-field {
    width: 100% !important;
    margin-bottom: 16px !important;
}

.account-phone-field label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}

.account-phone-field label span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
    text-align: left !important;
    display: block !important;
}

.account-phone-field input {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}

.account-phone-field input:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

/* ==========================================================================
   OTURUM VE CİHAZ YÖNETİMİ BUTONLARI: 1.1rem & İKON
   ========================================================================== */
.account-session-heading-actions button,
.account-session-heading-actions button.logout-all-btn {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    border: 1px solid #fecaca !important;
    background: #fff5f5 !important;
    color: #dc2626 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
}

.account-session-heading-actions button:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.2) !important;
}
.account-session-heading-actions button:hover svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.session-revoke-btn {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    border: 1px solid #d4d0c7 !important;
    background: #ffffff !important;
    color: #111111 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
}

.session-revoke-btn:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.15) !important;
}

/* ==========================================================================
   DASHBOARD: GÜNCEL PROJELER / SON HAREKETLER LÜKS LİSTE DÜZENİ
   ========================================================================== */
.dashboard-recent-card {
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    padding: 24px 28px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.dashboard-recent-card .panel-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.dashboard-recent-card .panel-card-header a {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.18s ease !important;
}
.dashboard-recent-card .panel-card-header a:hover {
    color: #8f6c18 !important;
    transform: translateX(2px) !important;
}

.dashboard-recent-projects {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.dashboard-recent-projects a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 16px 22px !important;
    border-radius: 14px !important;
    background: #fafaf8 !important;
    border: 1px solid #ede8dd !important;
    text-decoration: none !important;
    color: #111111 !important;
    transition: all 0.2s ease !important;
}

.dashboard-recent-projects a:hover {
    background: #ffffff !important;
    border-color: #d4af37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.12) !important;
}

.recent-project-state {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.recent-project-state.status-readytopublish {
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}
.recent-project-state.status-published {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}
.recent-project-state.status-draft {
    background: #f4f4f5 !important;
    color: #71717a !important;
    border: 1px solid #e4e4e7 !important;
}
.recent-project-state.status-selectioninprogress {
    background: #fffbeb !important;
    color: #d97706 !important;
    border: 1px solid #fde68a !important;
}
.recent-project-state.status-selectioncompleted,
.recent-project-state.status-completed {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}
.recent-project-state.status-inproduction {
    background: #fdf4ff !important;
    color: #9333ea !important;
    border: 1px solid #f0abfc !important;
}
.recent-project-state.status-uploading {
    background: #f0fdfa !important;
    color: #0d9488 !important;
    border: 1px solid #99f6e4 !important;
}

.dashboard-recent-projects a div {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.dashboard-recent-projects a div strong {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dashboard-recent-projects a div small {
    font-size: 0.84rem !important;
    color: #71717a !important;
    display: block !important;
}

.dashboard-recent-projects a div i {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: 4px !important;
    border-radius: 2px !important;
    background: #e4e4e7 !important;
    overflow: hidden !important;
    margin-top: 4px !important;
}
.dashboard-recent-projects a div i b {
    display: block !important;
    height: 100% !important;
    background: #b58a24 !important;
    border-radius: 2px !important;
}

.dashboard-recent-projects a time {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #a1a1aa !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.dashboard-recent-projects a .quick-arrow {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease !important;
}

.dashboard-recent-projects a:hover .quick-arrow {
    transform: translateX(4px) !important;
}

@media (max-width: 768px) {
    .dashboard-recent-projects a {
        flex-wrap: wrap !important;
    }
}

/* ==========================================================================
   YAYINA HAZIR ROZETİ: ALTIN RENGİ & TÜMÜNÜ GÖR: BUTON DÜZENİ
   ========================================================================== */
.recent-project-state.status-readytopublish {
    background: #faf6eb !important;
    color: #b58a24 !important;
    border: 1px solid #eedec4 !important;
}

.dashboard-recent-card .panel-card-header a,
.dashboard-recent-card a[asp-action="Index"] {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    padding: 8px 20px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    border: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.dashboard-recent-card .panel-card-header a:hover,
.dashboard-recent-card a[asp-action="Index"]:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* ==========================================================================
   DASHBOARD UYARI BUTONLARI: 1.1rem, İKONLU & OKUNAKLI TİPOGRAFİ
   ========================================================================== */
.dashboard-alert-btn,
.dashboard-subscription-alert a,
.dashboard-balance-alert a {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.dashboard-alert-btn:hover,
.dashboard-subscription-alert a:hover,
.dashboard-balance-alert a:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

.dashboard-subscription-alert,
.dashboard-balance-alert {
    padding: 20px 24px !important;
    border-radius: 16px !important;
    margin-bottom: 20px !important;
}

.dashboard-subscription-alert strong,
.dashboard-balance-alert strong {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.dashboard-subscription-alert p,
.dashboard-balance-alert p {
    font-size: 0.95rem !important;
    color: #4b5563 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* 6'LI ÖZET METRİK KARTLARI */
.dashboard-live-summary {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
}

.dashboard-live-summary a {
    padding: 16px 14px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    transition: all 0.2s ease !important;
}

.dashboard-live-summary a small {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.dashboard-live-summary a strong {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.1 !important;
    margin: 2px 0 !important;
}

.dashboard-live-summary a span {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #a1a1aa !important;
    line-height: 1.3 !important;
}

.dashboard-live-summary a:hover {
    border-color: #b58a24 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(181, 138, 36, 0.12) !important;
}

/* STÜDYO KISAYOLLARI */
.quick-action-item {
    padding: 18px 20px !important;
}
.quick-action-item strong {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
}
.quick-action-item small {
    font-size: 0.88rem !important;
    color: #71717a !important;
}

@media (max-width: 1200px) {
    .dashboard-live-summary {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .dashboard-live-summary {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ==========================================================================
   DASHBOARD: ADMİN STANDARDI BUTONLAR (1.15rem, KALIN, İKONLU VE FERAH)
   ========================================================================== */
.banner-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 24px !important;
}

.banner-actions a,
.banner-actions .btn,
.btn-panel-primary,
.btn-panel-secondary {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    height: 48px !important;
    padding: 0 32px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.btn-panel-primary {
    background: #b58a24 !important;
    color: #111111 !important;
    border: 0 !important;
    box-shadow: 0 6px 20px rgba(181, 138, 36, 0.35) !important;
}
.btn-panel-primary:hover {
    background: #d4af37 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(181, 138, 36, 0.45) !important;
}

.btn-panel-secondary {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(8px) !important;
}
.btn-panel-secondary:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    border-color: #b58a24 !important;
    transform: translateY(-2px) !important;
}

.banner-actions a span,
.btn-panel-primary span,
.btn-panel-secondary span {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
}

.banner-actions a svg,
.btn-panel-primary svg,
.btn-panel-secondary svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

/* UYARI ŞERİTLERİNDEKİ BUTONLAR */
.dashboard-subscription-alert a,
.dashboard-balance-alert a,
.dashboard-alert-btn {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    height: 48px !important;
    padding: 0 32px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.dashboard-subscription-alert a:hover,
.dashboard-balance-alert a:hover,
.dashboard-alert-btn:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(181, 138, 36, 0.3) !important;
}

.dashboard-subscription-alert a span,
.dashboard-balance-alert a span,
.dashboard-alert-btn span {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
}

.dashboard-subscription-alert a svg,
.dashboard-balance-alert a svg,
.dashboard-alert-btn svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   MODERN DASHBOARD UYARI KARTLARI (LÜKS BEYAZ KART & ALTIN BADGE)
   ========================================================================== */
.dashboard-subscription-alert,
.dashboard-balance-alert {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    background: #ffffff !important;
    border: 1px solid #eedec4 !important;
    border-radius: 20px !important;
    padding: 20px 28px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 6px 20px rgba(181, 138, 36, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
}

.dashboard-subscription-alert::before,
.dashboard-balance-alert::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 6px !important;
    background: #b58a24 !important;
}

.dashboard-subscription-alert-icon,
.dashboard-balance-alert-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: #faf5ea !important;
    border: 1px solid #eedec4 !important;
    color: #b58a24 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.12) !important;
}

.dashboard-subscription-alert > div,
.dashboard-balance-alert > div {
    flex: 1 1 auto !important;
}

.dashboard-subscription-alert strong,
.dashboard-balance-alert strong {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.dashboard-subscription-alert p,
.dashboard-balance-alert p {
    font-size: 0.95rem !important;
    color: #52525b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* ==========================================================================
   MODERN 6'LI ÖZET METRİK KARTLARI (İKONLU & MİKRO-ETKİLEŞİMLİ)
   ========================================================================== */
.dashboard-live-summary {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 26px !important;
}

.live-summary-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 18px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
    position: relative !important;
}

.summary-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
}

.summary-card-head small {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    line-height: 1.2 !important;
}

.summary-card-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #faf8f5 !important;
    border: 1px solid #eedec4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.live-summary-card strong {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.live-summary-card span {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #a1a1aa !important;
    line-height: 1.3 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.live-summary-card:hover {
    border-color: #b58a24 !important;
    background: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(181, 138, 36, 0.15) !important;
}

.live-summary-card.low .summary-card-icon {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
    color: #e11d48 !important;
}

.live-summary-card.attention .summary-card-icon {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #d97706 !important;
}

@media (max-width: 1200px) {
    .dashboard-live-summary {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .dashboard-live-summary {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ==========================================================================
   DASHBOARD BUTONLARI: İDEAL VE DENGELİ BOYUT (1.05rem / 44px)
   ========================================================================== */
.banner-actions a,
.banner-actions .btn,
.btn-panel-primary,
.btn-panel-secondary,
.dashboard-subscription-alert a,
.dashboard-balance-alert a,
.dashboard-alert-btn,
.dashboard-recent-card .panel-card-header a {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.banner-actions a span,
.btn-panel-primary span,
.btn-panel-secondary span,
.dashboard-subscription-alert a span,
.dashboard-balance-alert a span,
.dashboard-alert-btn span {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
}

.banner-actions a svg,
.btn-panel-primary svg,
.btn-panel-secondary svg,
.dashboard-subscription-alert a svg,
.dashboard-balance-alert a svg,
.dashboard-alert-btn svg {
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   MODERN GRADIENT KARTLAR & KOMPAKT ZARİF BUTONLAR
   ========================================================================== */

/* 1. GRADIENT UYARI KARTLARI */
.dashboard-subscription-alert,
.dashboard-balance-alert {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 45%, #faf3e2 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 16px !important;
    padding: 16px 22px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 6px 20px rgba(181, 138, 36, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
}

.dashboard-subscription-alert::before,
.dashboard-balance-alert::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, #d4af37 0%, #b58a24 100%) !important;
}

.dashboard-subscription-alert-icon,
.dashboard-balance-alert-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #b58a24 0%, #d4af37 100%) !important;
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.25) !important;
}

.dashboard-subscription-alert strong,
.dashboard-balance-alert strong {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin-bottom: 2px !important;
    display: block !important;
}

.dashboard-subscription-alert p,
.dashboard-balance-alert p {
    font-size: 0.88rem !important;
    color: #52525b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* 2. BUTONLAR: KÜÇÜK, ZARİF VE KOMPAKT (0.92rem / 38-40px) */
.dashboard-subscription-alert a,
.dashboard-balance-alert a,
.dashboard-alert-btn,
.banner-actions a,
.btn-panel-primary,
.btn-panel-secondary {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    height: 40px !important;
    padding: 0 18px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
}

.dashboard-subscription-alert a span,
.dashboard-balance-alert a span,
.dashboard-alert-btn span,
.banner-actions a span,
.btn-panel-primary span,
.btn-panel-secondary span {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.dashboard-subscription-alert a svg,
.dashboard-balance-alert a svg,
.dashboard-alert-btn svg,
.banner-actions a svg,
.btn-panel-primary svg,
.btn-panel-secondary svg {
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0 !important;
}

/* 3. GRADIENT 6'LI ÖZET METRİK KARTLARI */
.dashboard-live-summary {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
}

.live-summary-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px 16px !important;
    background: linear-gradient(150deg, #ffffff 0%, #faf8f5 60%, #f4eee2 100%) !important;
    border: 1px solid #e7e2d6 !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
    position: relative !important;
}

.summary-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
}

.summary-card-head small {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.summary-card-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #ffffff 0%, #faf5eb 100%) !important;
    border: 1px solid #e8decb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 6px rgba(181, 138, 36, 0.08) !important;
    transition: all 0.2s ease !important;
}

.summary-card-icon svg {
    width: 16px !important;
    height: 16px !important;
}

.live-summary-card strong {
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.live-summary-card span {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #8c8c94 !important;
    line-height: 1.2 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.live-summary-card:hover {
    border-color: #b58a24 !important;
    background: linear-gradient(150deg, #ffffff 0%, #fdfbf7 50%, #f7efe0 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(181, 138, 36, 0.16) !important;
}

/* ==========================================================================
   SAF BEYAZ MİNİMALİST KARTLAR (SARI TONLARI VE KENARLIKLARI KALDIRILDI)
   ========================================================================== */

/* 1. UYARI KARTLARI: BEYAZ VE KENARLIKSIZ */
.dashboard-subscription-alert,
.dashboard-balance-alert {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
}

.dashboard-subscription-alert::before,
.dashboard-balance-alert::before {
    display: none !important;
}

.dashboard-subscription-alert-icon,
.dashboard-balance-alert-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

.dashboard-subscription-alert strong,
.dashboard-balance-alert strong {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin-bottom: 2px !important;
    display: block !important;
}

.dashboard-subscription-alert p,
.dashboard-balance-alert p {
    font-size: 0.88rem !important;
    color: #6b7280 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* 2. 6'LI ÖZET METRİK KARTLARI: SAF BEYAZ, KENARLIKSIZ, ZARİF GÖLGE */
.dashboard-live-summary {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
}

.live-summary-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 18px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
}

.summary-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
}

.summary-card-head small {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.summary-card-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #f4f4f5 !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111111 !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.summary-card-icon svg {
    width: 17px !important;
    height: 17px !important;
}

.live-summary-card strong {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.live-summary-card span {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    line-height: 1.2 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.live-summary-card:hover {
    background: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.live-summary-card.low .summary-card-icon {
    background: #fee2e2 !important;
    color: #ef4444 !important;
}

.live-summary-card.attention .summary-card-icon {
    background: #fef3c7 !important;
    color: #d97706 !important;
}

/* ==========================================================================
   YALNIZCA UYARI ŞERİTLERİ: SAF BEYAZ VE SARI KENARLIKSIZ
   ========================================================================== */
.dashboard-subscription-alert,
.dashboard-balance-alert {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    background: #ffffff !important; /* Saf beyaz zemin */
    border: 0 !important; /* Sarı kenarlık kaldırıldı */
    border-radius: 16px !important;
    padding: 18px 24px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
}

.dashboard-subscription-alert::before,
.dashboard-balance-alert::before {
    display: none !important;
}

.dashboard-subscription-alert-icon,
.dashboard-balance-alert-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

.dashboard-subscription-alert strong,
.dashboard-balance-alert strong {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin-bottom: 3px !important;
    display: block !important;
}

.dashboard-subscription-alert p,
.dashboard-balance-alert p {
    font-size: 0.88rem !important;
    color: #6b7280 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Uyarı butonları: Zarif, beyaz/siyah çerçeveli veya dolgulu */
.dashboard-subscription-alert a,
.dashboard-balance-alert a,
.dashboard-alert-btn {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    height: 40px !important;
    padding: 0 20px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d4d0c7 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

.dashboard-subscription-alert a:hover,
.dashboard-balance-alert a:hover,
.dashboard-alert-btn:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   PROJELER SAYFASI: LÜKS KARTLAR, BAŞLIKLAR, FİLTRE VE HOVER DÜZENİ
   ========================================================================== */

/* 1. BAŞLIK VE ÜST BUTONLAR */
.projects-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
    gap: 20px !important;
}

.projects-heading-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.header-action-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
}
.header-action-badge svg {
    color: #b58a24 !important;
}

.btn-header-action.outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 20px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid #d4d0c7 !important;
    color: #111111 !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.btn-header-action.outline:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    transform: translateY(-1px) !important;
}

.btn-header-action.primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 24px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 0 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
.btn-header-action.primary:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

/* 2. FİLTRE BARI */
.project-filters {
    display: flex !important;
    align-items: flex-end !important;
    gap: 16px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 18px !important;
    padding: 20px 24px !important;
    margin-bottom: 28px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.project-filters label {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
}
.project-filters label span {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}

.project-filters input,
.project-filters select {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcd7cc !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    font-size: 0.92rem !important;
    color: #111111 !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.project-filters input:focus,
.project-filters select:focus {
    border-color: #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12) !important;
}

.project-filters button[type="submit"] {
    height: 44px !important;
    padding: 0 28px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    background: #111111 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}
.project-filters button[type="submit"]:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.25) !important;
}

.clear-filter {
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    text-decoration: none !important;
}
.clear-filter:hover {
    color: #111111 !important;
}

/* 3. PROJE KARTLARI IZGARASI */
.project-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 24px !important;
}

.project-card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
}

.project-card-square {
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 230px !important;
    transition: all 0.22s ease !important;
    position: relative !important;
}

.project-card-link:hover .project-card-square {
    border-color: #b58a24 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(181, 138, 36, 0.16) !important;
}

.project-card-square .card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
}

.project-type {
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    background: #faf5eb !important;
    border: 1px solid #eedec4 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.project-status {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.project-status.status-readytopublish {
    background: #faf6eb !important;
    color: #b58a24 !important;
    border: 1px solid #eedec4 !important;
}
.project-status.status-published {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}
.project-status.status-draft {
    background: #f4f4f5 !important;
    color: #71717a !important;
    border: 1px solid #e4e4e7 !important;
}
.project-status.status-selectioninprogress {
    background: #fffbeb !important;
    color: #d97706 !important;
    border: 1px solid #fde68a !important;
}
.project-status.status-selectioncompleted {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}

.project-card-square .card-body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 10px 0 18px !important;
}

.project-card-square .card-body h2 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    flex: 1 1 auto !important;
    word-break: break-word !important;
    transition: color 0.18s ease !important;
}
.project-card-link:hover .project-card-square .card-body h2 {
    color: #b58a24 !important;
}

.shoot-date-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #111111 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    min-width: 64px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}
.shoot-date-badge strong {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #ffffff !important;
}
.shoot-date-badge span {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #d4af37 !important;
    margin-top: 2px !important;
}

.project-card-square .card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
    margin-top: auto !important;
}

.meta-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.meta-item small {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
.meta-item span {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
}

/* ==========================================================================
   PROJELER: FOTOĞRAFÇILARA ÖZEL LÜKS STÜDYO KARTLARI & 1.1rem BUTONLAR
   ========================================================================== */

/* 1.1rem BUTONLAR */
.btn-header-action.primary,
.btn-header-action.outline,
.project-filters button[type="submit"] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 28px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-header-action.primary span,
.btn-header-action.outline span,
.project-filters button[type="submit"] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.btn-header-action.primary svg,
.btn-header-action.outline svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

/* LÜKS FOTOĞRAF STÜDYOSU PROJE KARTI */
.project-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)) !important;
    gap: 24px !important;
}

.project-card-square {
    background: #ffffff !important;
    border: 1px solid #ede8dd !important;
    border-radius: 20px !important;
    padding: 24px 26px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.025) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 240px !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
}

.project-card-link:hover .project-card-square {
    border-color: #b58a24 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 36px rgba(181, 138, 36, 0.16), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

.project-type-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    background: #faf5eb !important;
    border: 1px solid #eedec4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}
.project-type-pill svg {
    color: #b58a24 !important;
}

.project-status {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}
.project-status .status-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    margin-right: 6px !important;
    background: currentColor !important;
}

.project-status.status-readytopublish {
    background: #faf6eb !important;
    color: #b58a24 !important;
    border: 1px solid #eedec4 !important;
}
.project-status.status-published {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
}
.project-status.status-draft {
    background: #f4f4f5 !important;
    color: #71717a !important;
    border: 1px solid #e4e4e7 !important;
}
.project-status.status-selectioninprogress {
    background: #fffbeb !important;
    color: #d97706 !important;
    border: 1px solid #fde68a !important;
}

.project-card-square .card-body {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 12px 0 18px !important;
}

.project-card-square .card-body h2 {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.2px !important;
    transition: color 0.18s ease !important;
}
.project-card-link:hover .project-card-square .card-body h2 {
    color: #b58a24 !important;
}

.project-view-link {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    opacity: 0 !important;
    transform: translateX(-4px) !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
    margin-top: 4px !important;
}
.project-card-link:hover .project-view-link {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.shoot-date-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #111111 !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    border-radius: 14px !important;
    min-width: 66px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14) !important;
}
.shoot-date-badge strong {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #ffffff !important;
}
.shoot-date-badge span {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #d4af37 !important;
    margin-top: 2px !important;
    letter-spacing: 0.3px !important;
}

.project-card-square .card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1efe9 !important;
    margin-top: auto !important;
}

.photographer-meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.meta-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #111111 !important;
    color: #d4af37 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    border: 1px solid #27272a !important;
    flex-shrink: 0 !important;
}
.photographer-meta small {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    display: block !important;
}
.photographer-meta strong {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    display: block !important;
}

.meta-stats {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
}
.meta-stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
}
.meta-stat-item svg {
    color: #b58a24 !important;
}

/* ==========================================================================
   PROJELER: PLATFORM İMZA YAZI TİPİ ("Smooch Sans") UYGULAMASI
   ========================================================================== */
.project-card-square h2 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.1 !important;
}

.shoot-date-badge strong {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.shoot-date-badge span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}

.project-type-pill span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

.project-status {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.project-view-link {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
}

.photographer-meta small {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    color: #a1a1aa !important;
}

.photographer-meta strong {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

.meta-avatar {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}

.meta-stat-item span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.header-action-badge span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.btn-header-action.primary,
.btn-header-action.outline,
.project-filters button[type="submit"] {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
}

.project-filters label span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    color: #52525b !important;
}

.clear-filter {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   PROJELER: FOTOĞRAFÇI İKONU KAPSÜLÜ
   ========================================================================== */
.photographer-icon-box {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #faf8f5 !important;
    border: 1px solid #eedec4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.photographer-icon-box svg {
    width: 17px !important;
    height: 17px !important;
}

.project-card-link:hover .photographer-icon-box {
    background: #b58a24 !important;
    color: #ffffff !important;
    border-color: #b58a24 !important;
}

/* ==========================================================================
   PROJELER: TARİH ALANLARI KOYU (DARK) RENK STANDARDI
   ========================================================================== */
.meta-stat-item span,
.meta-item span,
.shoot-date-badge {
    color: #111111 !important;
}

.meta-stat-item {
    color: #111111 !important;
    font-weight: 700 !important;
}

.meta-stat-item svg {
    color: #111111 !important;
    stroke: #111111 !important;
}

.shoot-date-badge {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #1c1c1f !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.shoot-date-badge strong {
    color: #ffffff !important;
}

.shoot-date-badge span {
    color: #d4af37 !important;
}

/* ==========================================================================
   PROJELER: EKİP VE TÜM ALT BİLGİ METİNLERİ DARK RENK
   ========================================================================== */
.meta-stats .meta-stat-item,
.meta-stats .meta-stat-item span,
.meta-stats .meta-stat-item svg,
.photographer-meta strong,
.card-footer .meta-item span {
    color: #111111 !important;
    stroke: #111111 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   PROJELER: ÇEKİM TARİHİ ROZETİ (BEYAZ ZEMİN, ALTIN KENARLIK & ALTIN YAZI)
   ========================================================================== */
.shoot-date-badge {
    background: #ffffff !important;
    border: 1.5px solid #d4af37 !important;
    color: #b58a24 !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.12) !important;
}

.shoot-date-badge strong {
    color: #b58a24 !important;
}

.shoot-date-badge span {
    color: #b58a24 !important;
}

/* ==========================================================================
   PROJELER: KART ALTINI MÜKEMMEL EŞİTLEME (YATAY HİZALAMA)
   ========================================================================== */
.project-card-square .card-footer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f1efe9 !important;
    margin-top: auto !important;
}

.project-card-square .card-footer .photographer-meta {
    display: flex !important;
    flex-direction: row !important; /* İkonu üste değil YANA aldı */
    align-items: center !important;
    gap: 10px !important;
}

.photographer-meta .photographer-icon-box {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    background: #faf8f5 !important;
    border: 1px solid #eedec4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
}

.photographer-meta > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
}

.photographer-meta small {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.photographer-meta strong {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.2 !important;
}

.meta-stats {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 5px !important;
}

.meta-stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1 !important;
}

/* ==========================================================================
   PROJELER: KART ORTASI (BAŞLIK & TARİH) EŞİT BOŞLUK VE DİKEY ORTALAMA
   ========================================================================== */
.project-view-link {
    display: none !important;
}

.project-card-square .card-body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: auto 0 !important;
    padding: 20px 0 !important;
}

.project-card-square .card-body h2 {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    flex: 1 1 auto !important;
    word-break: break-word !important;
}

/* ==========================================================================
   PROJELER: FOTOĞRAFÇI İKONU HOVER RENGİ SABİT (DEĞİŞMEZ)
   ========================================================================== */
.project-card-link:hover .photographer-icon-box,
.photographer-icon-box:hover {
    background: #faf8f5 !important;
    color: #b58a24 !important;
    border-color: #eedec4 !important;
}

.project-card-link:hover .photographer-icon-box svg,
.photographer-icon-box:hover svg {
    color: #b58a24 !important;
    stroke: #b58a24 !important;
}

/* ==========================================================================
   PROJE FOTOĞRAFLARI: LÜKS STÜDYO YÜKLEME ALANI VE GALERİ DÜZENİ
   ========================================================================== */
.project-photos-page {
    padding-bottom: 60px !important;
}

.photos-page-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 28px !important;
    gap: 20px !important;
}

.photos-page-heading h1 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    margin: 4px 0 !important;
    line-height: 1.1 !important;
}

.photos-page-heading p {
    font-size: 0.95rem !important;
    color: #71717a !important;
    margin: 0 !important;
}

.watermark-settings-btn {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #d4d0c7 !important;
    color: #111111 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.watermark-settings-btn:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #faf9f6 !important;
    transform: translateY(-1px) !important;
}

/* YÜKLEME ALANI (DROP-ZONE) */
.photo-upload-panel.drop-zone {
    background: #ffffff !important;
    border: 2px dashed #ded8cc !important;
    border-radius: 24px !important;
    padding: 38px 30px !important;
    text-align: center !important;
    margin-bottom: 34px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.photo-upload-panel.drop-zone.drag-active {
    background: #faf6ec !important;
    border-color: #b58a24 !important;
    box-shadow: 0 8px 30px rgba(181, 138, 36, 0.15) !important;
    transform: scale(1.01) !important;
}

.drop-zone-icon {
    width: 68px !important;
    height: 68px !important;
    border-radius: 20px !important;
    background: #faf5eb !important;
    border: 1px solid #eedec4 !important;
    color: #b58a24 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 16px !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.12) !important;
}

.photo-upload-panel strong {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.photo-upload-panel p {
    font-size: 0.95rem !important;
    color: #71717a !important;
    max-width: 620px !important;
    margin: 0 auto 20px !important;
    line-height: 1.5 !important;
}

.drop-zone-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin: 16px 0 14px !important;
}

.photo-file-picker input[type="file"] {
    display: none !important;
}

.file-select-btn {
    font-family: inherit !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    height: 50px !important;
    padding: 0 28px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1.5px solid #d4d0c7 !important;
    color: #111111 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.file-select-btn svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 2.2 !important;
}

.file-select-btn:hover {
    background: #ffffff !important;
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(181, 138, 36, 0.18) !important;
}

.file-count-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 9px 24px !important;
    border-radius: 12px !important;
    background: #fdfbf7 !important;
    border: 1px solid #ede5d5 !important;
    color: #b58a24 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.015em !important;
    margin-top: 14px !important;
    box-shadow: 0 3px 12px rgba(181, 138, 36, 0.09) !important;
    transition: all 0.2s ease !important;
}
.file-count-badge svg {
    stroke: #b58a24 !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    display: block !important;
}
.file-count-badge.has-files {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #15803d !important;
    box-shadow: 0 3px 12px rgba(21, 128, 61, 0.12) !important;
}
.file-count-badge.has-files svg {
    stroke: #15803d !important;
}
.file-count-badge.has-error {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
    box-shadow: 0 3px 12px rgba(220, 38, 38, 0.12) !important;
}
.file-count-badge.has-error svg {
    stroke: #dc2626 !important;
}

.upload-start-btn {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    height: 52px !important;
    padding: 0 42px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 20px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}

.upload-start-btn:not(:disabled):hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(181, 138, 36, 0.3) !important;
}

.upload-start-btn:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}

/* FOTOĞRAF GALERİ KARTLARI */
.project-photo-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 28px !important;
}

.photo-manage-card {
    background: #ffffff !important;
    border: 1px solid #ede8dd !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.025) !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.22s ease !important;
}

.photo-manage-card:hover {
    transform: translateY(-3px) !important;
    border-color: #b58a24 !important;
    box-shadow: 0 10px 25px rgba(181, 138, 36, 0.14) !important;
}

.photo-preview {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    background: #18181b !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.photo-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}
.photo-manage-card:hover .photo-preview img {
    transform: scale(1.04) !important;
}

.photo-placeholder {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #71717a !important;
}

.photo-order-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    padding: 3px 9px !important;
    border-radius: 8px !important;
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(6px) !important;
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
}

.photo-processing-status {
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 11px !important;
    border-radius: 99px !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 4 !important;
    transition: all 0.2s ease !important;
}
.photo-processing-status svg {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
}
.photo-processing-status.status-pendingupload {
    background: rgba(254, 243, 199, 0.95) !important;
    color: #b45309 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    box-shadow: 0 2px 10px rgba(245, 158, 11, 0.14) !important;
}
.photo-processing-status.status-processing {
    background: rgba(239, 246, 255, 0.95) !important;
    color: #1d4ed8 !important;
    border: 1px solid rgba(59, 130, 246, 0.35) !important;
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.14) !important;
}
.photo-processing-status.status-ready,
.photo-processing-status.status-uploaded {
    background: rgba(236, 253, 245, 0.95) !important;
    color: #047857 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.14) !important;
}
.photo-processing-status.status-failed {
    background: rgba(254, 242, 242, 0.95) !important;
    color: #b91c1c !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    box-shadow: 0 2px 10px rgba(239, 68, 68, 0.14) !important;
}

.photo-card-info {
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    user-select: text !important;
    -webkit-user-select: text !important;
}

.photo-card-info strong {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    cursor: text !important;
}

.photo-card-info small {
    font-size: 0.78rem !important;
    color: #9ca3af !important;
    font-weight: 600 !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    cursor: text !important;
}

.photo-card-actions {
    padding: 0 16px 14px !important;
    margin-top: auto !important;
}

.photo-card-actions summary {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    outline: none !important;
    user-select: none !important;
    padding: 4px 0 !important;
}
.photo-card-actions summary:hover {
    color: #b58a24 !important;
}

.photo-card-actions form {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding-top: 6px !important;
}

.photo-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
    cursor: pointer !important;
    user-select: none !important;
    line-height: 1.2 !important;
}

.photo-checkbox-label input {
    accent-color: #b58a24 !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.photo-save-setting-btn {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    height: 28px !important;
    border-radius: 6px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    cursor: pointer !important;
    margin-top: 4px !important;
    padding: 0 10px !important;
    transition: all 0.2s ease !important;
}
.photo-save-setting-btn:hover {
    background: #b58a24 !important;
}

.photo-secondary-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid #f1efe9 !important;
}

.photo-secondary-actions button.remove {
    font-family: "Roboto", sans-serif !important;
    font-size: 0.70rem !important;
    font-weight: 600 !important;
    color: #ef4444 !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    padding: 2px 0 !important;
}
.photo-secondary-actions button.remove:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   POZLA GLOBAL LOADING BAR & BACKDROP LOADER (LÜKS ALTIN ÇİZGİ & DÖNER ÇEMBER)
   ========================================================================== */
.pozla-top-progress {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 0% !important;
    height: 3.5px !important;
    background: linear-gradient(90deg, #b58a24, #d4af37, #fde68a) !important;
    z-index: 9999999 !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.8) !important;
    transition: width 0.2s ease, opacity 0.3s ease !important;
    pointer-events: none !important;
}

.pozla-global-loader {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(10, 10, 12, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 9999998 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.pozla-global-loader.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.pozla-global-loader .loader-content {
    background: #ffffff !important;
    border: 1px solid #eedec4 !important;
    border-radius: 24px !important;
    padding: 36px 44px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
    transform: scale(0.92) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    max-width: 360px !important;
    width: 90% !important;
}

.pozla-global-loader.active .loader-content {
    transform: scale(1) !important;
}

.loader-spinner-ring {
    position: relative !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    border: 0 !important;
    animation: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    box-shadow: 0 0 20px rgba(181, 138, 36, 0.2) !important;
}

.loader-spinner-ring::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 3.5px solid #f3efe6;
    border-top-color: #b58a24;
    border-right-color: #d4af37;
    border-radius: 50%;
    animation: pozlaSpin .85s cubic-bezier(.65,0,.35,1) infinite;
}

.loader-inner-circle {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #111111 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.loader-camera-lens{display:block;width:38px;height:38px;overflow:visible}
.loader-camera-lens .lens-rim{fill:#1b1b1d;stroke:#d4af37;stroke-width:2}
.loader-camera-lens .lens-glass{fill:#27272b;stroke:#705817;stroke-width:1}
.loader-camera-lens .lens-aperture{transform-origin:24px 24px;animation:pozlaAperture 1.35s ease-in-out infinite alternate}
.loader-camera-lens .lens-aperture path{fill:#d4af37;stroke:#111;stroke-width:.45;stroke-linejoin:round}
.loader-camera-lens .lens-core{fill:#080809;stroke:#e8bd3d;stroke-width:1}
.loader-camera-lens .lens-glint{fill:#fff;opacity:.8;animation:pozlaLensGlint 1.35s ease-in-out infinite alternate}
/* Eski sayfada oluşturulmuş P loader'ını da yenilemeden lens görünümüne çevirir. */
.loader-brand-letter{position:relative!important;width:34px!important;height:34px!important;display:block!important;overflow:hidden!important;border:2px solid #d4af37!important;border-radius:50%!important;color:transparent!important;font-size:0!important;background:radial-gradient(circle at 38% 34%,#fff 0 2px,transparent 2.5px),radial-gradient(circle,#070708 0 22%,#2b2b30 23% 46%,#111 47% 100%)!important;animation:pozlaLensPulse 1.35s ease-in-out infinite alternate!important}
.loader-brand-letter::before{content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:repeating-conic-gradient(from 8deg,#d4af37 0 42deg,#171719 43deg 60deg)!important;animation:pozlaAperture 1.35s ease-in-out infinite alternate!important}
.loader-brand-letter::after{content:""!important;position:absolute!important;inset:13px!important;border:1px solid #e8bd3d!important;border-radius:50%!important;background:#070708!important}

@keyframes pozlaSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes pozlaAperture{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(28deg) scale(.84)}}
@keyframes pozlaLensGlint{0%{opacity:.85;transform:translate(0,0)}100%{opacity:.35;transform:translate(2px,2px)}}
@keyframes pozlaLensPulse{0%{box-shadow:0 0 0 rgba(212,175,55,0)}100%{box-shadow:0 0 12px rgba(212,175,55,.42)}}

.pozla-global-loader strong {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.95rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: 1.15 !important;
}

.pozla-global-loader p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #52525b !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* ==========================================================================
   SWEETALERT2: POZLA LÜKS TEMASI
   ========================================================================== */
.pozla-swal-popup {
    border-radius: 24px !important;
    padding: 32px 28px !important;
    background: #ffffff !important;
    border: 1px solid #eedec4 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2) !important;
    font-family: inherit !important;
}

.pozla-swal-title {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    padding: 0 !important;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
}

.pozla-swal-text {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.swal2-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 16px !important;
    width: 100% !important;
}

.pozla-swal-btn-danger {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    padding: 0 26px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25) !important;
}
.pozla-swal-btn-danger:hover {
    background: #b91c1c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(220, 38, 38, 0.35) !important;
}

.pozla-swal-btn-confirm {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    height: 44px !important;
    padding: 0 26px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}
.pozla-swal-btn-confirm:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.25) !important;
}

.pozla-swal-btn-cancel {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;
    background: #fafaf8 !important;
    color: #111111 !important;
    border: 1.5px solid #d4d0c7 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}
.pozla-swal-btn-cancel:hover {
    background: #ffffff !important;
    border-color: #b58a24 !important;
    color: #b58a24 !important;
}

/* ==========================================================================
   FİLİGRAN AYARLARI: LÜKS İNTERAKTİF STÜDYO DÜZENİ
   ========================================================================== */
.watermark-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 26px !important;
    gap: 20px !important;
}

/* Pozla Network - Takip ve keşif */
.network-page{max-width:1180px;margin:0 auto;padding:34px}.network-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;padding:16px;border:1px solid #e1ddd4;border-radius:14px;background:#fff}.network-filter input,.network-filter select{min-width:0;padding:11px 13px;border:1px solid #ddd8cd;border-radius:9px;background:#fff}.network-filter button{padding:11px 20px;border:0;border-radius:9px;color:#111;background:#d4af37;font-weight:800}.network-result-head{display:flex;justify-content:space-between;margin:23px 2px 14px;color:#777}.network-result-head strong{color:#1b1b1d}.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.network-card{position:relative;padding:25px;border:1px solid #e2ded5;border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(20,20,20,.05);transition:.2s}.network-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,20,20,.09)}.network-card-logo,.network-mini-logo{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#171717;background:#d4af37;text-decoration:none;font:800 1.8rem "Smooch Sans",sans-serif}.network-card-logo img{width:100%;height:100%;object-fit:cover}.network-card h2{margin:14px 0 0;font:800 1.65rem "Smooch Sans",sans-serif}.network-card h2 a{color:#171717;text-decoration:none}.network-card>strong{color:#ad841b;font-size:.8rem}.network-card>p{min-height:21px;margin:8px 0;color:#777}.network-card-tags{display:flex;flex-wrap:wrap;gap:5px;min-height:30px}.network-card-tags span{padding:4px 8px;border-radius:999px;background:#f5f1e6;font-size:.68rem}.network-card>small{display:block;margin-top:14px;color:#777}.network-profile-button{display:block;margin-top:14px;padding:9px;border-radius:8px;color:#fff!important;background:#171719;text-align:center;text-decoration:none;font-weight:700}.network-empty{padding:70px;text-align:center;color:#777}.network-empty>span{font-size:3rem;color:#d4af37}.network-pagination{display:flex;justify-content:center;gap:12px;margin-top:25px}.network-pagination a{padding:9px 16px;border:1px solid #ddd7ca;border-radius:9px;color:#171717;text-decoration:none}.network-list{display:grid;gap:9px}.network-list>a{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e2ded5;border-radius:13px;color:#171717;background:#fff;text-decoration:none}.network-mini-logo{width:48px;height:48px;font-size:1.25rem}.network-list>a div{display:grid;flex:1}.network-list small{color:#85858b}.network-list>a>b{color:#ad841b}.public-social-actions form{margin:0}.public-social-actions button.following{color:#111;background:#f5edcf}.public-social-actions .network-block-button{padding-inline:13px;color:#777;background:#fff}.public-social-stats a{display:grid;color:#777;text-decoration:none}.public-social-stats a b{color:#111}@media(max-width:900px){.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-filter{grid-template-columns:1fr 1fr}.network-filter input{grid-column:1/-1}}@media(max-width:600px){.network-page{padding:18px}.network-grid{grid-template-columns:1fr}.network-filter{grid-template-columns:1fr}.network-filter input{grid-column:auto}}

.watermark-heading h1 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    margin: 4px 0 !important;
    line-height: 1.1 !important;
}

.watermark-heading p {
    font-size: 0.95rem !important;
    color: #71717a !important;
    margin: 0 !important;
}

.watermark-editor-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.15fr !important;
    gap: 26px !important;
    align-items: start !important;
}

/* SOL: CANLI SAHNE ÖNİZLEME */
.watermark-preview-panel {
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 22px !important;
    padding: 26px 28px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
}

.preview-mode-badge {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    background: #faf5eb !important;
    color: #b58a24 !important;
    border: 1px solid #eedec4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.watermark-stage {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    background: #09090b !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid #27272a !important;
    box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.6) !important;
    margin: 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.stage-photo-mockup {
    width: 100% !important;
    height: 100% !important;
    background: radial-gradient(circle at center, #27272a 0%, #18181b 60%, #09090b 100%) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.watermark-display-layer {
    position: absolute !important;
    inset: 28px !important;
    pointer-events: none !important;
    display: flex !important;
}

.watermark-display-layer.position-center {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.watermark-display-layer.position-topleft {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
}
.watermark-display-layer.position-topcenter {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: center !important;
}
.watermark-display-layer.position-topright {
    align-items: flex-start !important;
    justify-content: flex-end !important;
    text-align: right !important;
}
.watermark-display-layer.position-bottomleft {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    text-align: left !important;
}
.watermark-display-layer.position-bottomcenter {
    align-items: flex-end !important;
    justify-content: center !important;
    text-align: center !important;
}
.watermark-display-layer.position-bottomright {
    align-items: flex-end !important;
    justify-content: flex-end !important;
    text-align: right !important;
}

#liveWatermarkText {
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8), 0 0 4px rgba(0,0,0,0.5) !important;
    letter-spacing: 0.06em !important;
    line-height: 1.1 !important;
    word-break: break-word !important;
    display: inline-block !important;
    transition: font-size 0.08s ease, opacity 0.08s ease, transform 0.08s ease !important;
}

.watermark-preview-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 0.82rem !important;
    color: #71717a !important;
    line-height: 1.4 !important;
    padding: 12px 16px !important;
    background: #fafaf8 !important;
    border-radius: 12px !important;
    border: 1px solid #ede8dd !important;
}
.watermark-preview-note svg {
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

/* SAĞ: FİRM FORMU VE KONTROLLER */
.watermark-form-panel {
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 22px !important;
    padding: 26px 28px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 22px !important;
}

.watermark-form-group,
.edit-form-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

.watermark-form-group label,
.watermark-form-group label span,
.edit-label,
.slider-label-row span,
.slider-label-row label {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    margin-bottom: 2px !important;
    display: block !important;
    line-height: 1.2 !important;
}

.form-input-luxury {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}

.form-select-luxury {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 42px 0 14px !important;
    padding-inline-end: 42px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 11px !important;
    background-color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;
    cursor: pointer !important;
}

.form-input-luxury:focus {
    border-color: #b58a24 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important;
}

.form-select-luxury:focus {
    border-color: #b58a24 !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b58a24' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important;
}

.template-variable-tags {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
    flex-wrap: wrap !important;
}
.template-variable-tags small {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
}
.var-tag {
    background: #fbf3dc !important;
    border: 1px solid rgba(181, 138, 36, 0.3) !important;
    color: #b58a24 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 2px 10px !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
.var-tag:hover {
    background: #b58a24 !important;
    color: #ffffff !important;
    border-color: #b58a24 !important;
}

.watermark-slider-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 18px !important;
    margin-bottom: 12px !important;
}

.watermark-slider-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.slider-label-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 2px !important;
}
.slider-label-row strong {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
}

.luxury-range-slider {
    width: 100% !important;
    accent-color: #b58a24 !important;
    cursor: pointer !important;
    height: 6px !important;
}

.watermark-actions-row {
    margin-top: 14px !important;
}

.watermark-save-btn {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    height: 44px !important;
    min-height: 44px !important;
    width: 100% !important;
    border-radius: 11px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(24, 24, 27, 0.2) !important;
}
.watermark-save-btn:hover {
    background: #27272a !important;
    color: #d4af37 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(24, 24, 27, 0.3) !important;
}

/* LOGO PANELİ */
.watermark-logo-panel {
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 22px !important;
    padding: 22px 26px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
}

.logo-panel-header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
}
.logo-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #faf5eb !important;
    border: 1px solid #eedec4 !important;
    color: #b58a24 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.logo-panel-header strong {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    display: block !important;
}
.logo-panel-header p {
    font-size: 0.85rem !important;
    color: #71717a !important;
    margin: 0 !important;
}

.watermark-logo-upload-form .logo-file-input-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.watermark-logo-upload-form input[type="file"] {
    display: none !important;
}
.logo-select-btn,
.logo-select-btn span,
#logoFileName {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}

.logo-select-btn {
    flex: 1 1 auto !important;
    height: 54px !important;
    padding: 0 22px !important;
    border-radius: 12px !important;
    background: #fafaf8 !important;
    border: 2px dashed #cfc8b8 !important;
    color: #111111 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: all 0.2s ease !important;
}
.logo-select-btn svg {
    width: 24px !important;
    height: 24px !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
}
.logo-select-btn:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(181, 138, 36, 0.15) !important;
}

.logo-upload-btn,
.logo-upload-btn span {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}

.logo-upload-btn {
    height: 54px !important;
    padding: 0 28px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}
.logo-upload-btn svg {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
}
.logo-upload-btn:hover {
    background: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(181, 138, 36, 0.3) !important;
}

@media (max-width: 992px) {
    .watermark-editor-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   PROJE FOTOĞRAFLARI: TOPLU İŞLEMLER BARI (BULK ACTIONS BAR)
   ========================================================================= */
.photo-set-workflow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;margin:0 0 20px!important;padding:18px 24px!important;border:1px solid #d4af37!important;border-radius:20px!important;background:#fff!important;box-shadow:0 4px 18px rgba(0,0,0,.02)!important}.photo-workflow-heading{display:flex!important;align-items:center!important;gap:14px!important;min-width:280px!important}.photo-workflow-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;flex:0 0 46px!important;border:1px solid rgba(212,175,55,.55)!important;border-radius:12px!important;background:#fbf3dc!important;color:#b58a24!important}.photo-workflow-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important}.photo-workflow-heading>div{display:grid!important;min-width:0!important}.photo-workflow-heading .card-kicker{margin:0 0 3px!important;color:#b58a24!important;font:700 1.05rem/1 "Smooch Sans",sans-serif!important;letter-spacing:.08em!important}.photo-workflow-heading strong{color:#18181b!important;font:700 1.55rem/1.08 "Smooch Sans",sans-serif!important}.photo-workflow-heading p{margin:5px 0 0!important;color:#71717a!important;font:600 1.16rem/1.25 "Smooch Sans",sans-serif!important}.photo-workflow-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;flex:1 1 auto!important}.photo-workflow-actions input{width:min(380px,100%)!important;height:50px!important;padding:0 15px!important;border:1px solid #d4af37!important;border-radius:11px!important;background:#fff!important;color:#18181b!important;font:700 1.2rem/1 "Smooch Sans",sans-serif!important;outline:0!important}.photo-workflow-actions input::placeholder{color:#a1a1aa!important;font-weight:600!important}.photo-workflow-actions input:focus{border-color:#b58a24!important;box-shadow:0 0 0 4px rgba(212,175,55,.15)!important}.photo-workflow-actions button{min-height:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 18px!important;border:1px solid #18181b!important;border-radius:11px!important;background:#18181b!important;color:#fff!important;box-shadow:0 6px 16px rgba(24,24,27,.16)!important;font:700 1.22rem/1 "Smooch Sans",sans-serif!important;white-space:nowrap!important}.photo-workflow-actions button svg{width:18px!important;height:18px!important;stroke:#d4af37!important}.photo-workflow-actions button:hover{transform:translateY(-1px)!important;background:#27272a!important}.photo-set-workflow.paused .photo-workflow-icon{border-color:rgba(22,163,74,.45)!important;background:#ecfdf3!important;color:#15803d!important}.workflow-revision-note{padding:9px 12px!important;border:1px solid #fecaca!important;border-radius:10px!important;background:#fff1f2!important;color:#b91c1c!important;font:700 1.12rem/1.2 "Smooch Sans",sans-serif!important}@media(max-width:900px){.photo-set-workflow{align-items:stretch!important;flex-direction:column!important;gap:14px!important;padding:17px 18px!important}.photo-workflow-actions{width:100%!important;justify-content:flex-start!important}.photo-workflow-actions input{flex:1 1 auto!important}}@media(max-width:600px){.photo-set-workflow{padding:16px 14px!important;border-radius:14px!important}.photo-workflow-heading{align-items:flex-start!important;min-width:0!important}.photo-workflow-icon{width:42px!important;height:42px!important;flex-basis:42px!important}.photo-workflow-heading strong{font-size:1.35rem!important}.photo-workflow-heading p{font-size:1.08rem!important}.photo-workflow-actions{flex-direction:column!important}.photo-workflow-actions input,.photo-workflow-actions button{width:100%!important}}

.photo-bulk-actions-bar {
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 20px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
}

.photo-bulk-actions-bar .bulk-bar-info h3 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 2px 0 0 !important;
    line-height: 1.1 !important;
}

.photo-bulk-actions-bar .bulk-bar-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.bulk-btn-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #fafaf8 !important;
    padding: 4px 6px !important;
    border-radius: 14px !important;
    border: 1px solid #ede8dd !important;
}

.bulk-action-btn {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    background: #ffffff !important;
    border: 1.5px solid #d4d0c7 !important;
    color: #111111 !important;
}

.bulk-action-btn:hover {
    border-color: #b58a24 !important;
    color: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.15) !important;
}

.btn-selected-remove {
    background: #dc2626 !important;
    background-color: #dc2626 !important;
    border: 1px solid #dc2626 !important;
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    box-shadow: 0 3px 10px rgba(220, 38, 38, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
.btn-selected-remove svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
    flex-shrink: 0 !important;
}
.btn-selected-remove span {
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}
.btn-selected-remove:hover {
    background: #b91c1c !important;
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    box-shadow: 0 5px 16px rgba(220, 38, 38, 0.4) !important;
    transform: translateY(-1px) !important;
}
.btn-selected-remove:hover svg,
.btn-selected-remove:hover span {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.bulk-remove-all-btn {
    background: #fef2f2 !important;
    border: 1.5px solid #fecaca !important;
    color: #dc2626 !important;
    height: 46px !important;
    padding: 0 20px !important;
    font-size: 1.22rem !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
}

.bulk-remove-all-btn:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    box-shadow: 0 6px 18px rgba(220, 38, 38, 0.3) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 992px) {
    .photo-bulk-actions-bar {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

@media (max-width: 768px) {
    .photo-bulk-actions-bar .bulk-bar-buttons,
    .photo-bulk-actions-bar .selection-action-buttons {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: stretch !important;
    }
    .photo-bulk-actions-bar .bulk-btn-group {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 8px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    .photo-bulk-actions-bar .bulk-action-btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }
    .photo-bulk-actions-bar .bulk-action-btn span {
        white-space: nowrap !important;
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* ==========================================================================
   POZLA GLOBAL FLOATING TOAST NOTIFICATION SİSTEMİ (LÜKS TOAST BİLDİRİMLERİ)
   ========================================================================== */
/* Sayfa üstüne eklenen kaba in-page alert banner'larını gizle (yerini toast aldı) */
.dashboard-alert,
.alert.dashboard-alert {
    display: none !important;
}

.pozla-toast-container {
    position: fixed !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 99999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    pointer-events: none !important;
    max-width: calc(100vw - 48px) !important;
}

.pozla-toast-card {
    pointer-events: auto !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid #eedec4 !important;
    border-radius: 18px !important;
    padding: 16px 20px !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    min-width: 320px !important;
    max-width: 420px !important;
    position: relative !important;
    overflow: hidden !important;
    animation: toastSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease !important;
}

.pozla-toast-card.dismissing {
    transform: translateX(120%) scale(0.9) !important;
    opacity: 0 !important;
}

.toast-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* Başarılı Toast */
.toast-success {
    border-color: #eedec4 !important;
}
.toast-success .toast-icon-wrap {
    background: #faf5eb !important;
    border: 1px solid #eedec4 !important;
    color: #b58a24 !important;
}

/* Hata Toast */
.toast-error {
    border-color: #fecaca !important;
}
.toast-error .toast-icon-wrap {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #dc2626 !important;
}

/* Uyarı Toast */
.toast-warning {
    border-color: #fde68a !important;
}
.toast-warning .toast-icon-wrap {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    color: #d97706 !important;
}

/* Bilgi Toast */
.toast-info {
    border-color: #bae6fd !important;
}
.toast-info .toast-icon-wrap {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    color: #0284c7 !important;
}

.toast-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.toast-title {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.15 !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.toast-message {
    font-size: 0.92rem !important;
    color: #52525b !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    word-break: break-word !important;
}

.toast-close-btn {
    border: none !important;
    background: transparent !important;
    color: #a1a1aa !important;
    font-size: 1.4rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 4px !important;
    margin-top: -2px !important;
    margin-right: -4px !important;
    transition: color 0.15s ease !important;
}
.toast-close-btn:hover {
    color: #111111 !important;
}

.toast-progress {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

.toast-progress-bar {
    height: 100% !important;
    width: 100% !important;
    animation: toastProgressDecay 4.2s linear forwards !important;
}

.toast-success .toast-progress-bar {
    background: linear-gradient(90deg, #b58a24, #d4af37) !important;
}
.toast-error .toast-progress-bar {
    background: #dc2626 !important;
}
.toast-warning .toast-progress-bar {
    background: #d97706 !important;
}
.toast-info .toast-progress-bar {
    background: #0284c7 !important;
}

@@keyframes toastSlideIn {
    0% {
        transform: translateX(110%) scale(0.92);
        opacity: 0;
    }
    100% {
        transform: translateX(0) scale(1);
        opacity: 1;
    }
}

@@keyframes toastProgressDecay {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}
/* Müşteri galerisinde ek seçim bütçesi */
.gallery-budget-card{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:18px 0;padding:20px 24px;border:1px solid #e4d39d;border-radius:16px;background:#fffaf0;color:#18181b}.gallery-budget-card>div{display:grid;gap:4px}.gallery-budget-card strong{font-size:1.35rem}.gallery-budget-card small{color:#666}.gallery-budget-card form{display:flex;align-items:end;gap:10px}.gallery-budget-card label{display:grid;gap:5px;font-size:.8rem}.gallery-budget-card input{min-width:220px;padding:10px 12px;border:1px solid #cfc8b8;border-radius:9px}.gallery-budget-card button{padding:11px 16px;border:0;border-radius:9px;background:#18181b;color:#fff;font-weight:700}@media(max-width:720px){.gallery-budget-card,.gallery-budget-card form{align-items:stretch;flex-direction:column}.gallery-budget-card input{width:100%;min-width:0}}

/* ==========================================================================
/* ==========================================================================
   FİLİGRAN LOGO & METİN CANLI ÖNİZLEME ELEMANLARI
   ========================================================================== */
.live-watermark-container {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: transform 0.08s ease, opacity 0.08s ease !important;
    pointer-events: none !important;
    max-width: 100% !important;
}

.live-wm-logo {
    object-fit: contain !important;
    max-height: 140px !important;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.75)) !important;
    transition: width 0.08s ease !important;
}

.live-wm-logo-placeholder {
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(4px) !important;
    border: 1.5px dashed rgba(255, 255, 255, 0.7) !important;
    color: #ffffff !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.live-wm-text {
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85), 0 0 4px rgba(0, 0, 0, 0.5) !important;
    letter-spacing: 0.06em !important;
    line-height: 1.1 !important;
    word-break: break-word !important;
    transition: font-size 0.08s ease !important;
}

/* Visibility Control Based on Mode */
.live-watermark-container.mode-text .live-wm-logo,
.live-watermark-container.mode-text .live-wm-logo-placeholder {
    display: none !important;
}
.live-watermark-container.mode-text .live-wm-text {
    display: inline-block !important;
}

.live-watermark-container.mode-logo .live-wm-text {
    display: none !important;
}
.live-watermark-container.mode-logo .live-wm-logo.has-image {
    display: block !important;
}
.live-watermark-container.mode-logo .live-wm-logo:not(.has-image) {
    display: none !important;
}
.live-watermark-container.mode-logo .live-wm-logo-placeholder {
    display: inline-flex !important;
}

.live-watermark-container.mode-logoandtext .live-wm-text {
    display: inline-block !important;
}
.live-watermark-container.mode-logoandtext .live-wm-logo.has-image {
    display: block !important;
}
.live-watermark-container.mode-logoandtext .live-wm-logo:not(.has-image) {
    display: none !important;
}
.live-watermark-container.mode-logoandtext .live-wm-logo-placeholder {
    display: inline-flex !important;
}

/* ==========================================================================
   PROJE FOTOĞRAFLARI: ÇOKLU SEÇİM & SEÇİLİ TOPLU İŞLEM STİLLERİ
   ========================================================================== */
.photo-selection-toolbar {
    background: linear-gradient(135deg, #ffffff 0%, #fffdfa 100%) !important;
    border: 1.5px solid #d4af37 !important;
    box-shadow: 0 6px 24px rgba(181, 138, 36, 0.08) !important;
}

.select-all-control {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.custom-select-all-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    color: #52525b !important;
    user-select: none !important;
    background: #fafaf8 !important;
    padding: 0 16px !important;
    height: 42px !important;
    border-radius: 10px !important;
    border: 1.5px solid #ede8dd !important;
    transition: all 0.2s ease !important;
}

.custom-select-all-label span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    color: #52525b !important;
    line-height: 1 !important;
}

.custom-select-all-label:hover {
    background: #f4f0e6 !important;
    border-color: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.15) !important;
}

.custom-select-all-label input[type="checkbox"] {
    display: none !important;
}

.custom-chk-square {
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    border: 2px solid #b58a24 !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.custom-chk-square svg {
    display: none !important;
    color: #ffffff !important;
}

.custom-select-all-label input[type="checkbox"]:checked + .custom-chk-square {
    background: #b58a24 !important;
}

.custom-select-all-label input[type="checkbox"]:checked + .custom-chk-square svg {
    display: block !important;
}

.selected-count-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #fafaf8 !important;
    border: 1.5px solid #ede8dd !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    color: #52525b !important;
    transition: all 0.2s ease !important;
}

.selected-count-pill.has-selection {
    background: #111111 !important;
    color: #ffd700 !important;
    border-color: #111111 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}

/* Photo Card Checkbox */
.photo-card-checkbox-wrap {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.photo-card-checkbox-wrap input[type="checkbox"] {
    display: none !important;
}

.custom-card-chk {
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 2px solid rgba(0, 0, 0, 0.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.custom-card-chk svg {
    display: none !important;
    color: #ffffff !important;
}

.photo-card-checkbox-wrap input[type="checkbox"]:checked + .custom-card-chk {
    background: #b58a24 !important;
    border-color: #b58a24 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(181, 138, 36, 0.4) !important;
}

.photo-card-checkbox-wrap input[type="checkbox"]:checked + .custom-card-chk svg {
    display: block !important;
}

.photo-manage-card.card-selected {
    border-color: #b58a24 !important;
    box-shadow: 0 8px 24px rgba(181, 138, 36, 0.22) !important;
    transform: translateY(-2px) !important;
}

/* Photo Card Status Badges */
.photo-card-badges {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-end !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.badge-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 11px !important;
    border-radius: 99px !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s ease !important;
}

.badge-tag svg {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
}

.badge-tag.tag-visible {
    background: rgba(236, 253, 245, 0.94) !important;
    color: #047857 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.14) !important;
}

.badge-tag.tag-recommended {
    background: rgba(254, 243, 199, 0.94) !important;
    color: #b45309 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    box-shadow: 0 2px 10px rgba(245, 158, 11, 0.14) !important;
}

.photo-manage-card .photo-order-badge {
    left: auto !important;
    bottom: 10px !important;
    left: 10px !important;
    top: auto !important;
}
/* Logo Overrides */
.site-logo-img {
    height: 38px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transform: scale(1.1);
    transform-origin: left center;
}
.site-logo-img-footer {
    height: 60px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transform: scale(1.15);
    transform-origin: left center;
}
.site-logo-img-large {
    height: 55px;
    width: auto;
    display: inline-block;
    transform: scale(1);
    transform-origin: center center;
}
.site-logo-img-admin {
    height: 38px;
    max-width: 140px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
    transform: none;
}

/* Password Strength Meter */
.password-strength-container {
    margin-top: 8px;
    margin-bottom: 12px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity 0.3s ease, height 0.3s ease;
}
.password-strength-container.active {
    opacity: 1;
    visibility: visible;
    height: 20px; /* text height + bar */
}
.password-strength-bar {
    height: 6px;
    background: #2a2a2f;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
}
.password-strength-fill {
    height: 100%;
    width: 0%;
    background: #ef4444; 
    border-radius: 4px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease;
}
.password-strength-text {
    font-size: 0.72rem;
    font-weight: 700;
    color: #a1a1aa;
    float: right;
    transition: color 0.4s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* Strength Levels */
.strength-weak .password-strength-fill { background-color: #ef4444; box-shadow: 0 0 8px rgba(239, 68, 68, 0.4); }
.strength-weak .password-strength-text { color: #ef4444; }

.strength-fair .password-strength-fill { background-color: #f59e0b; box-shadow: 0 0 8px rgba(245, 158, 11, 0.4); }
.strength-fair .password-strength-text { color: #f59e0b; }

.strength-good .password-strength-fill { background-color: #3b82f6; box-shadow: 0 0 8px rgba(59, 130, 246, 0.4); }
.strength-good .password-strength-text { color: #3b82f6; }

.strength-strong .password-strength-fill { background-color: #10b981; box-shadow: 0 0 8px rgba(16, 185, 129, 0.4); }
.strength-strong .password-strength-text { color: #10b981; }

/* Project photo gallery: unobstructed cards, visible upload state and photographer lightbox */
.photo-preview img {
    object-fit: cover !important;
    background: transparent; object-position: center center !important;
}
.photo-manage-card:hover .photo-preview img {
    transform: none !important;
}
.photo-card-meta-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    min-height: 38px !important;
    padding: 0 16px 10px !important;
}
.photo-card-meta-row .photo-card-badges {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    pointer-events: none !important;
}
.photo-card-meta-row .badge-tag,
.photo-card-meta-row .photo-processing-status {
    position: static !important;
    display: inline-flex !important;
    backdrop-filter: none !important;
}

.upload-progress-container {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 10020 !important;
    display: none !important;
    width: min(460px, calc(100vw - 32px)) !important;
    padding: 18px 20px !important;
    margin: 0 !important;
    border: 1px solid rgba(212, 175, 55, .55) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .22) !important;
}
.upload-progress-container.is-visible {
    display: block !important;
    animation: upload-progress-enter .22s ease-out both !important;
}
@keyframes upload-progress-enter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.photo-lightbox[hidden] { display: none !important; }
.photo-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 11000 !important;
    display: flex !important;
    flex-direction: column !important;
    color: #fff !important;
    background: #08080a !important;
}
.photo-lightbox-toolbar {
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(18,18,20,.96) !important;
}
.lightbox-file-info {
    min-width: 160px !important;
    display: flex !important;
    flex-direction: column !important;
}
.lightbox-file-info strong {
    max-width: 320px !important;
    overflow: hidden !important;
    color: #fff !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.lightbox-file-info span { color: #a1a1aa !important; font-size: .78rem !important; }
.lightbox-tools { display: flex !important; align-items: center !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 7px !important; }
.lightbox-tools button {
    min-width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 10px !important;
    color: #f4f4f5 !important;
    background: #242428 !important;
    font: 700 .82rem Roboto, sans-serif !important;
    cursor: pointer !important;
}
.lightbox-tools button:hover { border-color: #d4af37 !important; color: #f1cc58 !important; }
.lightbox-tools .lightbox-state-btn.is-active { border-color: #d4af37 !important; color: #18181b !important; background: #d4af37 !important; }
.lightbox-tools .lightbox-save-btn { color: #18181b !important; border-color: #d4af37 !important; background: #d4af37 !important; }
.lightbox-tools .lightbox-remove-btn { color: #ffffff !important; border-color: #dc2626 !important; background: #dc2626 !important; font-family: 'Smooch Sans', sans-serif !important; font-size: 1.25rem !important; font-weight: 800 !important; }
.lightbox-tools .lightbox-remove-btn:hover { background: #b91c1c !important; border-color: #b91c1c !important; color: #ffffff !important; }
.lightbox-tools .lightbox-close-btn:hover { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.14) !important; color: #e4e4e7 !important; }
.lightbox-tools .lightbox-close { font-size: 1.65rem !important; font-weight: 400 !important; }
.photo-lightbox-stage {
    min-height: 0 !important;
    flex: 1 !important;
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) 68px !important;
    align-items: stretch !important;
}
.lightbox-image-viewport {
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    cursor: grab !important;
}
.lightbox-image-viewport.is-dragging { cursor: grabbing !important; }
.lightbox-image-viewport img {
    display: block !important;
    max-width: calc(100% - 24px) !important;
    max-height: calc(100% - 24px) !important;
    object-fit: contain !important;
    transform-origin: center center !important;
    transition: transform .16s ease !important;
    user-select: none !important;
}
.lightbox-image-viewport.is-dragging img { transition: none !important; }
.lightbox-loader {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #d4af37 !important;
    font-weight: 700 !important;
}
.lightbox-loader.is-hidden { display: none !important; }
.lightbox-nav {
    align-self: center !important;
    justify-self: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    background: rgba(24, 24, 28, 0.8) !important;
    backdrop-filter: blur(8px) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.lightbox-nav svg {
    display: block !important;
    margin: auto !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    stroke: #ffffff !important;
}
.lightbox-nav:hover {
    background: rgba(181, 138, 36, 0.9) !important;
    border-color: #b58a24 !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
.lightbox-nav:active {
    transform: scale(0.96) !important;
}
body.lightbox-open { overflow: hidden !important; }

/* Global güvenli oturum uyarısı */
body.session-warning-open { overflow: hidden !important; }
.session-warning[hidden] { display: none !important; }
.session-warning {
    position: fixed !important;
    inset: 0 !important;
    z-index: 30000 !important;
    display: grid !important;
    place-items: center !important;
    padding: 24px !important;
    font-family: Roboto, sans-serif !important;
}
.session-warning-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(8, 8, 10, .78) !important;
    backdrop-filter: blur(10px) !important;
    opacity: 0 !important;
    transition: opacity .22s ease !important;
}
.session-warning-dialog {
    position: relative !important;
    width: min(100%, 510px) !important;
    overflow: hidden !important;
    padding: 28px 32px 30px !important;
    border: 1px solid rgba(212, 175, 55, .35) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #18181b 0%, #0e0e10 72%) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .52), 0 0 0 1px rgba(255,255,255,.035) inset !important;
    color: #f4f4f5 !important;
    opacity: 0 !important;
    transform: translateY(18px) scale(.97) !important;
    transition: opacity .22s ease, transform .22s ease !important;
}
.session-warning.is-visible .session-warning-backdrop,
.session-warning.is-visible .session-warning-dialog { opacity: 1 !important; }
.session-warning.is-visible .session-warning-dialog { transform: translateY(0) scale(1) !important; }
.session-warning-accent {
    position: absolute !important;
    top: 0 !important;
    left: 12% !important;
    right: 12% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #d4af37, #f2d36b, #d4af37, transparent) !important;
    box-shadow: 0 0 24px rgba(212,175,55,.75) !important;
}
.session-warning-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
.session-warning-brand {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 11px !important;
    color: #111 !important;
    background: linear-gradient(145deg, #f1d05d, #bd8f12) !important;
    box-shadow: 0 8px 24px rgba(212,175,55,.25) !important;
    font: 800 1.25rem "Smooch Sans", sans-serif !important;
}
.session-warning-security { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: #c4c4ca !important; font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
.session-warning-security svg { width: 17px !important; fill: none !important; stroke: #d4af37 !important; stroke-width: 1.8 !important; }
.session-warning-content { display: flex !important; align-items: center !important; flex-direction: column !important; padding: 18px 0 22px !important; text-align: center !important; }
.session-warning-clock { position: relative !important; width: 118px !important; height: 118px !important; display: grid !important; place-items: center !important; margin-bottom: 14px !important; }
.session-warning-clock svg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; transform: rotate(-90deg) !important; }
.session-warning-clock circle { fill: none !important; stroke-width: 5 !important; }
.session-warning-clock-track { stroke: rgba(255,255,255,.09) !important; }
.session-warning-clock-value { stroke: #d4af37 !important; stroke-linecap: round !important; stroke-dasharray: 326.73 !important; stroke-dashoffset: 0; filter: drop-shadow(0 0 5px rgba(212,175,55,.48)); transition: stroke-dashoffset .25s linear !important; }
.session-warning-clock span { color: #fff !important; font: 700 2rem "Smooch Sans", sans-serif !important; letter-spacing: .05em !important; }
.session-warning-kicker { color: #d4af37 !important; font-size: .7rem !important; font-weight: 700 !important; letter-spacing: .19em !important; }
.session-warning h2 { margin: 5px 0 8px !important; color: #fff !important; font: 700 clamp(2rem, 5vw, 2.65rem)/1 "Smooch Sans", sans-serif !important; letter-spacing: .01em !important; }
.session-warning-content p { max-width: 390px !important; margin: 0 !important; color: #a7a7b0 !important; font-size: .9rem !important; line-height: 1.65 !important; }
.session-warning-actions { display: grid !important; grid-template-columns: 1.45fr 1fr !important; gap: 10px !important; }
.session-warning-actions form { margin: 0 !important; }
.session-warning-actions button {
    width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    font: 700 .87rem Roboto, sans-serif !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
.session-warning-actions button svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.session-warning-continue { border: 1px solid #d4af37 !important; color: #111 !important; background: linear-gradient(135deg, #f1d05d, #d4af37) !important; box-shadow: 0 10px 24px rgba(212,175,55,.2) !important; }
.session-warning-continue:hover { color: #111 !important; background: linear-gradient(135deg, #f7db70, #ddb83d) !important; box-shadow: 0 13px 30px rgba(212,175,55,.3) !important; transform: translateY(-1px) !important; }
.session-warning-logout { border: 1px solid rgba(255,255,255,.14) !important; color: #e4e4e7 !important; background: rgba(255,255,255,.045) !important; }
.session-warning-logout:hover { border-color: rgba(255,255,255,.3) !important; color: #fff !important; background: rgba(255,255,255,.08) !important; transform: translateY(-1px) !important; }
.session-warning-actions button:disabled { opacity: .65 !important; cursor: wait !important; transform: none !important; }
.session-warning-continue.is-loading svg { animation: session-warning-spin .8s linear infinite !important; }
.session-warning-feedback { min-height: 19px !important; margin: 10px 0 -8px !important; color: #d4af37 !important; text-align: center !important; font-size: .77rem !important; }
@keyframes session-warning-spin { to { transform: rotate(360deg); } }
@media (max-width: 540px) {
    .session-warning { padding: 14px !important; }
    .session-warning-dialog { padding: 22px 18px 24px !important; border-radius: 20px !important; }
    .session-warning-actions { grid-template-columns: 1fr !important; }
    .session-warning-clock { width: 106px !important; height: 106px !important; }
}

/* Pozla anlık mesajlaşma */
.chat-nav-link { position: relative !important; }
.chat-unread-badge { margin-left: auto !important; min-width: 20px !important; height: 20px !important; padding: 0 5px !important; display: inline-grid !important; place-items: center !important; border-radius: 999px !important; color: #fff !important; background: #dc2626 !important; font: 700 .68rem Roboto,sans-serif !important; box-shadow: 0 0 0 3px rgba(220,38,38,.14) !important; }
.chat-unread-badge[hidden] { display: none !important; }
.chat-shell { height: calc(100dvh - 120px) !important; min-height: 0 !important; max-height: calc(100dvh - 120px) !important; display: grid !important; grid-template-columns: 330px minmax(0,1fr) !important; overflow: hidden !important; border: 1px solid #dedbd3 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 18px 55px rgba(24,24,27,.08) !important; }
.chat-list { display: flex !important; min-width: 0 !important; flex-direction: column !important; border-right: 1px solid #e7e4dd !important; background: #faf9f6 !important; }
.chat-list>header { padding: 25px 24px 15px !important; }.chat-list>header span{color:#b88912!important;font:700 .68rem Roboto,sans-serif!important;letter-spacing:.16em!important}.chat-list h1{margin:2px 0!important;color:#151515!important;font:700 2rem "Smooch Sans",sans-serif!important}.chat-list p{margin:0!important;color:#777!important;font-size:.78rem!important}
.chat-search{display:flex!important;align-items:center!important;gap:9px!important;margin:4px 18px 14px!important;padding:0 12px!important;border:1px solid #e2dfd7!important;border-radius:11px!important;background:#fff!important}.chat-search svg{width:16px!important;fill:none!important;stroke:#8b8b92!important;stroke-width:2!important}.chat-search input{width:100%!important;padding:11px 0!important;border:0!important;outline:0!important;background:transparent!important;font-size:.82rem!important}
.chat-conversations{overflow-y:auto!important;padding:0 10px 18px!important}.chat-conversation{display:flex!important;align-items:center!important;gap:11px!important;margin:3px 0!important;padding:12px!important;border-radius:13px!important;color:#222!important;text-decoration:none!important}.chat-conversation:hover,.chat-conversation.active{color:#111!important;background:#eeeae0!important}.chat-avatar{flex:0 0 auto!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;color:#171717!important;background:linear-gradient(145deg,#f3d15c,#c69718)!important;font:800 1.15rem "Smooch Sans",sans-serif!important}.chat-conversation-copy{min-width:0!important;display:flex!important;flex:1!important;flex-direction:column!important}.chat-conversation-copy strong{font-size:.84rem!important}.chat-conversation-copy small{overflow:hidden!important;color:#85858c!important;font-size:.72rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chat-conversation>b{min-width:19px!important;height:19px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important;background:#dc2626!important;font-size:.64rem!important}
.chat-thread{min-width:0!important;display:flex!important;flex-direction:column!important;background:linear-gradient(rgba(250,249,246,.94),rgba(250,249,246,.94)),radial-gradient(#d4af37 1px,transparent 1px)!important;background-size:auto,22px 22px!important}.chat-thread-head{height:76px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 24px!important;border-bottom:1px solid #e7e4dd!important;background:rgba(255,255,255,.93)!important}.chat-thread-head h2{margin:0!important;color:#18181b!important;font:700 1.65rem "Smooch Sans",sans-serif!important}.chat-thread-head small{display:flex!important;align-items:center!important;gap:6px!important;color:#818188!important;font-size:.72rem!important}.chat-thread-head small i{width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important}
.chat-messages{flex:1!important;overflow-y:auto!important;padding:24px clamp(16px,4vw,52px)!important}.chat-message{display:flex!important;margin:9px 0!important}.chat-message.mine{justify-content:flex-end!important}.chat-bubble{max-width:min(72%,620px)!important;padding:10px 13px 7px!important;border:1px solid #e1ded6!important;border-radius:5px 16px 16px!important;background:#fff!important;box-shadow:0 4px 14px rgba(24,24,27,.055)!important}.chat-message.mine .chat-bubble{border-color:#d7b440!important;border-radius:16px 5px 16px 16px!important;background:#fff7d9!important}.chat-bubble p{margin:2px 2px 6px!important;color:#242424!important;font-size:.88rem!important;line-height:1.5!important;white-space:pre-wrap!important}.chat-bubble footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;color:#8c8c92!important;font-size:.64rem!important}.chat-bubble footer button{padding:0 3px!important;border:0!important;color:#b45309!important;background:transparent!important;font-size:.65rem!important}.chat-ticks{color:#999!important;font-weight:800!important}.chat-ticks.read{color:#1583d8!important}.chat-message.deleted .chat-bubble{color:#929298!important;background:#f4f4f2!important;font-size:.78rem!important}
.chat-image{display:block!important;max-width:360px!important;margin:0 0 7px!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:11px!important;background:#ddd!important}.chat-image img{display:block!important;width:100%!important;max-height:310px!important;object-fit:cover!important}.chat-file{display:flex!important;align-items:center!important;gap:10px!important;min-width:250px!important;margin-bottom:7px!important;padding:10px!important;border-radius:10px!important;color:#252525!important;background:rgba(255,255,255,.65)!important;text-decoration:none!important}.chat-file>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:9px!important;color:#fff!important;background:#18181b!important}.chat-file div{display:flex!important;min-width:0!important;flex-direction:column!important}.chat-file strong{overflow:hidden!important;font-size:.75rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chat-file small{color:#8a8a90!important;font-size:.66rem!important}
.chat-compose{display:flex!important;align-items:flex-end!important;gap:10px!important;padding:14px 18px!important;border-top:1px solid #e2dfd8!important;background:#fff!important}.chat-attach,.chat-send{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:12px!important;cursor:pointer!important}.chat-attach{color:#555!important;background:#f2f1ed!important}.chat-attach input{display:none!important}.chat-attach svg,.chat-send svg{width:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}.chat-input-wrap{flex:1!important;display:flex!important;flex-direction:column!important;padding:8px 13px!important;border:1px solid #dedbd3!important;border-radius:13px!important;background:#fafafa!important}.chat-input-wrap textarea{max-height:110px!important;resize:none!important;border:0!important;outline:0!important;background:transparent!important;font-size:.86rem!important}.chat-input-wrap span{color:#b88912!important;font-size:.66rem!important}.chat-send{border:0!important;color:#171717!important;background:linear-gradient(145deg,#f1cf58,#c99a1b)!important}.chat-send:disabled{opacity:.5!important}.chat-empty,.chat-empty-thread{margin:auto!important;text-align:center!important;color:#85858c!important}.chat-empty span,.chat-empty-thread span{color:#d4af37!important;font-size:2rem!important}.chat-empty h2,.chat-empty-thread h3{margin:5px!important;color:#222!important;font-family:"Smooch Sans",sans-serif!important}

/* Message composer controls share one visual baseline and size. */
.chat-compose{align-items:center!important}
.chat-compose .chat-attach,
.chat-compose .chat-compose-emoji>button,
.chat-compose .chat-send{box-sizing:border-box!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;line-height:0!important}
.chat-compose .chat-input-wrap{box-sizing:border-box!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;justify-content:center!important}
.chat-compose .chat-input-wrap textarea{box-sizing:border-box!important;width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;padding:12px 0!important;border:0!important;border-radius:0!important;outline:0!important;color:#18181b!important;background:transparent!important;box-shadow:none!important;line-height:20px!important;overflow-y:auto!important}
.chat-compose .chat-input-wrap textarea:focus,
.chat-compose .chat-input-wrap textarea:focus-visible{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.chat-compose .chat-input-wrap:focus-within{border-color:#c79a22!important;box-shadow:0 0 0 3px rgba(212,175,55,.14)!important}
.chat-compose .chat-input-wrap span:empty{display:none!important}
.chat-compose .chat-attach svg,
.chat-compose .chat-send svg{display:block!important;width:21px!important;height:21px!important;margin:auto!important;position:static!important;transform:none!important}
.chat-lightbox{position:fixed!important;inset:0!important;z-index:31000!important;display:grid!important;place-items:center!important;padding:50px!important;background:rgba(0,0,0,.9)!important}.chat-lightbox[hidden]{display:none!important}.chat-lightbox img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.chat-lightbox button{position:absolute!important;top:20px!important;right:25px!important;border:0!important;color:#fff!important;background:transparent!important;font-size:2.5rem!important}
.chat-info-modal{position:fixed!important;inset:0!important;z-index:31010!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(8,8,10,.72)!important;backdrop-filter:blur(7px)!important}.chat-info-modal[hidden]{display:none!important}.chat-info-modal>div{position:relative!important;width:min(100%,420px)!important;padding:28px!important;border:1px solid rgba(212,175,55,.4)!important;border-radius:20px!important;color:#eee!important;background:linear-gradient(145deg,#1b1b1e,#0e0e10)!important;box-shadow:0 28px 80px rgba(0,0,0,.5)!important}.chat-info-modal>div>button{position:absolute!important;top:13px!important;right:16px!important;border:0!important;color:#aaa!important;background:transparent!important;font-size:1.6rem!important}.chat-info-modal>div>span{color:#d4af37!important;font-size:.66rem!important;font-weight:700!important;letter-spacing:.16em!important}.chat-info-modal h3{margin:4px 0 19px!important;color:#fff!important;font:700 2rem "Smooch Sans",sans-serif!important}.chat-info-modal dl{margin:0!important}.chat-info-modal dl>div{display:grid!important;grid-template-columns:100px 1fr!important;padding:12px 0!important;border-top:1px solid rgba(255,255,255,.09)!important}.chat-info-modal dt{color:#92929a!important;font-size:.76rem!important}.chat-info-modal dd{margin:0!important;color:#f1f1f2!important;font-size:.8rem!important;text-align:right!important}.chat-bubble footer [data-message-info]{font-size:.8rem!important;line-height:1!important}
.chat-clear-button{margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:9px!important;height:42px!important;min-height:42px!important;padding:0 20px!important;border:none!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(135deg,#f87171 0%,#dc2626 52%,#b91c1c 100%)!important;font:700 1.25rem "Smooch Sans",sans-serif!important;box-shadow:0 4px 14px rgba(220,38,38,.28)!important;cursor:pointer!important;transition:.18s ease!important}.chat-clear-button:hover{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 58%,#991b1b 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(220,38,38,.40)!important;transform:translateY(-1px)!important}.chat-clear-button:disabled{opacity:.5!important}.chat-clear-button svg{width:17px!important;height:17px!important;fill:none!important;color:#fff!important;stroke:#fff!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.chat-reactions{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:3px 0!important;background:transparent!important}.chat-reactions:empty{display:none!important}.chat-reactions button{display:inline-flex!important;align-items:center!important;gap:3px!important;padding:0!important;border:0!important;background:transparent!important}.chat-reactions button.mine{border:0!important;background:transparent!important}.chat-reactions b{display:none!important}.chat-bubble{position:relative!important}.chat-reaction-picker{position:absolute!important;left:10px!important;bottom:34px!important;z-index:5!important;display:flex!important;gap:3px!important;padding:7px!important;border:1px solid #dedbd3!important;border-radius:999px!important;background:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.16)!important}.chat-message.mine .chat-reaction-picker{right:10px!important;left:auto!important}.chat-reaction-picker[hidden]{display:none!important}.chat-reaction-picker button{width:31px!important;height:31px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;font-size:1rem!important}.chat-reaction-picker button:hover{background:rgba(0,0,0,.06)!important;transform:scale(1.12)!important}.chat-compose-emoji{position:relative!important}.chat-compose-emoji>button{width:44px!important;height:44px!important;border:0!important;border-radius:12px!important;color:#555!important;background:#f2f1ed!important;font-size:1.25rem!important}.chat-compose-emoji>div{position:absolute!important;bottom:54px!important;left:0!important;z-index:8!important;width:230px!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:4px!important;padding:10px!important;border:1px solid #dedbd3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 16px 44px rgba(0,0,0,.17)!important}.chat-compose-emoji>div[hidden]{display:none!important}.chat-compose-emoji>div button{height:32px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;font-size:1.05rem!important}.chat-compose-emoji>div button:hover{background:rgba(0,0,0,.06)!important}
.chat-list,.chat-thread,.chat-messages{min-height:0!important}.chat-thread{overflow:hidden!important}.chat-thread-head,.chat-compose{flex:0 0 auto!important}.chat-compose{position:relative!important;z-index:6!important;bottom:0!important}.chat-messages{overscroll-behavior:contain!important}
.chat-load-older{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0 auto 18px!important;padding:8px 14px!important;border:1px solid #dedbd3!important;border-radius:999px!important;color:#6d5a1c!important;background:rgba(255,255,255,.94)!important;font:600 .72rem Roboto,sans-serif!important;box-shadow:0 5px 16px rgba(0,0,0,.06)!important}.chat-load-older:hover{border-color:#d4af37!important;background:#fff8dc!important}.chat-load-older:disabled{opacity:.55!important;cursor:wait!important}
.chat-date-separator{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:18px 0!important;color:#7b7465!important;font:600 .68rem Roboto,sans-serif!important;letter-spacing:.03em!important}.chat-date-separator::before,.chat-date-separator::after{content:""!important;width:min(14%,90px)!important;height:1px!important;background:linear-gradient(90deg,transparent,#d9d3c4)!important}.chat-date-separator::after{background:linear-gradient(90deg,#d9d3c4,transparent)!important}.chat-date-separator span{padding:6px 12px!important;border:1px solid #dfdbd1!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 3px 12px rgba(0,0,0,.04)!important}
/* =========================================================================
   POZLA LUXURY CHAT SYSTEM (WhatsApp/Telegram Style Messages, Menus & Reactions)
   ========================================================================= */
@keyframes chatMenuPop {
    0% { opacity: 0; transform: scale(0.92) translateY(-4px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.chat-message { margin: 6px 0 !important; position: relative !important; display: flex !important; }
.chat-message.mine { justify-content: flex-end !important; }
.chat-message:has(.chat-reactions:not(:empty)) { margin-bottom: 18px !important; }

.chat-bubble {
    position: relative !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px 14px !important;
    width: fit-content !important;
    min-width: 68px !important;
    max-width: min(74%, 620px) !important;
    padding: 6px 12px 6px 12px !important;
    border: 1px solid rgba(225, 222, 214, 0.7) !important;
    border-radius: 4px 14px 14px 14px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(24, 24, 27, 0.08) !important;
    transition: box-shadow 0.15s ease !important;
}

.chat-message.mine .chat-bubble {
    border-color: rgba(212, 175, 55, 0.35) !important;
    border-radius: 14px 4px 14px 14px !important;
    background: #fff8d6 !important;
    box-shadow: 0 1px 2px rgba(181, 138, 36, 0.12) !important;
}

.chat-bubble::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -6px !important;
    border-top: 8px solid #ffffff !important;
    border-left: 6px solid transparent !important;
}

.chat-message.mine .chat-bubble::before {
    right: -6px !important;
    left: auto !important;
    border-top-color: #fff8d6 !important;
    border-right: 6px solid transparent !important;
    border-left: 0 !important;
}

/* Media / Photo / File Message Bubble */
.chat-bubble.has-media,
.chat-bubble:has(.chat-image),
.chat-bubble:has(.chat-file) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: fit-content !important;
    max-width: min(74%, 380px) !important;
    padding: 4px 4px 6px 4px !important;
    gap: 0 !important;
}

.chat-bubble p {
    margin: 0 !important;
    padding: 0 !important;
    color: #18181b !important;
    font-size: 0.90rem !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    flex: 1 1 auto !important;
}

.chat-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: block !important;
    cursor: pointer !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

.chat-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 340px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

.chat-file {
    width: 100% !important;
    margin: 0 0 4px 0 !important;
}

.chat-bubble.has-media p,
.chat-bubble:has(.chat-image) p,
.chat-bubble:has(.chat-file) p,
.chat-image ~ p,
.chat-file ~ p {
    width: 100% !important;
    display: block !important;
    padding: 6px 8px 2px 8px !important;
    margin: 0 !important;
    flex: none !important;
}

.chat-bubble.has-media footer,
.chat-bubble:has(.chat-image) footer,
.chat-bubble:has(.chat-file) footer {
    align-self: flex-end !important;
    margin-left: auto !important;
    padding: 2px 8px 0 0 !important;
}

.chat-bubble footer {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-top: 0 !important;
    position: relative !important;
    top: 0 !important;
    white-space: nowrap !important;
    user-select: none !important;
    line-height: 1 !important;
}

.chat-bubble footer time {
    color: #8c8c92 !important;
    font-size: 0.65rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.chat-bubble .chat-ticks {
    font-size: 0.72rem !important;
    line-height: 1 !important;
    color: #8c8c92 !important;
    letter-spacing: -1.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.chat-bubble .chat-ticks.read {
    color: #2563eb !important;
}

/* 1. EN KÖŞEDEKİ AŞAĞI OK MENÜ BUTONU (HİZALANMIŞ & SADE) */
.chat-message-menu-trigger {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 5 !important;
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8e8e93 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0.75 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

.chat-message-menu-trigger:hover,
.chat-message-menu-trigger:focus,
.chat-message-menu-trigger:active {
    background: transparent !important;
    opacity: 0.75 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

.chat-message.mine .chat-message-menu-trigger {
    color: #926f1c !important;
}

.chat-message.mine .chat-message-menu-trigger:hover,
.chat-message.mine .chat-message-menu-trigger:focus,
.chat-message.mine .chat-message-menu-trigger:active {
    color: #926f1c !important;
    background: transparent !important;
}

.chat-message-menu-trigger svg {
    width: 10px !important;
    height: 10px !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    display: block !important;
}

/* 2. AÇILAN KUTU (DROPDOWN MENÜ) TASARIMI */
@keyframes chatMenuPopUp {
    0% { opacity: 0; transform: scale(0.92) translateY(4px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.chat-message-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 50 !important;
    min-width: 195px !important;
    padding: 6px !important;
    border: 1px solid rgba(228, 225, 218, 0.95) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 36px -6px rgba(0, 0, 0, 0.18), 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    animation: chatMenuPop 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: top right !important;
}

.chat-message-menu.open-up {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
    transform-origin: bottom right !important;
    animation: chatMenuPopUp 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.chat-message.theirs .chat-message-menu {
    left: 0 !important;
    right: auto !important;
    transform-origin: top left !important;
}

.chat-message.theirs .chat-message-menu.open-up {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
    transform-origin: bottom left !important;
    animation: chatMenuPopUp 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3. ÇOKLU MESAJ SEÇİM BAR VE MODU */
.chat-thread {
    position: relative !important;
}

.chat-selection-bar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 76px !important;
    z-index: 25 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 24px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: #18181b !important;
    border-bottom: 1px solid #e7e4dd !important;
    box-shadow: 0 4px 18px rgba(24, 24, 27, 0.05) !important;
    animation: chatMenuPop 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.chat-selection-bar[hidden] {
    display: none !important;
}

.chat-selection-info {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    letter-spacing: -0.2px !important;
}

.chat-selection-close {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e2ded5 !important;
    border-radius: 50% !important;
    background: #f7f6f2 !important;
    color: #52525b !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box !important;
}

.chat-selection-close svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: auto !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.chat-selection-close:hover {
    background: #ebe7db !important;
    color: #09090b !important;
    border-color: #d8d3c5 !important;
    transform: scale(1.05) !important;
}

.chat-selection-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.chat-selection-delete {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 18px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
    font: 600 0.86rem "Roboto", sans-serif !important;
    cursor: pointer !important;
    transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25) !important;
}

.chat-selection-delete svg {
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
}

.chat-selection-delete:hover {
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    box-shadow: 0 6px 18px rgba(220, 38, 38, 0.35) !important;
    transform: translateY(-1px) !important;
}

.chat-selection-delete:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Checkbox and Message Selection Styling */
.chat-messages .chat-message {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 6px 0 !important;
}

.chat-messages .chat-message.mine {
    justify-content: flex-end !important;
    flex-direction: row !important;
}

.chat-messages .chat-message.mine .chat-select-checkbox {
    order: 0 !important;
    margin: 0 10px 0 0 !important;
    flex: 0 0 24px !important;
}

.chat-messages .chat-message.mine .chat-bubble {
    order: 1 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.chat-messages .chat-message.theirs {
    justify-content: flex-start !important;
    flex-direction: row !important;
}

.chat-messages .chat-message.theirs .chat-select-checkbox {
    order: 0 !important;
    margin: 0 10px 0 0 !important;
    flex: 0 0 24px !important;
}

.chat-messages .chat-message.theirs .chat-bubble {
    order: 1 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.chat-messages.selection-mode .chat-message {
    display: flex !important;
    width: 100% !important;
    cursor: pointer !important;
}

.chat-messages.selection-mode .chat-message.mine {
    justify-content: flex-end !important;
}

.chat-messages.selection-mode .chat-message.theirs {
    justify-content: flex-start !important;
}

.chat-select-checkbox {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    user-select: none !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
}

.chat-messages.selection-mode .chat-select-checkbox {
    display: inline-flex !important;
}

.chat-messages.selection-mode .chat-message-menu-trigger {
    pointer-events: none !important;
    opacity: 0.3 !important;
}

.chat-messages.selection-mode .chat-message.selected .chat-bubble {
    outline: 2px solid #d4af37 !important;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.18) !important;
}

.chat-select-checkbox input {
    display: none !important;
}

.chat-check-circle {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #c7c4ba !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
}

.chat-select-checkbox input:checked + .chat-check-circle {
    background: #d4af37 !important;
    border-color: #d4af37 !important;
}

.chat-select-checkbox input:checked + .chat-check-circle::after {
    content: "✓" !important;
    color: #171717 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.chat-message-menu[hidden] {
    display: none !important;
}

/* Menü İçi Hızlı İfade / Emoji Satırı */
.chat-message-reaction-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 3px !important;
    padding: 4px 6px 7px !important;
    margin-bottom: 4px !important;
    border-bottom: 1px solid #f0ede4 !important;
}

.chat-message-reaction-row button {
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    font-size: 1.15rem !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    transition: transform 0.12s ease, background 0.12s ease !important;
}

.chat-message-reaction-row button:hover {
    transform: scale(1.22) !important;
    background: rgba(0, 0, 0, 0.06) !important;
}

/* Menü İçi Aksiyon Butonları */
.chat-message-actions-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.chat-message-actions-list button {
    width: 100% !important;
    height: 32px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #27272a !important;
    font: 500 0.80rem "Roboto", sans-serif !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background 0.12s ease, color 0.12s ease !important;
}

.chat-message-actions-list button svg {
    width: 14px !important;
    height: 14px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
    flex-shrink: 0 !important;
}

.chat-message-actions-list button:hover {
    background: #f4f2ea !important;
    color: #09090b !important;
}

.chat-message-actions-list button.danger {
    color: #dc2626 !important;
}

.chat-message-actions-list button.danger:hover {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

/* 3. MESAJ TEPKİLERİ / İFADE TASARIMI (WHATSAPP TARZI TAM YUVARLAK MİKRO EMOJİ) */
.chat-message:has(.chat-reactions:not(:empty)) {
    margin-bottom: 20px !important;
}

.chat-message:has(.chat-reactions:not(:empty)) .chat-bubble {
    padding-bottom: 8px !important;
}

.chat-reactions {
    position: absolute !important;
    bottom: -13px !important;
    left: 10px !important;
    right: auto !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.chat-message.theirs .chat-reactions {
    left: 10px !important;
    right: auto !important;
}

.chat-reactions:empty {
    display: none !important;
}

.chat-reactions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    transition: transform 0.12s ease !important;
}

.chat-reactions button:hover {
    transform: scale(1.18) !important;
}

.chat-reaction-circle {
    box-sizing: border-box !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    flex: 0 0 24px !important;
    flex-shrink: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 1.5px solid #d4af37 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(212, 175, 55, 0.22) !important;
    display: inline-grid !important;
    place-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.chat-reactions button.mine .chat-reaction-circle {
    background: #fffdf5 !important;
    border-color: #d4af37 !important;
}

.chat-reaction-circle + .chat-reaction-circle {
    margin-left: -9px !important;
    z-index: 2 !important;
}

.chat-reaction-circle span {
    font-size: 12.5px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================================
   POZLA BROADCAST (TÜM FİRMALAR) KANALI & TASARIMI
   ========================================================================= */
.chat-broadcast-item {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(245, 230, 163, 0.22)) !important;
    border: 1px solid rgba(212, 175, 55, 0.32) !important;
    margin-bottom: 8px !important;
    position: relative !important;
}

.chat-broadcast-item:hover,
.chat-broadcast-item.active {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.18), rgba(245, 230, 163, 0.38)) !important;
    border-color: #d4af37 !important;
}

.chat-avatar.broadcast-avatar {
    background: linear-gradient(135deg, #18181b, #27272a) !important;
    color: #f6d860 !important;
    font-size: 1.25rem !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18) !important;
}

.broadcast-tag {
    color: #b8860b !important;
    font-weight: 600 !important;
}

.chat-broadcast-badge {
    margin-left: auto !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: #d4af37 !important;
    color: #18181b !important;
    font: 800 0.62rem Roboto, sans-serif !important;
    letter-spacing: 0.04em !important;
}

.chat-broadcast-intro {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.chat-broadcast-card {
    max-width: 530px !important;
    padding: 28px 26px !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #ffffff, #faf7ee) !important;
    box-shadow: 0 12px 35px rgba(24, 24, 27, 0.06) !important;
    text-align: center !important;
}

.chat-broadcast-icon {
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 14px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #18181b, #27272a) !important;
    color: #f6d860 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 1.8rem !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15) !important;
}

.chat-broadcast-card h3 {
    margin: 0 0 10px !important;
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.15 !important;
}

.chat-broadcast-card p {
    margin: 0 0 18px !important;
    color: #52525b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
}

.chat-broadcast-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.chat-broadcast-features li {
    display: flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
}

.chat-broadcast-features li span {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    color: #18181b !important;
    display: grid !important;
    place-items: center !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}

.chat-new-group-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 4px 0 10px !important;
    padding: 9px 14px !important;
    border: 1px dashed rgba(212, 175, 55, 0.6) !important;
    border-radius: 12px !important;
    color: #855d08 !important;
    background: rgba(245, 230, 163, 0.25) !important;
    font: 700 0.76rem Roboto, sans-serif !important;
    cursor: pointer !important;
    transition: 0.18s ease !important;
}

.chat-new-group-btn:hover {
    border-color: #d4af37 !important;
    background: rgba(245, 230, 163, 0.45) !important;
    color: #5c3e02 !important;
}

.chat-groups-section-title {
    padding: 10px 4px 4px !important;
    color: #928b7e !important;
    font: 700 0.65rem Roboto, sans-serif !important;
    letter-spacing: 0.1em !important;
}

.chat-group-item {
    background: #fbf9f4 !important;
    border: 1px solid #ede8de !important;
    margin-bottom: 5px !important;
}

.chat-group-item:hover,
.chat-group-item.active {
    background: #f2ebd9 !important;
    border-color: #d9cbb2 !important;
}

.chat-avatar.group-avatar {
    background: linear-gradient(135deg, #3f3f46, #18181b) !important;
    color: #6ee7b7 !important;
    font-size: 1.15rem !important;
}

.chat-group-badge {
    margin-left: auto !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: #e4e0d4 !important;
    color: #444 !important;
    font: 700 0.62rem Roboto, sans-serif !important;
}

.chat-group-head-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.chat-group-edit-btn,
.chat-group-delete-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 12px !important;
    border-radius: 9px !important;
    font: 600 0.72rem Roboto, sans-serif !important;
    cursor: pointer !important;
    transition: 0.15s ease !important;
}

.chat-group-edit-btn {
    border: 1px solid #d4af37 !important;
    background: #fffdf5 !important;
    color: #855d08 !important;
}

.chat-group-edit-btn:hover {
    background: #fdf5d6 !important;
}

.chat-group-delete-btn {
    border: 1px solid #fecaca !important;
    background: #fff5f5 !important;
    color: #b91c1c !important;
}

.chat-group-delete-btn:hover {
    background: #fee2e2 !important;
}

.chat-group-member-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    margin-top: 14px !important;
    max-height: 180px !important;
    overflow-y: auto !important;
    padding: 4px !important;
}

.chat-group-member-pill {
    padding: 4px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #dfd8c5 !important;
    background: #ffffff !important;
    color: #27272a !important;
    font: 600 0.74rem Roboto, sans-serif !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}

/* =========================================================================
   POZLA CHAT GROUP MODAL (Create & Edit)
   ========================================================================= */
.chat-group-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 32000 !important;
    display: grid !important;
    place-items: center !important;
    padding: 20px !important;
    background: rgba(15, 15, 18, 0.65) !important;
    backdrop-filter: blur(6px) !important;
}

.chat-group-modal[hidden] {
    display: none !important;
}

.chat-group-modal-content {
    position: relative !important;
    width: min(100%, 540px) !important;
    max-height: calc(92dvh) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 28px !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3) !important;
    overflow-y: auto !important;
}

.chat-group-modal-close {
    position: absolute !important;
    top: 16px !important;
    right: 18px !important;
    border: 0 !important;
    background: transparent !important;
    color: #71717a !important;
    font-size: 1.6rem !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

.chat-group-modal-content h3 {
    margin: 0 0 4px !important;
    color: #18181b !important;
    font: 700 1.85rem "Smooch Sans", sans-serif !important;
}

.chat-group-modal-subtitle {
    margin: 0 0 18px !important;
    color: #71717a !important;
    font-size: 0.8rem !important;
}

.chat-group-form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
}

.chat-group-form-group label {
    color: #27272a !important;
    font: 700 0.78rem Roboto, sans-serif !important;
}

.chat-group-form-group input[type="text"] {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1px solid #d4d0c5 !important;
    border-radius: 10px !important;
    background: #faf9f6 !important;
    font-size: 0.86rem !important;
    outline: none !important;
    transition: 0.15s ease !important;
}

.chat-group-form-group input[type="text"]:focus {
    border-color: #d4af37 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
}

.chat-group-select-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.chat-group-select-actions {
    display: flex !important;
    gap: 8px !important;
}

.chat-group-select-actions button {
    border: 0 !important;
    background: transparent !important;
    color: #b8860b !important;
    font: 700 0.72rem Roboto, sans-serif !important;
    cursor: pointer !important;
    padding: 0 !important;
    text-decoration: underline !important;
}

.chat-group-company-search {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    border: 1px solid #dcd8cc !important;
    border-radius: 10px !important;
    background: #fbfaf7 !important;
}

.chat-group-company-search input {
    border: 0 !important;
    background: transparent !important;
    outline: none !important;
    width: 100% !important;
    font-size: 0.82rem !important;
}

.chat-group-company-list {
    max-height: 190px !important;
    overflow-y: auto !important;
    border: 1px solid #e7e3d8 !important;
    border-radius: 12px !important;
    padding: 6px !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.chat-group-company-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: 0.12s ease !important;
}

.chat-group-company-checkbox:hover {
    background: #f6f3ea !important;
}

.chat-group-company-checkbox input {
    width: 17px !important;
    height: 17px !important;
    accent-color: #d4af37 !important;
    cursor: pointer !important;
}

.chat-group-comp-name {
    font-size: 0.84rem !important;
    color: #18181b !important;
    font-weight: 500 !important;
}

.chat-group-modal-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid #ede8de !important;
}

.chat-group-modal-actions .btn-cancel {
    padding: 10px 18px !important;
    border: 1px solid #d4d0c5 !important;
    border-radius: 10px !important;
    background: #f4f2eb !important;
    color: #52525b !important;
    font: 600 0.82rem Roboto, sans-serif !important;
    cursor: pointer !important;
}

.chat-group-modal-actions .btn-save {
    padding: 10px 22px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #e5b93b, #c69718) !important;
    color: #18181b !important;
    font: 800 0.84rem Roboto, sans-serif !important;
    background: #f7f6f2 !important;
    color: #52525b !important;
    font-size: 1.20rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin: 6px 8px !important;
    transition: all 0.15s ease !important;
}

.pozla-swal-btn-cancel:hover {
    background: #ebe7db !important;
    color: #18181b !important;
    border-color: #d8d3c5 !important;
}
.network-blocked-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e2ded5;border-radius:13px;background:#fff}.network-blocked-row>div{display:grid;flex:1}.network-blocked-row small{color:#85858b}.network-blocked-row form{margin:0}
.post-like.liked{color:#c62828!important;background:#fff0f0!important}.post-comments{padding:12px 16px 16px;border-top:1px solid #eee}.social-comment{display:flex;gap:9px;margin:9px 0}.social-comment>.post-avatar{width:34px;height:34px;font-size:1rem}.social-comment>div{flex:1}.social-comment p{display:inline-block;margin:0;padding:8px 11px;border-radius:12px;background:#f3f1eb}.social-comment small{color:#929299}.social-comment button{padding:2px 4px;border:0;color:#8b6a13;background:transparent;font-size:.72rem}.social-comment.reply{display:block;margin:8px 0 0 18px;padding-left:10px;border-left:2px solid #e5d8a7}.post-comments>form{display:flex;gap:8px;margin-top:12px}.post-comments>form input{flex:1;padding:10px 12px;border:1px solid #ddd8ce;border-radius:999px}.post-comments>form button{padding:9px 16px;border:0;border-radius:999px;color:#111;background:#d4af37;font-weight:700}.comment-empty{color:#888;text-align:center}
.feed-page{max-width:820px;margin:0 auto;padding:34px}.post-composer,.feed-post{margin-bottom:18px;border:1px solid #e1ddd3;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(20,20,20,.05)}.post-composer{padding:18px}.post-composer-top{display:flex;gap:12px}.post-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#171717;background:#d4af37;text-decoration:none;font:800 1.3rem "Smooch Sans",sans-serif}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-composer textarea{width:100%;min-height:85px;padding:10px;border:0;resize:vertical;outline:0}.post-composer footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #eee}.post-photo-button{padding:8px 12px;border-radius:8px;color:#555;background:#f5f3ed;cursor:pointer}.post-photo-button input{display:none}.post-composer footer>button{padding:9px 22px;border:0;border-radius:9px;color:#111;background:#d4af37;font-weight:800}.post-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.post-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.feed-post>header{display:flex;align-items:center;gap:11px;padding:15px 17px}.feed-post>header>div{display:grid;flex:1}.feed-post>header>div>a{color:#171717;text-decoration:none;font-weight:800}.feed-post>header small{color:#85858d}.post-menu{position:relative}.post-menu summary{list-style:none;padding:6px;cursor:pointer}.post-menu[open]{z-index:5}.post-menu>button,.post-menu>form{position:absolute;right:0;width:175px;background:#fff}.post-menu>button{top:30px;padding:10px;border:1px solid #ddd;border-radius:9px 9px 0 0;text-align:left}.post-menu>form{top:70px;padding:0;border:1px solid #ddd;border-top:0;border-radius:0 0 9px 9px}.post-menu>form button{width:100%;padding:10px;border:0;color:#b42318;background:#fff;text-align:left}.post-description{margin:0;padding:0 17px 15px;white-space:pre-wrap;line-height:1.55}.post-media{display:grid;gap:3px;background:#eee}.post-media.count-1{grid-template-columns:1fr}.post-media.count-2,.post-media.count-4{grid-template-columns:1fr 1fr}.post-media.count-3{grid-template-columns:2fr 1fr}.post-media.count-3 button:first-child{grid-row:span 2}.post-media button{min-height:180px;padding:0;border:0;background:#ddd}.post-media img{width:100%;height:100%;max-height:650px;object-fit:cover}.feed-post>footer{display:flex;gap:8px;padding:10px 15px}.feed-post>footer button{padding:7px 12px;border:0;border-radius:8px;color:#666;background:transparent}.feed-post>footer button:hover{background:#f3f0e8}.post-edit{padding:15px;border-top:1px solid #eee}.post-edit textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}.post-edit>div{display:flex;justify-content:end;gap:8px;margin-top:8px}.post-edit button{padding:7px 13px;border:0;border-radius:7px}.post-edit button:last-child{color:#111;background:#d4af37}.feed-more{display:block;padding:12px;border:1px solid #ddd;border-radius:10px;color:#171717;text-align:center;text-decoration:none}.feed-lightbox{position:fixed;inset:0;z-index:50000;display:grid;place-items:center;padding:35px;background:#000e}.feed-lightbox[hidden]{display:none}.feed-lightbox img{max-width:95vw;max-height:92vh;object-fit:contain}.feed-lightbox button{position:absolute;top:18px;right:25px;border:0;color:#fff;background:transparent;font-size:2.5rem}@media(max-width:650px){.feed-page{padding:16px}.post-preview{grid-template-columns:repeat(3,1fr)}.post-media button{min-height:120px}}
/* Network messaging */
.network-chat{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 150px);min-height:650px;background:#fff;border:1px solid #e8e1d3;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px rgba(25,20,12,.08)}

/* Ortak sosyal yorum listesi */
.post-comments,.post-comments *{box-sizing:border-box}.post-comments{width:100%;min-width:0;overflow:hidden}.post-comments [data-comments-list]{display:grid;gap:12px;width:100%;min-width:0}.social-comment{display:flex!important;align-items:flex-start;gap:10px;width:100%;min-width:0;margin:0!important}.social-comment .comment-avatar{display:grid;place-items:center;overflow:hidden;flex:0 0 38px;width:38px;height:38px;border:1px solid #d4af37;border-radius:50%;background:#fbf3dc;color:#8b6717;text-decoration:none}.social-comment .comment-avatar img,.social-comment .comment-avatar span{display:grid;width:100%;height:100%;place-items:center;object-fit:cover;font:700 1.15rem "Smooch Sans",sans-serif}.social-comment .comment-content{flex:1;min-width:0}.social-comment .comment-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-bottom:4px}.social-comment .comment-meta a{color:#18181b;font:700 1.2rem "Smooch Sans",sans-serif;text-decoration:none}.social-comment .comment-meta time{color:#71717a;font:600 1rem "Smooch Sans",sans-serif}.social-comment .comment-text{display:block!important;max-width:100%;margin:0!important;padding:9px 12px!important;border-radius:11px!important;background:#f7f5ef!important;color:#27272a;font:600 1.15rem/1.35 "Smooch Sans",sans-serif;overflow-wrap:anywhere}.social-comment .comment-actions{display:flex;gap:8px;margin-top:4px}.social-comment .comment-actions button{display:inline-flex;align-items:center;gap:5px;padding:3px 5px!important;border:0;background:transparent;color:#8b6717;font:700 1rem "Smooch Sans",sans-serif;cursor:pointer}.social-comment .comment-actions button.danger{color:#dc2626}.social-comment .comment-actions svg{width:15px!important;height:15px!important;margin:0!important;fill:none;stroke:currentColor;stroke-width:2}.social-comment.reply{display:flex!important;margin:10px 0 0 8px!important;padding-left:10px;border-left:2px solid #e5d8a7}.post-comments>form{width:100%;min-width:0}.post-comments>form input{min-width:0}.comment-empty{margin:6px 0;color:#71717a;font:600 1.15rem "Smooch Sans",sans-serif;text-align:center}
.network-chat-list{border-right:1px solid #eee7da;background:#fbfaf7;overflow:auto}.network-chat-list header{padding:28px 26px 18px}.network-chat-list h1{margin:3px 0;font:700 38px/1 'Smooch Sans',sans-serif;color:#111}.network-chat-list p{color:#777;margin:0}.network-chat-tabs{display:flex;gap:6px;padding:0 20px 16px}.network-chat-tabs button{flex:1;border:0;border-radius:12px;padding:10px;background:#eeeae2;font-weight:700}.network-chat-tabs button.active{background:#151515;color:#e6bd3d}.network-contact{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:15px 20px;color:#161616;text-decoration:none;border-top:1px solid #eee9df}.network-contact:hover,.network-contact.active{background:#fff7df;color:#161616}.contact-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f1d264,#b88616);color:#111;font:800 22px 'Smooch Sans'}.network-contact span:nth-child(2){min-width:0;display:grid}.network-contact strong{font-size:15px}.network-contact small,.network-contact em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a8175;font-style:normal;font-size:12px}.network-unread{background:#d92d20;color:#fff;border-radius:20px;min-width:22px;height:22px;display:grid;place-items:center}.network-empty{padding:28px;color:#877d70;text-align:center}.network-chat-room{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 20% 10%,#fff9e9,#f7f4ed 55%,#f1eee7)}.network-room-head{height:78px;display:flex;align-items:center;gap:13px;padding:13px 24px;background:#fff;border-bottom:1px solid #e9e4da}.network-room-head h2{font:700 26px 'Smooch Sans';margin:0}.network-room-head a{font-size:12px;color:#8d792f}.secure-label{margin-left:auto;color:#17865c;font-size:12px}.network-messages{flex:1;overflow:auto;padding:24px 7%;scroll-behavior:smooth}.network-bubble{display:flex;margin:8px 0}.network-bubble.mine{justify-content:flex-end}.bubble-content{max-width:min(620px,78%);padding:11px 14px 7px;background:#fff;border-radius:5px 17px 17px 17px;box-shadow:0 3px 14px rgba(30,24,14,.07)}.mine .bubble-content{background:#fff0ad;border-radius:17px 5px 17px 17px}.bubble-content p{white-space:pre-wrap;margin:0 0 4px;color:#171717}.bubble-content footer{text-align:right;color:#82765e;font-size:11px}.message-ticks{margin-left:5px}.message-ticks.read{color:#1684d8}.message-photo{display:inline-block;max-width:330px;margin:3px}.message-photo img{width:100%;max-height:320px;object-fit:cover;border-radius:12px}.shared-post{display:grid;color:#161616;text-decoration:none;border-left:3px solid #c79a1b;padding:9px;background:rgba(255,255,255,.5);border-radius:8px}.shared-post span{color:#665f55}.network-composer{display:flex;align-items:end;gap:10px;padding:14px 20px;background:#fff;border-top:1px solid #e8e2d6}.network-composer label{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eee9df;font-size:25px;cursor:pointer}.network-composer textarea{flex:1;resize:none;border:1px solid #ddd4c3;border-radius:20px;padding:10px 15px;max-height:120px}.gold-btn,.outline-btn{border:0;border-radius:12px;padding:11px 18px;font-weight:800}.gold-btn{background:#d8ad2d;color:#111}.outline-btn{background:#fff;border:1px solid #cfc6b6}.message-request{margin:15px 7%;padding:16px 18px;border:1px solid #e0b73f;background:#fff8df;border-radius:14px;display:grid;gap:5px}.message-request>div{display:flex;gap:8px}.message-request form{display:inline}.network-room-empty{margin:auto;max-width:520px;text-align:center;padding:30px}.network-room-empty>span{font-size:54px;color:#c79b20}.network-room-empty h2{font:700 38px 'Smooch Sans'}.new-network-message{display:grid;gap:12px;text-align:left;background:#fff;padding:24px;border-radius:18px}.new-network-message textarea{min-height:120px;border:1px solid #ded6c7;border-radius:12px;padding:12px}.load-older{display:block;text-align:center;color:#9a7617;margin-bottom:15px}
@media(max-width:850px){.network-chat{grid-template-columns:1fr;height:auto;min-height:70vh}.network-chat-list{max-height:none;border-right:0;border-bottom:1px solid #eee}.network-chat-room{min-height:650px}.bubble-content{max-width:88%}.secure-label{display:none}}

/* Social V1 readability and theme normalization */
.network-page,.feed-page,.jobs-shell,.social-profile-page,.network-chat{color:#18181b}
.network-page h1,.network-page h2,.network-page h3,
.feed-page h1,.feed-page h2,.feed-page h3,
.jobs-shell h1,.jobs-shell h2,.jobs-shell h3,
.social-profile-page h1,.social-profile-page h2,.social-profile-page h3{color:#18181b}
.network-card,.feed-post,.post-composer,.jobs-filter-bar,.job-card,
.jobs-empty-card,.my-job-item,.my-app-item,.social-profile-form{color:#18181b;background-color:#fff}
.network-card p,.network-card small,.feed-post small,.post-description,
.job-card p,.job-card small,.jobs-header p,.social-page-head p{color:#66636b}
.network-filter input,.network-filter select,.jobs-filter-item input,
.post-composer textarea,.post-comments input,.social-profile-form input,
.social-profile-form textarea{color:#18181b;background:#fff}
.network-filter input::placeholder,.jobs-filter-item input::placeholder,
.post-composer textarea::placeholder,.post-comments input::placeholder{color:#8a8790;opacity:1}
.network-card a,.feed-post a,.job-card a,.my-job-item a,.my-app-item a{color:#18181b}
.network-card>strong,.feed-page .social-page-head>div>span,.jobs-pill,
.jobs-header h1,.network-page .social-page-head h1,.feed-page .social-page-head h1{color:#b88a14}
.network-profile-button,.job-view-btn,.jobs-btn-primary{background:#18181b!important;color:#e8bd3d!important}
.network-profile-button:hover,.job-view-btn:hover,.jobs-btn-primary:hover{background:#b88a14!important;color:#fff!important}
.admin-content .network-empty{color:#65636a;background:#fff;border:1px dashed #d9d3c6;border-radius:18px;padding:42px}
@media(max-width:700px){.network-page,.feed-page,.jobs-shell,.social-profile-page{padding-inline:16px}.social-page-head{display:grid;gap:14px}.network-filter,.jobs-filter-bar{grid-template-columns:1fr!important}.public-social-actions{display:flex;flex-wrap:wrap}}

/* Shared form and action controls - deliberately low specificity */
:where(.admin-content,main) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){
    min-height:44px;padding:10px 13px;border:1px solid #d8d3c8;border-radius:10px;
    color:#18181b;background-color:#fff;font:500 .9rem/1.35 Roboto,"Roboto", sans-serif;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease
}
:where(.admin-content,main) :where(textarea){min-height:96px;resize:vertical}
:where(.admin-content,main) :where(select){padding-right:36px;cursor:pointer}
:where(.admin-content,main) :where(input,select,textarea):focus{
    outline:0;border-color:#c79a22;box-shadow:0 0 0 4px rgba(212,175,55,.16)
}
:where(.admin-content,main) :where(input,select,textarea):disabled,
:where(.admin-content,main) :where(input,select,textarea)[readonly]{color:#77737b;background:#f2f0eb;cursor:not-allowed}
:where(.admin-content,main) :where(input[type="checkbox"],input[type="radio"]){accent-color:#c79a22}
:where(.admin-content,main) button:not([class]){
    min-height:42px;padding:9px 16px;border:1px solid #18181b;border-radius:10px;
    color:#e8bd3d;background:#18181b;font:700 1rem/1 "Smooch Sans", sans-serif;
    transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease
}
:where(.admin-content,main) button:not([class]):hover{color:#fff;background:#b88a14;border-color:#b88a14;transform:translateY(-1px)}
:where(.admin-content,main) :where(button,a,[role="button"]):focus-visible{outline:3px solid rgba(212,175,55,.42);outline-offset:3px}
:where(.admin-content,main) :where(button,.btn,[role="button"]):disabled{opacity:.52;cursor:not-allowed;transform:none!important;box-shadow:none!important}
:where(.admin-content,main) :where(.field-validation-error,.auth-field-error,.jobs-validation-error,.validation-summary-errors){color:#b42318;font-size:.8rem;font-weight:600}
:where(.admin-content,main) :where(label){color:#29282c}
@media(max-width:600px){:where(.admin-content,main) :where(input:not([type="hidden"]),select,textarea,button,.btn){font-size:16px}:where(.admin-content,main) button:not([class]){min-height:46px}}

/* Global searchable Select2 theme */
.select2-container {
    width: 100% !important;
    font-family: Roboto, "Roboto", sans-serif;
    z-index: 20;
}
.select2-container--open {
    z-index: 100050 !important;
}
.select2-container .select2-selection--single {
    position: relative;
    height: 46px;
    border: 1px solid #d8d3c8;
    border-radius: 11px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    height: 44px;
    padding: 0 42px 0 14px;
    color: #18181b;
    font-size: .9rem;
    line-height: 44px;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
    color: #77737b;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 10px;
    width: 26px;
    height: 44px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: -6px 0 0 -5px !important;
    padding: 0 !important;
    border: solid #77737b !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    transition: transform .18s ease, margin .18s ease;
}
.select2-container--open .select2-selection--single .select2-selection__arrow b {
    margin: -2px 0 0 -5px !important;
    transform: rotate(-135deg) !important;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #c79a22;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, .16);
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #dedad1;
    background: #f2f0eb;
    cursor: not-allowed;
}
.select2-container--default.select2-container--disabled .select2-selection__rendered {
    color: #8a8790;
}
.select2-dropdown {
    overflow: hidden !important;
    margin-top: 4px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 45px rgba(28, 23, 14, 0.18) !important;
    z-index: 100050 !important;
}
.select2-dropdown.select2-dropdown--above {
    margin-top: -4px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 13px !important;
    box-shadow: 0 -18px 45px rgba(28, 23, 14, 0.18) !important;
}
.select2-search--dropdown {
    padding: 10px;
    background: #faf8f3;
    border-bottom: 1px solid #eee8dc;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    padding: 8px 12px;
    border: 1px solid #d8d3c8;
    border-radius: 9px;
    color: #18181b;
    background: #fff;
    outline: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:#c79a22;box-shadow:0 0 0 3px rgba(212,175,55,.13)}
.select2-results__options{padding:6px;max-height:280px!important}
.select2-container--default .select2-results__option{margin:2px 0;padding:10px 12px;border-radius:8px;color:#29272b;font-size:.88rem}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#111;background:#f1d36c}
.select2-container--default .select2-results__option--selected{color:#8a6713;background:#fff5d3;font-weight:700}
/* =========================================================================
   SELECT2 MULTI-SELECT (COMPACT SINGLE LINE & PERFECTLY CENTERED CROSS)
   ========================================================================= */
.select2-container .select2-selection--multiple,
.social-form-grid .select2-container .select2-selection--multiple,
.profile-field .select2-container .select2-selection--multiple {
    min-height: 42px !important;
    max-height: none !important;
    height: auto !important;
    padding: 4px 8px !important;
    border: 1px solid #dcd8ce !important;
    border-radius: 9px !important;
    background: #fff !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    cursor: text !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14) !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered,
.social-form-grid .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    list-style: none !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 4px 10px 4px 26px !important;
    border: 1px solid #dfc360 !important;
    border-radius: 7px !important;
    color: #3b2c08 !important;
    background: #fff6d6 !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice__display {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    color: #3b2c08 !important;
    font-size: 0.9rem !important;
}
.select2-container .select2-selection--multiple button.select2-selection__choice__remove,
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 22px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-right: 1px solid #dfc360 !important;
    border-radius: 6px 0 0 6px !important;
    color: #7b5b0e !important;
    background: transparent !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    cursor: pointer !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 13px !important;
    pointer-events: none !important;
}
.select2-container .select2-selection--multiple button.select2-selection__choice__remove:hover,
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #b42318 !important;
    background: rgba(180, 35, 24, 0.14) !important;
}

/* Strict Inline Search Field Reset (Prevents textarea stretching) */
.select2-container .select2-selection--multiple .select2-search--inline,
.social-form-grid .select2-container .select2-selection--multiple .select2-search--inline {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 28px !important;
    vertical-align: middle !important;
}
.select2-container .select2-selection--multiple .select2-search--inline textarea,
.select2-container .select2-selection--multiple .select2-search--inline input,
.select2-container .select2-selection--multiple .select2-search__field,
.social-form-grid .select2-container .select2-selection--multiple .select2-search--inline textarea,
.social-form-grid .select2-container .select2-selection--multiple .select2-search--inline input,
.social-form-grid .select2-container .select2-selection--multiple textarea.select2-search__field {
    width: auto !important;
    min-width: 130px !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    resize: none !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 0.88rem !important;
    color: #18181b !important;
    vertical-align: middle !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none !important;
}
.select2-container--default .select2-results__message {
    padding: 14px;
    color: #71717a;
    text-align: center;
    font-size: 0.86rem;
}

/* =========================================================================
   POZLA JOBS & CREW MARKETPLACE (İş & Ekip Ağı)
   ========================================================================= */
.jobs-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 20px 60px;
}

.jobs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.jobs-pill {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(212, 175, 55, 0.15);
    color: #855d08;
    font: 800 0.68rem Roboto, sans-serif;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
}

.jobs-header-copy h1 {
    margin: 0 0 6px;
    color: #18181b;
    font: 700 2.2rem "Smooch Sans", sans-serif;
}

.jobs-header-copy p {
    margin: 0;
    color: #71717a;
    font-size: 0.88rem;
}

.jobs-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 12px;
    background: linear-gradient(135deg, #e5b93b, #c69718);
    color: #18181b;
    font: 800 0.86rem Roboto, sans-serif;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(198, 151, 24, 0.35);
    transition: 0.18s ease;
}

.jobs-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 22px rgba(198, 151, 24, 0.45);
    color: #18181b;
}

.jobs-alert-success {
    padding: 12px 18px;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Tabs */
.jobs-nav-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e3d8;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.jobs-nav-tabs::-webkit-scrollbar {
    display: none;
}

.jobs-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 12px;
    background: #f7f5ed;
    color: #52525b;
    font: 600 0.82rem Roboto, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.15s ease;
    flex-shrink: 0;
}

.jobs-tab:hover {
    background: #eee8d8;
    color: #18181b;
}

.jobs-tab.active {
    background: #18181b;
    color: #f7e08c;
    box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15);
}

/* Filter Bar */
.jobs-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e6e1d5;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
}

.jobs-filter-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 160px;
}

.jobs-filter-item label {
    color: #52525b;
    font: 700 0.74rem Roboto, sans-serif;
}

.jobs-filter-item input {
    padding: 9px 12px;
    border: 1px solid #dcd7ca;
    border-radius: 10px;
    background: #faf8f3;
    font-size: 0.84rem;
    outline: none;
}

.jobs-filter-item input:focus {
    border-color: #d4af37;
    background: #fff;
}

.jobs-filter-submit {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-filter {
    padding: 10px 20px;
    border: 0;
    border-radius: 10px;
    background: #18181b;
    color: #ffffff;
    font: 700 0.82rem Roboto, sans-serif;
    cursor: pointer;
}

.btn-filter-reset {
    padding: 10px 14px;
    border: 1px solid #dcd7ca;
    border-radius: 10px;
    background: #f7f6f1;
    color: #52525b;
    font: 600 0.82rem Roboto, sans-serif;
    text-decoration: none;
}

/* Grid & Cards */
.jobs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
}

.job-card {
    display: flex;
    flex-direction: column;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.job-card.shoot-day {
    border-left: 4px solid #d4af37;
}

.job-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.job-type-badge {
    padding: 4px 10px;
    border-radius: 8px;
    background: #f4efe2;
    color: #855d08;
    font: 700 0.74rem Roboto, sans-serif;
}

.job-date-pill {
    padding: 4px 10px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #065f46;
    font: 700 0.72rem Roboto, sans-serif;
}

.job-card-title {
    margin: 0 0 10px;
    font: 700 1.25rem Roboto, sans-serif;
    line-height: 1.35;
}

.job-card-title a {
    color: #18181b;
    text-decoration: none;
}

.job-card-title a:hover {
    color: #b8860b;
}

.job-company-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.job-company-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e5b93b, #c69718);
    color: #18181b;
    display: grid;
    place-items: center;
    font: 800 1.1rem "Smooch Sans", sans-serif;
    flex-shrink: 0;
}

.job-company-avatar.large {
    width: 48px;
    height: 48px;
    font-size: 1.4rem;
}

.job-company-info strong {
    display: block;
    color: #27272a;
    font-size: 0.88rem;
}

.job-company-info small {
    color: #71717a;
    font-size: 0.76rem;
}

.job-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.job-tag {
    padding: 4px 9px;
    border-radius: 6px;
    background: #f5f4ef;
    color: #3f3f46;
    font: 600 0.74rem Roboto, sans-serif;
}

.job-tag.role-tag {
    background: #eef2ff;
    color: #3730a3;
}

.job-card-desc {
    margin: 0 0 16px;
    color: #52525b;
    font-size: 0.82rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.job-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1ece1;
}

.job-card-fee strong {
    display: block;
    color: #18181b;
    font-size: 1.1rem;
}

.job-card-fee small {
    color: #71717a;
    font-size: 0.72rem;
}

.fee-negotiable {
    color: #71717a;
    font-size: 0.82rem;
    font-weight: 600;
}

.job-card-cta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.job-mine-badge {
    padding: 4px 8px;
    border-radius: 6px;
    background: #f4f4f5;
    color: #52525b;
    font: 700 0.7rem Roboto, sans-serif;
}

.job-applied-badge {
    padding: 4px 8px;
    border-radius: 6px;
    background: #dcfce7;
    color: #166534;
    font: 700 0.7rem Roboto, sans-serif;
}

.job-view-btn {
    padding: 8px 16px;
    border-radius: 10px;
    background: #18181b;
    color: #ffffff;
    font: 700 0.78rem Roboto, sans-serif;
    text-decoration: none;
    transition: 0.15s ease;
}

.job-view-btn:hover {
    background: #b8860b;
    color: #18181b;
}

.jobs-empty-card {
    text-align: center;
    padding: 60px 20px;
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 20px;
}

.jobs-empty-card span {
    font-size: 3rem;
    color: #d4af37;
}

.jobs-empty-card h3 {
    margin: 10px 0 6px;
    font: 700 1.8rem "Smooch Sans", sans-serif;
}

.jobs-empty-card p {
    color: #71717a;
    margin: 0 0 20px;
}

/* My Jobs & My Apps */
.my-jobs-list, .my-apps-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.my-job-item, .my-app-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}

.my-job-status-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.job-status-badge {
    padding: 3px 8px;
    border-radius: 6px;
    font: 700 0.7rem Roboto, sans-serif;
}

.job-status-badge.published { background: #dcfce7; color: #166534; }
.job-status-badge.closed { background: #fee2e2; color: #991b1b; }
.job-status-badge.draft { background: #f4f4f5; color: #52525b; }

.my-job-info h3, .my-app-info h4 {
    margin: 0 0 6px;
    font: 700 1.15rem Roboto, sans-serif;
}

.my-job-info h3 a, .my-app-info h4 a {
    color: #18181b;
    text-decoration: none;
}

.my-job-stats {
    display: flex;
    gap: 16px;
    color: #71717a;
    font-size: 0.78rem;
}

.my-job-actions, .my-app-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-manage-app {
    padding: 9px 16px;
    border-radius: 10px;
    background: #18181b;
    color: #f7e08c;
    font: 700 0.8rem Roboto, sans-serif;
    text-decoration: none;
}

.btn-edit-job {
    padding: 9px 14px;
    border: 1px solid #dcd7ca;
    border-radius: 10px;
    background: #faf9f5;
    color: #27272a;
    font: 600 0.8rem Roboto, sans-serif;
    text-decoration: none;
}

.my-app-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.app-status-badge {
    padding: 3px 8px;
    border-radius: 6px;
    font: 700 0.7rem Roboto, sans-serif;
}

.app-status-badge.new { background: #e0f2fe; color: #0369a1; }
.app-status-badge.inreview { background: #fef3c7; color: #92400e; }
.app-status-badge.accepted { background: #dcfce7; color: #166534; }
.app-status-badge.rejected { background: #fee2e2; color: #991b1b; }

.my-app-sub {
    margin: 0 0 6px;
    color: #71717a;
    font-size: 0.82rem;
}

.my-app-note {
    padding: 8px 12px;
    background: #fbfaf5;
    border-left: 3px solid #d4af37;
    border-radius: 4px;
    font-size: 0.82rem;
    color: #3f3f46;
    margin-bottom: 6px;
}

.btn-open-chat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #e5b93b, #c69718);
    color: #18181b;
    font: 700 0.8rem Roboto, sans-serif;
    text-decoration: none;
}

/* Job Detail Page */
.job-detail-shell {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px 60px;
}

.job-detail-back {
    margin-bottom: 18px;
}

.btn-back {
    display: inline-block;
    color: #71717a;
    font: 600 0.84rem Roboto, sans-serif;
    text-decoration: none;
}

.btn-back:hover {
    color: #18181b;
}

.job-detail-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 28px;
    align-items: flex-start;
}

.job-detail-head {
    margin-bottom: 24px;
}

.job-detail-badge-row {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.job-detail-head h1 {
    margin: 0 0 10px;
    color: #18181b;
    font: 700 2rem "Smooch Sans", sans-serif;
}

.job-detail-quick-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    color: #71717a;
    font-size: 0.84rem;
}

.shoot-day-card {
    padding: 24px;
    background: #fdfaf3;
    border: 1px solid #ebd9a9;
    border-radius: 18px;
    margin-bottom: 24px;
}

.shoot-day-card h3 {
    margin: 0 0 16px;
    color: #855d08;
    font: 700 1.25rem Roboto, sans-serif;
}

.shoot-day-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.shoot-day-item .label {
    display: block;
    color: #855d08;
    font: 700 0.72rem Roboto, sans-serif;
    margin-bottom: 2px;
}

.shoot-day-item .value {
    color: #18181b;
    font: 600 0.92rem Roboto, sans-serif;
}

.job-section-card {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 18px;
    margin-bottom: 24px;
}

.job-section-card h3 {
    margin: 0 0 12px;
    color: #18181b;
    font: 700 1.2rem Roboto, sans-serif;
}

.job-description-content {
    color: #3f3f46;
    line-height: 1.65;
    font-size: 0.92rem;
    white-space: pre-wrap;
}

/* Sidebar */
.job-sidebar-card {
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}

.job-sidebar-fee {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #f1ece1;
}

.fee-label {
    display: block;
    color: #71717a;
    font-size: 0.76rem;
    margin-bottom: 4px;
}

.fee-amount {
    display: block;
    color: #18181b;
    font: 700 1.8rem "Smooch Sans", sans-serif;
}

.btn-apply-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #e5b93b, #c69718);
    color: #18181b;
    font: 800 0.92rem Roboto, sans-serif;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(198, 151, 24, 0.35);
    transition: 0.15s ease;
}

.btn-apply-main:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(198, 151, 24, 0.45);
}

.job-applied-box {
    padding: 16px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 14px;
    text-align: center;
}

.applied-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #10b981;
    color: #fff;
    font-weight: 800;
    margin: 0 auto 8px;
}

.job-applied-box strong {
    display: block;
    color: #065f46;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.job-applied-box small {
    display: block;
    color: #047857;
    margin-bottom: 12px;
}

.btn-go-chat {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 8px;
    background: #18181b;
    color: #f7e08c;
    font: 700 0.78rem Roboto, sans-serif;
    text-decoration: none;
}

.job-owner-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-owner-edit, .btn-owner-close, .btn-owner-delete {
    padding: 10px;
    border-radius: 10px;
    font: 700 0.8rem Roboto, sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.btn-owner-edit { background: #18181b; color: #fff; border: 0; }
.btn-owner-close { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.btn-owner-delete { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

.job-employer-card {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f1ece1;
}

.employer-label {
    display: block;
    color: #71717a;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.job-company-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.company-username-link {
    color: #b8860b;
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none;
}

.btn-view-profile {
    display: block;
    text-align: center;
    padding: 8px 12px;
    border: 1px solid #dcd7ca;
    border-radius: 10px;
    background: #faf8f3;
    color: #27272a;
    font: 600 0.78rem Roboto, sans-serif;
    text-decoration: none;
}

/* Owner Management Table */
.job-applications-manage-card {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 18px;
}

.job-apps-header h2 {
    margin: 0 0 4px;
    font: 700 1.5rem "Smooch Sans", sans-serif;
}

.job-apps-header p {
    margin: 0 0 16px;
    color: #71717a;
    font-size: 0.82rem;
}

.job-apps-table {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-app-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    background: #fcfbf8;
    border: 1px solid #ece7db;
    border-radius: 14px;
}

.job-app-company {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
}

.job-app-note {
    margin: 6px 0 0;
    padding: 6px 10px;
    background: #fff;
    border-left: 2px solid #d4af37;
    border-radius: 4px;
    font-size: 0.8rem;
    color: #52525b;
}

.job-app-meta select {
    padding: 6px 10px;
    border: 1px solid #dcd7ca;
    border-radius: 8px;
    background: #fff;
    font-size: 0.78rem;
    font-weight: 600;
}

.btn-chat-app {
    padding: 8px 14px;
    border-radius: 8px;
    background: #18181b;
    color: #f7e08c;
    font: 700 0.76rem Roboto, sans-serif;
    text-decoration: none;
}

/* Apply Modal */
.job-apply-modal {
    position: fixed;
    inset: 0;
    z-index: 32000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 15, 18, 0.65);
    backdrop-filter: blur(6px);
}

.job-apply-modal[hidden] {
    display: none;
}

.job-apply-modal-content {
    position: relative;
    width: min(100%, 500px);
    padding: 28px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.job-apply-modal-content h3 {
    margin: 0 0 6px;
    font: 700 1.8rem "Smooch Sans", sans-serif;
}

.job-apply-modal-content p {
    color: #71717a;
    font-size: 0.84rem;
    margin: 0 0 18px;
}

.apply-info-note {
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    background: #fff8df;
    border: 1px solid #f2e3af;
    border-radius: 10px;
    margin-bottom: 18px;
    color: #785a07;
}

.btn-submit-apply {
    padding: 11px 22px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #e5b93b, #c69718);
    color: #18181b;
    font: 800 0.86rem Roboto, sans-serif;
    cursor: pointer;
}

/* Form Styles */
.job-form-shell {
    max-width: 760px;
    margin: 0 auto;
    padding: 20px 20px 60px;
}

.job-form-card {
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}

.job-form-header h1 {
    margin: 0 0 4px;
    font: 700 2.2rem "Smooch Sans", sans-serif;
}

.job-form-header p {
    color: #71717a;
    margin: 0 0 24px;
}

.job-type-selector {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.type-option {
    cursor: pointer;
}

.type-option input {
    display: none;
}

.type-card {
    display: block;
    padding: 14px;
    border: 1px solid #e2ded5;
    border-radius: 12px;
    background: #faf8f3;
    transition: 0.15s ease;
}

.type-card strong {
    display: block;
    color: #18181b;
    font-size: 0.88rem;
    margin-bottom: 2px;
}

.type-card small {
    display: block;
    color: #71717a;
    font-size: 0.74rem;
    line-height: 1.35;
}

.type-option input:checked + .type-card {
    border-color: #d4af37;
    background: #fff9e6;
    box-shadow: 0 0 0 2px #d4af37;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.form-group label {
    color: #27272a;
    font: 700 0.78rem Roboto, sans-serif;
}

.form-group input, .form-group select, .form-group textarea {
    padding: 10px 14px;
    border: 1px solid #d4d0c5;
    border-radius: 10px;
    background: #faf9f6;
    font-size: 0.86rem;
    outline: none;
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    border-color: #d4af37;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

.checkbox-group {
    justify-content: flex-end;
}

.custom-chk {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.84rem;
    font-weight: 500;
}

.job-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #eee9df;
}

.job-form-actions .btn-cancel {
    padding: 11px 20px;
    border: 1px solid #dcd7ca;
    border-radius: 10px;
    background: #f7f5ed;
    color: #52525b;
    font: 600 0.84rem Roboto, sans-serif;
    text-decoration: none;
}

.job-form-actions .btn-submit {
    padding: 11px 26px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #e5b93b, #c69718);
    color: #18181b;
    font: 800 0.86rem Roboto, sans-serif;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(198, 151, 24, 0.3);
}

@media(max-width:850px) {
    .job-detail-layout {
        grid-template-columns: 1fr;
    }
    .jobs-grid {
        grid-template-columns: 1fr;
    }
    .my-job-item, .my-app-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .my-job-actions, .my-app-actions {
        width: 100%;
        justify-content: flex-end;
    }
}

/* =========================================================================
   POZLA QUICK ADD CENTRAL BUTTON & GLOBAL REPORT MODAL
   ========================================================================= */
.admin-quick-add-wrap {
    position: relative;
    margin-right: 6px;
}

.admin-quick-add-btn,
.admin-quick-add-btn span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
}

.admin-quick-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 18px;
    border: 1px solid #18181b;
    border-radius: 11px;
    background: #18181b;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.12);
    transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.admin-quick-add-btn svg {
    width: 15px;
    height: 15px;
    color: #d4af37;
    stroke: #d4af37;
    flex-shrink: 0;
    transition: transform 0.18s ease;
}

.admin-quick-add-btn:hover {
    background: #27272a;
    border-color: #27272a;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(24, 24, 27, 0.18);
}

.admin-quick-add-btn:hover svg {
    transform: rotate(90deg);
}

.admin-quick-add-btn:focus-visible,
.admin-quick-add-wrap:has(.admin-quick-add-menu:not([hidden])) .admin-quick-add-btn {
    border-color: #d4af37;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.15);
}

.admin-quick-add-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: max-content;
    min-width: 300px;
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.32);
    border-radius: 16px;
    padding: 8px;
    box-shadow: 0 18px 45px rgba(24, 24, 27, 0.14);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.admin-quick-add-menu[hidden] {
    display: none;
}

.quick-add-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 14px;
    border-radius: 11px;
    text-decoration: none;
    color: #18181b;
    white-space: nowrap;
    transition: background-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
}

.quick-add-item:hover {
    background: #fff7dc;
    color: #18181b;
    transform: translateX(2px);
}

.quick-add-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.14);
    color: #b58a24;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.quick-add-icon svg {
    width: 19px;
    height: 19px;
    stroke: currentColor;
    display: block;
}

.quick-add-item:hover .quick-add-icon {
    background: #d4af37;
    color: #18181b;
    transform: scale(1.05);
}

.quick-add-item strong {
    display: block;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.15;
    color: #18181b;
    white-space: nowrap;
}

.quick-add-item small {
    display: block;
    margin-top: 2px;
    font-family: "Roboto", sans-serif;
    color: #71717a;
    font-size: 0.78rem;
    line-height: 1.25;
    white-space: nowrap;
}

/* Global Report Modal */
.global-report-modal {
    position: fixed;
    inset: 0;
    z-index: 33000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 15, 18, 0.65);
    backdrop-filter: blur(6px);
}

.global-report-modal[hidden] {
    display: none;
}

.global-report-modal-content {
    position: relative;
    width: min(100%, 480px);
    padding: 28px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.global-report-modal-content h3 {
    margin: 0 0 6px;
    font: 700 1.7rem "Smooch Sans", sans-serif;
}

.global-report-modal-content p {
    color: #71717a;
    font-size: 0.84rem;
    margin: 0 0 18px;
}

.btn-submit-report {
    padding: 11px 22px;
    border: 0;
    border-radius: 10px;
    background: #dc2626;
    color: #ffffff;
    font: 700 0.84rem Roboto, sans-serif;
    cursor: pointer;
}

.btn-submit-report:hover {
    background: #b91c1c;
}

/* =========================================================================
   PUBLIC PROFILE TABS (GÖNDERİLER & İŞ İLANLARI)
   ========================================================================= */
.profile-tabs-container {
    max-width: 1000px;
    margin: 28px auto 60px;
    padding: 0 16px;
}

.profile-tabs-nav {
    display: flex;
    gap: 12px;
    border-bottom: 2px solid #eae6db;
    padding-bottom: 12px;
    margin-bottom: 24px;
}

.profile-tab-btn {
    padding: 10px 22px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #71717a;
    font: 700 0.92rem Roboto, sans-serif;
    cursor: pointer;
    transition: 0.15s ease;
}

.profile-tab-btn:hover {
    background: #f4f0e4;
    color: #18181b;
}

.profile-tab-btn.active {
    background: #18181b;
    color: #e5b93b;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.profile-tab-panel[hidden] {
    display: none;
}

.profile-tab-empty {
    text-align: center;
    padding: 50px 20px;
    background: #faf8f2;
    border: 1px dashed #dcd7ca;
    border-radius: 20px;
}

.profile-tab-empty span {
    font-size: 2.4rem;
    display: block;
    margin-bottom: 8px;
}

.profile-tab-empty h3 {
    margin: 0 0 6px;
    font: 700 1.5rem "Smooch Sans", sans-serif;
    color: #18181b;
}

.profile-tab-empty p {
    color: #71717a;
    font-size: 0.86rem;
    margin: 0;
}

.profile-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.profile-post-card {
    background: #ffffff;
    border: 1px solid #e7e3d8;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
}

.profile-post-img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    cursor: pointer;
    background: #18181b;
}

.profile-post-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.profile-post-img-wrap:hover img {
    transform: scale(1.04);
}

.media-multi-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font: 700 0.72rem Roboto, sans-serif;
}

.profile-post-body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.profile-post-desc {
    margin: 0;
    font-size: 0.84rem;
    color: #3f3f46;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.profile-post-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    font-size: 0.75rem;
    color: #71717a;
}

.profile-post-counts {
    display: flex;
    gap: 10px;
    font-weight: 600;
}

/* Network profile editor — compact, readable dashboard composition */
.profile-edit-page{width:min(100%,1120px);padding:28px 24px 64px}
.profile-edit-head{align-items:center;margin-bottom:18px}
.profile-edit-head>div>span{font-size:.66rem;letter-spacing:.16em}
.profile-edit-head h1{margin:2px 0 3px;font-size:2.35rem;line-height:1.05}
.profile-edit-head p{font-size:.84rem;line-height:1.5}
.profile-edit-head .social-outline-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-color:#d9d3c5;border-radius:11px;font-size:.78rem;font-weight:700;box-shadow:0 4px 14px rgba(24,24,27,.04)}
.profile-edit-head .social-outline-btn span{color:inherit;font-size:1rem;letter-spacing:0}
.profile-edit-form{border-radius:18px;box-shadow:0 14px 42px rgba(24,24,27,.07)}
.profile-validation-summary:empty{display:none}
.profile-validation-summary{margin:20px 28px 0;padding:12px 15px;border:1px solid #fecaca;border-radius:10px;color:#991b1b;background:#fff5f5;font-size:.78rem}
.profile-media-editor{padding-bottom:24px;background:#fff}
.profile-media-editor .social-cover{height:205px;position:relative;overflow:hidden;background-color:#18181b}
.profile-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.42))}
.profile-media-editor .profile-media-button{top:auto;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;min-height:44px;padding:0 22px;border:1.5px solid #d4af37;border-radius:11px;color:#fff;background:#18181b;font-family:"Smooch Sans",sans-serif;font-size:1.35rem;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer;transition:all .18s ease}
.profile-media-editor .profile-media-button span{font-family:"Smooch Sans",sans-serif;font-size:1.35rem;font-weight:700;color:#fff}
.profile-media-editor .profile-media-button svg{stroke:#d4af37;width:18px;height:18px}
.profile-media-editor .social-logo{top:153px;left:28px;bottom:auto;width:104px;height:104px;border-width:4px;background-color:#d4af37}
.profile-media-editor .social-logo>span{font-size:2rem}
.profile-media-editor .social-logo label{right:-2px;bottom:1px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:2px solid #fff;font-size:.72rem}
.profile-media-editor .social-company-title{margin:68px 0 0 0}
.profile-media-editor .social-company-title h2{font-size:1.55rem;line-height:1.1}
.profile-media-editor .social-company-title small{font-size:.7rem}
.profile-form-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0;padding:22px 28px 12px;border-top:1px solid #eeeae1}
.profile-form-section-head>div{display:flex;align-items:center;gap:10px}
.profile-form-section-head>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#7a5a09;background:#f7e9b4;font:800 .65rem Roboto,sans-serif;letter-spacing:0}
.profile-form-section-head h2{margin:0;color:#18181b;font:700 1.35rem/1 "Smooch Sans",sans-serif}
.profile-form-section-head p{max-width:520px;margin:0;color:#77737b;font-size:.74rem;line-height:1.45;text-align:right}
.profile-form-section-head.compact{padding:0 0 14px;border:0;align-items:center}
.profile-form-section-head.compact p{text-align:left;margin-left:auto}
.profile-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 20px;padding:10px 28px 26px}
.profile-field{min-width:0;margin:0}
.profile-field>span:first-child{margin-bottom:6px;color:#29282c;font-size:.76rem;font-weight:700}
.profile-field>span:first-child em{margin-left:5px;color:#85818a;font-family:inherit;font-size:inherit;font-style:normal;font-weight:500;letter-spacing:inherit}
.profile-field input,.profile-field textarea{font-size:.82rem}
.profile-field textarea{line-height:1.5}
.profile-address-field textarea{min-height:72px}
.profile-field small{margin-top:5px;font-size:.66rem;line-height:1.4}
.profile-field-error{display:block;margin-top:5px;color:#b42318;font-size:.7rem;font-weight:600}
.profile-field .social-username b{display:grid;place-items:center;min-width:42px;padding:0;color:#80610e;background:#f6f1e5;font-size:.84rem}
.profile-specialties{padding:22px 28px 26px;border-top:1px solid #eeeae1}
.profile-specialty-list{display:flex;flex-wrap:wrap;gap:8px}
.profile-specialty-list label span{padding:7px 12px;font-size:.74rem;font-weight:600}
.profile-privacy{display:grid;gap:12px;padding:22px 28px 25px;border-top:1px solid #eeeae1;background:#faf9f6}
.privacy-option-item{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border:1px solid #e7e2d7;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.privacy-option-item:hover{border-color:#d4af37;box-shadow:0 4px 14px rgba(212,175,55,.1)}
.privacy-checkbox,
.profile-privacy input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    border: 2px solid #d4cfc4 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all .18s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.privacy-checkbox:hover,
.profile-privacy input[type="checkbox"]:hover {
    border-color: #d4af37 !important;
}
.privacy-checkbox:checked,
.profile-privacy input[type="checkbox"]:checked {
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
}
.privacy-checkbox:focus-visible,
.profile-privacy input[type="checkbox"]:focus-visible {
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.22) !important;
}
.privacy-label{display:flex;flex-direction:column;gap:3px;cursor:pointer;user-select:none;margin:0}
.privacy-label strong{color:#18181b;font-size:.92rem!important;font-weight:600!important}
.privacy-label small{color:#71717a;font-size:.82rem!important;line-height:1.45}
.profile-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px!important;border-top:1px solid #e9e4da;background:#fff}
.profile-form-footer>div{display:flex;flex-direction:column;text-align:left}
.profile-form-footer strong{color:#29282c;font-size:.88rem}
.profile-form-footer small{color:#85818a;font-size:.78rem}
.profile-form-footer .social-save-btn{min-height:44px;padding:11px 24px;font-size:.92rem;box-shadow:0 6px 18px rgba(199,154,34,.22);cursor:pointer}
@media(max-width:760px){.profile-edit-page{padding:18px 14px 48px}.profile-edit-head{display:grid;align-items:start}.profile-edit-head h1{font-size:2rem}.profile-edit-head .social-outline-btn{width:max-content}.profile-media-editor .social-cover{height:175px}.profile-media-editor .social-logo{top:131px;left:18px;width:88px;height:88px}.profile-media-editor .social-company-title{margin-left:122px}.profile-form-section-head{display:grid;padding-inline:20px}.profile-form-section-head p{text-align:left}.profile-form-grid{grid-template-columns:1fr;padding-inline:20px}.profile-specialties,.profile-privacy{padding-inline:20px}.profile-form-footer{align-items:stretch;padding-inline:20px!important;flex-direction:column}.profile-form-footer .social-save-btn{width:100%}}

/* Select2 typography follows the Pozla type system without oversized placeholders. */
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder{font-family:"Smooch Sans", sans-serif!important;font-size:1.1rem!important;font-weight:600!important;letter-spacing:.01em!important}
.select2-container--default .select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field{font-family:"Smooch Sans", sans-serif!important;font-size:1.1rem!important;font-weight:600!important}

/* Modern job marketplace cards */
.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:24px}
.jobs-grid .job-card{position:relative;isolation:isolate;min-height:370px;padding:0;overflow:hidden;border:1px solid #e4dfd3;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fff 72%,#fbf8f0 100%);box-shadow:0 12px 34px rgba(26,23,17,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.jobs-grid .job-card::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#18181b 0 28%,#d4af37 28% 100%)}
.jobs-grid .job-card::after{content:"";position:absolute;z-index:-1;top:-110px;right:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.14),transparent 68%);pointer-events:none}
.jobs-grid .job-card.shoot-day{border-left:1px solid #e4dfd3}
.jobs-grid .job-card:hover{transform:translateY(-5px);border-color:#d7bd68;box-shadow:0 20px 48px rgba(26,23,17,.12)}
.jobs-grid .job-card-top{margin:0;padding:25px 24px 12px}
.jobs-grid .job-type-badge,.jobs-grid .job-date-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #eadfb9;border-radius:999px;background:#fbf6e5;color:#72530c;font-size:.72rem;letter-spacing:.01em}
.jobs-grid .job-date-pill{border-color:#d8ebe4;background:#f0faf6;color:#147156}
.jobs-grid .job-card-title{margin:0;padding:0 24px 14px;font:700 1.65rem/1.12 "Smooch Sans",sans-serif;letter-spacing:.01em}
.jobs-grid .job-card-title a{display:block;color:#18181b}.jobs-grid .job-card-title a:hover{color:#a87908}
.jobs-grid .job-card-meta{margin:0 24px;padding:14px 0;border-top:1px solid #eee9de;border-bottom:1px solid #eee9de}
.jobs-grid .job-company-info{gap:12px;margin:0}
.jobs-grid .job-company-avatar{width:44px;height:44px;overflow:hidden;border:2px solid #d4af37;background:#18181b;color:#f4cb4d;text-decoration:none;box-shadow:0 4px 12px rgba(38,29,6,.14)}
.jobs-grid .job-company-avatar img{width:100%;height:100%;object-fit:cover}.jobs-grid .job-company-avatar span{display:grid;width:100%;height:100%;place-items:center}
.jobs-grid .job-company-info strong{margin-bottom:3px;color:#18181b;font-size:.9rem}.jobs-grid .job-company-info small{display:block;color:#757078;font-size:.76rem}
.jobs-grid .job-card-tags{gap:8px;margin:0;padding:16px 24px 12px}
.jobs-grid .job-tag{display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border:1px solid #ebe6db;border-radius:9px;background:#f7f5f0;color:#464249;font-size:.73rem}
.jobs-grid .job-tag.role-tag{border-color:#e6d69d;background:#fff7dc;color:#71520b}
.jobs-grid .job-card-desc{min-height:38px;margin:0;padding:0 24px 16px;color:#656169;font-size:.79rem;line-height:1.55}
.jobs-grid .job-card-footer{min-height:76px;margin-top:auto;padding:16px 24px;border-top:1px solid #e8e1d1;background:rgba(249,247,241,.82)}
.jobs-grid .job-card-fee strong{font:700 1.45rem/1 "Smooch Sans",sans-serif;color:#18181b}.jobs-grid .job-card-fee small{display:block;margin-top:4px;text-transform:uppercase;letter-spacing:.1em;font-size:.59rem}
.jobs-grid .job-card-cta{justify-content:flex-end;flex-wrap:wrap}.jobs-grid .job-mine-badge,.jobs-grid .job-applied-badge{padding:6px 9px;border-radius:999px;font-size:.65rem}
.jobs-grid .job-view-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid #18181b;border-radius:11px;background:#18181b!important;color:#f1c84b!important;font:700 .96rem "Smooch Sans",sans-serif;letter-spacing:.02em;box-shadow:0 5px 14px rgba(24,24,27,.14)}
.jobs-grid .job-view-btn:hover{border-color:#d4af37;background:#d4af37!important;color:#18181b!important}
@media(max-width:620px){.jobs-grid{grid-template-columns:1fr}.jobs-grid .job-card{min-height:0}.jobs-grid .job-card-top{align-items:flex-start;flex-direction:column}.jobs-grid .job-card-footer{align-items:flex-start;flex-direction:column}.jobs-grid .job-card-cta{width:100%;justify-content:space-between}.jobs-grid .job-view-btn{margin-left:auto}}

/* Modern job detail */
.job-detail-shell{max-width:1180px;padding:28px 22px 70px}
.job-detail-back{margin-bottom:14px}.job-detail-back .btn-back{display:inline-flex;align-items:center;min-height:36px;padding:6px 11px;border:1px solid #ded8cc;border-radius:10px;background:#fff;color:#514d54;font-size:.76rem}.job-detail-back .btn-back:hover{border-color:#d4af37;color:#18181b}
.job-detail-layout{grid-template-columns:minmax(0,1fr) 330px;gap:26px}
.job-detail-main{min-width:0}.job-detail-head{position:relative;overflow:hidden;margin-bottom:20px;padding:30px;border:1px solid #29292d;border-radius:23px;background:#151517;box-shadow:0 16px 42px rgba(24,24,27,.14)}
.job-detail-head::after{display:none}
.job-detail-badge-row{position:relative;z-index:1;margin-bottom:18px}.job-detail-head .job-type-badge{border:1px solid rgba(212,175,55,.38);background:rgba(212,175,55,.13);color:#efc84f}.job-detail-head .job-status-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.68rem;font-weight:800}.job-detail-head .job-status-badge.published{background:#dcfce7;color:#12633a}
.job-detail-head h1{position:relative;z-index:1;margin-bottom:14px;color:#fff!important;font-size:2.45rem;line-height:1.05}.job-detail-quick-meta{position:relative;z-index:1;gap:9px}.job-detail-quick-meta span{display:inline-flex;align-items:center;min-height:31px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.055);color:#d7d4d8;font-size:.75rem}.job-detail-quick-meta strong{margin-left:4px;color:#f2c94c}
.shoot-day-card,.job-section-card,.job-applications-manage-card{margin-bottom:20px;padding:25px;border:1px solid #e5dfd3;border-radius:20px;background:#fff;box-shadow:0 9px 28px rgba(24,24,27,.045)}
.shoot-day-card{background:linear-gradient(135deg,#fffaf0,#fff 76%);border-color:#ead494}.shoot-day-card h3,.job-section-card h3{display:flex;align-items:center;margin-bottom:18px;font:700 1.38rem "Smooch Sans",sans-serif;letter-spacing:.01em}.shoot-day-card h3{color:#856008}.shoot-day-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shoot-day-item{min-height:74px;padding:12px 13px;border:1px solid #eee5cd;border-radius:12px;background:rgba(255,255,255,.72)}.shoot-day-item .label{margin-bottom:5px;color:#9b7619;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.shoot-day-item .value{font-size:.84rem;line-height:1.4}
.job-section-card h3{padding-bottom:12px;border-bottom:1px solid #eee9df;color:#18181b}.job-section-card>p,.job-description-content{margin:0;color:#555159;font-size:.87rem;line-height:1.75}.job-description-content{padding:2px 0}
.job-detail-sidebar{position:sticky;top:22px}.job-sidebar-card{overflow:hidden;padding:0;border-radius:22px;border-color:#ded7c9;box-shadow:0 18px 48px rgba(24,24,27,.1)}.job-sidebar-fee{margin:0;padding:23px 24px 20px;border-bottom:0;background:linear-gradient(135deg,#18181b,#29251a)}.job-sidebar-fee .fee-label{color:#bcb8bd;text-transform:uppercase;letter-spacing:.09em;font-size:.61rem}.job-sidebar-fee .fee-amount{margin-top:6px;color:#efc84f;font-size:2.15rem}.job-sidebar-fee .fee-negotiable{color:#efc84f}
.job-sidebar-action{padding:18px 20px}.job-owner-actions{gap:9px}.job-owner-actions .btn-owner-edit,.job-owner-actions .btn-owner-close,.job-owner-actions .btn-owner-delete{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;font:700 .96rem "Smooch Sans",sans-serif;letter-spacing:.01em}.job-owner-actions .btn-owner-edit{background:#18181b;color:#f3ca4c}.job-owner-actions .btn-owner-close{background:#fff8df;color:#845d00;border-color:#ecd375}.job-owner-actions .btn-owner-delete{background:#fff1f0;color:#ad2620;border-color:#efc1bd}
.job-employer-card{margin:0 20px;padding:19px 0;border-top:1px solid #e9e3d8}.employer-label{margin-bottom:13px;color:#928a7e;font-size:.63rem;text-transform:uppercase;letter-spacing:.12em}.job-company-row{align-items:center;margin-bottom:14px}.job-company-avatar.large{width:52px;height:52px;overflow:hidden;border:2px solid #d4af37;background:#18181b;color:#efc84f;text-decoration:none}.job-company-avatar.large img{width:100%;height:100%;object-fit:cover}.job-company-avatar.large span{display:grid;width:100%;height:100%;place-items:center}.job-company-row h4{margin:0 0 3px;color:#18181b;font:700 1.12rem "Smooch Sans",sans-serif}.company-loc{display:inline-block;margin-left:7px;color:#77727a;font-size:.72rem}.btn-view-profile{min-height:37px;display:flex;align-items:center;justify-content:center;border-color:#ddd5c5;background:#faf8f2;font:700 .9rem "Smooch Sans",sans-serif}.btn-view-profile:hover{border-color:#d4af37;background:#fff8df;color:#18181b}
.job-secondary-actions{display:flex;flex-direction:column;gap:8px;margin:0 20px;padding:16px 0 20px;border-top:1px solid #e9e3d8}.job-copy-button{display:flex;align-items:center;justify-content:center;min-height:41px;padding:9px 12px;border:1px solid #dcd5c8;border-radius:11px;background:#fff;color:#29272b;font:700 .92rem "Smooch Sans",sans-serif;cursor:pointer}.job-copy-button:hover{border-color:#d4af37;background:#fff8df}
.job-applications-manage-card{overflow:hidden}.job-apps-header{padding-bottom:15px;border-bottom:1px solid #ece7dc}.job-apps-header h2{color:#9a710d;font-size:1.55rem}.job-apps-empty{margin-top:15px;padding:20px;border:1px dashed #dcd5c8;border-radius:13px;background:#faf9f6;color:#706c73;font-size:.83rem}.job-apps-empty p{margin:0}
@media(max-width:920px){.job-detail-layout{grid-template-columns:1fr}.job-detail-sidebar{position:static}.shoot-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.job-detail-shell{padding:18px 12px 50px}.job-detail-head{padding:23px 19px}.job-detail-head h1{font-size:2rem}.job-detail-quick-meta{display:grid}.job-detail-quick-meta span{width:100%}.shoot-day-card,.job-section-card,.job-applications-manage-card{padding:19px}.shoot-day-grid{grid-template-columns:1fr}}

/* Modern create/edit job forms */
.job-form-shell{max-width:980px;padding:28px 22px 70px}.job-form-card{overflow:hidden;padding:0;border:1px solid #dfd8ca;border-radius:23px;background:#fff;box-shadow:0 18px 48px rgba(24,24,27,.08)}
.job-form-header{position:relative;overflow:hidden;padding:27px 30px 24px;background:linear-gradient(135deg,#151517,#211f19);color:#fff}.job-form-header::after{content:"";position:absolute;right:-75px;top:-115px;width:250px;height:250px;border:1px solid rgba(212,175,55,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(212,175,55,.04)}.job-form-header .jobs-pill{position:relative;z-index:1;border:1px solid rgba(212,175,55,.35);background:rgba(212,175,55,.13);color:#edc548}.job-form-header h1{position:relative;z-index:1;margin:10px 0 5px;color:#fff!important;font-size:2.45rem;line-height:1}.job-form-header p{position:relative;z-index:1;margin:0;color:#c2bec5;font-size:.82rem}
.job-form{padding:27px 30px 30px}.job-form .form-row{gap:18px}.job-form .form-group{gap:7px;margin-bottom:18px}.job-form .form-group>label{color:#39353c;font-size:.72rem;letter-spacing:.015em}.job-form .form-group input:not([type=checkbox]):not([type=radio]),.job-form .form-group select,.job-form .form-group textarea{min-height:47px;padding:11px 14px;border-color:#dcd6ca;border-radius:11px;background:#fbfaf7;font-size:.86rem}.job-form .form-group textarea{min-height:125px;resize:vertical}.job-form .form-group input:focus,.job-form .form-group select:focus,.job-form .form-group textarea:focus{border-color:#c99b22;background:#fff;box-shadow:0 0 0 4px rgba(212,175,55,.13)}
.job-form .job-type-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.job-form .type-card{height:100%;min-height:92px;padding:15px;border-color:#e4ded2;border-radius:13px;background:#faf9f5}.job-form .type-card strong{font:700 1.05rem "Smooch Sans",sans-serif}.job-form .type-card small{margin-top:5px;font-size:.68rem;line-height:1.45}.job-form .type-option input:checked+.type-card{border-color:#d4af37;background:#fff8dc;box-shadow:inset 0 0 0 1px #d4af37,0 7px 18px rgba(168,126,15,.1)}
.job-form .job-fee-row{grid-template-columns:minmax(180px,1fr) minmax(240px,auto) minmax(150px,.65fr);align-items:end;margin-top:3px;padding:18px;border:1px solid #e7e1d5;border-radius:15px;background:#faf9f5}.job-form .job-fee-row .form-group{min-width:0;margin-bottom:0}.job-form .job-fee-row .checkbox-group{align-self:end;justify-content:center;min-height:47px;padding:0 8px}.job-form .custom-chk{display:inline-flex;align-items:center;gap:9px;min-height:47px;margin:0;color:#39353c;font-size:.78rem;white-space:nowrap}.job-form .custom-chk input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;border:2px solid #b9b2a5!important;border-radius:6px!important;background:#fff!important;cursor:pointer!important}.job-form .custom-chk input[type=checkbox]:checked{border-color:#c6981c!important;background-color:#c6981c!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8' d='M3 8.5l3.1 3.1L13 4.9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important}.job-form .custom-chk input[type=checkbox]:focus-visible{outline:0!important;box-shadow:0 0 0 4px rgba(212,175,55,.18)!important}
.job-form-actions{margin-top:24px;padding-top:20px}.job-form-actions .btn-cancel,.job-form-actions .btn-submit{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:11px;font:700 1rem "Smooch Sans",sans-serif}.job-form-actions .btn-cancel{padding:10px 22px;background:#f8f6f0;color:#504c53}.job-form-actions .btn-submit{padding:10px 25px;background:#18181b;color:#efc84f;box-shadow:0 7px 18px rgba(24,24,27,.16)}.job-form-actions .btn-submit:hover{background:#d4af37;color:#18181b}
@media(max-width:820px){.job-form .job-type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.job-form .job-fee-row{grid-template-columns:1fr 1fr}.job-form .job-fee-row .checkbox-group{grid-column:1/-1;grid-row:2;justify-content:flex-start}}
@media(max-width:560px){.job-form-shell{padding:18px 12px 50px}.job-form-header{padding:23px 20px}.job-form-header h1{font-size:2rem}.job-form{padding:21px 18px 24px}.job-form .job-type-selector,.job-form .form-row,.job-form .job-fee-row{grid-template-columns:1fr}.job-form .job-fee-row .checkbox-group{grid-column:auto;grid-row:auto}.job-form-actions{align-items:stretch;flex-direction:column-reverse}.job-form-actions .btn-cancel,.job-form-actions .btn-submit{width:100%}}

/* Network Profilim / 04 Vitrin Galerileri */
.profile-albums-section,.profile-albums-section *{font-family:"Smooch Sans",sans-serif}
.profile-albums-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}
.profile-albums-heading-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.profile-album-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:8px 18px!important;border-radius:11px!important;font-size:1.22rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.02em!important;text-decoration:none!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;white-space:nowrap!important;flex-shrink:0!important}
.profile-album-btn span{white-space:nowrap!important;word-break:keep-all!important}
.profile-album-btn svg,.profile-album-delete svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.profile-album-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(24,24,27,.18)}
.profile-album-btn-primary{border:1px solid #18181b;background:#18181b;color:#fff!important;box-shadow:0 6px 16px rgba(24,24,27,.12)}
.profile-album-btn-primary svg{color:#d4af37}.profile-album-btn-primary:hover{background:#27272a}
.profile-album-btn-secondary{border:1px solid #d4af37;background:#fff;color:#18181b!important;box-shadow:none}
.profile-album-btn-secondary:hover{background:#fbf8f0;color:#b58a24!important}
.profile-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.profile-album-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d4af37;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(24,24,27,.07)}
.profile-album-preview{position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:190px;overflow:hidden;background:#18181b}
.profile-album-preview img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-album-preview img:first-child{grid-row:1/3}
.profile-album-preview img:only-child{grid-column:1/3}.profile-album-preview.is-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#faf8f2;color:#8b6717;font-size:1.25rem;font-weight:600}
.profile-album-preview.is-empty svg{width:42px;height:42px;fill:none;stroke:#d4af37;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.profile-album-more{position:absolute;right:10px;bottom:10px;display:grid;min-width:38px;height:32px;padding:0 8px;place-items:center;border:1px solid rgba(212,175,55,.65);border-radius:9px;background:rgba(24,24,27,.86);color:#fff;font-size:1.15rem;font-weight:700}
.profile-album-body{display:flex;flex:1;flex-direction:column;padding:17px 18px}.profile-album-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.profile-album-title-row h3{min-width:0;margin:0;color:#18181b;font-size:1.55rem;font-weight:700;line-height:1.1;overflow-wrap:anywhere}.profile-album-title-row>span{flex:none;padding:4px 8px;border:1px solid rgba(181,138,36,.35);border-radius:8px;background:#fbf3dc;color:#8b6717;font-size:1.02rem;font-weight:700}
.profile-album-body>p{display:block!important;text-align:center!important;min-height:auto!important;margin:6px 0 8px!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#52525b;font-size:1.22rem;font-weight:600;line-height:1.35}.profile-album-meta{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:7px 14px!important;padding-top:8px!important;border-top:1px solid #f1efe9;color:#71717a;font-size:1.08rem;font-weight:600}.profile-album-actions{display:flex;align-items:center;gap:9px;margin-top:14px}.profile-album-actions .profile-album-btn{flex:1}.profile-album-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border:1px solid #dc2626!important;border-radius:11px!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%)!important;color:#fff!important;box-shadow:0 4px 12px rgba(220,38,38,.28)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.profile-album-delete:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;border-color:#b91c1c!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(220,38,38,.4)!important;color:#fff!important}.profile-album-delete svg{width:18px!important;height:18px!important;display:block!important;margin:auto!important;fill:none!important;stroke:#fff!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.profile-albums-empty{display:flex!important;align-items:center;gap:16px;padding:20px!important;border:1px solid #d4af37!important;border-radius:14px!important}.profile-albums-empty>div{flex:1}.profile-albums-empty h3,.profile-albums-empty p{font-family:"Smooch Sans",sans-serif!important}.profile-albums-empty-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.profile-albums-heading{grid-template-columns:38px minmax(0,1fr)}.profile-albums-heading-actions{grid-column:1/-1;width:100%;margin:12px 0 0}.profile-albums-heading-actions>*{flex:1}.profile-albums-grid{grid-template-columns:1fr}.profile-albums-empty{align-items:stretch;flex-direction:column}.profile-albums-empty .profile-album-btn{width:100%}}
@media(max-width:430px){.profile-albums-heading-actions{flex-direction:column}.profile-albums-heading-actions>*{width:100%}.profile-album-preview{height:170px}}

/* Galeriyi Yönet */
.social-album-manage-page{padding:20px 0 60px}.social-album-manage-page,.social-album-manage-page *{font-family:"Smooch Sans",sans-serif}.social-album-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.social-album-manage-page>.project-edit-card{max-width:1100px;margin:0 auto 20px;padding:24px 26px;border:1px solid #d4af37}.social-album-notice{max-width:1100px;margin:0 auto 18px;padding:13px 16px;border:1px solid;border-radius:11px;font-size:1.25rem;font-weight:700}.social-album-notice.success{border-color:#86d5a8;background:#effbf3;color:#17643a}.social-album-notice.error{border-color:#f0a5a5;background:#fff2f2;color:#9b1c1c}.social-album-details-card .edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.social-album-details-card .edit-form-field{display:flex;flex-direction:column;gap:5px}.social-album-details-card .edit-form-field.full{grid-column:1/-1}.social-album-details-card label,.social-album-photo-form label{color:#18181b;font-size:1.3rem;font-weight:600}.social-album-details-card input,.social-album-details-card textarea,.social-album-photo-form textarea{width:100%;padding:10px 13px;border:1px solid #d4af37;border-radius:11px;background:#fff;color:#18181b;font-size:1.22rem;font-weight:600;outline:0}.social-album-details-card input{height:44px}.social-album-details-card input:focus,.social-album-details-card textarea:focus,.social-album-photo-form textarea:focus{border-color:#b58a24;box-shadow:0 0 0 3px rgba(212,175,55,.18)}.social-album-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;border-top:1px solid #f1efe9;color:#71717a;font-size:1.2rem;font-weight:600}.social-album-drop-zone{padding:28px!important;border:1px dashed #d4af37!important;border-radius:15px!important;background:#fffdf8!important;text-align:center}.social-album-drop-zone.drag-active{background:#fbf3dc!important;box-shadow:0 0 0 4px rgba(212,175,55,.14)}.social-album-drop-zone .drop-zone-icon svg{width:44px;height:44px;fill:none;stroke:#b58a24;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-album-drop-zone .drop-zone-content>strong{display:block;margin-top:8px;font-size:1.65rem}.social-album-drop-zone .drop-zone-desc{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:7px 0 16px;color:#71717a;font-size:1.2rem;font-weight:600}.social-album-drop-zone input[type=file]{display:none}.social-album-drop-zone .file-select-btn{min-height:42px;border:1px solid #18181b;border-radius:11px;background:#18181b;color:#fff;font-size:1.22rem;font-weight:700}.social-album-drop-zone .file-count-badge{margin:13px auto 0;color:#71717a;font-size:1.18rem;font-weight:600}.social-album-drop-zone .file-count-badge.has-files{color:#8b6717}.album-upload-progress{position:fixed!important;right:24px!important;bottom:24px!important;z-index:10020!important;display:none;width:min(460px,calc(100vw - 32px))!important;padding:18px 22px!important;margin:0!important;border:1.5px solid #d4af37!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 60px rgba(0,0,0,.22),0 0 20px rgba(212,175,55,.18)!important;backdrop-filter:blur(8px)!important;text-align:left!important}.album-upload-progress.is-visible{display:block!important;animation:upload-progress-enter .25s cubic-bezier(.16,1,.3,1) both!important}.album-upload-progress-head{display:flex;justify-content:space-between;font-size:1.25rem}.album-upload-track{height:12px;margin:9px 0;overflow:hidden;border-radius:7px;background:#e4e4e7}.album-upload-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b58a24,#d4af37,#efcf68);transition:width .25s}.album-upload-progress p{margin:0;color:#71717a;font-size:1.1rem}.social-album-capacity-action{display:flex;justify-content:flex-end;margin-top:12px}.social-album-limit-warning{padding:14px;border:1px solid #fed7aa;border-radius:11px;background:#fff7ed;color:#c2410c;font-size:1.2rem;font-weight:600}.social-album-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.social-album-photo-card{position:relative;overflow:hidden;border:1px solid #d4af37;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(24,24,27,.07)}.social-album-photo-card.is-cover{box-shadow:0 0 0 2px #d4af37,0 8px 22px rgba(181,138,36,.16)}.social-album-photo-preview{position:relative;height:210px;background:#18181b}.social-album-photo-preview img{width:100%;height:100%;object-fit:cover}.social-album-cover-badge,.social-album-drag-handle{position:absolute;top:10px;border:1px solid #d4af37;background:rgba(24,24,27,.88);color:#f1cb52;font-weight:700}.social-album-cover-badge{left:10px;padding:5px 9px;border-radius:8px}.social-album-drag-handle{right:10px;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;cursor:grab;font-size:1.35rem}.social-album-photo-form{padding:14px}.social-album-photo-form textarea{min-height:72px;margin-top:5px;resize:vertical}.social-album-photo-form>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.social-album-cover-choice{display:flex;align-items:center;gap:7px;font-size:1.1rem!important;cursor:pointer}.social-album-photo-card>[data-delete-photo]{position:absolute;right:10px;top:164px}.social-album-photo-card>[data-delete-photo] .profile-album-delete{width:auto;padding:0 12px;color:#dc2626;font-weight:700}.social-album-order-status{margin-top:14px;color:#71717a;font-size:1.15rem;font-weight:600;text-align:right}.social-album-empty{padding:24px!important;border:1px solid #d4af37!important}.social-album-empty h3,.social-album-empty p{font-family:"Smooch Sans",sans-serif!important}
@media(max-width:700px){.social-album-page-heading{align-items:flex-start;flex-direction:column}.social-album-details-card .edit-form-grid{grid-template-columns:1fr}.social-album-details-card .edit-form-field.full{grid-column:auto}.social-album-inline-actions{align-items:stretch;flex-direction:column}.social-album-photo-grid{grid-template-columns:1fr}}

/* Kayıtlı stüdyo modern vitrin kartları */
.studio-directory-grid{gap:22px!important}.studio-directory-card{position:relative;isolation:isolate;min-height:430px!important;padding:24px!important;overflow:hidden;border:1px solid rgba(212,175,55,.8)!important;border-radius:20px!important;background:linear-gradient(155deg,#fff 0%,#fff 68%,#fbf7eb 100%)!important;box-shadow:0 12px 34px rgba(24,24,27,.07)!important;font-family:"Smooch Sans",sans-serif!important}.studio-directory-card:before{content:"";position:absolute;z-index:-1;top:-80px;right:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.15),rgba(212,175,55,0) 70%)}.studio-directory-card:hover{transform:translateY(-5px)!important;border-color:#b58a24!important;box-shadow:0 22px 46px rgba(24,24,27,.13)!important}.studio-directory-card-accent{position:absolute;inset:0 28px auto;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#d4af37,transparent)}.studio-directory-card-top{align-items:center!important}.studio-directory-avatar{width:92px!important;height:92px!important;padding:5px!important;border:1px solid #d4af37!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(181,138,36,.16)}.studio-directory-avatar img,.studio-directory-avatar>span{border-radius:17px!important}.studio-directory-card-status{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid rgba(212,175,55,.5);border-radius:999px;background:#fbf3dc;color:#8b6717;font-size:1.05rem;font-weight:700;line-height:1}.studio-directory-card-status svg{width:16px;height:16px}.studio-directory-card-body{padding:20px 0 19px!important}.studio-directory-name-row{display:flex;align-items:center;gap:8px;min-width:0}.studio-directory-name-row h3{margin:0;color:#18181b;font-size:2.05rem!important;font-weight:700;line-height:1.05}.studio-directory-verified-badge{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:#168bd2}.studio-directory-verified-badge svg{width:23px!important;height:23px!important;fill:#1d9bf0!important;stroke:#fff!important;stroke-width:2.1!important}.studio-directory-username{display:block;margin-top:5px;color:#8b6717;font-size:1.13rem;font-weight:700}.studio-directory-location{width:max-content;max-width:100%;margin:13px 0 11px!important;padding:7px 10px;border:1px solid #e9dfc4;border-radius:9px;background:#fff;color:#52525b!important;font-size:1.17rem!important}.studio-directory-location svg{width:17px!important;height:17px!important}.studio-directory-card-desc{min-height:47px;color:#71717a!important;font-size:1.16rem!important;font-weight:600!important;line-height:1.35!important}.studio-directory-card-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.studio-directory-card-features span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;background:#f5f3ed;color:#52525b;font-size:1.03rem;font-weight:700}.studio-directory-card-features svg{width:15px!important;height:15px!important;color:#b58a24}.studio-directory-profile-btn{min-height:48px!important;margin-top:auto;border-radius:12px!important;font-size:1.3rem!important}.studio-directory-profile-btn svg{margin-right:0!important}.studio-directory-profile-btn .studio-directory-arrow{margin-left:auto!important}
@media(max-width:680px){.studio-directory-card{min-height:410px!important;padding:20px!important;border-radius:17px!important}.studio-directory-avatar{width:82px!important;height:82px!important}.studio-directory-name-row h3{font-size:1.85rem!important}.studio-directory-card-status{font-size:1rem}.studio-directory-profile-btn{min-height:46px!important}}
.studio-directory-card-top{justify-content:center!important;flex-direction:column!important;text-align:center}.studio-directory-card-status{position:absolute;top:21px;right:21px}.studio-directory-card-body{text-align:center}.studio-directory-name-row{justify-content:center}.studio-directory-username{text-align:center}.studio-directory-contact-row{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 11px}.studio-directory-contact-row .studio-directory-location{margin:0!important}.studio-directory-phone{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;border:1px solid #e9dfc4;border-radius:9px;background:#fff;color:#52525b!important;font:700 1.17rem "Smooch Sans",sans-serif;text-decoration:none!important;transition:.18s ease}.studio-directory-phone:hover{border-color:#d4af37;background:#fbf3dc;color:#18181b!important}.studio-directory-phone svg{width:17px!important;height:17px!important;margin:0!important;color:#b58a24}.studio-directory-card-features{justify-content:center}
@media(max-width:680px){.studio-directory-card-status{position:static;margin-top:9px}.studio-directory-contact-row{flex-direction:column}.studio-directory-contact-row .studio-directory-location,.studio-directory-phone{width:100%;justify-content:center}}

/* Transparent studio logos: preserve PNG alpha; dark background is fallback-only. */
.studio-directory-avatar,
.jobs-grid .job-company-avatar,
.job-company-avatar.large {
    background: transparent !important;
}
.studio-directory-avatar img,
.jobs-grid .job-company-avatar img,
.job-company-avatar.large img {
    object-fit: contain !important;
    background: transparent !important;
}
.jobs-grid .job-company-avatar span,
.job-company-avatar.large span {
    background: #18181b !important;
}

/* Registered studios filter labels follow the Jobs filter form standard. */
.studio-directory-filter-form label,
.studio-directory-filter-form label > span {
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
}
.studio-directory-filter-form label {
    gap: 4px !important;
}

/* Registered studio card primary action: black and gold premium variant. */
.studio-directory-profile-btn {
    border: 1px solid #d4af37 !important;
    background: #18181b !important;
    color: #d4af37 !important;
    box-shadow: 0 7px 18px rgba(24, 24, 27, 0.18), 0 0 0 1px rgba(212, 175, 55, 0.06) !important;
}
.studio-directory-profile-btn svg {
    color: #d4af37 !important;
    stroke: #d4af37 !important;
}
.studio-directory-profile-btn:hover {
    border-color: #b58a24 !important;
    background: #d4af37 !important;
    color: #18181b !important;
    box-shadow: 0 10px 24px rgba(181, 138, 36, 0.28) !important;
}
.studio-directory-profile-btn:hover svg {
    color: #18181b !important;
    stroke: #18181b !important;
}
/* Müşteri galeri daveti */
.gallery-access-wrapper{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:40px 16px 60px;background:#fbfbfa;box-sizing:border-box}
.gallery-access-card{width:100%;max-width:520px;padding:34px 38px 28px;position:relative;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #d4af37;border-radius:22px;box-shadow:0 14px 38px rgba(24,24,27,.07)}
.gallery-access-card,.gallery-access-card *{font-family:"Smooch Sans",sans-serif!important}
.gallery-access-brand-row{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin:0 auto 18px}
.gallery-brand-box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;text-decoration:none}
.gallery-brand-box img{display:block;width:auto;height:42px;object-fit:contain}
.gallery-studio-identity{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;margin:20px auto 0;padding-top:18px;border-top:1px solid #f0e4c2;font-family:"Smooch Sans",sans-serif;letter-spacing:.02em}
.gallery-studio-logo{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;overflow:hidden;border:1px solid #d4af37;border-radius:50%;background:#18181b;color:#d4af37;font:700 1.8rem/1 "Smooch Sans",sans-serif}
.gallery-studio-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.gallery-studio-copy{display:grid;min-width:0;text-align:left;line-height:1.08}
.gallery-studio-copy strong,.gallery-studio-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-studio-copy strong{max-width:330px;color:#18181b;font-size:1.48rem;font-weight:700;letter-spacing:.02em}
.gallery-studio-copy span{max-width:330px;margin-top:3px;color:#71717a;font-size:1.22rem;font-weight:600;letter-spacing:.02em}
.gallery-kicker-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;margin:0;padding:6px 18px;box-sizing:border-box;border:1px solid #f0dca2;border-radius:999px;background:#fdfbf5;color:#9a7112;font:700 clamp(1.12rem,3.7vw,1.38rem)/1 "Smooch Sans",sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.gallery-kicker-badge svg{display:block;flex:0 0 16px;width:16px;height:16px;stroke:#a47d22}
.gallery-access-title{margin:0 0 10px;color:#18181b;font:700 2.85rem/1.08 "Smooch Sans",sans-serif!important;letter-spacing:.02em}
.gallery-access-subtitle{max-width:400px;margin:0 auto 22px;color:#52525b;font:600 1.3rem/1.35 "Smooch Sans",sans-serif;letter-spacing:.02em}
.gallery-access-error-box{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-bottom:18px!important;padding:12px 18px!important;border:1px solid #fecaca!important;border-radius:12px!important;background:#fef2f2!important;color:#991b1b!important;font:700 1.45rem/1.25 "Smooch Sans",sans-serif!important;letter-spacing:.02em!important}
.gallery-access-error-box svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
.gallery-access-form{display:grid;gap:16px}
.gallery-pin-group{display:grid;gap:6px;text-align:left}
.gallery-pin-label{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#18181b!important;font:700 1.45rem/1.2 "Smooch Sans",sans-serif!important;letter-spacing:.02em!important;margin-bottom:4px!important}
.gallery-pin-input{width:100%;height:48px;min-height:48px;padding:0 16px;box-sizing:border-box;border:1.5px solid #d4af37;border-radius:11px;background:#fffcf4;color:#18181b;font:700 1.65rem/1 "Smooch Sans",sans-serif;text-align:center;letter-spacing:.35em}
.gallery-pin-input:focus{outline:none;border-color:#b58a24;background:#fff;box-shadow:0 0 0 3px rgba(212,175,55,.2)}
.gallery-pin-code{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.gallery-pin-code .gallery-pin-digit{width:100%!important;height:58px!important;min-width:0!important;min-height:58px!important;padding:0!important;box-sizing:border-box!important;border:1.5px solid #d4af37!important;border-radius:12px!important;background:#fffcf4!important;color:#18181b!important;font:700 2rem/1 "Smooch Sans",sans-serif!important;letter-spacing:0!important;text-align:center!important;caret-color:#b58a24!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease!important}
.gallery-pin-code .gallery-pin-digit:hover{background:#fffaf0!important}
.gallery-pin-code .gallery-pin-digit:focus{outline:none!important;border-color:#b58a24!important;background:#fff!important;box-shadow:0 0 0 3px rgba(212,175,55,.18)!important;transform:translateY(-1px)!important}
.gallery-pin-code .gallery-pin-digit.is-filled{border-color:#b58a24!important;background:#fff8df!important;box-shadow:inset 0 -3px 0 rgba(212,175,55,.35)!important}
.gallery-access-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;min-height:48px;border:1px solid #18181b;border-radius:11px;background:#18181b;color:#fff;font:700 1.45rem/1 "Smooch Sans",sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(24,24,27,.15);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.gallery-access-btn:hover{transform:translateY(-1px);background:#000;color:#fff;box-shadow:0 7px 18px rgba(24,24,27,.2)}
.gallery-access-btn svg{stroke:#d4af37}
.gallery-access-footer-note{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;margin-top:20px;color:#52525b;font:600 clamp(1.08rem,3.4vw,1.3rem)/1.2 "Smooch Sans",sans-serif!important;letter-spacing:.02em;text-align:center;white-space:nowrap}
.gallery-access-footer-note svg{display:block;flex:0 0 16px;width:16px;height:16px;stroke:#a47d22}
@media(max-width:540px){.gallery-access-wrapper{padding:24px 10px 40px}.gallery-access-card{padding:28px 14px 22px;border-radius:18px}.gallery-access-brand-row{gap:8px}.gallery-brand-box img{height:34px}.gallery-studio-logo{flex-basis:46px;width:46px;height:46px}.gallery-studio-copy strong{max-width:245px;font-size:1.3rem}.gallery-studio-copy span{max-width:245px;font-size:1.1rem}.gallery-kicker-badge{gap:5px;padding:6px 8px;font-size:clamp(.9rem,3.5vw,1.12rem)}.gallery-kicker-badge svg{flex-basis:13px;width:13px;height:13px}.gallery-access-title{font-size:2.35rem}.gallery-access-subtitle{font-size:1.2rem}.gallery-access-error-box{font-size:1.30rem!important;padding:10px 14px!important}.gallery-pin-label{font-size:1.35rem!important}.gallery-pin-code{gap:6px!important}.gallery-pin-code .gallery-pin-digit{height:50px!important;min-height:50px!important;border-radius:10px!important;font-size:1.7rem!important}.gallery-access-btn{height:46px;min-height:46px;font-size:1.35rem}.gallery-access-footer-note{gap:5px}.gallery-access-footer-note svg{flex-basis:14px;width:14px;height:14px}}
/* Customer gallery selection experience */
.customer-gallery-page,.customer-gallery-page *{font-family:"Smooch Sans",sans-serif!important;letter-spacing:.02em}
.customer-gallery-page{display:block!important;min-height:calc(100vh - 120px)!important;padding:28px 24px 70px!important;background:linear-gradient(180deg,#fbfaf6 0,#f7f5ef 100%)!important}
.customer-gallery-container{width:min(1440px,100%)!important;margin:0 auto!important;padding:0!important}
.customer-gallery-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 18px!important;padding:18px 22px!important;border:1px solid #d4af37!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 25px rgba(24,24,27,.04)!important}
.customer-gallery-header .gallery-brand{margin:0!important}.customer-gallery-header .gallery-brand img{height:46px!important}
.customer-gallery-welcome{display:grid!important;min-width:0!important;margin-left:auto!important;text-align:right!important;line-height:1.1!important}.customer-gallery-welcome span{color:#b58a24!important;font-size:1.15rem!important;font-weight:700!important}.customer-gallery-welcome strong{margin-top:2px!important;color:#18181b!important;font-size:1.55rem!important;font-weight:700!important}.customer-gallery-welcome small{margin-top:3px!important;color:#71717a!important;font-size:1.08rem!important;font-weight:600!important}
.customer-gallery-page .card-kicker{color:#b58a24!important;font-size:1.05rem!important;font-weight:700!important;letter-spacing:.12em!important}
.customer-gallery-page h1,.customer-gallery-page h2,.customer-gallery-page h3,.customer-gallery-page p,.customer-gallery-page strong,.customer-gallery-page small,.customer-gallery-page span,.customer-gallery-page button,.customer-gallery-page input,.customer-gallery-page textarea,.customer-gallery-page label,.customer-gallery-page summary{font-family:"Smooch Sans",sans-serif!important}
.gallery-budget-card{align-items:center!important;margin:0 0 18px!important;padding:20px 24px!important;border:1px solid #d4af37!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(24,24,27,.035)!important}.gallery-budget-card>div strong{font-size:1.65rem!important;font-weight:700!important}.gallery-budget-card>div small{font-size:1.2rem!important;font-weight:600!important}.gallery-budget-card label>span{font-size:1.18rem!important;font-weight:700!important}.gallery-budget-card input{height:46px!important;border:1px solid #d4af37!important;border-radius:11px!important;color:#18181b!important;font-size:1.18rem!important;font-weight:600!important}.gallery-budget-card button{height:46px!important;padding:0 18px!important;border-radius:11px!important;font-size:1.22rem!important;font-weight:700!important}
.customer-gallery-hero{position:relative!important;overflow:hidden!important;margin:0 0 18px!important;padding:30px 36px!important;border:1px solid #d4af37!important;border-radius:18px!important;background:linear-gradient(135deg,#18181b 0,#222226 100%)!important;box-shadow:0 12px 30px rgba(24,24,27,.12)!important}.customer-gallery-hero:after{content:"";position:absolute;right:-75px;top:-95px;width:230px;height:230px;border:1px solid rgba(212,175,55,.26);border-radius:50%}.customer-gallery-hero h1{margin:7px 0 4px!important;color:#d4af37!important;font-size:2.65rem!important;font-weight:700!important;line-height:1!important}.customer-gallery-hero p{max-width:760px!important;margin:0!important;color:#f4f4f5!important;font-size:1.35rem!important;font-weight:600!important;line-height:1.35!important}.customer-gallery-hero>div{display:flex!important;gap:9px!important;margin-top:18px!important}.customer-gallery-hero>div span{padding:7px 12px!important;border:1px solid rgba(212,175,55,.5)!important;border-radius:999px!important;color:#fff!important;background:rgba(212,175,55,.08)!important;font-size:1.12rem!important;font-weight:700!important}
.gallery-progress-panel{margin:0 0 18px!important;padding:22px 24px!important;border:1px solid #d4af37!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(24,24,27,.035)!important}.gallery-progress-heading strong{font-size:1.55rem!important;font-weight:700!important}.gallery-progress-heading span{margin-top:3px!important;color:#71717a!important;font-size:1.2rem!important;font-weight:600!important}.gallery-progress-heading b{color:#b58a24!important;font-size:1.75rem!important;font-weight:700!important}.gallery-progress-track{height:10px!important;margin:15px 0!important}.gallery-choice-counts{display:flex!important;flex-wrap:wrap!important;gap:10px!important;color:#52525b!important;font-size:1.18rem!important;font-weight:700!important}.gallery-choice-counts span{padding:5px 10px!important;border-radius:999px!important;background:#f7f5ef!important}.gallery-progress-actions{justify-content:flex-start!important;margin-top:16px!important}.gallery-progress-actions button{height:42px!important;padding:0 16px!important;border-radius:10px!important;font-size:1.18rem!important;font-weight:700!important}.gallery-progress-panel>[style]{margin-left:auto!important;font-size:1.05rem!important}
.gallery-final-categories,.gallery-retouch-notes,.saved-retouch-requests,.customer-delivery-card{margin:0 0 18px!important;padding:22px 24px!important;border:1px solid #d4af37!important;border-radius:16px!important;background:#fff!important}.gallery-final-heading h2,.gallery-retouch-notes h2,.saved-retouch-requests h2{margin:3px 0!important;font-size:1.75rem!important;font-weight:700!important}.gallery-final-heading p,.gallery-retouch-notes p{font-size:1.22rem!important;font-weight:600!important}.gallery-category-list{display:grid!important;gap:9px!important;margin-top:16px!important}.gallery-category-list details{overflow:hidden!important;border:1px solid #e7d9ad!important;border-radius:12px!important;background:#fffdf7!important}.gallery-category-list summary{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 15px!important;cursor:pointer!important}.gallery-category-list summary b{font-size:1.28rem!important}.gallery-category-list summary small{display:block!important;color:#71717a!important;font-size:1.08rem!important;font-weight:600!important}.gallery-category-photo-options{padding:12px!important;border-top:1px solid #eee3c2!important}.gallery-category-photo-options button{font-size:1.08rem!important;font-weight:700!important}
.customer-photo-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:18px!important;align-items:start!important;margin-top:20px!important}.customer-photo-card{overflow:hidden!important;border:1px solid #d4af37!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(24,24,27,.06)!important;opacity:1!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.customer-photo-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(24,24,27,.1)!important}.customer-photo-card.selection-liked{border-color:#16a34a!important;box-shadow:0 0 0 2px rgba(22,163,74,.12),0 8px 24px rgba(24,24,27,.06)!important}.customer-photo-card.selection-undecided{border-color:#d4af37!important}.customer-photo-card.selection-rejected{border-color:#ef4444!important;opacity:.72!important}.customer-photo-open{display:block!important;width:100%!important;padding:0!important;border:0!important;background:#fff!important;cursor:zoom-in!important}.customer-photo-image{position:relative!important;display:block!important;width:100%!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#fff!important}.customer-photo-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#fff!important;transition:transform .25s ease!important}.customer-photo-open:hover img{transform:scale(1.025)!important}.customer-photo-zoom{position:absolute!important;right:10px!important;bottom:10px!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(212,175,55,.8)!important;border-radius:50%!important;background:rgba(24,24,27,.82)!important;color:#d4af37!important;opacity:0!important;transform:translateY(5px)!important;transition:.18s ease!important}.customer-photo-zoom svg{width:18px!important;height:18px!important}.customer-photo-open:hover .customer-photo-zoom,.customer-photo-open:focus-visible .customer-photo-zoom{opacity:1!important;transform:none!important}.customer-photo-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:12px 13px!important;border-top:1px solid #f0ead9!important}.customer-photo-code{display:grid!important;min-width:0!important}.customer-photo-code strong{overflow:hidden!important;color:#18181b!important;font-size:1.08rem!important;font-weight:700!important;text-overflow:ellipsis!important;white-space:nowrap!important}.customer-photo-code small{color:#8a8a91!important;font-size:1rem!important;font-weight:600!important}.photographer-pick{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 8px!important;border:1px solid #e8cd75!important;border-radius:999px!important;background:#fff8dc!important;color:#8a6512!important;font-size:1rem!important;font-weight:700!important;white-space:nowrap!important}.photographer-pick svg{width:14px!important;height:14px!important;fill:#d4af37!important}.btn-compare{grid-column:1/-1!important;width:100%!important;height:38px!important;border:1px solid #ded7c5!important;border-radius:9px!important;background:#fff!important;color:#52525b!important;font-size:1.08rem!important;font-weight:700!important;cursor:pointer!important}.btn-compare:hover{border-color:#d4af37!important;color:#18181b!important;background:#fffaf0!important}.customer-selection-actions{display:grid!important;grid-template-columns:1.05fr 1.25fr 0.82fr!important;gap:4px!important;padding:6px 10px 12px!important;width:100%!important;box-sizing:border-box!important}.customer-selection-actions form{margin:0!important;padding:0!important;display:block!important;width:100%!important;min-width:0!important}.customer-selection-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 2px!important;border:1.5px solid #27272a!important;border-radius:8px!important;background:#18181b!important;color:#d4d4d8!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.15rem!important;font-weight:700!important;letter-spacing:.01em!important;white-space:nowrap!important;box-sizing:border-box!important;cursor:pointer!important;transition:all .15s ease!important}.customer-selection-actions button.liked:hover{background:#16a34a!important;color:#fff!important;border-color:#15803d!important}.customer-selection-actions button.undecided:hover{background:#d4af37!important;color:#111!important;border-color:#b58a24!important}.customer-selection-actions button.rejected:hover{background:#dc2626!important;color:#fff!important;border-color:#b91c1c!important}body .customer-selection-actions button.liked.active,body .customer-photo-card.selection-liked .customer-selection-actions button.liked{background:#16a34a!important;color:#fff!important;border-color:#15803d!important;font-weight:800!important;box-shadow:0 2px 8px rgba(22,163,74,.4)!important}body .customer-selection-actions button.undecided.active,body .customer-photo-card.selection-undecided .customer-selection-actions button.undecided{background:#d4af37!important;color:#111!important;border-color:#b58a24!important;font-weight:800!important;box-shadow:0 2px 8px rgba(212,175,55,.4)!important}body .customer-selection-actions button.rejected.active,body .customer-photo-card.selection-rejected .customer-selection-actions button.rejected{background:#dc2626!important;color:#fff!important;border-color:#b91c1c!important;font-weight:800!important;box-shadow:0 2px 8px rgba(220,38,38,.4)!important}
.customer-gallery-lightbox[hidden]{display:none!important}.customer-gallery-lightbox{position:fixed!important;inset:0!important;z-index:100100!important;display:flex!important;flex-direction:column!important;background:rgba(6,6,7,.98)!important;color:#fff!important;font-family:"Smooch Sans",sans-serif!important;letter-spacing:.02em!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.customer-lightbox-header{flex-shrink:0!important;height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:0 28px!important;border-bottom:1.5px solid rgba(212,175,55,.3)!important;background:#111113!important}.customer-lightbox-info{display:flex!important;align-items:baseline!important;gap:14px!important}.customer-lightbox-info strong{font-family:"Smooch Sans",sans-serif!important;font-size:1.65rem!important;font-weight:700!important;color:#fff!important;letter-spacing:.02em!important;line-height:1!important}.customer-lightbox-info span{font-family:"Smooch Sans",sans-serif!important;color:#d4af37!important;font-size:1.30rem!important;font-weight:700!important;line-height:1!important}.customer-lightbox-header-actions{display:flex!important;align-items:center!important;gap:14px!important}.customer-lightbox-pick{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 16px!important;border:1.5px solid #d4af37!important;border-radius:999px!important;background:#fdf6df!important;color:#b58a24!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.4rem!important;font-weight:700!important;letter-spacing:.03em!important;line-height:1!important;box-shadow:0 2px 10px rgba(212,175,55,.25)!important}.customer-lightbox-pick span{font-family:"Smooch Sans",sans-serif!important;color:#b58a24!important;font-size:1.4rem!important;font-weight:700!important;line-height:1!important}.customer-lightbox-pick svg{width:17px!important;height:17px!important;fill:#d4af37!important;stroke:#b58a24!important;display:block!important;flex-shrink:0!important}.customer-lightbox-pick[hidden]{display:none!important}.customer-lightbox-tool-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;border-radius:50%!important;aspect-ratio:1/1!important;border:1.5px solid rgba(212,175,55,.5)!important;background:rgba(255,255,255,.08)!important;color:#d4af37!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;cursor:pointer!important;box-sizing:border-box!important;transition:all .15s ease!important}.customer-lightbox-tool-btn svg{width:20px!important;height:20px!important;stroke:#d4af37!important;display:block!important;margin:auto!important;transition:transform .15s ease!important}.customer-lightbox-tool-btn:hover{background:#d4af37!important;border-color:#d4af37!important;color:#18181b!important;transform:scale(1.06)!important;box-shadow:0 0 14px rgba(212,175,55,.45)!important}.customer-lightbox-tool-btn:hover svg{stroke:#18181b!important}.customer-lightbox-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex:0 0 42px!important;border-radius:50%!important;aspect-ratio:1/1!important;border:1.5px solid rgba(212,175,55,.5)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;cursor:pointer!important;box-sizing:border-box!important;font:normal 1rem/1 sans-serif!important;transition:all .15s ease!important}.customer-lightbox-close svg{width:20px!important;height:20px!important;stroke:#fff!important;display:block!important;margin:auto!important;transition:transform .2s ease!important}.customer-lightbox-close:hover{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 0 14px rgba(220,38,38,.6)!important}.customer-lightbox-close:hover svg{transform:rotate(90deg)!important}.customer-lightbox-stage{flex:1 1 0%!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:16px 80px!important;overflow:hidden!important;box-sizing:border-box!important;width:100%!important;height:100%!important}.customer-lightbox-stage img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;background:transparent!important;border-radius:4px!important;box-shadow:0 12px 48px rgba(0,0,0,.7)!important;margin:auto!important}.customer-lightbox-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;padding:0!important;margin:0!important;border:1.5px solid rgba(212,175,55,.65)!important;border-radius:50%!important;aspect-ratio:1/1!important;background:rgba(20,20,24,.85)!important;color:#d4af37!important;display:grid!important;place-items:center!important;cursor:pointer!important;z-index:50!important;line-height:0!important;box-sizing:border-box!important;transition:all .15s ease!important;box-shadow:0 6px 20px rgba(0,0,0,.5)!important}.customer-lightbox-nav.previous{left:24px!important}.customer-lightbox-nav.next{right:24px!important}.customer-lightbox-nav svg{width:24px!important;height:24px!important;stroke:#d4af37!important;display:block!important;margin:auto!important;pointer-events:none!important;transition:transform .15s ease!important}.customer-lightbox-nav.previous svg{transform:translateX(-1px)!important}.customer-lightbox-nav.next svg{transform:translateX(1px)!important}.customer-lightbox-nav:hover{background:#d4af37!important;border-color:#d4af37!important;color:#18181b!important;transform:translateY(-50%) scale(1.08)!important;box-shadow:0 0 24px rgba(212,175,55,.6)!important}.customer-lightbox-nav:hover svg{stroke:#18181b!important}.customer-lightbox-actions{flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:16px!important;padding:14px 24px 18px!important;border-top:1.5px solid rgba(212,175,55,.3)!important;background:#111113!important}body.customer-lightbox-open{overflow:hidden!important}
@media(max-width:760px){.customer-gallery-page{padding:14px 10px 50px!important}.customer-gallery-header{align-items:center!important;flex-direction:row!important;padding:14px!important}.customer-gallery-header .gallery-brand img{height:36px!important}.customer-gallery-welcome span{font-size:1rem!important}.customer-gallery-welcome strong{font-size:1.25rem!important}.customer-gallery-welcome small{display:none!important}.gallery-budget-card,.gallery-budget-card form{align-items:stretch!important;flex-direction:column!important}.customer-gallery-hero{padding:24px 20px!important}.customer-gallery-hero h1{font-size:2.2rem!important}.customer-gallery-hero p{font-size:1.2rem!important}.customer-gallery-hero>div{flex-wrap:wrap!important}.gallery-progress-panel,.gallery-final-categories,.gallery-retouch-notes,.saved-retouch-requests,.customer-delivery-card{padding:17px 14px!important}.gallery-progress-heading strong{font-size:1.35rem!important}.gallery-progress-panel>[style]{display:none!important}.customer-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.customer-photo-meta{grid-template-columns:1fr!important;padding:10px!important}.photographer-pick{justify-self:start!important}.btn-compare{grid-column:auto!important}.customer-selection-actions{gap:5px!important;padding:0 9px 10px!important}.customer-selection-actions button{height:46px!important;font-size:1.02rem!important}.customer-lightbox-header{min-height:60px!important;padding:8px 10px!important}.customer-lightbox-pick{padding:5px 8px!important;font-size:1.1rem!important}.customer-lightbox-stage{padding:10px 44px!important}.customer-lightbox-nav{width:40px!important;height:40px!important}.customer-lightbox-nav.previous{left:3px!important}.customer-lightbox-nav.next{right:3px!important}.customer-lightbox-actions{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:10px!important}.customer-lightbox-actions button{height:50px!important;font-size:1.08rem!important}}
@media(max-width:520px){.customer-photo-grid{grid-template-columns:1fr!important;gap:16px!important}.customer-photo-meta{grid-template-columns:minmax(0,1fr) auto!important}.photographer-pick{justify-self:auto!important}.btn-compare{grid-column:1/-1!important}.customer-selection-actions button{font-size:1.15rem!important}.customer-lightbox-info strong{max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.customer-lightbox-pick span:last-child{display:none!important}.customer-lightbox-actions button{font-size:1rem!important}}
.customer-lightbox-stage{touch-action:none!important;overscroll-behavior:contain!important}
.customer-lightbox-stage img{transform-origin:center center!important;will-change:transform!important;transition:transform .16s ease!important;user-select:none!important;-webkit-user-drag:none!important}
.customer-lightbox-stage.is-zoomed{cursor:grab!important}.customer-lightbox-stage.is-zoomed:active{cursor:grabbing!important}.customer-lightbox-stage.is-zoomed img{transition:none!important}
.customer-lightbox-nav{z-index:2!important}
.customer-photo-card{padding:0!important}.customer-photo-open{width:100%!important;margin:0!important;padding:0!important;line-height:0!important;border-radius:0!important}.customer-photo-image{width:100%!important;margin:0!important;padding:0!important;border-radius:0!important}.customer-photo-image img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover!important}
@media(max-width:520px){.customer-lightbox-fit{height:36px!important;padding:0 9px!important;font-size:1rem!important}.customer-lightbox-stage img{width:100%!important;height:100%!important}}
.compare-modal,.compare-modal *{font-family:"Smooch Sans",sans-serif!important;letter-spacing:.02em!important}.compare-modal h2{font-size:2rem!important;font-weight:700!important}.compare-modal-description{margin:6px 0 0!important;color:#e4e4e7!important;font-size:1.3rem!important;font-weight:600!important;line-height:1.35!important}.compare-card h3{font-size:1.45rem!important;font-weight:700!important}.compare-card>button{font-size:1.25rem!important;font-weight:700!important}
.gallery-toast,.gallery-toast *{font-family:"Smooch Sans",sans-serif!important;letter-spacing:.03em!important}.gallery-toast{position:fixed!important;top:24px!important;left:50%!important;transform:translateX(-50%) translateY(-20px)!important;z-index:100200!important;background:#18181b!important;color:#fff!important;border:1.5px solid #d4af37!important;border-radius:12px!important;padding:10px 24px!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:1.55rem!important;font-weight:700!important;box-shadow:0 10px 30px rgba(0,0,0,.6)!important;opacity:0!important;pointer-events:none!important;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease!important}.gallery-toast.show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}.gallery-toast.success{border-color:#16a34a!important}.gallery-toast.success .gallery-toast-icon{color:#22c55e!important;font-size:1.65rem!important;font-weight:800!important}.gallery-toast.error{border-color:#ef4444!important}.gallery-toast.error .gallery-toast-icon{color:#ef4444!important;font-size:1.65rem!important;font-weight:800!important}.gallery-toast .gallery-toast-text{font-size:1.55rem!important;font-weight:700!important;line-height:1!important}
.category-selected-group{display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;height:42px!important}.cat-selected-badge{flex:1 1 auto!important;min-width:0!important;height:42px!important;background:#16a34a!important;color:#fff!important;border:1.5px solid #15803d!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.18rem!important;font-weight:700!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0 8px!important;box-shadow:0 2px 6px rgba(22,163,74,.25)!important}.cat-remove-btn{flex:0 0 74px!important;width:74px!important;max-width:74px!important;height:42px!important;padding:0 6px!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;border:1px solid #b91c1c!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.05rem!important;font-weight:700!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 2px 8px rgba(220,38,38,.25)!important}.cat-remove-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(220,38,38,.4)!important}.cat-remove-btn svg{width:12px!important;height:12px!important;stroke:#fff!important}
.lightbox-selected-group{display:inline-flex!important;align-items:center!important;gap:10px!important}.lightbox-cat-badge{height:44px!important;padding:0 18px!important;background:#16a34a!important;color:#fff!important;border:1.5px solid #15803d!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.35rem!important;font-weight:700!important;box-shadow:0 2px 10px rgba(22,163,74,.3)!important}.lightbox-cat-remove-btn{height:44px!important;padding:0 16px!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;border:1px solid #b91c1c!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-family:"Smooch Sans",sans-serif!important;font-size:1.3rem!important;font-weight:700!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 2px 10px rgba(220,38,38,.35)!important}.lightbox-cat-remove-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px rgba(220,38,38,.5)!important}.lightbox-cat-remove-btn svg{width:16px!important;height:16px!important;stroke:#fff!important}

.customer-gallery-page.has-completion-dock{padding-bottom:118px!important}.gallery-completion-dock{position:fixed;right:24px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:18px;max-width:calc(100vw - 48px);padding:13px 14px 13px 18px;border:1px solid #d4af37;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 14px 38px rgba(24,24,27,.2);backdrop-filter:blur(12px);font-family:"Smooch Sans",sans-serif}.gallery-completion-dock-status{display:grid;min-width:190px}.gallery-completion-dock-status strong{color:#18181b;font-size:1.25rem;font-weight:700;line-height:1.05}.gallery-completion-dock-status span{margin-top:3px;color:#71717a;font-size:1.05rem;font-weight:600;line-height:1.15}.gallery-completion-dock form{margin:0}.gallery-completion-submit{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid #18181b;border-radius:11px;background:#18181b;color:#fff;box-shadow:0 6px 16px rgba(24,24,27,.18);font-family:"Smooch Sans",sans-serif;font-size:1.25rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:.18s ease}.gallery-completion-submit svg{width:19px;height:19px;flex:0 0 19px;stroke:#d4af37}.gallery-completion-submit:not(:disabled):hover{transform:translateY(-1px);background:#27272a;box-shadow:0 10px 22px rgba(24,24,27,.24)}.gallery-completion-submit:disabled{cursor:not-allowed;opacity:.45}.gallery-completion-submit:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(212,175,55,.25)}@media(max-width:700px){.customer-gallery-page.has-completion-dock{padding-bottom:142px!important}.gallery-completion-dock{right:10px;bottom:10px;left:10px;max-width:none;display:grid;gap:9px;padding:11px 12px;border-radius:14px}.gallery-completion-dock-status{min-width:0;text-align:center}.gallery-completion-dock-status strong{font-size:1.15rem}.gallery-completion-dock-status span{font-size:1rem}.gallery-completion-dock form,.gallery-completion-submit{width:100%}.gallery-completion-submit{height:50px;font-size:1.2rem}}
.gallery-completion-dock,.gallery-completion-dock strong,.gallery-completion-dock span,.gallery-completion-dock button{font-family:"Smooch Sans",sans-serif!important;letter-spacing:.02em}.gallery-completion-dock-status strong,.gallery-completion-submit,.gallery-completion-submit span{font-weight:700!important}.gallery-completion-dock-status span{font-weight:600!important}
.participant-choice-group{position:absolute;top:10px;right:10px;z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 20px);pointer-events:none}.participant-choice-badge{position:relative;display:grid;width:30px;height:30px;place-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.28);color:#fff;font:700 1rem/1 "Smooch Sans",sans-serif!important;cursor:help;pointer-events:auto}.participant-choice-badge.is-liked{background:#16a34a}.participant-choice-badge.is-undecided{background:#d4af37;color:#18181b}.participant-choice-badge.is-rejected{background:#dc2626}.participant-choice-badge.is-none{background:#18181b}.participant-choice-badge::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);right:0;z-index:20;width:max-content;max-width:240px;padding:8px 11px;border:1px solid #d4af37;border-radius:8px;background:#18181b;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28);font:600 1rem/1.2 "Smooch Sans",sans-serif!important;letter-spacing:.02em;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s ease;white-space:normal}.participant-choice-badge:hover::after,.participant-choice-badge:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}.participant-choice-badge:focus-visible{outline:3px solid rgba(212,175,55,.45);outline-offset:2px}@media(max-width:700px){.participant-choice-group{top:8px;right:8px;gap:5px}.participant-choice-badge{width:28px;height:28px;font-size:.95rem}}
.participant-choice-badge::after{display:none!important}.participant-choice-initial{font:700 1rem/1 "Smooch Sans",sans-serif!important}.participant-choice-tooltip{position:absolute;top:calc(100% + 9px);right:0;z-index:20;display:grid;width:max-content;min-width:220px;max-width:290px;gap:6px;padding:10px;border:1px solid #d4af37;border-radius:9px;background:#fff;color:#18181b;box-shadow:0 10px 28px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s ease;text-align:left;white-space:normal}.participant-choice-badge:hover .participant-choice-tooltip,.participant-choice-badge:focus-visible .participant-choice-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.participant-choice-tooltip strong{padding:0 2px 4px;border-bottom:1px solid #e7e4dc;color:#18181b;font:700 1.05rem/1.2 "Smooch Sans",sans-serif!important}.participant-choice-category{display:block;padding:5px 8px;border-radius:6px;color:#fff;font:600 .98rem/1.15 "Smooch Sans",sans-serif!important}.participant-choice-category.is-selected{background:#16a34a}.participant-choice-category.is-unselected{background:#18181b}@media(max-width:700px){.participant-choice-tooltip{right:-4px;min-width:205px;max-width:250px}}
.participant-choice-tooltip-floating{position:fixed!important;z-index:10050!important;top:0;right:auto!important;left:0;pointer-events:none}.participant-choice-tooltip-floating.is-visible{opacity:1!important;visibility:visible!important;transform:none!important}@media(max-width:700px){.participant-choice-tooltip-floating{right:auto!important;min-width:205px;max-width:min(290px,calc(100vw - 20px))}}

/* Galeri kategori kaldırma aksiyonu: kart ve tam ekran ortak kompakt ikon aralığı */
body .cat-remove-btn,
body .lightbox-cat-remove-btn{align-items:center!important;justify-content:center!important;gap:3px!important}
body .cat-remove-btn svg,
body .lightbox-cat-remove-btn svg{display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;margin:0!important}
body .cat-remove-btn span,
body .lightbox-cat-remove-btn span{flex:0 0 auto!important;margin:0!important;padding:0!important}

/* Şifre kurtarma doğrulama yöntemi */
.recovery-method-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;border:0}
.recovery-method-selector legend{grid-column:1/-1;margin:0 0 2px;padding:0}
.recovery-method-option{position:relative;display:block;min-width:0;cursor:pointer}
.recovery-method-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.recovery-method-option>span{display:grid;min-height:58px;align-content:center;padding:8px 12px;border:1px solid #ded7c5;border-radius:11px;background:#fff;color:#18181b;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.recovery-method-option b{font:700 1.3rem/1.05 "Smooch Sans",sans-serif}.recovery-method-option small{margin-top:4px;color:#71717a;font:600 1.1rem/1.08 "Smooch Sans",sans-serif}
.recovery-method-option input:checked+span{border-color:#d4af37;background:#fff9e8;box-shadow:0 0 0 3px rgba(212,175,55,.16)}
.recovery-method-option input:focus-visible+span{outline:2px solid #b58a24;outline-offset:2px}
@media(max-width:420px){.recovery-method-selector{grid-template-columns:1fr}.recovery-method-selector legend{grid-column:auto}.recovery-method-option>span{min-height:52px}}
.modern-auth-card .alert,
.modern-auth-card .alert *,
.modern-auth-card .validation-summary-alert,
.modern-auth-card .validation-summary-alert *{font-family:"Smooch Sans",sans-serif!important;letter-spacing:.02em!important}
.modern-auth-card .alert{font-size:1.2rem!important;font-weight:700!important;line-height:1.3!important}
.modern-auth-card .alert::before,
.modern-auth-card .validation-summary-alert::before{font-family:"Smooch Sans",sans-serif!important}

/* Müşteri galerisi: yalnız telefon kırılımı */
.gallery-mobile-swipe-guide{display:none}
@media (max-width:767px){
  .gallery-mobile-swipe-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 10px;padding:7px;border:1px solid #d4af37;border-radius:11px;background:#18181b;box-shadow:0 5px 16px rgba(24,24,27,.12)}
  .gallery-mobile-swipe-guide span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;padding:4px;border:1px solid currentColor;border-radius:8px;font:700 .96rem/1.05 "Smooch Sans",sans-serif;text-align:center;white-space:nowrap}
  .gallery-mobile-swipe-guide .reject{color:#f87171}.gallery-mobile-swipe-guide .undecided{color:#d4af37}.gallery-mobile-swipe-guide .like{color:#4ade80}
  .customer-gallery-page{padding:8px 8px calc(32px + env(safe-area-inset-bottom))!important;background:#f7f6f2!important}
  .customer-gallery-container{width:100%!important;min-width:0!important}
  .customer-gallery-header{min-height:62px!important;gap:10px!important;padding:8px 10px!important;border-radius:13px!important}
  .customer-gallery-header .gallery-brand{flex:0 0 auto!important;margin:0!important}
  .customer-gallery-header .site-logo-img{max-width:112px!important;max-height:36px!important}
  .customer-gallery-welcome{min-width:0!important;text-align:right!important}
  .customer-gallery-welcome span,.customer-gallery-welcome strong,.customer-gallery-welcome small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .customer-gallery-welcome span{font-size:.9rem!important}.customer-gallery-welcome strong{font-size:1.08rem!important}.customer-gallery-welcome small{font-size:.9rem!important}
  .customer-gallery-hero{margin:10px 0!important;padding:18px 16px!important;border-radius:14px!important}
  .customer-gallery-hero .card-kicker{font-size:1rem!important}.customer-gallery-hero h1{margin:5px 0!important;font-size:2rem!important}.customer-gallery-hero p{font-size:1.12rem!important;line-height:1.28!important}
  .customer-gallery-hero>div{gap:6px!important;margin-top:12px!important}.customer-gallery-hero>div>span{padding:5px 9px!important;font-size:1rem!important}
  .gallery-budget-card{align-items:stretch!important;flex-direction:column!important;gap:14px!important;margin:10px 0!important;padding:16px 14px!important;border-radius:14px!important}
  .gallery-budget-info{max-width:none!important}.gallery-budget-info h2{font-size:1.55rem!important}.gallery-budget-info p{font-size:1.12rem!important}
  .gallery-budget-status-row{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.budget-stat-item{font-size:1.08rem!important}.budget-stat-item strong{font-size:1.18rem!important}
  .gallery-budget-form{align-items:stretch!important;flex-direction:column!important;gap:8px!important;width:100%!important}.gallery-budget-label,.gallery-budget-label input,.gallery-budget-submit-btn{width:100%!important}.gallery-budget-label input,.gallery-budget-submit-btn{height:48px!important;min-height:48px!important}
  .gallery-tabs-nav,.category-review-tabs{display:flex!important;width:calc(100% + 16px)!important;margin-left:-8px!important;padding:7px 8px 9px!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .gallery-tabs-nav::-webkit-scrollbar,.category-review-tabs::-webkit-scrollbar{display:none!important}
  .gallery-tab-btn,.category-review-filter{flex:0 0 auto!important;min-height:44px!important;padding:8px 12px!important;border-radius:10px!important;scroll-snap-align:start!important;white-space:nowrap!important;font-size:1.08rem!important}
  .gallery-tab-badge,.category-review-filter-count{min-width:24px!important;padding:3px 6px!important;font-size:.95rem!important}
  .category-workspace-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin:10px 0!important;padding:15px 13px!important;border-radius:13px!important}
  .category-workspace-info h2{font-size:1.55rem!important;line-height:1.12!important}.category-workspace-info p{font-size:1.08rem!important;line-height:1.25!important}
  .category-workspace-quota,.category-quota-pill{width:100%!important;box-sizing:border-box!important}.category-quota-pill{justify-content:space-between!important;min-height:44px!important;padding:8px 10px!important}
  .category-review-tabs{margin-top:0!important;margin-bottom:10px!important}
  .customer-photo-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .customer-photo-card{border-radius:13px!important;transform:none!important}.customer-photo-card:hover{transform:none!important}
  .customer-photo-preview{min-height:0!important;aspect-ratio:4/3!important}.customer-photo-preview img{width:100%!important;height:100%!important;object-fit:cover!important}
  .customer-photo-meta{padding:10px 11px!important}.customer-photo-meta strong{font-size:1.18rem!important}.customer-photo-meta small{font-size:.98rem!important}
  .customer-photo-meta .btn-compare{min-height:40px!important;padding:6px 10px!important;font-size:1.05rem!important}
  .participant-choice-group{top:8px!important;right:8px!important;gap:4px!important;max-width:calc(100% - 16px)!important}.participant-choice-badge{width:32px!important;height:32px!important}
  .category-action-container{padding:0 9px 10px!important}.category-action-container form,.category-photo-action-btn,.category-selected-group{width:100%!important}
  .category-photo-action-btn,.cat-selected-badge,.cat-remove-btn{min-height:46px!important}.category-selected-group{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:7px!important}.cat-selected-badge{min-width:0!important;padding:0 8px!important;font-size:1.15rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cat-remove-btn{width:72px!important;padding:0 7px!important;font-size:1.08rem!important}
  .customer-selection-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:0 9px 10px!important}.customer-selection-actions form{min-width:0!important}.customer-selection-actions button{min-width:0!important;min-height:46px!important;height:46px!important;padding:5px 3px!important;font-size:1.08rem!important;gap:3px!important}
  .gallery-success-message,.gallery-access-error,.photo-empty-state{margin:8px 0!important;padding:11px 12px!important;font-size:1.08rem!important}
  .admin-pagination{gap:8px!important;margin-top:16px!important}.admin-pagination a{min-height:44px!important;padding:8px 12px!important}
  .customer-gallery-page.has-completion-dock{padding-bottom:148px!important}.gallery-completion-dock{right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;left:8px!important;gap:7px!important;padding:9px 10px!important;border-radius:13px!important}.gallery-completion-dock-status strong{font-size:1.12rem!important}.gallery-completion-dock-status span{font-size:.98rem!important}.gallery-completion-submit{height:48px!important;min-height:48px!important;font-size:1.15rem!important}
  .customer-gallery-lightbox{height:100dvh!important;min-height:100dvh!important}
  .customer-lightbox-header{height:auto!important;min-height:104px!important;align-items:stretch!important;flex-direction:column!important;gap:7px!important;padding:8px 9px!important}
  .customer-lightbox-info{justify-content:space-between!important;gap:8px!important;min-width:0!important}.customer-lightbox-info strong{overflow:hidden!important;font-size:1.25rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.customer-lightbox-info span{flex:0 0 auto!important;font-size:1.1rem!important}
  .customer-lightbox-header-actions{width:100%!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}.customer-lightbox-header-actions::-webkit-scrollbar{display:none!important}
  .customer-lightbox-reset-btn{height:42px!important;min-height:42px!important;flex:0 0 auto!important;padding:0 10px!important;font-size:1.08rem!important}.customer-lightbox-tool-btn,.customer-lightbox-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important}.customer-lightbox-pick{flex:0 0 auto!important;margin:0!important;padding:5px 10px!important;font-size:1.05rem!important}.customer-lightbox-pick span{font-size:1.05rem!important}
  .customer-lightbox-stage{padding:8px 45px!important;touch-action:none!important}.customer-lightbox-stage img{max-width:100%!important;max-height:100%!important;border-radius:2px!important}
  .customer-lightbox-nav{width:40px!important;height:48px!important;min-width:40px!important;min-height:48px!important;border-radius:10px!important}.customer-lightbox-nav.previous{left:3px!important}.customer-lightbox-nav.next{right:3px!important}.customer-lightbox-nav svg{width:21px!important;height:21px!important}
  .customer-lightbox-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px 9px calc(9px + env(safe-area-inset-bottom))!important}
  .lightbox-category-action-wrapper,.lightbox-category-action-wrapper>*,.lightbox-cat-btn,.lightbox-selected-group{width:100%!important;box-sizing:border-box!important}.lightbox-selected-group{display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;gap:7px!important}.lightbox-cat-badge,.lightbox-cat-remove-btn{height:44px!important;min-height:44px!important;padding:0 8px!important;font-size:1.08rem!important}
  .lightbox-rating-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important}.lightbox-rating-actions button{min-width:0!important;height:44px!important;min-height:44px!important;padding:0 4px!important;font-size:1.08rem!important}
  .participant-choice-tooltip-floating{min-width:0!important;width:calc(100vw - 20px)!important;max-width:330px!important;max-height:min(60dvh,420px)!important;overflow-y:auto!important;padding:9px!important}
  .compare-modal{padding:8px!important}.compare-modal>div:first-child{width:100%!important;max-height:calc(100dvh - 16px)!important;padding:14px 10px!important;overflow-y:auto!important;border-radius:14px!important}.compare-modal>div:first-child h2{font-size:1.65rem!important}.compare-grid{grid-template-columns:1fr!important;gap:10px!important}.compare-card button{min-height:46px!important}
  .gallery-access-wrapper{min-height:calc(100dvh - 72px)!important;align-items:flex-start!important;padding:14px 8px calc(24px + env(safe-area-inset-bottom))!important}
  .gallery-access-card{padding:22px 12px 18px!important;border-radius:16px!important}.gallery-access-brand-row{align-items:center!important;gap:7px!important}.gallery-brand-box img{height:31px!important}.gallery-kicker-badge{padding:5px 7px!important;font-size:.88rem!important}
  .gallery-access-title{margin-top:8px!important;font-size:2.05rem!important}.gallery-access-subtitle{margin-bottom:18px!important;font-size:1.12rem!important;line-height:1.28!important}
  .gallery-pin-code{gap:5px!important}.gallery-pin-code .gallery-pin-digit{height:52px!important;min-height:52px!important;border-radius:9px!important;font-size:1.65rem!important}.gallery-access-btn{height:50px!important;min-height:50px!important;font-size:1.3rem!important}
  .gallery-access-footer-note{margin-top:17px!important;font-size:1.05rem!important}.gallery-studio-identity{margin-top:15px!important;padding-top:14px!important}
}

/* Mobil lightbox: kaydırmasız araç paneli ve yükseltilmiş alt aksiyonlar */
@media (max-width:767px){
  .customer-gallery-lightbox.customer-gallery-lightbox{height:100svh!important;max-height:100svh!important}
  .customer-gallery-lightbox .customer-lightbox-header{position:relative!important;z-index:200!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px!important;padding:max(12px,env(safe-area-inset-top)) 9px 13px!important;box-sizing:border-box!important;background:#111113!important;overflow:visible!important}
  .customer-gallery-lightbox .customer-lightbox-info{grid-row:1!important;width:100%!important;padding:0 3px!important;box-sizing:border-box!important}
  .customer-gallery-lightbox .customer-lightbox-header-actions{grid-row:2!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:40px 38px!important;column-gap:5px!important;row-gap:10px!important;width:100%!important;min-width:0!important;overflow:visible!important}
  .customer-gallery-lightbox .customer-lightbox-reset-btn{grid-column:1/3!important;grid-row:1!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 8px!important}
  .customer-gallery-lightbox .customer-lightbox-pick{grid-column:3/6!important;grid-row:1!important;width:100%!important;height:40px!important;min-height:40px!important;justify-content:center!important;box-sizing:border-box!important;padding:0 8px!important;margin:0!important;overflow:hidden!important}
  .customer-gallery-lightbox .customer-lightbox-pick span:last-child{display:inline!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:1.02rem!important}
  .customer-gallery-lightbox .customer-lightbox-tool-btn,.customer-gallery-lightbox .customer-lightbox-close{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;place-self:center!important;flex-basis:38px!important}
  .customer-gallery-lightbox .customer-lightbox-tool-btn[data-lightbox-zoom-in]{grid-column:1!important;grid-row:2!important}.customer-gallery-lightbox .customer-lightbox-tool-btn[data-lightbox-zoom-out]{grid-column:2!important;grid-row:2!important}.customer-gallery-lightbox .customer-lightbox-tool-btn[data-lightbox-rotate-left]{grid-column:3!important;grid-row:2!important}.customer-gallery-lightbox .customer-lightbox-tool-btn[data-lightbox-rotate-right]{grid-column:4!important;grid-row:2!important}.customer-gallery-lightbox .customer-lightbox-close{grid-column:5!important;grid-row:2!important}
  .customer-gallery-lightbox .customer-lightbox-tool-btn svg,.customer-gallery-lightbox .customer-lightbox-close svg{width:18px!important;height:18px!important}
  .customer-gallery-lightbox .customer-lightbox-actions{display:grid!important;margin:0 8px max(18px,env(safe-area-inset-bottom))!important;width:calc(100% - 16px)!important;min-height:0!important;max-height:none!important;padding:8px!important;border:1px solid rgba(212,175,55,.35)!important;border-radius:12px!important;overflow:visible!important;box-shadow:0 -8px 24px rgba(0,0,0,.34)!important}
  .customer-gallery-lightbox .lightbox-category-action-wrapper{min-height:0!important}.customer-gallery-lightbox .lightbox-cat-badge,.customer-gallery-lightbox .lightbox-cat-remove-btn,.customer-gallery-lightbox .lightbox-rating-actions button{height:42px!important;min-height:42px!important}
  .customer-gallery-lightbox .lightbox-cat-remove-btn{gap:3px!important;padding:0 5px!important}
  .customer-gallery-lightbox .lightbox-cat-remove-btn svg{display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;margin:0!important}
  .customer-gallery-lightbox .lightbox-cat-remove-btn span{margin:0!important;padding:0!important}
}

@media (max-width:360px){
  .customer-gallery-lightbox .customer-lightbox-header-actions{grid-template-rows:38px 36px!important;column-gap:4px!important;row-gap:9px!important}.customer-gallery-lightbox .customer-lightbox-reset-btn,.customer-gallery-lightbox .customer-lightbox-pick{height:38px!important;min-height:38px!important}.customer-gallery-lightbox .customer-lightbox-tool-btn,.customer-gallery-lightbox .customer-lightbox-close{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.customer-gallery-lightbox .customer-lightbox-pick span:last-child{font-size:.94rem!important}.customer-gallery-lightbox .customer-lightbox-actions{margin-right:6px!important;margin-left:6px!important;width:calc(100% - 12px)!important}
}

@media (max-width:380px){
  .customer-gallery-page{padding-right:6px!important;padding-left:6px!important}.customer-gallery-header .site-logo-img{max-width:92px!important}.customer-gallery-welcome span{display:none!important}
  .customer-selection-actions button,.lightbox-rating-actions button{font-size:1rem!important}.customer-lightbox-stage{padding-right:39px!important;padding-left:39px!important}
  .gallery-pin-code{gap:4px!important}.gallery-pin-code .gallery-pin-digit{height:47px!important;min-height:47px!important;font-size:1.5rem!important}
}

/* Mobil lightbox: yüksek kaliteli yakınlaştırma ve daima görünür seçim aksiyonları */
@media (max-width:767px){
  .customer-gallery-lightbox.customer-gallery-lightbox{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:100svh!important;max-height:100svh!important;min-height:0!important}
  .customer-gallery-lightbox .customer-lightbox-header{grid-row:1!important}
  .customer-gallery-lightbox .customer-lightbox-stage{position:relative!important;z-index:1!important;grid-row:2!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;isolation:isolate!important}
  .customer-gallery-lightbox .customer-lightbox-stage img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;image-rendering:auto!important;will-change:auto!important;transform-origin:center center!important;backface-visibility:visible!important}
  .customer-gallery-lightbox .customer-lightbox-stage.is-zoomed img{transition:none!important;will-change:auto!important}
  .customer-gallery-lightbox .customer-lightbox-actions{position:relative!important;grid-row:3!important;z-index:110!important;width:calc(100% - 16px)!important;min-height:62px!important;max-height:122px!important;margin:0 8px max(18px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important}
  .customer-gallery-lightbox .customer-lightbox-actions .lightbox-rating-actions{display:grid!important;visibility:visible!important;opacity:1!important}
  .customer-gallery-lightbox .customer-lightbox-actions .lightbox-rating-actions button{display:inline-flex!important;visibility:visible!important;opacity:1!important}
}

@media (max-width: 991px) {
    .profile-media-editor .social-cover {
        height: 160px !important;
        margin-top: 52px !important;
        position: relative !important;
        overflow: visible !important;
    }
    .profile-media-editor .profile-cover-shade {
        border-radius: 14px !important;
    }
    .profile-media-editor .profile-media-button {
        position: absolute !important;
        top: -48px !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 16px !important;
        border-radius: 11px !important;
        font-size: 1.22rem !important;
        font-weight: 700 !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        z-index: 15 !important;
    }
    .profile-media-editor .profile-media-button span {
        font-size: 1.22rem !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }
    .profile-media-editor .profile-media-button svg {
        width: 17px !important;
        height: 17px !important;
        flex-shrink: 0 !important;
    }
}

/* Date & Time inputs: cross-platform custom indicator with 16px inward spacing and full touch hit-target */
input[type="date"],
input[type="time"],
input[type="datetime-local"] {
    position: relative !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) center !important;
    background-size: 16px 16px !important;
    padding-right: 44px !important;
    padding-inline-end: 44px !important;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b58a24' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
}

/* Global Select / Combo dropdown arrow with 16px inward spacing */
select:not([multiple]):not([size]),
select:not([multiple])[size="1"],
select.auth-input,
.auth-input select,
.filter-field select,
.filter-field select.auth-input,
.form-select:not([multiple]):not([size]),
.form-select-luxury:not([multiple]):not([size]),
.admin-form-select:not([multiple]):not([size]),
.sub-filter-select:not([multiple]):not([size]),
.flag-mini-select:not([multiple]):not([size]),
.ann-form-select:not([multiple]):not([size]),
.ann-edit-select:not([multiple]):not([size]),
.cmp-form-select:not([multiple]):not([size]),
.pkg-form-select:not([multiple]):not([size]),
.pkg-copy-select:not([multiple]):not([size]),
.audit-filter-select:not([multiple]):not([size]),
.project-filters select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) center !important;
    background-size: 16px 16px !important;
    padding-right: 44px !important;
    padding-inline-end: 44px !important;
    cursor: pointer !important;
}
select:not([multiple]):not([size]):focus,
select:not([multiple])[size="1"]:focus,
select.auth-input:focus,
.auth-input select:focus,
.filter-field select:focus,
.filter-field select.auth-input:focus,
.form-select:focus,
.form-select-luxury:focus,
.admin-form-select:focus,
.sub-filter-select:focus,
.flag-mini-select:focus,
.ann-form-select:focus,
.ann-edit-select:focus,
.cmp-form-select:focus,
.pkg-form-select:focus,
.pkg-copy-select:focus,
.audit-filter-select:focus,
.project-filters select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b58a24' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
select::-ms-expand {
    display: none !important;
}