/* Popservis — ortak uygulama arayüzü
   Ana kurumsal: #0a56dc / #132743 / #eaf2ff / #f6f8fb
*/

:root{
  --ps-bg:#f6f8fb;
  --ps-panel:#ffffff;
  --ps-panel-soft:#f8faff;
  --ps-line:#dfe7f2;
  --ps-line-strong:#cfdced;
  --ps-ink:#132743;
  --ps-muted:#68788e;
  --ps-muted-2:#8794a7;
  --ps-blue:#0a56dc;
  --ps-blue-deep:#0848b8;
  --ps-blue-soft:#eaf2ff;
  --ps-danger:#b4433b;
  --ps-danger-bg:#fff1ef;
  --ps-success:#246d4b;
  --ps-success-bg:#eef9f3;
  --ps-shadow:0 28px 72px rgba(16,54,120,.09),0 7px 22px rgba(16,38,74,.05);
  --ps-shadow-soft:0 14px 34px rgba(16,38,74,.05);
}

body.page-provider-panel,
body.page-job-detail,
body.page-result,
body.page-login{
  color:var(--ps-ink)!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(46,120,255,.09),transparent 30rem),
    radial-gradient(circle at 88% 12%,rgba(120,228,242,.10),transparent 28rem),
    linear-gradient(180deg,#eaf2ff 0,#f5f8fd 330px,var(--ps-bg) 680px)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Inter,Arial,sans-serif!important;
}

/* =========================================================
   HİZMET VEREN PANELİ
   ========================================================= */

body.page-provider-panel{
  --bg:var(--ps-bg);
  --panel:var(--ps-panel);
  --panel2:var(--ps-panel-soft);
  --border:var(--ps-line);
  --text:var(--ps-ink);
  --muted:var(--ps-muted);
  --accent:var(--ps-blue);
  --danger:var(--ps-danger);
  --shadow:var(--ps-shadow);
}

body.page-provider-panel .shell{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
}

body.page-provider-panel .topbar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.page-provider-panel .brand,
body.page-provider-panel .brand strong{
  color:var(--ps-ink)!important;
}

body.page-provider-panel .brand-mark{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  box-shadow:0 10px 24px rgba(10,86,220,.22)!important;
}

body.page-provider-panel .logout{
  color:#46586f!important;
  background:#fff!important;
  border:1px solid #d4deeb!important;
}

body.page-provider-panel .logout:hover{
  color:var(--ps-blue)!important;
  border-color:#b9d0f7!important;
  background:#f8fbff!important;
}

body.page-provider-panel .welcome h1,
body.page-provider-panel .section-title,
body.page-provider-panel .section-title strong{
  color:var(--ps-ink)!important;
}

body.page-provider-panel .welcome p,
body.page-provider-panel .balance-label,
body.page-provider-panel .payment-note,
body.page-provider-panel .item-meta,
body.page-provider-panel .account-field span{
  color:var(--ps-muted)!important;
}

body.page-provider-panel .stats{
  gap:12px;
}

body.page-provider-panel .stat,
body.page-provider-panel .card{
  color:var(--ps-ink)!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--ps-line)!important;
  box-shadow:var(--ps-shadow-soft)!important;
}

body.page-provider-panel .stat strong,
body.page-provider-panel .balance,
body.page-provider-panel .accent{
  color:var(--ps-blue)!important;
}

body.page-provider-panel .tabs{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.page-provider-panel .tab{
  color:#60728b!important;
  background:transparent!important;
}

body.page-provider-panel .tab.active{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  border-color:var(--ps-blue)!important;
  box-shadow:0 8px 20px rgba(10,86,220,.20)!important;
}

body.page-provider-panel .wallet-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.page-provider-panel .free-pill{
  color:#245fbd!important;
  background:#edf4ff!important;
  border:1px solid #c5d9fb!important;
}

body.page-provider-panel .topup{
  color:#17335e!important;
  background:#fff!important;
  border:1px solid #c9d5e4!important;
  box-shadow:0 7px 18px rgba(10,86,220,.05)!important;
}

body.page-provider-panel .topup:hover{
  color:var(--ps-blue)!important;
  border-color:#a9c2f1!important;
  background:#f8fbff!important;
}

body.page-provider-panel .item,
body.page-provider-panel .account-field{
  color:var(--ps-ink)!important;
  background:#fbfcfe!important;
  border-color:#dce5ef!important;
}

body.page-provider-panel .item-title{
  color:var(--ps-ink)!important;
}

body.page-provider-panel .empty,
body.page-provider-panel .loading,
body.page-provider-panel .login-gate{
  color:var(--ps-muted)!important;
}

body.page-provider-panel a{
  color:var(--ps-blue);
}

/* =========================================================
   USTAYA GÖNDERİLEN TALEP — is.html
   ========================================================= */

body.page-job-detail{
  --bg:var(--ps-bg);
  --panel:var(--ps-panel);
  --text:var(--ps-ink);
  --muted:var(--ps-muted);
  --border:var(--ps-line);
  --accent:var(--ps-blue);
  --accent-text:#fff;
  --danger:#c52a22;
  --warning:#8a5c00;
  --shadow:var(--ps-shadow);
}

body.page-job-detail .page{
  width:min(760px,calc(100% - 30px));
}

body.page-job-detail .logo{
  color:#0f1c30!important;
}

body.page-job-detail .logo::first-letter{
  color:inherit;
}

body.page-job-detail .panel{
  color:var(--ps-ink)!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--ps-line)!important;
  box-shadow:var(--ps-shadow)!important;
}

body.page-job-detail h1{
  color:#0f1c30!important;
}

body.page-job-detail .intro,
body.page-job-detail .loading{
  color:var(--ps-muted)!important;
}

body.page-job-detail .badge{
  border:1px solid #dce5ef!important;
  color:#53657c!important;
  background:#f4f7fb!important;
}

body.page-job-detail .badge.normal{
  color:#245fbd!important;
  background:#edf4ff!important;
  border-color:#c5d9fb!important;
}

body.page-job-detail .meta{
  color:var(--ps-ink)!important;
  background:#f8faff!important;
  border:1px solid #dde6f2!important;
}

body.page-job-detail .meta span{
  color:var(--ps-muted)!important;
}

body.page-job-detail .meta strong{
  color:var(--ps-ink)!important;
}

body.page-job-detail .problem,
body.page-job-detail .answers-section,
body.page-job-detail .provider,
body.page-job-detail .customer-contact{
  color:var(--ps-ink)!important;
  background:#fbfcfe!important;
  border:1px solid #dce5ef!important;
}

body.page-job-detail .contact-item,
body.page-job-detail .answer-item{
  color:var(--ps-ink)!important;
  background:#fff!important;
  border-color:#dfe7f2!important;
}

body.page-job-detail .contact-item span,
body.page-job-detail .answer-question-label,
body.page-job-detail .answer-value-label{
  color:var(--ps-muted)!important;
}

body.page-job-detail .contact-item strong,
body.page-job-detail .answer-question,
body.page-job-detail .answer-value{
  color:var(--ps-ink)!important;
}

body.page-job-detail .button,
body.page-job-detail .call-button{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  border-color:var(--ps-blue)!important;
  box-shadow:0 11px 22px rgba(10,86,220,.20)!important;
}

body.page-job-detail .button:hover,
body.page-job-detail .call-button:hover{
  background:linear-gradient(180deg,#246be6,var(--ps-blue-deep))!important;
}

body.page-job-detail .reject-button,
body.page-job-detail .reject-confirm-button{
  color:#fff!important;
  background:#c52a22!important;
  border-color:#c52a22!important;
}

body.page-job-detail .reject-button:hover,
body.page-job-detail .reject-confirm-button:hover{
  background:#ae211a!important;
  border-color:#ae211a!important;
}

body.page-job-detail .assignment-reject-panel{
  color:var(--ps-ink)!important;
  background:#fff8f7!important;
  border:1px solid #f0d4d0!important;
}

body.page-job-detail .reject-reason-option{
  color:#31475f!important;
  background:#fff!important;
  border-color:#dde5ef!important;
}

body.page-job-detail .reject-reason-option:hover{
  border-color:#efaaa3!important;
  background:#fffafa!important;
}

body.page-job-detail .reject-reason-option:has(input:checked){
  color:#7f211b!important;
  background:#fff1ef!important;
  border-color:#d92d25!important;
}

body.page-job-detail .reject-cancel-button{
  color:#53657c!important;
  background:#fff!important;
  border:1px solid #d5deea!important;
}

body.page-job-detail .message{
  border-color:#dce5ef!important;
}

/* =========================================================
   MÜŞTERİ TALEP SONUCU — sonuc.html
   ========================================================= */

body.page-result{
  --bg:var(--ps-bg);
  --card:#fff;
  --text:var(--ps-ink);
  --muted:var(--ps-muted);
  --green:var(--ps-blue);
  --line:var(--ps-line);
  --accent:var(--ps-blue-soft);
  --danger:var(--ps-danger);
}

body.page-result .shell{
  width:min(720px,calc(100% - 30px));
}

body.page-result .brand{
  color:#0f1c30!important;
}

body.page-result .mark{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  box-shadow:0 10px 24px rgba(10,86,220,.20)!important;
}

body.page-result .card{
  color:var(--ps-ink)!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--ps-line)!important;
  box-shadow:var(--ps-shadow)!important;
}

body.page-result .lead,
body.page-result .loading{
  color:var(--ps-muted)!important;
}

body.page-result .request{
  color:var(--ps-ink)!important;
  background:#f8faff!important;
  border:1px solid #dde6f2!important;
}

body.page-result .question{
  color:var(--ps-ink)!important;
}

body.page-result .choice{
  color:#253a54!important;
  background:#fff!important;
  border:1px solid #d6e0ed!important;
  box-shadow:0 6px 18px rgba(16,38,74,.035)!important;
}

body.page-result .choice:hover{
  color:var(--ps-blue)!important;
  background:#f8fbff!important;
  border-color:#b9d0f7!important;
  box-shadow:0 8px 22px rgba(10,86,220,.07)!important;
}

body.page-result .choice.primary{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  border-color:var(--ps-blue)!important;
  box-shadow:0 10px 22px rgba(10,86,220,.20)!important;
}

body.page-result .back{
  color:#5e7088!important;
}

body.page-result .back:hover{
  color:var(--ps-blue)!important;
}

body.page-result .done-icon{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
}

body.page-result .done h2{
  color:var(--ps-ink)!important;
}

/* =========================================================
   HİZMET VEREN GİRİŞ — giris.html
   ========================================================= */

body.page-login{
  color:var(--ps-ink)!important;
}

body.page-login .shell{
  width:min(520px,calc(100% - 30px));
}

body.page-login .brand{
  color:#0f1c30!important;
}

body.page-login .brand-mark{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  box-shadow:0 10px 24px rgba(10,86,220,.20)!important;
}

body.page-login .card{
  color:var(--ps-ink)!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--ps-line)!important;
  box-shadow:var(--ps-shadow)!important;
}

body.page-login h1,
body.page-login h2{
  color:#0f1c30!important;
}

body.page-login .lead,
body.page-login .small{
  color:var(--ps-muted)!important;
}

body.page-login label{
  color:#53657c!important;
}

body.page-login input{
  color:var(--ps-ink)!important;
  background:#fff!important;
  border:1px solid #c9d5e4!important;
}

body.page-login input:focus{
  border-color:#a9c2f1!important;
  box-shadow:0 0 0 4px rgba(10,86,220,.07)!important;
  outline:none!important;
}

body.page-login #sendButton,
body.page-login #verifyButton{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,var(--ps-blue))!important;
  border-color:var(--ps-blue)!important;
  box-shadow:0 11px 22px rgba(10,86,220,.20)!important;
}

body.page-login #sendButton:hover,
body.page-login #verifyButton:hover{
  background:linear-gradient(180deg,#246be6,var(--ps-blue-deep))!important;
}

body.page-login .secondary{
  color:#46586f!important;
  background:#fff!important;
  border:1px solid #d4deeb!important;
}

body.page-login .secondary:hover{
  color:var(--ps-blue)!important;
  border-color:#b9d0f7!important;
  background:#f8fbff!important;
}

body.page-login .message{
  border-color:#dce5ef!important;
}

@media(max-width:640px){
  body.page-provider-panel .shell,
  body.page-job-detail .page,
  body.page-result .shell,
  body.page-login .shell{
    width:min(100% - 22px,100%);
  }

  body.page-provider-panel,
  body.page-job-detail,
  body.page-result,
  body.page-login{
    background:
      radial-gradient(circle at 50% 0%,rgba(46,120,255,.08),transparent 24rem),
      linear-gradient(180deg,#edf4ff 0,#f7f9fc 360px,var(--ps-bg) 620px)!important;
  }
}


/* =========================================================
   POPSERVIS BLUE UI — POLISH V2
   Eski yeşil temadan kalan özel durumlar
   ========================================================= */

/* is.html — durum mesajları */
body.page-job-detail .message.success{
  color:#17335e!important;
  background:#edf4ff!important;
  border:1px solid #b9d0f7!important;
}

body.page-job-detail .message.error{
  color:#8b312d!important;
  background:#fff1ef!important;
  border:1px solid #f2cbc6!important;
}

/* is.html — soru / cevap görünümü */
body.page-job-detail .answer-value-wrap{
  background:#f8faff!important;
  border:1px solid #dfe7f2!important;
}

body.page-job-detail .answer-value-label{
  color:#245fbd!important;
  background:#edf4ff!important;
  border:1px solid #c5d9fb!important;
}

body.page-job-detail .answer-value{
  color:#132743!important;
}

/* is.html — hizmet veren paneli / bakiye CTA */
body.page-job-detail .provider-panel-balance-button{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,#0a56dc)!important;
  border:1px solid #0a56dc!important;
  box-shadow:0 10px 22px rgba(10,86,220,.20)!important;
}

body.page-job-detail .provider-panel-balance-button:hover{
  background:linear-gradient(180deg,#246be6,#0848b8)!important;
  border-color:#0848b8!important;
}

body.page-job-detail .provider-panel-balance-button:disabled{
  color:#8391a4!important;
  background:#edf1f6!important;
  border-color:#dce5ef!important;
  box-shadow:none!important;
}

/* giris.html — yardımcı buton */
body.page-login .secondary{
  color:#46586f!important;
  background:#f8faff!important;
  border:1px solid #d4deeb!important;
}

/* giris.html — bilgi / hata mesajları */
body.page-login .message{
  color:#53657c!important;
  background:#f4f7fb!important;
  border:1px solid #dce5ef!important;
}

body.page-login .message.error{
  color:#8b312d!important;
  background:#fff1ef!important;
  border-color:#f2cbc6!important;
}

body.page-login .small a{
  color:#0a56dc!important;
}

body.page-login .small a:hover{
  color:#0848b8!important;
}

/* sonuc.html — güvenli açık mavi durum görünümleri */
body.page-result .mark{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,#0a56dc)!important;
}

body.page-result .choice.primary{
  color:#fff!important;
}

body.page-result .error{
  color:#8b312d!important;
}

/* is.html — PopServis kurumsal logo */
body.page-job-detail .logo{
  color:#0f1c30!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  text-decoration:none!important;
}

body.page-job-detail .logo span{
  color:#0a56dc!important;
}

/* is.html — Soru / Cevap etiketleri mavi kurumsal */
body.page-job-detail .answer-question-label,
body.page-job-detail .answer-value-label{
  color:#245fbd!important;
  background:#edf4ff!important;
  border:1px solid #c5d9fb!important;
}

body.page-job-detail .answer-question{
  color:#132743!important;
}

/* POPSERVIS_ASSIGNMENT_REJECT_UI_V2 */
body.page-job-detail .assignment-reject-panel{
  margin-top:14px!important;
  padding:18px!important;
  border:1px solid #e6d8d6!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--ps-ink)!important;
  box-shadow:0 10px 28px rgba(16,38,74,.07)!important;
}

body.page-job-detail .assignment-reject-panel > label{
  display:block!important;
  margin:0!important;
  color:#17283d!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.35!important;
}

body.page-job-detail .reject-reason-help{
  display:block!important;
  margin:6px 0 15px!important;
  color:#6d7d91!important;
  font-size:13px!important;
  line-height:1.45!important;
}

body.page-job-detail .reject-reason-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}

body.page-job-detail .reject-reason-option{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:50px!important;
  padding:12px 13px!important;
  border:1px solid #dce4ee!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#31475f!important;
  box-shadow:none!important;
}

body.page-job-detail .reject-reason-option:hover{
  border-color:#e9aaa5!important;
  background:#fffafa!important;
}

body.page-job-detail .reject-reason-option input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.page-job-detail .reject-reason-indicator{
  position:relative!important;
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  border:2px solid #aebccc!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.page-job-detail .reject-reason-indicator::after{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  border-radius:50%!important;
  background:#fff!important;
  transform:scale(0)!important;
}

body.page-job-detail .reject-reason-text{
  min-width:0!important;
  color:inherit!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

body.page-job-detail .reject-reason-option:has(input:checked){
  color:#7f211b!important;
  background:#fff3f1!important;
  border-color:#d92d25!important;
  box-shadow:0 0 0 3px rgba(217,45,37,.08)!important;
}

body.page-job-detail .reject-reason-option:has(input:checked) .reject-reason-indicator{
  border-color:#d92d25!important;
  background:#d92d25!important;
  box-shadow:0 0 0 3px rgba(217,45,37,.10)!important;
}

body.page-job-detail .reject-reason-option:has(input:checked) .reject-reason-indicator::after{
  transform:scale(1)!important;
}

body.page-job-detail .reject-reason-option:focus-within{
  outline:2px solid rgba(10,86,220,.25)!important;
  outline-offset:2px!important;
}

body.page-job-detail .reject-confirm-button{
  width:100%!important;
  min-height:52px!important;
  margin-top:14px!important;
  border:1px solid #c52a22!important;
  border-radius:14px!important;
  background:#c52a22!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
}

body.page-job-detail .reject-confirm-button:hover:not(:disabled){
  background:#ae211a!important;
  border-color:#ae211a!important;
}

body.page-job-detail .reject-confirm-button:disabled{
  background:#eef2f6!important;
  border-color:#e1e7ee!important;
  color:#98a5b5!important;
  opacity:1!important;
  cursor:not-allowed!important;
}

body.page-job-detail .reject-cancel-button{
  display:block!important;
  min-height:40px!important;
  margin:7px auto 0!important;
  padding:0 18px!important;
  border:0!important;
  background:transparent!important;
  color:#65778d!important;
  font-size:14px!important;
  font-weight:700!important;
}

body.page-job-detail .reject-cancel-button:hover:not(:disabled){
  color:#0a56dc!important;
}

@media (min-width:560px){
  body.page-job-detail .reject-reason-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.page-job-detail .reject-reason-option:last-child{
    grid-column:1/-1!important;
  }
}

@media (max-width:480px){
  body.page-job-detail .assignment-reject-panel{
    padding:15px!important;
    border-radius:16px!important;
  }

  body.page-job-detail .assignment-reject-panel > label{
    font-size:16px!important;
  }

  body.page-job-detail .reject-reason-option{
    min-height:48px!important;
    padding:11px 12px!important;
  }
}


/* POPSERVIS_PROVIDER_LOGIN_GATE_BUTTON_V1 */
body.page-provider-panel #loginGate a[href="/hizmet-veren.html"]{
  color:#fff!important;
  background:linear-gradient(180deg,#2e78ff,#0a56dc)!important;
  border-color:#0a56dc!important;
  text-decoration:none!important;
  font-weight:750!important;
}

body.page-provider-panel #loginGate a[href="/hizmet-veren.html"]:hover{
  color:#fff!important;
  background:#084fc9!important;
  border-color:#084fc9!important;
}