/* V9.6.9 — Settings / manual payments / sidebar reliability */

/* Sidebar toggle: expanded is the default; collapse is intentionally subtle. */
html body .app-sidebar{position:fixed!important}
.v968-sidebar-collapse{top:104px!important;right:10px!important;width:30px!important;height:30px!important;border-radius:9px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:inherit!important;box-shadow:none!important;backdrop-filter:blur(8px);z-index:120!important}
.v968-sidebar-collapse:hover{background:rgba(255,255,255,.2)!important;color:inherit!important}
body.v968-sidebar-collapsed .v968-sidebar-collapse{right:13px!important;background:rgba(255,255,255,.14)!important}
body.v968-sidebar-collapsed .app-sidebar{width:76px!important;min-width:76px!important;max-width:76px!important}
body.v968-sidebar-collapsed .app-shell{margin-left:76px!important}
@media(max-width:720px){.v968-sidebar-collapse{display:none!important}}

/* Settings shell */
.v969-settings-page{max-width:1480px;margin:0 auto;padding-bottom:28px}
.v969-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 14px;padding:18px 20px;border:1px solid #e5eaf0;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);box-shadow:0 5px 18px rgba(15,23,42,.035)}
.v969-settings-eyebrow{display:block;margin-bottom:5px;color:#667085;font-size:9px;font-weight:900;letter-spacing:.12em}
.v969-settings-hero h1{margin:0;color:#101828;font-size:24px;letter-spacing:-.035em}
.v969-settings-hero p{margin:5px 0 0;color:#667085;font-size:11px;line-height:1.5;max-width:780px}
.v969-settings-current{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;color:#344054;font-size:10px;font-weight:850;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.v969-settings-current i{color:#1967e8}
.v969-settings-tabs{display:flex!important;gap:6px!important;align-items:center;margin:0 0 16px!important;padding:6px!important;border:1px solid #e5eaf0!important;border-radius:14px!important;background:#fff!important;overflow-x:auto!important;scrollbar-width:thin}
.v969-settings-tabs a{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;min-height:36px!important;padding:0 11px!important;border:0!important;border-radius:9px!important;color:#667085!important;background:transparent!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important}
.v969-settings-tabs a i{font-size:11px;color:#98a2b3}
.v969-settings-tabs a:hover{background:#f2f4f7!important;color:#344054!important}
.v969-settings-tabs a.active{background:#101828!important;color:#fff!important;box-shadow:0 3px 9px rgba(16,24,40,.12)!important}
.v969-settings-tabs a.active i{color:#fff!important}
.v969-settings-page .v2-settings-layout{gap:16px!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important}
.v969-settings-page .v2-section-card{border-radius:16px!important;box-shadow:0 5px 18px rgba(15,23,42,.035)!important}
.v969-settings-page .v2-section-card>.card-head{padding:15px 17px!important}
.v969-settings-page .v2-section-card>.card-head h2{font-size:13px!important}
.v969-settings-page .v2-section-card>.card-head p{font-size:9px!important;line-height:1.45!important}
.v969-settings-page .v2-form-pad{padding:17px!important}
.v969-settings-page .v2-card-footer{padding:12px 17px!important}
.v969-settings-page .form-grid{gap:12px!important}
.v969-settings-page label{font-size:10px!important}
.v969-settings-page .v2-log-card .table-wrap{max-height:390px;overflow:auto}
.v969-settings-page .v2-stack{gap:14px!important}
.v969-settings-page .v2-template-list{max-height:390px;overflow:auto}
.v969-settings-page .v2-queue-stats{grid-template-columns:repeat(3,1fr)}
.v969-settings-security{margin-bottom:16px!important}
.v969-settings-sidecard{position:sticky;top:82px}

/* Manual payment methods */
.v969-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v969-payment-summary article{display:flex;align-items:center;gap:11px;padding:14px 15px;border:1px solid #e5eaf0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.03)}
.v969-payment-summary small{display:block;color:#7b8798;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.v969-payment-summary strong{display:block;margin-top:2px;color:#101828;font-size:21px}
.v969-pay-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef4ff;color:#1967e8}.v969-pay-icon.green{background:#ecfdf3;color:#12b76a}.v969-pay-icon.gray{background:#f2f4f7;color:#667085}
.v969-payment-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:16px;align-items:start}
.v969-payment-list{padding:5px 15px 15px;display:grid;gap:9px}
.v969-payment-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e8edf3;border-radius:13px;background:#fff}
.v969-payment-row:hover{border-color:#ccd8e8;background:#fcfdff}
.v969-payment-brand{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#f5f8fc;overflow:hidden}.v969-payment-brand img{display:block;max-width:34px;max-height:28px;object-fit:contain}.v969-payment-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#1967e8}
.v969-payment-copy>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v969-payment-copy strong{font-size:11px;color:#101828}.v969-payment-copy p{margin:4px 0;color:#667085;font-size:9px;line-height:1.45}.v969-payment-copy small{color:#98a2b3;font-size:8px}
.v969-payment-actions{display:flex;align-items:center;gap:6px}.v969-payment-actions form{margin:0}.v969-danger{color:#b42318!important;border-color:#ffd7d7!important;background:#fff5f5!important}
.v969-payment-editor{position:sticky;top:82px}.v969-payment-presets{margin-bottom:14px;padding:10px;border:1px dashed #d6deea;border-radius:11px;background:#fbfcfe}.v969-payment-presets>span{display:block;margin-bottom:7px;color:#667085;font-size:9px;font-weight:850}.v969-payment-presets>div{display:flex;gap:6px;flex-wrap:wrap}.v969-payment-presets button{border:1px solid #dde4ed;border-radius:999px;background:#fff;color:#475467;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.v969-payment-presets button:hover{border-color:#a9c4ff;background:#eef4ff;color:#175cd3}
.v969-payment-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f4}
.v969-payment-empty{margin:8px 0!important}
.v969-client-pay-logo img{display:block;max-width:30px;max-height:26px;object-fit:contain}

@media(max-width:1120px){.v969-settings-page .v2-settings-layout,.v969-payment-layout{grid-template-columns:1fr!important}.v969-settings-sidecard,.v969-payment-editor{position:static}.v969-payment-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.v969-settings-hero{align-items:flex-start;flex-direction:column}.v969-settings-current{display:none}.v969-payment-summary{grid-template-columns:1fr}.v969-payment-row{grid-template-columns:42px minmax(0,1fr)}.v969-payment-actions{grid-column:1/-1;justify-content:flex-end}.v969-settings-page{padding-bottom:18px}}

/* Hard override for legacy sidebar width rules (v631 uses higher specificity). */
@media(min-width:721px){
  html body.app-body.v968-sidebar-collapsed .app-sidebar,
  html body.v30-ui.v968-sidebar-collapsed .app-sidebar{width:76px!important;min-width:76px!important;max-width:76px!important;padding-left:10px!important;padding-right:10px!important;overflow:visible!important}
  html body.app-body.v968-sidebar-collapsed .app-shell,
  html body.v30-ui.v968-sidebar-collapsed .app-shell{margin-left:76px!important;width:calc(100% - 76px)!important;max-width:calc(100% - 76px)!important}
}