/* Eterano v1.9.4 — direct receipt reconciliation and reliable phone calendar */
.bank-receipt-context{
  display:grid;
  gap:9px;
  margin:0 0 16px;
  padding:13px 14px;
  border:1px solid #2c91ef;
  border-radius:14px;
  background:#eaf5ff;
  color:#12345d;
}
.bank-receipt-context.hidden{display:none}
.bank-receipt-context.amount-mismatch{border-color:#d79a28;background:#fff5df;color:#65440b}
.bank-receipt-context-head{display:flex;align-items:center;gap:10px}
.bank-receipt-context-head>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#1479f8;color:#fff;font-weight:900}
.bank-receipt-context.amount-mismatch .bank-receipt-context-head>span{background:#d79012}
.bank-receipt-context-head>div{display:grid;gap:2px;min-width:0}
.bank-receipt-context-head small{color:inherit;opacity:.8;overflow-wrap:anywhere}
.bank-receipt-context p{margin:0;font-size:.82rem;line-height:1.45}
.bank-receipt-button{white-space:nowrap}

html[data-theme="dark"] .bank-receipt-context{background:#102f4d;border-color:#2b91ff;color:#e6f3ff}
html[data-theme="dark"] .bank-receipt-context.amount-mismatch{background:#3a2b13;border-color:#d59b2c;color:#ffe4ad}

@media(max-width:760px){
  #view-calendar .calendar-day-touch{
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  #view-calendar .calendar-day-touch:focus-visible{
    outline:3px solid rgba(20,121,248,.4);
    outline-offset:1px;
  }
  #view-calendar .calendar-day-touch:active{transform:scale(.96)}
  #view-calendar .calendar-day-touch.has-orders::after{
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(20,121,248,.22);
    border-radius:11px;
    pointer-events:none;
  }
  #view-calendar .calendar-event{
    position:relative;
    z-index:2;
    pointer-events:auto;
    touch-action:manipulation;
  }
  #view-calendar .mobile-agenda-item{
    position:relative;
    z-index:1;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  #view-calendar .mobile-agenda-item:active{transform:scale(.985)}
  #view-calendar .mobile-agenda-item.calendar-touch-highlight{
    border-color:#28bdf2;
    box-shadow:0 0 0 3px rgba(40,189,242,.22),0 12px 30px rgba(7,27,90,.08);
  }
  .bank-row-actions .bank-receipt-button{order:-1;grid-column:1/-1}
}

@media(max-width:520px){
  .bank-receipt-context{padding:12px}
  .bank-row-actions .bank-receipt-button{grid-column:1/-1}
}