/* YNP v8 visual refresh
   A final, isolated polish layer for the existing modular PWA. */

:root{
  --bg:#070a0a;
  --bg-2:#0b1010;
  --surface:#111717;
  --surface-2:#151d1c;
  --surface-3:#1a2422;
  --surface-soft:rgba(255,255,255,.045);
  --text:#f5f7f4;
  --muted:#aab6b1;
  --muted-2:#74817b;
  --line:rgba(210,220,214,.14);
  --line-strong:rgba(210,220,214,.24);
  --green:#4ade80;
  --green-dark:#16a34a;
  --cyan:#67e8f9;
  --amber:#fbbf24;
  --rose:#fb7185;
  --blue:#60a5fa;
  --purple:#c084fc;
  --radius:8px;
  --shadow:0 18px 42px rgba(0,0,0,.34);
  --shadow-soft:0 10px 26px rgba(0,0,0,.22);
}

*{
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.38) transparent;
}

*::-webkit-scrollbar{height:10px;width:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.34);
  border:3px solid transparent;
  border-radius:999px;
  background-clip:content-box;
}

html{
  background:var(--bg);
}

body{
  min-height:100dvh !important;
  background:
    linear-gradient(180deg,#0c1211 0%,#070a0a 48%,#0e0d0a 100%) !important;
  color:var(--text) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 72%);
}

body,
button,
input,
select,
textarea{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
}

h1,h2,h3,h4,
.ynp-brand,
.action-card strong,
.ynp-topnav a,
.ynp-card-head h2{
  letter-spacing:0 !important;
}

a,
button,
input,
select,
textarea{
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid rgba(103,232,249,.7) !important;
  outline-offset:3px;
}

label,
.form-grid label,
.form-row label,
.login-card label,
.center-field label,
.centered label{
  color:#c4cec8 !important;
  font-size:12px !important;
  font-weight:720 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.small,
small,
.empty,
.muted,
.pop-muted,
.settings-hint{
  color:var(--muted) !important;
}

.ynp-svg-icon,
.ynp-topnav svg,
.ynp-brand svg,
.ynp-icon-btn svg,
.action-card svg,
.summary-item svg,
.page-symbol svg{
  width:1.25em;
  height:1.25em;
  display:block;
}

/* Layout */
.ynp-shell{
  width:min(1280px,100%) !important;
  max-width:1280px !important;
  padding:132px 20px 28px !important;
}

.dashboard-shell{
  height:auto !important;
  min-height:100dvh !important;
  overflow:visible !important;
}

.page-head{
  width:100% !important;
  max-width:1280px !important;
  justify-content:flex-start !important;
  text-align:left !important;
  margin:0 0 18px !important;
  gap:12px !important;
}

.page-symbol{
  width:42px !important;
  height:42px !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,rgba(74,222,128,.18),rgba(103,232,249,.08)) !important;
  border:1px solid rgba(74,222,128,.28) !important;
  color:#d9ffe5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18) !important;
}

.page-symbol svg,
.page-symbol img{
  width:23px !important;
  height:23px !important;
}

.page-head h1{
  font-size:clamp(24px,3vw,34px) !important;
  line-height:1.05 !important;
  margin:0 !important;
  font-weight:780 !important;
}

/* Top bar */
.ynp-topbar{
  background:rgba(8,13,13,.88) !important;
  border-bottom:1px solid rgba(210,220,214,.12) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(118%) !important;
}

.ynp-topbar-inner.two-row{
  width:min(1280px,100%) !important;
  max-width:1280px !important;
  min-height:112px !important;
  padding:12px 20px 14px !important;
  gap:10px !important;
}

.ynp-topbar-main{
  min-height:38px !important;
}

.centered-brand{
  height:38px !important;
  color:#f8fbf7 !important;
}

.centered-brand span{
  font-size:16px !important;
  font-weight:780 !important;
}

.centered-brand svg,
.centered-brand img{
  width:29px !important;
  height:29px !important;
  filter:drop-shadow(0 0 12px rgba(74,222,128,.22)) !important;
}

.top-left-actions,
.top-right-actions{
  gap:8px !important;
}

.ynp-icon-btn,
.ynp-user-btn{
  width:38px !important;
  height:38px !important;
  border-radius:8px !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(180deg,rgba(27,36,34,.96),rgba(12,17,17,.9)) !important;
  color:#edf5f0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.18) !important;
}

.ynp-icon-btn:hover,
.ynp-user-btn:hover{
  border-color:rgba(103,232,249,.36) !important;
  transform:translateY(-1px);
}

.ynp-icon-btn svg,
.ynp-icon-btn img{
  width:19px !important;
  height:19px !important;
  opacity:.92 !important;
}

.ynp-user-btn{
  background:linear-gradient(180deg,#6ee7a0,#32c56a) !important;
  color:#05200f !important;
  border-color:rgba(134,239,172,.52) !important;
  font-weight:820 !important;
}

.branch-picker select{
  height:38px !important;
  min-width:126px !important;
  max-width:152px !important;
  border-radius:8px !important;
  background:rgba(12,17,17,.92) !important;
  border-color:var(--line) !important;
  color:#f2f6f2 !important;
  font-weight:680 !important;
}

.main-nav-row{
  height:auto !important;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:8px !important;
}

.main-nav-row.usta-only{
  grid-template-columns:minmax(180px,260px) !important;
  justify-content:center !important;
}

.ynp-topnav a,
.main-nav-row a{
  min-width:0 !important;
  height:42px !important;
  border-radius:8px !important;
  padding:9px 12px !important;
  justify-content:center !important;
  gap:8px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(210,220,214,.12) !important;
  color:#d9e2dc !important;
  font-size:13px !important;
  font-weight:720 !important;
  box-shadow:none !important;
}

.ynp-topnav a:hover,
.main-nav-row a:hover{
  background:rgba(103,232,249,.08) !important;
  border-color:rgba(103,232,249,.28) !important;
  color:#f8fbf7 !important;
  transform:translateY(-1px);
}

.ynp-topnav a.active,
.main-nav-row a.active{
  background:linear-gradient(180deg,rgba(74,222,128,.18),rgba(74,222,128,.08)) !important;
  border-color:rgba(74,222,128,.44) !important;
  color:#d9ffe5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(22,163,74,.08) !important;
}

.ynp-topnav a svg,
.ynp-topnav a img{
  width:18px !important;
  height:18px !important;
}

.user-menu{
  min-width:178px !important;
  border-radius:8px !important;
  border-color:var(--line) !important;
  background:rgba(15,21,20,.98) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.36) !important;
}

.user-menu a{
  border-radius:6px !important;
  font-weight:700 !important;
  text-transform:none !important;
}

/* Cards and panels */
.ynp-card,
.login-card,
.stat-chip,
.summary-item,
.action-card,
.total-mini,
.summary-line,
.info-grid>div,
.receivable-summary-card,
.debt-summary-card{
  border-radius:8px !important;
}

.ynp-card,
.login-card{
  position:relative;
  background:linear-gradient(180deg,rgba(22,31,29,.96),rgba(13,19,18,.96)) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-soft) !important;
}

.ynp-card::before,
.login-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  pointer-events:none;
}

.ynp-card-head{
  padding:15px 18px !important;
  border-bottom:1px solid rgba(210,220,214,.12) !important;
  background:rgba(255,255,255,.025) !important;
}

.ynp-card-head h2{
  font-size:18px !important;
  font-weight:760 !important;
  line-height:1.2 !important;
}

.ynp-card-head a{
  color:#9df5bb !important;
  font-size:13px !important;
  font-weight:720 !important;
}

.ynp-card>:not(.ynp-card-head){
  padding:16px 18px !important;
}

.customers-card .customer-stat-grid,
.ynp-card .customer-stat-grid{
  padding:16px 18px 0 !important;
}

.ynp-card .customer-search-row{
  padding:14px 18px !important;
}

/* Buttons and fields */
input,
select,
textarea,
.stock-input,
.price-input,
.fixed-field,
.price-input[readonly],
input[readonly],
select.fixed-field,
.stock-select{
  border-radius:8px !important;
  border:1px solid var(--line-strong) !important;
  background:rgba(5,8,8,.62) !important;
  color:#f6faf6 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-weight:560 !important;
  letter-spacing:0 !important;
}

input,
select{
  min-height:42px !important;
}

textarea{
  min-height:92px !important;
}

input::placeholder,
textarea::placeholder{
  color:rgba(203,213,207,.52) !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(103,232,249,.5) !important;
  box-shadow:0 0 0 3px rgba(103,232,249,.10),inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.price-input,
.price-input[readonly]{
  background:rgba(74,222,128,.10) !important;
  border-color:rgba(74,222,128,.38) !important;
  color:#eafff1 !important;
}

.primary-btn,
.soft-btn,
.danger-btn,
.toggle-btn,
.choice-btn,
.tab-btn,
.login-card button{
  border-radius:8px !important;
  min-height:42px;
  font-weight:760 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.primary-btn,
.login-card button{
  background:linear-gradient(180deg,#74e49d,#35bf68) !important;
  border-color:rgba(134,239,172,.42) !important;
  color:#04180b !important;
  box-shadow:0 12px 24px rgba(22,163,74,.18) !important;
}

.primary-btn:hover,
.login-card button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(22,163,74,.24) !important;
}

.soft-btn,
.toggle-btn,
.choice-btn{
  background:rgba(255,255,255,.05) !important;
  border-color:var(--line) !important;
  color:#eef5f0 !important;
}

.soft-btn:hover,
.toggle-btn:hover,
.choice-btn:hover{
  background:rgba(103,232,249,.08) !important;
  border-color:rgba(103,232,249,.28) !important;
}

.danger-btn{
  background:rgba(251,113,133,.12) !important;
  border-color:rgba(251,113,133,.34) !important;
  color:#ffd4db !important;
}

.toggle-btn.active,
.choice-btn.active{
  background:rgba(74,222,128,.14) !important;
  border-color:rgba(74,222,128,.42) !important;
  color:#d9ffe5 !important;
}

.btn-row,
.actions,
.summary-actions{
  gap:8px !important;
}

/* Dashboard */
.home-hero{
  margin:0 auto 18px !important;
  padding:4px 0 0 !important;
  text-align:center !important;
}

.home-hero .home-logo{
  width:64px !important;
  height:64px !important;
  margin:0 auto 8px !important;
  filter:drop-shadow(0 0 18px rgba(74,222,128,.24)) !important;
}

.home-hero h1{
  font-size:34px !important;
  font-weight:780 !important;
  line-height:1.05 !important;
  margin:0 0 6px !important;
}

.home-hero p,
.hero-slogan{
  color:#b8f7cb !important;
  font-size:14px !important;
  font-weight:650 !important;
  text-shadow:none !important;
  margin:0 auto 14px !important;
}

.smart-search-wrap{
  width:min(860px,100%) !important;
}

.command-box{
  width:100% !important;
  height:56px !important;
  border-radius:8px !important;
  border:1px solid rgba(210,220,214,.18) !important;
  background:linear-gradient(180deg,rgba(24,34,32,.94),rgba(10,15,14,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.2) !important;
}

.command-box input{
  height:54px !important;
  line-height:54px !important;
  font-size:15px !important;
}

.command-box svg,
.command-box img{
  width:20px !important;
  height:20px !important;
  opacity:.82 !important;
}

.quick-actions{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-bottom:16px !important;
}

.action-card{
  min-height:108px !important;
  background:linear-gradient(180deg,rgba(22,31,29,.96),rgba(12,18,17,.96)) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-soft) !important;
  color:#f3f8f4 !important;
}

.action-card:hover{
  border-color:rgba(103,232,249,.32) !important;
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(0,0,0,.28) !important;
}

.action-card:first-child{
  border-color:rgba(74,222,128,.38) !important;
  background:linear-gradient(180deg,rgba(40,77,55,.82),rgba(13,24,18,.96)) !important;
}

.action-card svg,
.action-card img{
  width:32px !important;
  height:32px !important;
}

.action-card strong{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:760 !important;
}

.home-grid-stacked{
  gap:14px !important;
}

.summary-list,
.summary-list-wide{
  gap:10px !important;
}

.summary-list-wide{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.summary-item{
  min-height:78px !important;
  padding:13px 14px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
}

.summary-item:hover{
  border-color:rgba(103,232,249,.28) !important;
}

.summary-item strong{
  color:#f8fbf7 !important;
  font-size:20px !important;
  font-weight:780 !important;
}

.summary-item small{
  font-weight:650 !important;
}

.summary-item.orange{
  background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(255,255,255,.035)) !important;
  border-color:rgba(251,191,36,.28) !important;
}

.summary-item.red,
.summary-item.due-late{
  background:linear-gradient(135deg,rgba(251,113,133,.13),rgba(255,255,255,.035)) !important;
  border-color:rgba(251,113,133,.34) !important;
}

.dashboard-usta-card{
  min-height:360px !important;
}

.dashboard-usta-table .customer-link,
.customer-link{
  color:#b8f7cb !important;
  font-weight:720 !important;
}

/* Stats */
.customer-stat-grid,
.cards3,
.receivable-debt-summary{
  gap:10px !important;
}

.stat-chip{
  min-height:78px !important;
  padding:13px 14px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}

.stat-chip:hover,
.stat-chip.active{
  border-color:rgba(103,232,249,.34) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.18) !important;
}

.stat-chip.green.active,
.stat-chip.green:hover{
  border-color:rgba(74,222,128,.42) !important;
}

.stat-chip.yellow.active,
.stat-chip.yellow:hover{
  border-color:rgba(251,191,36,.42) !important;
}

.stat-chip small{
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:650 !important;
}

.stat-chip b,
.stat-chip strong{
  color:#f8fbf7 !important;
  font-size:23px !important;
  font-weight:780 !important;
}

/* Tables */
.ynp-table-wrap,
.table-wrap,
.dashboard-usta-scroll,
.work-scroll-box{
  border:1px solid var(--line) !important;
  border-radius:8px !important;
  background:rgba(5,8,8,.34) !important;
  box-shadow:none !important;
  overflow:auto !important;
}

.ynp-table,
.offer-table,
.stock-table,
.receivable-table,
.debt-table,
.work-table,
.cariler-table,
.usta-plan-table,
.usta-assign-table,
.dashboard-usta-table{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.ynp-table th,
.offer-table th,
.ynp-table td,
.offer-table td{
  border-right:0 !important;
  border-bottom:1px solid rgba(210,220,214,.10) !important;
  white-space:nowrap !important;
}

.ynp-table th,
.offer-table th{
  position:sticky;
  top:0;
  z-index:2;
  color:#dbe7df !important;
  background:#121a18 !important;
  font-size:11px !important;
  font-weight:720 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.ynp-table td,
.offer-table td{
  color:#eef4ef !important;
  font-size:13px !important;
  font-weight:480 !important;
}

.ynp-table tbody tr:nth-child(even),
.offer-table tbody tr:nth-child(even){
  background:rgba(255,255,255,.018) !important;
}

.ynp-table tbody tr:hover,
.offer-table tbody tr:hover{
  background:rgba(103,232,249,.055) !important;
}

.ynp-table input,
.ynp-table select,
.offer-table input,
.offer-table select{
  min-height:36px !important;
  border-radius:6px !important;
}

/* Status */
.status-pill,
.alacak-status,
.job-status,
.usta-name,
.assign-wait-btn,
.cari-balance-inline,
.offer-photo-count{
  border-radius:999px !important;
  font-weight:720 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.status-pill{
  border-color:rgba(210,220,214,.18) !important;
  background:rgba(255,255,255,.055) !important;
  color:#edf4ef !important;
  min-width:auto !important;
}

.status-pill.green,
.status-pill.done,
.work-dot.green{
  border-color:rgba(74,222,128,.42) !important;
  background:rgba(74,222,128,.13) !important;
  color:#d9ffe5 !important;
}

.status-pill.red,
.status-pill.danger,
.status-pill.manual-red,
.work-dot.red{
  border-color:rgba(251,113,133,.44) !important;
  background:rgba(251,113,133,.13) !important;
  color:#ffd4db !important;
}

.status-pill.orange,
.status-pill.warn,
.status-pill.yellow,
.status-pill.yellow-dark,
.status-pill.yellow-light,
.work-dot.orange,
.work-dot.yellow{
  border-color:rgba(251,191,36,.42) !important;
  background:rgba(251,191,36,.12) !important;
  color:#ffebb0 !important;
}

.status-pill.blue,
.status-pill.blue-dark,
.status-pill.blue-light{
  border-color:rgba(96,165,250,.42) !important;
  background:rgba(96,165,250,.12) !important;
  color:#d9eaff !important;
}

.work-dot{
  width:14px !important;
  height:14px !important;
  border-radius:999px !important;
  display:inline-block !important;
}

/* Offer builder */
.offer-shell{
  padding-bottom:116px !important;
}

.customer-grid,
.form-grid{
  gap:12px !important;
}

.tabbar{
  gap:8px !important;
  padding:10px 0 2px !important;
}

.tab-btn{
  min-height:40px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid var(--line) !important;
  color:#e6efe8 !important;
  box-shadow:none !important;
}

.tab-btn:hover,
.tab-btn.active,
.tab-btn.tab-summary,
.tab-btn.tab-summary.active{
  background:rgba(74,222,128,.13) !important;
  border-color:rgba(74,222,128,.42) !important;
  color:#d9ffe5 !important;
  box-shadow:none !important;
}

.section-block{
  border-top-color:rgba(210,220,214,.12) !important;
}

.section-title{
  font-size:18px !important;
  font-weight:760 !important;
  letter-spacing:0 !important;
}

.total-strip,
.compact-totals{
  gap:10px !important;
}

.total-mini{
  min-height:72px !important;
  border:1px solid var(--line) !important;
  background:rgba(255,255,255,.04) !important;
}

.total-mini span{
  color:var(--muted) !important;
}

.total-mini strong{
  color:#d9ffe5 !important;
  font-weight:780 !important;
}

.fixed-offer-total{
  background:rgba(8,13,13,.94) !important;
  border-top:1px solid var(--line) !important;
  box-shadow:0 -18px 42px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(118%) !important;
}

.fixed-offer-total .total-inner{
  width:min(1280px,100%) !important;
  max-width:1280px !important;
  padding:12px 20px !important;
}

.total-main small,
.installment-box small{
  color:var(--muted) !important;
}

.total-main strong{
  color:#d9ffe5 !important;
  font-size:26px !important;
  font-weight:820 !important;
  letter-spacing:0 !important;
}

.installment-box strong{
  color:#f7fbf7 !important;
  font-weight:760 !important;
}

/* Popovers and modals */
.ynp-popover,
.ynp-modal-card,
.geo-choice-card,
.status-modal-card,
.cari-photos-modal,
.cari-photo-viewer-card{
  border-radius:8px !important;
  background:rgba(15,21,20,.98) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.44) !important;
}

.ynp-modal{
  background:rgba(2,4,4,.72) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.ynp-modal-card::before{
  display:none !important;
}

.pop-close{
  border-radius:8px !important;
  background:rgba(255,255,255,.06) !important;
  border-color:var(--line) !important;
}

.pop-row,
.status-options label,
.compact-status-options label,
.geo-choice-item,
.cari-photo-thumb{
  border-radius:8px !important;
  background:rgba(255,255,255,.04) !important;
  border-color:var(--line) !important;
}

/* Login */
.login-body{
  min-height:100dvh !important;
  display:grid !important;
  place-items:center !important;
  padding:28px !important;
  background:
    linear-gradient(135deg,rgba(74,222,128,.08),transparent 36%),
    linear-gradient(180deg,#0c1211 0%,#070a0a 100%) !important;
}

.login-card{
  width:min(440px,100%) !important;
  padding:30px !important;
}

.login-card svg,
.login-card img{
  width:60px !important;
  height:60px !important;
  margin:0 auto 12px !important;
  filter:drop-shadow(0 0 18px rgba(74,222,128,.22)) !important;
}

.login-card h1{
  font-size:30px !important;
  font-weight:800 !important;
  margin:0 !important;
}

.login-card p{
  color:var(--muted) !important;
  font-weight:560 !important;
  margin:7px 0 20px !important;
}

.password-wrap{
  display:grid !important;
  grid-template-columns:1fr 44px !important;
  gap:8px !important;
  align-items:center !important;
}

.password-wrap input{
  min-width:0 !important;
}

.eye-btn{
  width:44px !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--line) !important;
  color:#eef5f0 !important;
  box-shadow:none !important;
}

.login-link{
  display:inline-flex !important;
  justify-content:center !important;
  width:100% !important;
  margin-top:14px !important;
  color:#b8f7cb !important;
  font-weight:700 !important;
}

.alert,
.success-alert{
  border-radius:8px !important;
  font-weight:650 !important;
}

.success-alert{
  border:1px solid rgba(74,222,128,.32);
  background:rgba(74,222,128,.12);
  color:#d9ffe5;
  padding:10px;
  margin:12px 0;
}

/* Mobile */
@media(max-width:980px){
  .quick-actions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .summary-list-wide{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:760px){
  .ynp-shell{
    padding:138px 12px 22px !important;
  }

  .dashboard-shell{
    padding-top:138px !important;
  }

  .ynp-topbar-inner.two-row{
    min-height:124px !important;
    padding:9px 10px 10px !important;
    gap:8px !important;
  }

  .ynp-topbar-main{
    grid-template-columns:1fr auto 1fr !important;
    gap:8px !important;
  }

  .centered-brand img,
  .centered-brand svg{
    width:26px !important;
    height:26px !important;
  }

  .top-left-actions,
  .top-right-actions{
    gap:6px !important;
  }

  .ynp-icon-btn,
  .ynp-user-btn{
    width:36px !important;
    height:36px !important;
  }

  .main-nav-row{
    display:flex !important;
    overflow-x:auto !important;
    gap:7px !important;
    padding-bottom:2px !important;
  }

  .main-nav-row a{
    flex:0 0 auto !important;
    min-width:108px !important;
    height:40px !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }

  .page-head{
    margin-bottom:14px !important;
  }

  .page-head h1{
    font-size:24px !important;
  }

  .home-hero h1{
    font-size:29px !important;
  }

  .home-hero .home-logo{
    width:56px !important;
    height:56px !important;
  }

  .command-box{
    height:50px !important;
    grid-template-columns:24px 1fr 22px !important;
    padding:0 13px !important;
  }

  .command-box input{
    height:48px !important;
    line-height:48px !important;
    font-size:14px !important;
  }

  .quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .action-card{
    min-height:94px !important;
  }

  .action-card svg,
  .action-card img{
    width:27px !important;
    height:27px !important;
  }

  .ynp-card-head{
    padding:13px 14px !important;
  }

  .ynp-card>:not(.ynp-card-head),
  .ynp-card .customer-search-row,
  .customers-card .customer-stat-grid,
  .ynp-card .customer-stat-grid{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .customer-stat-grid,
  .customer-stat-grid-six,
  .cards3,
  .receivable-debt-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .stat-chip{
    min-height:70px !important;
  }

  .stat-chip b,
  .stat-chip strong{
    font-size:20px !important;
  }

  .ynp-table th,
  .ynp-table td,
  .offer-table th,
  .offer-table td{
    font-size:12px !important;
    padding:8px 9px !important;
  }

  .offer-shell{
    padding-bottom:104px !important;
  }

  .fixed-offer-total .total-inner{
    grid-template-columns:1fr !important;
    padding:9px 12px !important;
    gap:8px !important;
  }

  .fixed-offer-total .installment-box{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .fixed-offer-total .installment-box span{
    text-align:left !important;
  }

  .total-main strong{
    font-size:21px !important;
  }

  .login-body{
    padding:16px !important;
  }

  .login-card{
    padding:24px !important;
  }
}

@media(max-width:430px){
  .ynp-shell,
  .dashboard-shell{
    padding-top:144px !important;
  }

  .quick-actions{
    grid-template-columns:1fr 1fr !important;
  }

  .customer-stat-grid,
  .customer-stat-grid-six,
  .cards3,
  .receivable-debt-summary{
    grid-template-columns:1fr !important;
  }

  .fixed-offer-total .installment-box{
    grid-template-columns:1fr !important;
  }
}

/* User-requested v8.1 refinements */
.dashboard-shell .smart-search-wrap{
  width:min(1080px,calc(100vw - 40px)) !important;
}

.dashboard-shell .command-box{
  min-height:60px !important;
  grid-template-columns:30px minmax(0,1fr) 30px !important;
}

.customer-status-pill{
  width:min(100%,260px) !important;
  min-height:32px !important;
  padding:7px 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.15 !important;
  font-size:11.5px !important;
}

.compact-customer-table th:nth-child(1),
.compact-customer-table td:nth-child(1){width:34% !important;}
.compact-customer-table th:nth-child(2),
.compact-customer-table td:nth-child(2){width:42% !important;}
.compact-customer-table th:nth-child(3),
.compact-customer-table td:nth-child(3){width:24% !important;}

.cari-detail-title{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  gap:8px !important;
}

.cari-title-status{
  color:#b8f7cb !important;
  font-size:.62em !important;
  font-weight:720 !important;
  line-height:1.2 !important;
}

.dashboard-usta-scroll{
  overflow-x:hidden !important;
}

.dashboard-usta-table{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
}

.dashboard-usta-table th,
.dashboard-usta-table td{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.2 !important;
}

.dashboard-usta-table th:nth-child(1),
.dashboard-usta-table td:nth-child(1){width:30% !important;}
.dashboard-usta-table th:nth-child(2),
.dashboard-usta-table td:nth-child(2){width:22% !important;}
.dashboard-usta-table th:nth-child(3),
.dashboard-usta-table td:nth-child(3){width:17% !important;}
.dashboard-usta-table th:nth-child(4),
.dashboard-usta-table td:nth-child(4){width:31% !important;}

.dashboard-usta-table .customer-link{
  display:block !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.dashboard-usta-table .usta-name,
.dashboard-usta-table .assign-wait-btn{
  width:100% !important;
  min-width:0 !important;
  justify-content:center !important;
  white-space:normal !important;
  line-height:1.15 !important;
  padding:7px 8px !important;
  font-size:11.5px !important;
}

.dashboard-usta-table .start-date,
.dashboard-usta-table .muted-date{
  display:block !important;
  white-space:normal !important;
  font-size:12px !important;
  font-weight:720 !important;
}

.dashboard-usta-table .status-pill{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
  line-height:1.12 !important;
  padding:7px 8px !important;
  font-size:10.5px !important;
}

.home-hero .home-logo{
  width:82px !important;
  height:82px !important;
  animation:
    ynpV8LogoReveal 2.15s cubic-bezier(.16,.9,.2,1) both,
    ynpV8LogoBreath 5.2s ease-in-out 2.15s infinite !important;
  filter:
    drop-shadow(0 0 14px rgba(74,222,128,.58))
    drop-shadow(0 0 30px rgba(103,232,249,.26))
    drop-shadow(0 0 54px rgba(74,222,128,.18)) !important;
}

.home-hero .home-logo path,
.home-hero .home-logo line,
.home-hero .home-logo polyline,
.home-hero .home-logo polygon,
.home-hero .home-logo circle,
.home-hero .home-logo rect{
  transform-box:fill-box;
  transform-origin:center;
  stroke-dasharray:520;
  stroke-dashoffset:520;
  animation:
    ynpV8LogoDraw 1.85s cubic-bezier(.2,.76,.22,1) both,
    ynpV8LogoStrokePulse 4.8s ease-in-out 2s infinite !important;
}

@keyframes ynpV8LogoReveal{
  0%{opacity:0;transform:translateY(12px) scale(.56) rotate(-10deg);filter:blur(4px) drop-shadow(0 0 0 rgba(74,222,128,0));}
  34%{opacity:1;transform:translateY(-2px) scale(1.12) rotate(3deg);filter:blur(0) drop-shadow(0 0 24px rgba(103,232,249,.32));}
  58%{transform:translateY(0) scale(.96) rotate(-1.2deg);}
  78%{transform:translateY(0) scale(1.045) rotate(.6deg);}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg);}
}

@keyframes ynpV8LogoDraw{
  0%{stroke-dashoffset:520;opacity:.15;transform:scale(.92);}
  54%{opacity:1;transform:scale(1.04);}
  100%{stroke-dashoffset:0;opacity:1;transform:scale(1);}
}

@keyframes ynpV8LogoBreath{
  0%,100%{
    transform:translateY(0) scale(1);
    filter:
      drop-shadow(0 0 12px rgba(74,222,128,.50))
      drop-shadow(0 0 26px rgba(103,232,249,.20))
      drop-shadow(0 0 44px rgba(74,222,128,.14));
  }
  42%{
    transform:translateY(-2px) scale(1.035);
    filter:
      drop-shadow(0 0 22px rgba(74,222,128,.78))
      drop-shadow(0 0 42px rgba(103,232,249,.34))
      drop-shadow(0 0 72px rgba(74,222,128,.22));
  }
  70%{transform:translateY(0) scale(.99);}
}

@keyframes ynpV8LogoStrokePulse{
  0%,100%{opacity:1;}
  48%{opacity:.78;}
}

@media(max-width:760px){
  .dashboard-shell .smart-search-wrap{
    width:calc(100vw - 24px) !important;
  }

  .dashboard-usta-table th,
  .dashboard-usta-table td{
    padding:7px 6px !important;
    font-size:11px !important;
  }

  .dashboard-usta-table th:nth-child(1),
  .dashboard-usta-table td:nth-child(1){width:31% !important;}
  .dashboard-usta-table th:nth-child(2),
  .dashboard-usta-table td:nth-child(2){width:20% !important;}
  .dashboard-usta-table th:nth-child(3),
  .dashboard-usta-table td:nth-child(3){width:17% !important;}
  .dashboard-usta-table th:nth-child(4),
  .dashboard-usta-table td:nth-child(4){width:32% !important;}

  .dashboard-usta-table .status-pill,
  .dashboard-usta-table .usta-name,
  .dashboard-usta-table .assign-wait-btn{
    font-size:9.5px !important;
    padding:6px 5px !important;
  }

  .home-hero .home-logo{
    width:68px !important;
    height:68px !important;
  }
}

/* User-requested v8.2 tablet/web ergonomics */
#durumModal{
  align-items:center !important;
  padding:14px !important;
}

#durumModal .status-modal-card{
  width:min(720px,calc(100vw - 28px)) !important;
  max-height:calc(100dvh - 30px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  padding:18px !important;
}

#durumModal .status-modal-card h2,
#durumModal .status-modal-card .modal-muted,
#durumModal .status-modal-card .pop-close{
  flex:0 0 auto !important;
}

#durumModal #durumForm{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
}

#durumModal .compact-status-options{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  padding:2px 4px 10px 0 !important;
  margin:10px 0 12px !important;
}

#durumModal #manuelDurum{
  flex:0 0 auto !important;
  margin-top:0 !important;
}

#durumModal .status-save-btn{
  flex:0 0 auto !important;
  margin-top:10px !important;
}

.dashboard-shell .quick-actions{
  width:min(1080px,calc(100vw - 40px)) !important;
  max-width:1080px !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:14px auto 20px !important;
}

.dashboard-shell .action-card{
  width:100% !important;
  min-width:0 !important;
  min-height:116px !important;
  padding:16px 12px !important;
  gap:11px !important;
}

.dashboard-shell .action-card svg,
.dashboard-shell .action-card img{
  width:34px !important;
  height:34px !important;
}

.dashboard-shell .action-card strong{
  font-size:14px !important;
  line-height:1.18 !important;
}

.dashboard-shell .command-box input{
  padding-left:16px !important;
}

.home-hero .home-logo{
  animation:
    ynpV82LogoAppear 2.45s ease-out both,
    ynpV82LogoPulse 4.8s ease-in-out 2.45s infinite !important;
  transform-origin:center !important;
  transform:scale(1);
}

.home-hero .home-logo path,
.home-hero .home-logo line,
.home-hero .home-logo polyline,
.home-hero .home-logo polygon,
.home-hero .home-logo circle,
.home-hero .home-logo rect{
  stroke-dasharray:620 !important;
  stroke-dashoffset:620 !important;
  animation:ynpV82LogoDraw 2.45s cubic-bezier(.22,.72,.18,1) both !important;
}

@keyframes ynpV82LogoAppear{
  0%{opacity:1;transform:scale(1);}
  100%{opacity:1;transform:scale(1);}
}

@keyframes ynpV82LogoDraw{
  0%{stroke-dashoffset:620;opacity:.18;}
  18%{opacity:.52;}
  78%{stroke-dashoffset:0;opacity:1;}
  100%{stroke-dashoffset:0;opacity:1;}
}

@keyframes ynpV82LogoPulse{
  0%,100%{
    transform:scale(1);
    filter:
      drop-shadow(0 0 12px rgba(74,222,128,.48))
      drop-shadow(0 0 26px rgba(74,222,128,.22))
      drop-shadow(0 0 46px rgba(103,232,249,.12));
  }
  50%{
    transform:scale(1.035);
    filter:
      drop-shadow(0 0 20px rgba(74,222,128,.72))
      drop-shadow(0 0 40px rgba(74,222,128,.34))
      drop-shadow(0 0 68px rgba(103,232,249,.18));
  }
}

.receivable-summary-card,
.debt-summary-card{
  height:82px !important;
  min-height:82px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:8px !important;
  padding:14px 18px !important;
  line-height:1 !important;
}

.receivable-summary-card > small,
.debt-summary-card > small,
.receivable-summary-card > strong,
.debt-summary-card > strong{
  padding:0 !important;
  margin:0 !important;
  display:block !important;
}

.receivable-summary-card small,
.debt-summary-card small{
  line-height:1 !important;
  font-size:12px !important;
}

.receivable-summary-card strong,
.debt-summary-card strong{
  line-height:1 !important;
  font-size:24px !important;
}

@media(min-width:761px) and (max-width:1100px){
  .dashboard-shell .quick-actions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:min(860px,calc(100vw - 32px)) !important;
  }

  .dashboard-shell .action-card{
    min-height:104px !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding:16px 18px !important;
  }
}

@media(max-width:760px){
  #durumModal{
    padding:10px !important;
  }

  #durumModal .status-modal-card{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 22px) !important;
    padding:14px !important;
  }

  #durumModal .compact-status-options label{
    min-height:54px !important;
    padding:10px 11px !important;
  }

  .dashboard-shell .quick-actions{
    width:calc(100vw - 24px) !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:12px auto 16px !important;
  }

  .dashboard-shell .action-card{
    min-height:92px !important;
    padding:13px 10px !important;
  }

  .dashboard-shell .command-box input{
    padding-left:12px !important;
  }

  .receivable-summary-card,
  .debt-summary-card{
    height:74px !important;
    min-height:74px !important;
    padding:12px 14px !important;
  }

  .receivable-summary-card strong,
  .debt-summary-card strong{
    font-size:21px !important;
  }
}

@media(max-width:430px){
  .dashboard-shell .quick-actions{
    grid-template-columns:1fr !important;
  }

  .dashboard-shell .action-card{
    min-height:78px !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding:12px 14px !important;
  }
}

/* User-requested v8.3 fixes: stable logo, compact offer total, themes */
.receivable-debt-summary .receivable-summary-card,
.receivable-debt-summary .debt-summary-card{
  height:82px !important;
  min-height:82px !important;
  padding:0 22px !important;
  display:grid !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  justify-content:start !important;
  row-gap:12px !important;
}

.receivable-debt-summary .receivable-summary-card > small,
.receivable-debt-summary .debt-summary-card > small,
.receivable-debt-summary .receivable-summary-card > strong,
.receivable-debt-summary .debt-summary-card > strong{
  padding:0 !important;
  margin:0 !important;
  line-height:1 !important;
}

.receivable-debt-summary .receivable-summary-card > small,
.receivable-debt-summary .debt-summary-card > small{
  align-self:end !important;
  font-size:12px !important;
}

.receivable-debt-summary .receivable-summary-card > strong,
.receivable-debt-summary .debt-summary-card > strong{
  align-self:start !important;
  font-size:25px !important;
}

.home-hero .home-logo{
  opacity:1 !important;
  transform:scale(1) !important;
  animation:ynpV83LogoPulse 4.8s ease-in-out 2.85s infinite !important;
}

.home-hero .home-logo path{
  stroke-dasharray:1 !important;
  stroke-dashoffset:1 !important;
  animation:ynpV83LogoDraw 2.85s cubic-bezier(.2,.68,.18,1) both !important;
}

@keyframes ynpV83LogoDraw{
  0%{stroke-dashoffset:1;opacity:.24;}
  18%{opacity:.62;}
  88%{stroke-dashoffset:0;opacity:1;}
  100%{stroke-dashoffset:0;opacity:1;}
}

@keyframes ynpV83LogoPulse{
  0%,100%{
    transform:scale(1);
    filter:
      drop-shadow(0 0 11px rgba(74,222,128,.50))
      drop-shadow(0 0 24px rgba(74,222,128,.20))
      drop-shadow(0 0 42px rgba(103,232,249,.10));
  }
  50%{
    transform:scale(1.028);
    filter:
      drop-shadow(0 0 19px rgba(74,222,128,.76))
      drop-shadow(0 0 38px rgba(74,222,128,.32))
      drop-shadow(0 0 64px rgba(103,232,249,.16));
  }
}

body[data-page="new_job"]{
  padding-bottom:84px !important;
}

.offer-shell{
  padding-bottom:94px !important;
}

.fixed-offer-total{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  min-height:62px !important;
  border-top:1px solid var(--line) !important;
}

.fixed-offer-total .total-inner{
  min-height:62px !important;
  padding:8px 20px !important;
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) minmax(170px,190px) minmax(118px,150px) !important;
  gap:12px !important;
  align-items:center !important;
}

.fixed-offer-total .total-main{
  min-width:0 !important;
}

.fixed-offer-total .total-main small,
.fixed-offer-total .installment-box small{
  display:block !important;
  margin-bottom:4px !important;
  line-height:1 !important;
  font-size:11px !important;
}

.fixed-offer-total .total-main strong{
  font-size:21px !important;
  line-height:1 !important;
}

.fixed-offer-total .installment-box{
  display:contents !important;
}

.fixed-offer-total .installment-box select{
  width:100% !important;
  height:42px !important;
  min-width:0 !important;
}

.fixed-offer-total .installment-box span{
  min-width:0 !important;
  text-align:right !important;
}

.fixed-offer-total .installment-box strong{
  font-size:18px !important;
  line-height:1 !important;
}

.theme-choice-form{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;
  align-items:stretch;
}

.theme-choice{
  min-height:92px;
  display:grid !important;
  grid-template-columns:44px 1fr;
  grid-template-rows:auto auto;
  gap:6px 12px;
  align-items:center;
  padding:14px !important;
  border:1px solid var(--line) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  cursor:pointer;
}

.theme-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.theme-choice.active{
  border-color:rgba(74,222,128,.54) !important;
  box-shadow:0 0 0 1px rgba(74,222,128,.10),0 12px 26px rgba(0,0,0,.16) !important;
}

.theme-preview{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.18);
}

.theme-preview-dark{
  background:linear-gradient(135deg,#07100d 0 50%,#4ade80 50% 62%,#15201c 62%);
}

.theme-preview-light{
  background:linear-gradient(135deg,#f8faf4 0 50%,#16a34a 50% 62%,#dff4e5 62%);
}

.theme-choice strong,
.theme-choice small{
  padding:0 !important;
  margin:0 !important;
}

.theme-choice strong{
  align-self:end;
  font-size:15px;
}

.theme-choice small{
  align-self:start;
  color:var(--muted) !important;
  line-height:1.25;
}

body[data-theme="ferah_aydinlik"]{
  --bg:#f6f8f4;
  --bg-2:#eef4ed;
  --surface:#ffffff;
  --surface-2:#f4f8f3;
  --surface-3:#e7f1e7;
  --text:#15211b;
  --muted:#5f6f65;
  --muted-2:#7f8d84;
  --line:rgba(37,62,48,.16);
  --line-strong:rgba(37,62,48,.25);
  --shadow:0 18px 42px rgba(30,53,38,.13);
  --shadow-soft:0 10px 28px rgba(30,53,38,.10);
  background:
    linear-gradient(180deg,#f8faf4 0%,#eff6ee 55%,#e8f1e7 100%) !important;
  color:var(--text) !important;
}

body[data-theme="ferah_aydinlik"]::before{
  background:
    linear-gradient(90deg,rgba(22,101,52,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(22,101,52,.045) 1px,transparent 1px);
}

body[data-theme="ferah_aydinlik"] .ynp-topbar,
body[data-theme="ferah_aydinlik"] .fixed-offer-total{
  background:rgba(248,250,244,.92) !important;
  border-color:rgba(37,62,48,.16) !important;
  box-shadow:0 14px 36px rgba(30,53,38,.12) !important;
}

body[data-theme="ferah_aydinlik"] .ynp-card,
body[data-theme="ferah_aydinlik"] .login-card,
body[data-theme="ferah_aydinlik"] .action-card,
body[data-theme="ferah_aydinlik"] .summary-item,
body[data-theme="ferah_aydinlik"] .stat-chip,
body[data-theme="ferah_aydinlik"] .cash-stat-card,
body[data-theme="ferah_aydinlik"] .receivable-summary-card,
body[data-theme="ferah_aydinlik"] .debt-summary-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,243,.96)) !important;
  border-color:rgba(37,62,48,.16) !important;
  box-shadow:var(--shadow-soft) !important;
  color:var(--text) !important;
}

body[data-theme="ferah_aydinlik"] .ynp-card-head,
body[data-theme="ferah_aydinlik"] .ynp-table th,
body[data-theme="ferah_aydinlik"] .offer-table th{
  background:#edf5ec !important;
  color:#203229 !important;
  border-color:rgba(37,62,48,.13) !important;
}

body[data-theme="ferah_aydinlik"] input,
body[data-theme="ferah_aydinlik"] select,
body[data-theme="ferah_aydinlik"] textarea,
body[data-theme="ferah_aydinlik"] .command-box,
body[data-theme="ferah_aydinlik"] .ynp-table-wrap,
body[data-theme="ferah_aydinlik"] .table-wrap,
body[data-theme="ferah_aydinlik"] .dashboard-usta-scroll,
body[data-theme="ferah_aydinlik"] .work-scroll-box{
  background:rgba(255,255,255,.84) !important;
  border-color:rgba(37,62,48,.20) !important;
  color:#15211b !important;
}

body[data-theme="ferah_aydinlik"] .ynp-topnav a,
body[data-theme="ferah_aydinlik"] .main-nav-row a,
body[data-theme="ferah_aydinlik"] .soft-btn,
body[data-theme="ferah_aydinlik"] .toggle-btn,
body[data-theme="ferah_aydinlik"] .choice-btn,
body[data-theme="ferah_aydinlik"] .tab-btn,
body[data-theme="ferah_aydinlik"] .ynp-icon-btn{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(37,62,48,.18) !important;
  color:#203229 !important;
}

body[data-theme="ferah_aydinlik"] .ynp-topnav a.active,
body[data-theme="ferah_aydinlik"] .main-nav-row a.active,
body[data-theme="ferah_aydinlik"] .tab-btn.active,
body[data-theme="ferah_aydinlik"] .toggle-btn.active,
body[data-theme="ferah_aydinlik"] .choice-btn.active{
  background:linear-gradient(180deg,rgba(22,163,74,.16),rgba(255,255,255,.86)) !important;
  border-color:rgba(22,163,74,.38) !important;
  color:#0f5c2d !important;
}

body[data-theme="ferah_aydinlik"] .home-hero h1,
body[data-theme="ferah_aydinlik"] .page-head h1,
body[data-theme="ferah_aydinlik"] .ynp-card-head h2,
body[data-theme="ferah_aydinlik"] .ynp-table td,
body[data-theme="ferah_aydinlik"] .offer-table td{
  color:#15211b !important;
}

body[data-theme="ferah_aydinlik"] .customer-link,
body[data-theme="ferah_aydinlik"] .ynp-card-head a,
body[data-theme="ferah_aydinlik"] .hero-slogan{
  color:#12733a !important;
}

body[data-theme="ferah_aydinlik"] .ynp-modal{
  background:rgba(226,238,225,.72) !important;
}

body[data-theme="ferah_aydinlik"] .ynp-modal-card,
body[data-theme="ferah_aydinlik"] .ynp-popover,
body[data-theme="ferah_aydinlik"] .user-menu{
  background:#ffffff !important;
  border-color:rgba(37,62,48,.18) !important;
  color:#15211b !important;
}

body[data-theme="ferah_aydinlik"] .primary-btn,
body[data-theme="ferah_aydinlik"] .login-card button{
  background:linear-gradient(180deg,#31d979,#16a34a) !important;
  color:#04210e !important;
}

@media(max-width:760px){
  .receivable-debt-summary .receivable-summary-card,
  .receivable-debt-summary .debt-summary-card{
    height:74px !important;
    min-height:74px !important;
    padding:0 16px !important;
    row-gap:10px !important;
  }

  .fixed-offer-total .total-inner{
    min-height:72px !important;
    grid-template-columns:minmax(130px,1fr) minmax(116px,150px) minmax(92px,120px) !important;
    gap:8px !important;
    padding:8px 10px !important;
  }

  .fixed-offer-total .total-main strong{
    font-size:18px !important;
  }

  .fixed-offer-total .installment-box select{
    height:38px !important;
    font-size:11px !important;
  }

  .fixed-offer-total .installment-box strong{
    font-size:14px !important;
  }

  .theme-choice-form{
    grid-template-columns:1fr !important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    scroll-behavior:auto !important;
    transition:none !important;
  }
}

/* v8.9 login sadeleştirme ve tema sabitleme */
.login-card input,
.login-card .password-wrap input{
  background:linear-gradient(180deg,rgba(7,18,18,.92),rgba(5,13,13,.86)) !important;
  border:1px solid rgba(74,222,128,.22) !important;
  color:#effaf3 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.16) !important;
  border-radius:14px !important;
  min-height:48px !important;
}
.login-card input::placeholder{color:rgba(202,232,214,.55) !important;}
.password-wrap{
  position:relative !important;
  display:block !important;
}
.password-wrap input{padding-right:56px !important;}
.password-wrap .eye-btn{
  position:absolute !important;
  right:7px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:38px !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:12px !important;
  background:rgba(12,27,24,.88) !important;
  border:1px solid rgba(74,222,128,.22) !important;
  color:#b8f7cb !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  font-size:15px !important;
  line-height:1 !important;
}
.password-wrap .eye-btn:hover,
.password-wrap .eye-btn:focus{
  transform:translateY(-50%) !important;
  background:rgba(34,197,94,.12) !important;
  border-color:rgba(74,222,128,.42) !important;
}
.eye-btn .eye-closed{display:none;font-size:12px;color:#8df0ad;}
.eye-btn.showing .eye-open{display:none;}
.eye-btn.showing .eye-closed{display:block;}
.login-help-note{
  margin-top:14px;
  text-align:center;
  color:#9fb0c2;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}
.theme-settings-card{display:none!important;}
.password-wrap .eye-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;}


/* v9.0 - AI iptal, login göz ve teklif alt toplam son düzeltme */
.password-wrap{position:relative !important;display:block !important;}
.password-wrap input{padding-right:76px !important;}
.password-wrap .eye-btn{
  position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;
  width:58px !important;height:30px !important;min-height:30px !important;margin:0 !important;padding:0 8px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:10px !important;background:rgba(12,27,24,.92) !important;border:1px solid rgba(74,222,128,.24) !important;
  color:#b8f7cb !important;font-size:11px !important;font-weight:850 !important;line-height:1 !important;box-shadow:none !important;
}
.password-wrap .eye-btn:hover,.password-wrap .eye-btn:focus{transform:translateY(-50%) !important;background:rgba(34,197,94,.13) !important;border-color:rgba(74,222,128,.42) !important;}
.password-wrap .eye-btn svg,.eye-open,.eye-closed{display:none !important;}
.login-card input,.login-card .password-wrap input{background:linear-gradient(180deg,rgba(7,18,18,.94),rgba(5,13,13,.88)) !important;color:#effaf3 !important;border-color:rgba(74,222,128,.22) !important;}
.login-help-note{color:#91a5b8 !important;}

body[data-page="new_job"] .offer-shell{animation:none !important;transform:none !important;padding-bottom:74px !important;}
body[data-page="new_job"]{padding-bottom:0 !important;}
body[data-page="new_job"] .fixed-offer-total{
  position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;z-index:999 !important;
  min-height:50px !important;height:auto !important;background:linear-gradient(180deg,rgba(4,10,10,.82),rgba(3,8,8,.98)) !important;
  border-top:1px solid rgba(74,222,128,.20) !important;box-shadow:0 -8px 24px rgba(0,0,0,.34) !important;backdrop-filter:blur(18px) !important;
}
body[data-page="new_job"] .fixed-offer-total .total-inner{
  max-width:1240px !important;min-height:50px !important;padding:5px 14px !important;margin:0 auto !important;
  display:grid !important;grid-template-columns:minmax(180px,1fr) minmax(280px,auto) !important;gap:8px !important;align-items:center !important;
}
body[data-page="new_job"] .fixed-offer-total .installment-box{display:grid !important;grid-template-columns:minmax(135px,180px) minmax(110px,140px) !important;gap:8px !important;align-items:center !important;}
body[data-page="new_job"] .fixed-offer-total .total-main small,body[data-page="new_job"] .fixed-offer-total .installment-box small{font-size:10px !important;margin:0 0 2px !important;line-height:1 !important;}
body[data-page="new_job"] .fixed-offer-total .total-main strong{font-size:19px !important;line-height:1.05 !important;color:#62f08f !important;}
body[data-page="new_job"] .fixed-offer-total .installment-box select{height:34px !important;min-width:0 !important;width:100% !important;border-radius:11px !important;font-size:11.5px !important;padding:6px 9px !important;}
body[data-page="new_job"] .fixed-offer-total .installment-box span{min-width:0 !important;text-align:right !important;}
body[data-page="new_job"] .fixed-offer-total .installment-box strong{font-size:14px !important;line-height:1.05 !important;white-space:nowrap !important;}
@media(max-width:720px){
  body[data-page="new_job"] .offer-shell{padding-bottom:96px !important;}
  body[data-page="new_job"] .fixed-offer-total .total-inner{grid-template-columns:1fr !important;gap:5px !important;min-height:76px !important;padding:6px 10px !important;}
  body[data-page="new_job"] .fixed-offer-total .installment-box{grid-template-columns:1fr 110px !important;}
}


/* v9.8 - Dashboard özet kartları tablette yan yana kalsın */
@media(max-width:980px) and (min-width:521px){
  .dashboard-shell .summary-list-wide.today-summary-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:520px){
  .dashboard-shell .summary-list-wide.today-summary-three{grid-template-columns:1fr!important;}
}

/* v9.20 - Tasarım yenileme dosyası sonrası mobil menü tekrar bastırması */
@media(max-width:820px){
  .ynp-topbar .main-nav-row{display:grid!important;grid-template-columns:repeat(6,minmax(56px,1fr))!important;overflow-x:auto!important;overflow-y:hidden!important;gap:5px!important;}
  .ynp-topbar .main-nav-row a{min-width:56px!important;width:auto!important;}
  .ynp-topbar .main-nav-row a span{display:block!important;max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .ynp-topbar .main-nav-row.usta-only{grid-template-columns:1fr!important;overflow:visible!important;}
}
@media(max-width:520px){
  .ynp-topbar .main-nav-row{grid-template-columns:repeat(6,64px)!important;justify-content:flex-start!important;}
  .ynp-topbar .main-nav-row a{min-width:64px!important;}
}

/* v9.21 - Üst menü 3x2 mobil/tablet düzeltmesi */
@media(max-width:820px){
  .ynp-topbar{overflow:visible!important;}
  .ynp-topbar-inner.two-row{min-height:156px!important;padding:8px 8px 10px!important;gap:8px!important;}
  .ynp-topbar .main-nav-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:44px!important;
    width:100%!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
    justify-content:stretch!important;
  }
  .ynp-topbar .main-nav-row a{
    min-width:0!important;
    width:100%!important;
    height:44px!important;
    padding:7px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .ynp-topbar .main-nav-row a .ynp-svg-icon,
  .ynp-topbar .main-nav-row a svg,
  .ynp-topbar .main-nav-row a img{width:16px!important;height:16px!important;min-width:16px!important;}
  .ynp-topbar .main-nav-row a span{
    display:block!important;
    max-width:100%!important;
    width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.05!important;
  }
  .ynp-topbar .main-nav-row.usta-only{grid-template-columns:1fr!important;grid-auto-rows:44px!important;max-width:520px!important;margin:0 auto!important;}
  .ynp-topbar .main-nav-row.usta-only a{flex-direction:row!important;gap:8px!important;}
  .ynp-shell{padding-top:172px!important;}
}
@media(max-width:520px){
  .ynp-topbar-inner.two-row{min-height:158px!important;}
  .ynp-topbar .main-nav-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:44px!important;}
  .ynp-topbar .main-nav-row a{min-width:0!important;width:100%!important;}
  .ynp-topbar .main-nav-row a span{font-size:9.5px!important;}
  .ynp-shell{padding-top:174px!important;}
}