/* Patoz Defterim v3.12.4 — Destek Merkezi referanslı kurumsal tipografi */
:root{
  --pd-ui-font:"Poppins",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --pd-weight-light:300;
  --pd-weight-regular:400;
  --pd-weight-medium:500;
  --pd-weight-semibold:600;
  --pd-weight-bold:700;
}

html,body,
button,input,select,textarea,optgroup,option,label,summary,details,dialog,
.host-app,.host-content,.view,.public-panel-app{
  font-family:var(--pd-ui-font)!important;
  font-synthesis:none!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Eski tema dosyalarındaki 750/800/850/900 ağırlıklarının kartlara sızmasını engeller. */
body .host-app :where(.host-content,.host-sidebar,.host-topbar,.bottom-nav) *{
  font-family:var(--pd-ui-font)!important;
  font-synthesis:none!important;
  font-weight:var(--pd-weight-regular)!important;
}

/* Sayfa başlıkları: kurumsal ve belirgin, fakat kaba değil. */
body .host-app :is(
  .page-title h1,
  .topbar h1,
  .host-page-head h1,
  .view-title,
  .page-heading,
  .v3-command-copy h2
){
  font-weight:var(--pd-weight-bold)!important;
  letter-spacing:-.032em!important;
}

/* Destek Merkezi kart başlığının görünümü tüm kart ve bölüm başlıklarına uygulanır. */
body .host-app .host-content :is(
  .card h1,.card h2,.card h3,.card h4,
  .section-heading h2,.section-heading h3,
  .panel-card-head h2,.panel-card-head h3,
  .host-card-head h2,.host-card-head h3,
  .simple-details summary,
  .section-title,.card-title,.modal-title,
  .notification-inbox-hero h2,
  .notification-inbox-top h3,
  .support-ticket-card h3,
  .appointment-title-block h3,
  .simple-active h2,.simple-live-box h2
){
  font-family:var(--pd-ui-font)!important;
  font-weight:var(--pd-weight-semibold)!important;
  letter-spacing:-.022em!important;
}

/* Genel metinler ve açıklamalar. */
body .host-app .host-content :is(
  p,li,td,
  .card p,.card li,.card td,
  .section-heading p,.panel-card-head p,.host-card-head p,
  .host-page-head p,.page-title p,
  .muted,.helper,.hint,.subtext,.meta,.empty,
  .notification-inbox-message,.support-ticket-card>p
){
  font-weight:var(--pd-weight-regular)!important;
  letter-spacing:0!important;
}

/* İkincil açıklamalar ince ve rahat okunur kalır. */
body .host-app .host-content :is(
  small,em,
  .card small,.list-row small,.simple-action em,
  .host-kpi>small,.kpi small,
  .stat-label,.kpi-label,.list-label,
  .appointment-detail-grid span,.appointment-change-grid span,
  .central-kpis span,.notification-status-grid small
){
  font-weight:var(--pd-weight-regular)!important;
}

/* Etiketler ve alan adları: metinden ayrılır, fakat kalın blok oluşturmaz. */
body .host-app .host-content :is(.host-kpi>small,.kpi>div>small:first-child){
  font-weight:var(--pd-weight-medium)!important;
}
body .host-app .host-content .kpi>div>small:last-child{
  font-weight:var(--pd-weight-regular)!important;
}

body .host-app .host-content :is(
  label,.field label,.field>label,.form-label,.field-label,
  th,.table th,.data-table th,
  .host-trend,.status-label,
  .appointment-primary-time span,
  .appointment-detail-grid span,.appointment-change-grid span
){
  font-weight:var(--pd-weight-medium)!important;
  letter-spacing:0!important;
}

/* Kart değerleri ve vurgulu metinler: 600 ağırlıkla dengeli görünür. */
body .host-app .host-content :is(
  b,strong,
  .card b,.card strong,
  .host-kpi>strong,.kpi>div>strong,
  .stat-value,.kpi-value,
  .central-kpis b,.notification-status-grid b,
  .summary-card>strong,
  .report-kpis b,
  .simple-live-timer,.simple-active-timer,
  .simple-live-numbers b,.simple-live-numbers strong,
  .appointment-primary-time strong,
  .appointment-detail-grid b,.appointment-change-grid b,
  .customer-job-amount
){
  font-weight:var(--pd-weight-semibold)!important;
}

/* Karşılama kartı ve kullanıcı kimliği. */
body .host-app .host-content .simple-welcome b{
  font-weight:var(--pd-weight-medium)!important;
}
body .host-app .host-content .simple-welcome span{
  font-weight:var(--pd-weight-semibold)!important;
  letter-spacing:-.018em!important;
}
body .host-app :is(
  .host-brand strong,.host-user strong,.host-mobile-brand strong,
  .secure-login-brand b
){
  font-weight:var(--pd-weight-semibold)!important;
}
body .host-app :is(
  .host-brand small,.host-user small,.host-mobile-brand small
){
  font-weight:var(--pd-weight-regular)!important;
}
body .host-app :is(.host-user>span:first-child,.host-mobile-brand>span:first-child){
  font-weight:var(--pd-weight-semibold)!important;
}

/* Navigasyon, düğmeler, rozetler ve durum metinleri. */
body .host-app :is(.host-nav-label,.host-online){
  font-weight:var(--pd-weight-medium)!important;
}
body .host-app :is(
  .host-nav button,.bottom-nav button,.bottom-nav a,
  .btn,.simple-action,.simple-main-start,.simple-save,.simple-finish-now,
  .setup-button,.pwa-install-btn,.login-role-switch button
){
  font-weight:var(--pd-weight-semibold)!important;
}
body .host-app :is(
  .chip,.badge,.status,.status-pill,.status-chip,.tag,.pill,
  .completion-badge,.sync-badge,.operator-badge,
  .support-priority,.support-read-state,.support-new-badge
){
  font-weight:var(--pd-weight-medium)!important;
}

/* Form metinleri normal ağırlıkta kalır. */
body .host-app :is(input,select,textarea,option){
  font-weight:var(--pd-weight-regular)!important;
  letter-spacing:0!important;
}
body .host-app input::placeholder,
body .host-app textarea::placeholder{
  font-weight:var(--pd-weight-regular)!important;
}

/* Giriş ekranı: büyük marka başlığı korunur, diğer metinler kurumsal ağırlıklara çekilir. */
body .secure-login-page *{
  font-family:var(--pd-ui-font)!important;
  font-synthesis:none!important;
  font-weight:var(--pd-weight-regular)!important;
}
body .secure-login-visual h1{
  font-weight:800!important;
  letter-spacing:-.065em!important;
}
body .secure-login-panel :is(h2,.login-heading h2){font-weight:var(--pd-weight-bold)!important;}
body .secure-login-panel :is(p,small){font-weight:var(--pd-weight-regular)!important;}
body .secure-login-panel :is(label,.remember-row){font-weight:var(--pd-weight-medium)!important;}
body .secure-login-panel :is(button,.secure-pin-wrap button){font-weight:var(--pd-weight-semibold)!important;}

/* Uygulama kabuğunun dışında açılan pencere ve bildirimlerde de aynı sistem kullanılır. */
body :is(.job-pause-modal,.support-upload-modal,.support-detail-modal,.toast) *{
  font-family:var(--pd-ui-font)!important;
  font-synthesis:none!important;
  font-weight:var(--pd-weight-regular)!important;
}
body :is(.job-pause-modal,.support-upload-modal,.support-detail-modal,.toast) :is(h1,h2,h3,h4,.modal-title){
  font-weight:var(--pd-weight-semibold)!important;
  letter-spacing:-.022em!important;
}
body :is(.job-pause-modal,.support-upload-modal,.support-detail-modal,.toast) :is(b,strong,.btn,button){
  font-weight:var(--pd-weight-semibold)!important;
}
body :is(.job-pause-modal,.support-upload-modal,.support-detail-modal,.toast) :is(label,.chip,.badge,.status-pill){
  font-weight:var(--pd-weight-medium)!important;
}

/* Kamuya açık randevu paneli de aynı tipografi ailesini kullanır. */
body .public-panel-app *{
  font-family:var(--pd-ui-font)!important;
  font-synthesis:none!important;
  font-weight:var(--pd-weight-regular)!important;
}
body .public-panel-app :is(.public-page-head h1){font-weight:var(--pd-weight-bold)!important;}
body .public-panel-app :is(.card h2,.panel-card-head h2,.lookup-card-head h3){font-weight:var(--pd-weight-semibold)!important;}
body .public-panel-app :is(p,small,span,li,td){font-weight:var(--pd-weight-regular)!important;}
body .public-panel-app :is(b,strong,.btn,label,th,.business-logo,.panel-icon,.queue-order,.public-code,.chip,.status-pill){font-weight:var(--pd-weight-semibold)!important;}

/* Açılış ekranının mevcut marka görünümünü değiştirmez. */
#splash .splash-title{font-weight:800!important;}
#splash .splash-site{font-weight:600!important;}
#splash .loading,#splash .splash-credit{font-weight:400!important;}

@media(max-width:760px){
  body .host-app .host-content :is(.card h2,.section-heading h2,.panel-card-head h2,.host-card-head h2){
    font-weight:var(--pd-weight-semibold)!important;
  }
  body .host-app .host-content :is(.host-kpi>strong,.kpi>div>strong,.stat-value,.kpi-value){
    font-weight:var(--pd-weight-semibold)!important;
  }
}

/* v3.12.4 — Manuel bildirim formu ayrı sayfa */
.manual-notification-page{max-width:1180px;margin:0 auto;width:100%}
.notification-send-page-btn svg{width:16px;height:16px;fill:currentColor}
@media(max-width:640px){
  .notification-device-actions{grid-template-columns:1fr 1fr!important}
  .notification-device-actions .notification-send-page-btn{grid-column:1/-1}
  .manual-notification-page .manual-notification-card{margin-bottom:calc(84px + env(safe-area-inset-bottom))!important}
}

/* v3.12.4 — Bildirim ayarları cihaz durumu kartı */
.notification-settings-intro{
  grid-template-columns:minmax(0,1fr) minmax(470px,.95fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.notification-settings-copy{
  min-width:0!important;
  align-self:center!important;
}
.notification-device-note{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:20px!important;
  border:1px solid #d8cdfb!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#f7f4ff 0%,#eee8ff 100%)!important;
  box-shadow:0 12px 30px rgba(74,42,145,.08)!important;
  color:var(--pd-text)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  font-weight:var(--pd-weight-regular)!important;
}
.notification-device-head{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:start!important;
  min-width:0!important;
}
.notification-device-head-icon{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:var(--pd-primary)!important;
  border:1px solid #d9cff9!important;
  box-shadow:0 7px 18px rgba(75,44,154,.09)!important;
}
.notification-device-head-icon svg{
  width:22px!important;
  height:22px!important;
  fill:currentColor!important;
}
.notification-device-head b,
.notification-device-head span{
  display:block!important;
}
.notification-device-head b{
  margin:1px 0 4px!important;
  color:var(--pd-heading)!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:var(--pd-weight-semibold)!important;
  letter-spacing:-.012em!important;
}
.notification-device-head>div>span{
  color:#6b6480!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:var(--pd-weight-regular)!important;
}
.notification-device-status{
  width:100%!important;
  margin:16px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.notification-device-status>p{
  min-height:70px!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid rgba(103,61,230,.14)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.75)!important;
  color:var(--pd-muted)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.notification-device-status .notification-status-grid{
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.notification-device-status .notification-status-grid>div{
  min-width:0!important;
  min-height:74px!important;
  padding:11px 10px!important;
  border:1px solid rgba(103,61,230,.14)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 5px 13px rgba(67,44,124,.04)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.notification-device-status .notification-status-grid small{
  width:100%!important;
  margin:0!important;
  color:#777083!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:var(--pd-weight-medium)!important;
  white-space:normal!important;
}
.notification-device-status .notification-status-grid b{
  width:100%!important;
  margin:5px 0 0!important;
  color:var(--pd-heading)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:var(--pd-weight-semibold)!important;
  overflow-wrap:anywhere!important;
}
.notification-device-status .notification-success,
.notification-device-status .notification-error{
  margin:10px 0 0!important;
  line-height:1.45!important;
}
.notification-device-actions{
  width:100%!important;
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.notification-device-actions .btn{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center!important;
}
.notification-device-actions .btn svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}
@media(max-width:1180px){
  .notification-settings-intro{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .notification-device-note{
    max-width:none!important;
  }
}
@media(max-width:640px){
  .notification-settings-intro{
    gap:17px!important;
    padding:17px!important;
  }
  .notification-device-note{
    padding:16px!important;
    border-radius:15px!important;
  }
  .notification-device-head{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .notification-device-head-icon{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
  }
  .notification-device-status .notification-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .notification-device-status .notification-status-grid>div{
    min-height:70px!important;
  }
  .notification-device-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .notification-device-actions .notification-send-page-btn{
    grid-column:1/-1!important;
  }
}
@media(max-width:390px){
  .notification-settings-intro{padding:14px!important}
  .notification-device-note{padding:14px!important}
  .notification-device-head b{font-size:14px!important}
  .notification-device-head>div>span{font-size:11px!important}
  .notification-device-actions .btn{font-size:10.5px!important;padding-left:7px!important;padding-right:7px!important}
}

/* v3.12.4 — İşletme/operatör ana sayfası aktif çalışma kartı */
body .host-app .host-content .host-active-card .host-job-hero{
  padding:22px!important;
  background:linear-gradient(135deg,#6540db 0%,#7b55e9 58%,#8a67ef 100%)!important;
}
body .host-app .host-content .host-active-card .host-job-title{
  align-items:flex-start!important;
  min-width:0!important;
}
body .host-app .host-content .host-active-card .host-active-heading{
  min-width:0!important;
  flex:1 1 auto!important;
}
body .host-app .host-content .host-active-card .host-job-title h3{
  margin:0!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:var(--pd-weight-semibold)!important;
  letter-spacing:-.018em!important;
}
body .host-app .host-content .host-active-card .host-active-customer-line{
  margin:7px 0 0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:3px 8px!important;
  min-width:0!important;
  color:#fff!important;
  line-height:1.35!important;
}
body .host-app .host-content .host-active-card .host-active-customer-name{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:var(--pd-weight-bold)!important;
  letter-spacing:.012em!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
}
body .host-app .host-content .host-active-card .host-active-customer-place{
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:var(--pd-weight-regular)!important;
}
body .host-app .host-content .host-active-card .host-active-customer-place:not(:empty)::before{
  content:"•";
  margin-right:8px;
  color:rgba(255,255,255,.55);
}
body .host-app .host-content .host-active-card .host-timer-row{
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)!important;
  align-items:stretch!important;
  gap:10px!important;
}
body .host-app .host-content .host-active-card .host-timer-metric{
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(46,24,121,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body .host-app .host-content .host-active-card .host-timer-metric small{
  margin:0 0 7px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:var(--pd-weight-medium)!important;
  letter-spacing:.018em!important;
}
body .host-app .host-content .host-active-card .host-timer-duration strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(35px,4vw,46px)!important;
  line-height:1.08!important;
  font-weight:var(--pd-weight-semibold)!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-shadow:0 2px 5px rgba(42,23,103,.18)!important;
}
body .host-app .host-content .host-active-card .host-timer-amount b{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.15!important;
  font-weight:var(--pd-weight-semibold)!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 5px rgba(42,23,103,.14)!important;
}
@media(max-width:640px){
  body .host-app .host-content .host-active-card .host-job-hero{
    padding:18px!important;
  }
  body .host-app .host-content .host-active-card .host-job-title h3{
    font-size:16px!important;
  }
  body .host-app .host-content .host-active-card .host-active-customer-line{
    display:block!important;
    margin-top:8px!important;
  }
  body .host-app .host-content .host-active-card .host-active-customer-name,
  body .host-app .host-content .host-active-card .host-active-customer-place{
    display:block!important;
  }
  body .host-app .host-content .host-active-card .host-active-customer-name{
    font-size:15px!important;
  }
  body .host-app .host-content .host-active-card .host-active-customer-place{
    margin-top:3px!important;
    font-size:11.5px!important;
  }
  body .host-app .host-content .host-active-card .host-active-customer-place:not(:empty)::before{
    content:none!important;
  }
  body .host-app .host-content .host-active-card .host-timer-row{
    margin-top:16px!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body .host-app .host-content .host-active-card .host-timer-metric{
    min-height:82px!important;
    padding:12px 14px!important;
  }
  body .host-app .host-content .host-active-card .host-timer-duration strong{
    font-size:clamp(31px,10vw,39px)!important;
    letter-spacing:.045em!important;
  }
  body .host-app .host-content .host-active-card .host-timer-amount b{
    font-size:25px!important;
  }
}
@media(max-width:360px){
  body .host-app .host-content .host-active-card .host-job-hero{padding:15px!important}
  body .host-app .host-content .host-active-card .host-timer-duration strong{font-size:30px!important;letter-spacing:.03em!important}
  body .host-app .host-content .host-active-card .host-timer-amount b{font-size:23px!important}
}

/* v3.12.16 otomatik motorin fiyatı */
.fuel-auto-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fuel-auto-card>h2,.fuel-auto-card>.help,.fuel-auto-card>.checkline,.fuel-auto-card>.fuel-price-status,.fuel-auto-card>.fuel-source-error,.fuel-auto-card>.fuel-action-grid,.fuel-auto-card>.fuel-source-note,.fuel-auto-card>.field.full{grid-column:1/-1}
.fuel-price-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid #dcefe5;background:linear-gradient(135deg,#f5fff9,#ecfaf3)}
.fuel-price-status.warning{border-color:#ffe1b7;background:linear-gradient(135deg,#fffaf2,#fff3df)}
.fuel-price-status small,.fuel-price-status em{display:block;color:#6f7d77;font-size:11px;font-style:normal}
.fuel-price-status strong{display:block;margin:4px 0;font-size:25px;color:#1f2d27}
.fuel-price-status>span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(32,129,81,.16);color:#16834f;font-size:11px;font-weight:700;white-space:nowrap}
.fuel-price-status.warning>span{color:#c56a00;border-color:#ffd49d}
.fuel-source-error{padding:13px 15px;border-radius:15px;background:#fff7e9;border:1px solid #ffe0ae;color:#8b5d1f;font-size:12px;line-height:1.55}
.fuel-action-grid{margin-top:2px}.fuel-action-grid .btn{min-height:48px}
.fuel-source-note{margin:0!important;padding:12px 14px;border-radius:14px;background:#f8f6ff;border:1px solid #ece7fb}
@media(max-width:700px){.fuel-auto-card{grid-template-columns:1fr}.fuel-auto-card>.field{grid-column:1/-1}.fuel-price-status{align-items:flex-start;flex-direction:column}.fuel-price-status strong{font-size:22px}.fuel-action-grid{grid-template-columns:1fr!important}}
