/* V186: finanse, kafelki, mobile, zobowiązania */
.finance-summary-clickable-v186{cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.finance-summary-clickable-v186:hover{border-color:rgba(255,64,78,.45)!important;transform:translateY(-1px)}
.finance-summary-clickable-v186:focus-visible{outline:2px solid #ff3446;outline-offset:2px}

/* Hub: opisy zawsze widoczne i selektory nie łapią przycisków wewnętrznych należności. */
.finance-hub-v181>button{min-width:0}
.finance-hub-v181>button>small,.finance-hub-description-v186{display:block!important;visibility:visible!important;opacity:1!important;white-space:normal!important}
.finance-hub-v181>button>span,.finance-hub-v181>button>small,.finance-hub-v181>button>b{overflow-wrap:anywhere}

.finance-fixed-dues-summary-v186{
  grid-column:1/-1;min-height:0!important;padding:18px;border:1px solid rgba(255,255,255,.10);
  border-radius:20px;background:#101017;color:#fff;display:grid;gap:12px
}
.finance-fixed-dues-head-v186{display:grid;gap:4px}
.finance-fixed-dues-head-v186>span{font-size:1.05rem;font-weight:900}
.finance-fixed-dues-head-v186>small,.finance-fixed-dues-status-v186{color:#9696a2;line-height:1.4}
.finance-dues-click-grid-v186{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.finance-dues-click-grid-v186 button{
  min-height:88px!important;padding:10px 11px!important;margin:0!important;border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;background:#15151d!important;color:#fff!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
  gap:4px!important;text-align:left!important;cursor:pointer!important
}
.finance-dues-click-grid-v186 button:hover{border-color:rgba(255,52,70,.48)!important;background:#191921!important}
.finance-dues-click-grid-v186 button small{font-size:.68rem!important;color:#8f8f9b!important}
.finance-dues-click-grid-v186 button strong{font-size:.98rem!important;line-height:1.2!important}
.finance-dues-click-grid-v186 button em{margin-top:auto;font-size:.62rem;font-style:normal;color:#ff5361}
.finance-dues-click-grid-v186 button.total{border-color:rgba(255,52,70,.26)!important;background:linear-gradient(145deg,rgba(239,9,23,.09),#15151d)!important}

.finance-quick-choice-v186{max-width:560px;width:min(92vw,560px)}
.finance-quick-choice-body-v186{padding:6px 4px 4px}
.finance-quick-choice-body-v186 h2{margin:8px 0 8px}
.finance-quick-choice-body-v186>p{color:#a1a1ab}
.finance-quick-choice-actions-v186{display:grid;gap:10px;margin-top:18px}
.finance-quick-choice-actions-v186 .panel-button{width:100%}

/* Miesiąc na iPhone/Safari: ikona natywnego kalendarza nie może nachodzić na tekst. */
@media(max-width:720px){
  .finance-period-toolbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px 82px!important;
    gap:7px!important;align-items:end!important
  }
  .finance-period-toolbar label{grid-column:2!important;min-width:0!important;width:100%!important}
  .finance-period-toolbar #finance-prev-month{grid-column:1!important;grid-row:1!important}
  .finance-period-toolbar #finance-next-month{grid-column:3!important;grid-row:1!important}
  .finance-period-toolbar #finance-current-month{grid-column:4!important;grid-row:1!important;width:82px!important;padding:0 7px!important}
  .finance-period-toolbar .finance-period-label{grid-column:1/-1!important;text-align:center!important;margin:2px 0 0!important}
  .finance-period-toolbar input[type="month"]{
    width:100%!important;min-width:0!important;height:46px!important;padding:0 12px!important;
    font-size:1rem!important;line-height:46px!important;text-align:left!important
  }
  .finance-period-toolbar input[type="month"]::-webkit-calendar-picker-indicator{
    opacity:0!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important
  }
  .finance-dues-click-grid-v186{grid-template-columns:1fr 1fr!important}
  .finance-dues-click-grid-v186 button.total{grid-column:1/-1!important}
}
@media(max-width:420px){
  .finance-period-toolbar{grid-template-columns:42px minmax(0,1fr) 42px 70px!important}
  .finance-period-toolbar #finance-current-month{width:70px!important;font-size:.72rem!important}
}

/* Zabezpieczenia przed nachodzeniem tekstu/ikon w głównym panelu. */
.ops-topbar-left,.ops-topbar-right,.section-title>*,.finance-summary-grid article,.finance-hub-v181>*{min-width:0}
.finance-summary-grid article strong,.finance-summary-grid article small{overflow-wrap:anywhere}