/* =========================================================
   v0.8.0 — loan extension UI + final staff light-theme audit
   Loaded last. Does not modify unified schedule sizing/layout.
   ========================================================= */

.credit-selector-actions-final{
  display:flex;
  align-items:stretch;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.credit-selector-actions-final .credit-selector-action{
  margin:0!important;
  min-height:34px;
  white-space:nowrap;
}
.credit-extend-action{
  border-color:rgba(125,189,255,.38)!important;
}
.loan-extension-current{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:8px 0 10px;
}
.loan-extension-current>div{
  display:grid;
  gap:3px;
  padding:8px;
  border:1px solid rgba(125,189,255,.12);
  border-radius:9px;
  background:rgba(125,189,255,.035);
}
.loan-extension-current span,
.loan-extension-actor{
  color:#8297ac;
  font-size:8px;
}
.loan-extension-current b{
  font-size:10px;
}
.loan-extension-form input[readonly]{
  opacity:.78;
  cursor:not-allowed;
}
.loan-extension-preview{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:3px 9px;
  padding:9px;
  border:1px solid rgba(82,227,180,.22);
  border-radius:10px;
  background:rgba(82,227,180,.045);
}
.loan-extension-preview>span{
  grid-row:1 / span 2;
  color:#8297ac;
  font-size:8px;
  font-weight:800;
}
.loan-extension-preview>b{
  font-size:11px;
}
.loan-extension-preview>small{
  color:#8297ac;
  font-size:8px;
}
.loan-extension-actor{
  padding:6px 8px;
  border-left:2px solid rgba(125,189,255,.25);
  line-height:1.45;
}
.loan-extension-history{
  display:grid;
  gap:5px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(125,189,255,.12);
}
.loan-extension-history>b{
  font-size:9px;
}
.loan-extension-history-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 8px;
  padding:6px 7px;
  border:1px solid rgba(125,189,255,.10);
  border-radius:8px;
  font-size:8px;
}
.loan-extension-history-row>span{
  font-weight:800;
}
.loan-extension-history-row>small{
  color:#8297ac;
  text-align:right;
}
.loan-extension-history-row>em{
  grid-column:1/-1;
  color:#9aafc2;
  font-size:7.5px;
  font-style:normal;
}

/* ---------- final light theme ---------- */
html[data-theme="light"]{
  color-scheme:light!important;
  --card:#fff!important;
  --line:#d5e0e9!important;
  --muted:#61788b!important;
  --green:#099d76!important;
  --blue:#236f9f!important;
  --red:#c9435b!important;
  --amber:#9a6a00!important;
  background:#eef3f7!important;
  color:#142536!important;
}
html[data-theme="light"] body{
  background:linear-gradient(180deg,#f7fafc 0%,#edf3f7 100%)!important;
  color:#142536!important;
}
html[data-theme="light"] :is(
  .sheet,
  .modal-card,
  .side-card
){
  background:#f6f9fb!important;
  border-color:#d4dfe8!important;
  color:#142536!important;
}
html[data-theme="light"] :is(
  .panel,.cell,.kpi,.loan,.attention-item,
  .dash-finance-card,.dashboard-tasks-card,
  .overview-money-block,.finance-groups>section,
  .client-credit-card,.investor-loan-compact,
  .settings-card,.doc-item,.app-state div,
  .current-payment-split,.credit-schedule,
  .investor-settlement-host,.settlement-periods,
  .settlement-summary,.period-compact,.overview-months,
  .credit-selector-final,.credit-selector-form,
  .client-photo-card,.contact-final-row,
  .miniapp-access-box,.miniapp-invite-box,
  .loan-extension-current>div,
  .loan-extension-history-row
){
  background:#fff!important;
  border-color:#d6e1e9!important;
  color:#142536!important;
  box-shadow:none!important;
}
html[data-theme="light"] .client-360-tabs{
  background:rgba(247,250,252,.98)!important;
  border-color:#d5e0e9!important;
}
html[data-theme="light"] .client-360-tabs button{
  background:#edf3f7!important;
  border-color:#d5e0e9!important;
  color:#5c7387!important;
}
html[data-theme="light"] .client-360-tabs button:hover{
  background:#e6eef4!important;
  color:#254f6f!important;
}
html[data-theme="light"] .client-360-tabs button.active{
  background:#0aa77d!important;
  border-color:#0aa77d!important;
  color:#fff!important;
}
html[data-theme="light"] .client-360-tabs button.active i{
  background:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
html[data-theme="light"] :is(
  input,select,textarea,
  .filter-grid input,.filter-grid select,
  .form input,.form select,.form textarea,
  .doc-controls input,.doc-controls select
){
  background:#fff!important;
  color:#142536!important;
  border-color:#c7d5e0!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(input,select,textarea):focus{
  outline:none!important;
  border-color:#5c9fc8!important;
  box-shadow:0 0 0 2px rgba(48,128,179,.10)!important;
}
html[data-theme="light"] input[readonly]{
  background:#f1f5f8!important;
  color:#5b7184!important;
}
html[data-theme="light"] :is(
  .secondary,.mini-btn,.loan-tab,
  .credit-selector-action,
  .contact-actions a,.quick-actions button,
  .top-actions button,.modal-head button,.close
){
  background:#f3f7fa!important;
  border-color:#cbd9e4!important;
  color:#285b80!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(
  .secondary,.mini-btn,.loan-tab,
  .credit-selector-action,
  .contact-actions a,.quick-actions button
):hover:not(:disabled){
  background:#e8f0f5!important;
  border-color:#afc4d4!important;
  color:#174c70!important;
}
html[data-theme="light"] :is(button,input,select,textarea):disabled{
  opacity:.6!important;
  cursor:not-allowed!important;
}
html[data-theme="light"] .primary{
  background:#0aa77d!important;
  border-color:#0aa77d!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-theme="light"] .primary:hover:not(:disabled){
  background:#078f6b!important;
}
html[data-theme="light"] .danger-btn{
  background:#fff3f5!important;
  border-color:#e6bdc5!important;
  color:#b7354c!important;
}
html[data-theme="light"] :is(
  .credit-new-warning,.credit-topup-warning-final,
  .loan-extension-preview,.loan-extension-actor
){
  background:#f7fafc!important;
  border-color:#d7e2eb!important;
  color:#526b7f!important;
}
html[data-theme="light"] .loan-extension-preview{
  background:#f0faf6!important;
  border-color:#cfe8db!important;
}
html[data-theme="light"] .loan-extension-preview>b,
html[data-theme="light"] .loan-extension-current b,
html[data-theme="light"] .loan-extension-history>b,
html[data-theme="light"] .loan-extension-history-row>span{
  color:#142536!important;
}
html[data-theme="light"] :is(
  .hint,.muted,.row small,
  .form label span,.filter-grid label span,
  .compact-block-head small,.credit-card-meta span,
  .loan-extension-current span,.loan-extension-actor,
  .loan-extension-preview>small,.loan-extension-history-row>small,
  .loan-extension-history-row>em
){
  color:#667d90!important;
}
html[data-theme="light"] :is(
  .tag,.badge
){
  background:#eef4f8!important;
  border-color:#d2dee8!important;
  color:#526b7f!important;
}
html[data-theme="light"] .badge.overdue,
html[data-theme="light"] .tag.red{
  background:#fff0f3!important;
  border-color:#ebc3ca!important;
  color:#b8324b!important;
}
html[data-theme="light"] .badge.draft,
html[data-theme="light"] .tag.amber{
  background:#fff8e8!important;
  border-color:#ead8a8!important;
  color:#8b6207!important;
}
html[data-theme="light"] .badge.closed{
  background:#edf9f3!important;
  border-color:#cfe8dc!important;
  color:#257956!important;
}
html[data-theme="light"] :is(
  .row,.money-line-list>div,
  .client-history-row,.client-task-row,
  .dashboard-task-row,.settlement-period,
  .investor-settlement,.loan-extension-history
){
  border-color:rgba(40,74,98,.11)!important;
}
html[data-theme="light"] .sticky-actions{
  background:#f7fafc!important;
  border-color:#d6e1e9!important;
}
html[data-theme="light"] .menu-card{
  background:#fff!important;
  border-color:#d5e0e9!important;
  color:#142536!important;
}
html[data-theme="light"] .menu-card small{
  color:#687f92!important;
}
html[data-theme="light"] .photo-actions,
html[data-theme="light"] .client-photo-meta,
html[data-theme="light"] .contact-final-actions{
  color:#142536!important;
}
html[data-theme="light"] .client-photo-preview{
  background:#f3f7fa!important;
  border-color:#d3dfe8!important;
}
html[data-theme="light"] .timeline-item{
  border-color:#b9cfdd!important;
}
html[data-theme="light"] .leaflet-popup-content-wrapper,
html[data-theme="light"] .leaflet-popup-tip{
  background:#fff!important;
  color:#142536!important;
}

@media(max-width:560px){
  .credit-selector-actions-final{
    width:100%;
    justify-content:stretch;
  }
  .credit-selector-actions-final .credit-selector-action{
    flex:1 1 auto;
  }
  .loan-extension-current{
    grid-template-columns:1fr;
  }
}