/* Stage 3.3 — Giving ledger UI only. Scoped so existing My SAGE layout remains untouched. */
#panel-giving .sage-card-heading-row{align-items:flex-start}
#panel-giving .sage-giving-viewbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 12px}
#panel-giving .sage-giving-viewlabel{font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-muted)}
#panel-giving .sage-segmented{display:inline-flex;padding:4px;border:1px solid var(--sage-line);border-radius:999px;background:#f6faf8;gap:2px}
#panel-giving .sage-segmented button{appearance:none;border:0;background:transparent;color:#45615b;border-radius:999px;padding:8px 13px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}
#panel-giving .sage-segmented button.active{background:#fff;color:var(--sage-dark);box-shadow:0 2px 9px rgba(20,58,52,.09)}
#panel-giving .sage-segmented button:focus-visible{outline:3px solid rgba(0,143,140,.15);outline-offset:1px}
#panel-giving .sage-giving-list{display:grid;gap:18px}
#panel-giving .sage-giving-month{display:grid;gap:0}
#panel-giving .sage-giving-month-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px;padding:0 2px;color:var(--sage-muted);font-size:.86rem}
#panel-giving .sage-giving-month-title span:first-child{font-weight:850;color:var(--sage-ink);font-size:.98rem}
#panel-giving .sage-giving-entry{display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 18px;border:1px solid var(--sage-line);border-radius:16px;background:#fff;margin:6px 0;box-shadow:0 6px 20px rgba(20,58,52,.035);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
#panel-giving .sage-giving-entry:hover{border-color:#bddbd5;box-shadow:0 10px 26px rgba(20,58,52,.07);transform:translateY(-1px)}
#panel-giving .sage-giving-entry-date{color:var(--sage-muted);font-size:.88rem;font-weight:700;white-space:nowrap}
#panel-giving .sage-giving-entry-body{min-width:0}
#panel-giving .sage-giving-entry-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
#panel-giving .sage-giving-entry-top>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
#panel-giving .sage-giving-entry-top strong{font-size:1rem;line-height:1.25}
#panel-giving .sage-giving-type-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:var(--sage-soft);color:var(--sage-dark);font-size:.72rem;font-weight:800;white-space:nowrap}
#panel-giving .sage-giving-amount{font-size:1.05rem;white-space:nowrap;color:var(--sage-ink)}
#panel-giving .sage-giving-note-text{margin:7px 0 0;color:var(--sage-muted);line-height:1.45;font-size:.9rem;overflow-wrap:anywhere}
#panel-giving .sage-giving-actions{display:flex;align-items:center;gap:8px}
#panel-giving .sage-giving-actions .btn{min-height:38px;padding:8px 12px}
#panel-giving .sage-giving-groups{display:grid;gap:10px}
#panel-giving .sage-giving-group{border:1px solid var(--sage-line);border-radius:17px;background:#fff;overflow:hidden}
#panel-giving .sage-giving-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;cursor:pointer}
#panel-giving .sage-giving-group>summary::-webkit-details-marker{display:none}
#panel-giving .sage-giving-group>summary:hover{background:#fbfdfc}
#panel-giving .sage-giving-group summary>div:first-child{display:grid;gap:4px}
#panel-giving .sage-giving-group summary small{color:var(--sage-muted)}
#panel-giving .sage-giving-group-total{text-align:right;display:grid;gap:3px}
#panel-giving .sage-giving-group-total span{color:var(--sage-dark);font-size:.78rem;font-weight:800}
#panel-giving .sage-giving-group-items{border-top:1px solid var(--sage-line);padding:8px 12px 12px;background:#fbfdfc}
#panel-giving .sage-giving-group-items .sage-giving-entry{box-shadow:none}
#givingModal .sage-giving-modal{width:min(620px,calc(100vw - 28px));max-height:min(88vh,860px);overflow:auto;padding:26px}
#givingModal .sage-giving-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:18px}
#givingModal .sage-giving-form-grid label{margin:0;display:grid;gap:7px;color:var(--sage-ink);font-weight:600}
#givingModal .sage-giving-form-grid label:first-child,#givingModal #givingOtherWrap,#givingModal .sage-giving-note{grid-column:1/-1}
#givingModal .sage-giving-form-grid [hidden]{display:none!important}
#givingModal input,#givingModal select,#givingModal textarea{width:100%;border:1px solid #cfdcd7;border-radius:13px;background:#fff;color:var(--sage-ink);min-height:48px;padding:11px 13px;font:inherit;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}
#givingModal select{appearance:auto;cursor:pointer}
#givingModal textarea{min-height:110px;resize:vertical;line-height:1.45}
#givingModal input:focus,#givingModal select:focus,#givingModal textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(0,143,140,.12);outline:none}
#givingModal .sage-date-field{position:relative;display:block}
#givingModal input[type=date]{color-scheme:light;padding-right:12px}
#givingModal .actions{position:sticky;bottom:-26px;background:linear-gradient(to bottom,rgba(255,255,255,.88),#fff 30%);padding-top:18px;margin-top:6px}
@media(max-width:760px){
  #panel-giving .sage-giving-entry{grid-template-columns:1fr;gap:10px;padding:15px}
  #panel-giving .sage-giving-entry-date{order:1}
  #panel-giving .sage-giving-entry-body{order:2}
  #panel-giving .sage-giving-actions{order:3}
  #panel-giving .sage-giving-entry-top{align-items:flex-start}
  #panel-giving .sage-giving-viewbar{align-items:flex-start;flex-direction:column}
  #givingModal .sage-giving-form-grid{grid-template-columns:1fr}
  #givingModal .sage-giving-form-grid label,#givingModal .sage-giving-form-grid label:first-child,#givingModal #givingOtherWrap,#givingModal .sage-giving-note{grid-column:1}
}
/* Stage 20: action buttons match the normal-weight SAGE control language. */
#givingModal .actions button,#givingModal .actions .primary,#givingModal .actions .ghost{font-weight:500!important}