/* YolunÜstü V2 — Profile / Driver Profile / Settings visual layer
   Scope: appearance and responsive layout only. */

:root{
  --yu-navy:#09285c;
  --yu-green:#0aae66;
  --yu-green-dark:#087c4b;
  --yu-green-soft:#eaf9f1;
  --yu-page:#f5f8f7;
  --yu-surface:#ffffff;
  --yu-border:#dce7ef;
  --yu-border-soft:#e9eff3;
  --yu-text:#172033;
  --yu-muted:#718096;
  --yu-muted-2:#94a3b8;
}

/* ---------- shared page frame ---------- */
.yu-profile-page,
.yu-profile-edit-page,
.yu-driver-profile-page,
.yu-driver-profile-edit-page,
.yu-settings-index-page,
.yu-settings-account-page,
.yu-settings-security-page,
.yu-settings-notifications-page{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

.yu-profile-page *,
.yu-profile-edit-page *,
.yu-driver-profile-page *,
.yu-driver-profile-edit-page *,
.yu-settings-index-page *,
.yu-settings-account-page *,
.yu-settings-security-page *,
.yu-settings-notifications-page *{
  box-sizing:border-box;
}

/* ---------- account profile ---------- */
.yu-profile-page .account-page{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:10px 0 34px!important;
  color:var(--yu-text)!important;
}
.yu-profile-page .account-hero{
  background:linear-gradient(135deg,#fff 0%,#f4fbf7 100%)!important;
  border:1px solid var(--yu-border)!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(9,40,92,.055)!important;
  padding:22px!important;
}
.yu-profile-page .avatar{
  background:linear-gradient(135deg,var(--yu-navy),var(--yu-green-dark))!important;
  box-shadow:0 10px 24px rgba(9,40,92,.12)!important;
}
.yu-profile-page .eyebrow,
.yu-profile-page .section-eyebrow{color:var(--yu-green)!important}
.yu-profile-page .hero-meta{color:var(--yu-muted)!important}
.yu-profile-page .capability-pill.driver,
.yu-profile-page .cap-icon.driver{background:var(--yu-green-soft)!important;color:var(--yu-green)!important}
.yu-profile-page .capability-pill.passenger,
.yu-profile-page .cap-icon.passenger{background:#edf8f3!important;color:var(--yu-green-dark)!important}
.yu-profile-page .account-primary-btn,
.yu-profile-page .account-page .btn-primary{background:var(--yu-green)!important;border-color:var(--yu-green)!important;color:#fff!important}
.yu-profile-page .account-primary-btn:hover,
.yu-profile-page .account-page .btn-primary:hover{background:var(--yu-green-dark)!important;border-color:var(--yu-green-dark)!important}
.yu-profile-page .profile-completion,
.yu-profile-page .panel-card,
.yu-profile-page .side-card{
  background:#fff!important;
  border:1px solid var(--yu-border)!important;
  box-shadow:0 7px 22px rgba(9,40,92,.038)!important;
}
.yu-profile-page .info-box,
.yu-profile-page .driver-summary,
.yu-profile-page .capability-card,
.yu-profile-page .rating-summary,
.yu-profile-page .side-card.highlight{background:#f9fcfb!important;border-color:var(--yu-border-soft)!important}
.yu-profile-page .vehicle-icon{background:var(--yu-green-soft)!important;color:var(--yu-green)!important}
.yu-profile-page .quiet-link{color:var(--yu-green-dark)!important}
.yu-profile-page .outline-btn{border-color:#d7e1e8!important;color:#334155!important;background:#fff!important}
.yu-profile-page .stars .filled{color:#f2ae24!important}

/* ---------- profile edit ---------- */
.yu-profile-edit-page .edit-profile-page{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:10px 0 34px!important;
}
.yu-profile-edit-page .card{
  border:1px solid var(--yu-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(9,40,92,.038)!important;
  overflow:hidden;
}
.yu-profile-edit-page .section-title{min-width:0}
.yu-profile-edit-page .title-icon{width:42px!important;height:42px!important;border-radius:12px!important;flex:0 0 42px}
.yu-profile-edit-page .title-icon.blue,
.yu-profile-edit-page .title-icon.green,
.yu-profile-edit-page .title-icon.orange{
  background:var(--yu-green-soft)!important;color:var(--yu-green)!important;
}
.yu-profile-edit-page .eyebrow{color:var(--yu-green)!important}
.yu-profile-edit-page .form-label{color:#334155!important;font-weight:800!important}
.yu-profile-edit-page .modern-input{
  width:100%!important;
  min-height:44px!important;
  border:1px solid #d6e1e8!important;
  border-radius:11px!important;
  color:var(--yu-text)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.yu-profile-edit-page .modern-input:focus{
  border-color:var(--yu-green)!important;
  box-shadow:0 0 0 3px rgba(10,174,102,.10)!important;
}
.yu-profile-edit-page .btn-primary{
  background:var(--yu-green)!important;
  border-color:var(--yu-green)!important;
  color:#fff!important;
}
.yu-profile-edit-page .btn-primary:hover{background:var(--yu-green-dark)!important;border-color:var(--yu-green-dark)!important}
.yu-profile-edit-page .btn-outline-secondary{border-color:#d5dfe6!important;color:#334155!important;background:#fff!important}

/* ---------- driver profile ---------- */
.yu-driver-profile-page .biz-wrap,
.yu-driver-profile-edit-page .biz-wrap{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:10px 0 34px!important;
}
.yu-driver-profile-page .biz-card,
.yu-driver-profile-edit-page .biz-card{
  width:100%!important;
  border:1px solid var(--yu-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(9,40,92,.045)!important;
  overflow:hidden!important;
}
.yu-driver-profile-page .biz-card-h,
.yu-driver-profile-edit-page .biz-card-h{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px!important;
  background:linear-gradient(135deg,#fff 0%,#f6fbf8 100%)!important;
  border-bottom:1px solid var(--yu-border)!important;
}
.yu-driver-profile-page .biz-title,
.yu-driver-profile-edit-page .biz-title{color:var(--yu-navy)!important;margin:0!important;font-weight:850!important}
.yu-driver-profile-page .biz-sub,
.yu-driver-profile-edit-page .biz-sub{color:var(--yu-muted)!important}
.yu-driver-profile-page .biz-card-b,
.yu-driver-profile-edit-page .biz-card-b{padding:22px!important}
.yu-driver-profile-page .biz-kv,
.yu-driver-profile-edit-page .biz-kv{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.yu-driver-profile-page .biz-k,
.yu-driver-profile-edit-page .biz-k{
  color:var(--yu-muted-2)!important;
  font-size:10px!important;
  font-weight:800!important;
  padding:13px 14px!important;
  border:1px solid var(--yu-border-soft)!important;
  border-radius:12px!important;
  background:#f9fcfb!important;
}
.yu-driver-profile-page .biz-v,
.yu-driver-profile-edit-page .biz-v{
  margin-left:-12px!important;
  color:var(--yu-navy)!important;
  font-weight:850!important;
  padding:13px 14px!important;
  border:1px solid var(--yu-border-soft)!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow-wrap:anywhere!important;
}
.yu-driver-profile-page .biz-btn-primary{
  background:var(--yu-green)!important;border-color:var(--yu-green)!important;color:#fff!important;
}
.yu-driver-profile-page .biz-btn-primary:hover{background:var(--yu-green-dark)!important;border-color:var(--yu-green-dark)!important}
.yu-driver-profile-page .biz-btn,
.yu-driver-profile-edit-page .biz-btn{border-radius:11px!important}

/* ---------- settings index ---------- */
.yu-settings-index-page .settings-page{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:10px 0 34px!important;
  color:var(--yu-text)!important;
}
.yu-settings-index-page .settings-grid{
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
}
.yu-settings-index-page .settings-nav{
  background:#fff!important;border:1px solid var(--yu-border)!important;border-radius:18px!important;
  box-shadow:0 7px 22px rgba(9,40,92,.038)!important;overflow:hidden!important;
}
.yu-settings-index-page .settings-tab{border:1px solid transparent!important;color:#334155!important}
.yu-settings-index-page .settings-tab:hover{background:#f6faf8!important}
.yu-settings-index-page .settings-tab.active{
  background:var(--yu-green-soft)!important;
  border-color:#c8ecd9!important;
  color:var(--yu-green-dark)!important;
}
.yu-settings-index-page .settings-tab .tab-icon{background:#f4f7f8!important;color:#718096!important}
.yu-settings-index-page .settings-tab.active .tab-icon{background:#dcf5e8!important;color:var(--yu-green)!important}
.yu-settings-index-page .settings-tab.active small{color:#5b836f!important}
.yu-settings-index-page .settings-panel > .card{
  border:1px solid var(--yu-border)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 7px 22px rgba(9,40,92,.038)!important;overflow:hidden!important;
}
.yu-settings-index-page .panel-head{min-width:0}
.yu-settings-index-page .panel-head h5{color:var(--yu-navy)!important}
.yu-settings-index-page .eyebrow{color:var(--yu-green)!important}
.yu-settings-index-page .panel-symbol{color:var(--yu-green)!important}
.yu-settings-index-page .modern-input{
  min-height:44px!important;border:1px solid #d6e1e8!important;border-radius:11px!important;background:#fff!important;
}
.yu-settings-index-page .modern-input:focus{border-color:var(--yu-green)!important;box-shadow:0 0 0 3px rgba(10,174,102,.10)!important}
.yu-settings-index-page .setting-row,
.yu-settings-index-page .device-notification-actions{border-color:var(--yu-border-soft)!important}
.yu-settings-index-page .setting-row strong,
.yu-settings-index-page .device-notification-actions strong{color:var(--yu-text)!important}
.yu-settings-index-page .btn-primary{background:var(--yu-green)!important;border-color:var(--yu-green)!important;color:#fff!important}
.yu-settings-index-page .btn-primary:hover{background:var(--yu-green-dark)!important;border-color:var(--yu-green-dark)!important}
.yu-settings-index-page .btn-outline-primary{color:var(--yu-green-dark)!important;border-color:#bfe8d2!important;background:#fff!important}
.yu-settings-index-page .btn-outline-primary:hover{background:var(--yu-green-soft)!important;border-color:#9bd8b9!important}
.yu-settings-index-page .notification-summary{background:#f8fcfa!important;border-color:var(--yu-border-soft)!important}

/* ---------- standalone settings pages ---------- */
.yu-settings-account-page .settings-single,
.yu-settings-security-page .settings-single,
.yu-settings-notifications-page .settings-single{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:10px 0 34px!important;
  color:var(--yu-text)!important;
}
.yu-settings-account-page .settings-single-card,
.yu-settings-security-page .settings-single-card,
.yu-settings-notifications-page .settings-single-card{
  border:1px solid var(--yu-border)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 7px 22px rgba(9,40,92,.038)!important;overflow:hidden!important;
}
.yu-settings-account-page .settings-single-head,
.yu-settings-security-page .settings-single-head,
.yu-settings-notifications-page .settings-single-head{
  background:linear-gradient(135deg,#fff 0%,#f6fbf8 100%)!important;
  border-bottom:1px solid var(--yu-border)!important;
  padding:20px 22px!important;
}
.yu-settings-account-page .settings-single-head h1,
.yu-settings-security-page .settings-single-head h1,
.yu-settings-notifications-page .settings-single-head h1{color:var(--yu-navy)!important}
.yu-settings-account-page .settings-single-icon,
.yu-settings-security-page .settings-single-icon,
.yu-settings-notifications-page .settings-single-icon{background:var(--yu-green-soft)!important;color:var(--yu-green)!important}
.yu-settings-account-page .settings-eyebrow,
.yu-settings-security-page .settings-eyebrow,
.yu-settings-notifications-page .settings-eyebrow{color:var(--yu-green)!important}
.yu-settings-account-page .settings-single-body,
.yu-settings-security-page .settings-single-body,
.yu-settings-notifications-page .settings-single-body{padding:22px!important}
.yu-settings-account-page .settings-info,
.yu-settings-security-page .settings-info,
.yu-settings-notifications-page .settings-info,
.yu-settings-account-page .settings-cap,
.yu-settings-security-page .settings-cap,
.yu-settings-notifications-page .settings-cap{background:#f9fcfb!important;border-color:var(--yu-border-soft)!important}
.yu-settings-account-page .settings-info strong,
.yu-settings-security-page .settings-info strong,
.yu-settings-notifications-page .settings-info strong{color:var(--yu-navy)!important}
.yu-settings-account-page .settings-ok,
.yu-settings-security-page .settings-ok,
.yu-settings-notifications-page .settings-ok{color:var(--yu-green-dark)!important}
.yu-settings-security-page .settings-input,
.yu-settings-notifications-page .settings-input{min-height:44px!important;border:1px solid #d6e1e8!important;border-radius:11px!important}
.yu-settings-security-page .settings-input:focus,
.yu-settings-notifications-page .settings-input:focus{border-color:var(--yu-green)!important;box-shadow:0 0 0 3px rgba(10,174,102,.10)!important}
.yu-settings-account-page .settings-btn.primary,
.yu-settings-security-page .settings-btn.primary,
.yu-settings-notifications-page .settings-btn.primary{background:var(--yu-green)!important;border-color:var(--yu-green)!important;color:#fff!important}
.yu-settings-account-page .settings-btn.primary:hover,
.yu-settings-security-page .settings-btn.primary:hover,
.yu-settings-notifications-page .settings-btn.primary:hover{background:var(--yu-green-dark)!important;border-color:var(--yu-green-dark)!important}
.yu-settings-account-page .settings-btn.outline,
.yu-settings-security-page .settings-btn.outline,
.yu-settings-notifications-page .settings-btn.outline{border-color:#d5dfe6!important;color:#334155!important;background:#fff!important}
.yu-settings-security-page .settings-security-list i{color:var(--yu-green)!important}
.yu-settings-notifications-page .settings-device-actions button{border-color:#ffd2d2!important}

/* ---------- general settings page ---------- */
.yu-settings-page{
  color:var(--yu-text)!important;
}
.yu-settings-page .yu-settings-header{
  border-color:var(--yu-border)!important;
}
.yu-settings-page .yu-settings-eyebrow{color:var(--yu-green)!important}
.yu-settings-page .yu-settings-header-icon,
.yu-settings-page .yu-settings-icon.blue,
.yu-settings-page .yu-settings-icon.green,
.yu-settings-page .yu-settings-icon.orange,
.yu-settings-page .yu-settings-icon.purple{
  background:var(--yu-green-soft)!important;color:var(--yu-green)!important;
}
.yu-settings-page .yu-settings-card{
  border-color:var(--yu-border)!important;
  box-shadow:0 7px 22px rgba(9,40,92,.038)!important;
}
.yu-settings-page .yu-settings-card-head{border-color:var(--yu-border-soft)!important}
.yu-settings-page .yu-settings-card-head h2{color:var(--yu-navy)!important}
.yu-settings-page .yu-settings-input{border-color:#d6e1e8!important}
.yu-settings-page .yu-settings-input:focus{border-color:var(--yu-green)!important;box-shadow:0 0 0 3px rgba(10,174,102,.10)!important}
.yu-settings-page .yu-settings-btn.primary{background:var(--yu-green)!important;border-color:var(--yu-green)!important}
.yu-settings-page .yu-settings-btn.primary:hover{background:var(--yu-green-dark)!important;border-color:var(--yu-green-dark)!important}
.yu-settings-page .yu-settings-head-link span{background:var(--yu-green-soft)!important;color:var(--yu-green-dark)!important}
.yu-settings-page .yu-switch{background:#d9e3e7!important}
.yu-settings-page .yu-settings-toggle input:checked + .yu-switch{background:var(--yu-green)!important}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .yu-profile-page .profile-grid{grid-template-columns:minmax(0,1fr) 300px!important}
  .yu-profile-page .driver-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .yu-settings-index-page .settings-grid{grid-template-columns:1fr!important}
  .yu-settings-index-page .settings-nav{position:static!important}
  .yu-settings-index-page .settings-nav .card-body{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .yu-settings-index-page .settings-tab{min-height:64px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}
}

@media(max-width:800px){
  .yu-profile-page .account-page,
  .yu-profile-edit-page .edit-profile-page,
  .yu-driver-profile-page .biz-wrap,
  .yu-driver-profile-edit-page .biz-wrap,
  .yu-settings-index-page .settings-page,
  .yu-settings-account-page .settings-single,
  .yu-settings-security-page .settings-single,
  .yu-settings-notifications-page .settings-single{padding:6px 0 28px!important}
  .yu-profile-page .account-hero{padding:17px!important;border-radius:16px!important}
  .yu-profile-page .profile-grid{grid-template-columns:1fr!important}
  .yu-profile-page .profile-side-col{display:flex!important;flex-direction:column!important}
  .yu-profile-page .info-grid,
  .yu-profile-page .capability-grid{grid-template-columns:1fr!important}
  .yu-profile-page .driver-summary-grid{grid-template-columns:1fr 1fr!important}
  .yu-profile-edit-page .card-body{padding:15px!important}
  .yu-profile-edit-page .row.g-3>div{width:100%!important}
  .yu-profile-edit-page .btn{width:100%!important}
  .yu-driver-profile-page .biz-card-h,
  .yu-driver-profile-edit-page .biz-card-h{flex-direction:column!important;align-items:stretch!important;padding:17px!important}
  .yu-driver-profile-page .biz-card-b,
  .yu-driver-profile-edit-page .biz-card-b{padding:17px!important}
  .yu-driver-profile-page .biz-kv,
  .yu-driver-profile-edit-page .biz-kv{grid-template-columns:1fr!important}
  .yu-driver-profile-page .biz-v,
  .yu-driver-profile-edit-page .biz-v{margin-left:0!important}
  .yu-driver-profile-page .biz-btn,
  .yu-driver-profile-edit-page .biz-btn{width:100%!important;justify-content:center!important}
  .yu-settings-index-page .settings-nav .card-body{grid-template-columns:1fr 1fr!important}
  .yu-settings-index-page .settings-tab{min-height:58px!important;flex-direction:row!important;text-align:left!important;justify-content:flex-start!important;padding:9px 10px!important}
  .yu-settings-index-page .settings-panel .card-body{padding:15px!important}
  .yu-settings-index-page .setting-row,
  .yu-settings-index-page .device-notification-actions,
  .yu-settings-index-page .notification-summary{align-items:flex-start!important;flex-direction:column!important}
  .yu-settings-index-page .device-notification-actions .btn,
  .yu-settings-index-page .notification-summary .btn{width:100%!important}
  .yu-settings-account-page .settings-single-head,
  .yu-settings-security-page .settings-single-head,
  .yu-settings-notifications-page .settings-single-head{padding:16px!important}
  .yu-settings-account-page .settings-single-body,
  .yu-settings-security-page .settings-single-body,
  .yu-settings-notifications-page .settings-single-body{padding:15px!important}
  .yu-settings-account-page .settings-info-grid,
  .yu-settings-security-page .settings-grid-3,
  .yu-settings-notifications-page .settings-info-grid{grid-template-columns:1fr!important}
  .yu-settings-account-page .settings-actions,
  .yu-settings-security-page .settings-actions,
  .yu-settings-notifications-page .settings-actions{flex-direction:column!important}
  .yu-settings-account-page .settings-actions .settings-btn,
  .yu-settings-security-page .settings-actions .settings-btn,
  .yu-settings-notifications-page .settings-actions .settings-btn{width:100%!important}
  .yu-settings-page .yu-settings-page{padding-bottom:90px!important}
  .yu-settings-page .yu-settings-header{padding:4px 2px 0!important}
  .yu-settings-page .yu-settings-header h1{font-size:23px!important}
  .yu-settings-page .yu-settings-card-head{padding:13px!important}
  .yu-settings-page .yu-settings-form{padding:13px!important}
  .yu-settings-page .yu-settings-grid{grid-template-columns:1fr!important}
  .yu-settings-page .yu-settings-actions{flex-direction:column!important;padding:0 13px 13px!important}
  .yu-settings-page .yu-settings-actions .yu-settings-btn{width:100%!important}
}

@media(max-width:480px){
  .yu-profile-page .account-page,
  .yu-profile-edit-page .edit-profile-page,
  .yu-driver-profile-page .biz-wrap,
  .yu-driver-profile-edit-page .biz-wrap,
  .yu-settings-index-page .settings-page,
  .yu-settings-account-page .settings-single,
  .yu-settings-security-page .settings-single,
  .yu-settings-notifications-page .settings-single{padding-inline:0!important}
  .yu-profile-page .account-hero{border-radius:14px!important;padding:15px!important}
  .yu-profile-page .panel-card,
  .yu-profile-page .side-card{padding:14px!important;border-radius:14px!important}
  .yu-profile-page .driver-summary-grid{grid-template-columns:1fr!important}
  .yu-settings-index-page .settings-nav .card-body{grid-template-columns:1fr!important}
  .yu-settings-index-page .settings-tab{min-height:54px!important}
  .yu-settings-page .yu-settings-header{gap:8px!important}
  .yu-settings-page .yu-settings-header-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
}