/* Universal Stribon Transaction Log */
body.stx-modal-open{overflow:hidden}
.stx-backdrop{
    position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;
    padding:24px;background:rgba(8,29,54,.48);backdrop-filter:blur(4px)
}
.stx-backdrop.show{display:flex}
.stx-dialog{
    width:min(1120px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;
    border:1px solid #d9e5f1;border-radius:22px;background:#f5f9fd;
    box-shadow:0 30px 80px rgba(5,25,49,.28);
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:#102f55
}
.stx-header{
    display:flex;align-items:center;gap:13px;padding:17px 20px;background:#fff;
    border-bottom:1px solid #e2ebf4
}
.stx-header-mark{
    display:grid;place-items:center;width:44px;height:44px;border-radius:13px;
    background:linear-gradient(135deg,#0b2f69,#1267d8);color:#fff;font-size:19px
}
.stx-header-copy{min-width:0;flex:1}
.stx-header-copy>span{
    display:block;font-size:10px;font-weight:800;letter-spacing:.11em;color:#6d8198
}
.stx-header-copy h2{margin:2px 0;font-size:21px;line-height:1.15;font-weight:800;color:#071833}
.stx-header-copy p{margin:0;font-size:12px;color:#71849a}
.stx-close{
    display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe6f0;
    border-radius:10px;background:#fff;color:#61768b;cursor:pointer
}
.stx-close:hover{background:#f2f7fc;color:#0b2f69}

.stx-record-strip{
    display:grid;grid-template-columns:1fr 1fr 130px;background:#0b2f69;color:#fff
}
.stx-record-strip>div{padding:11px 18px;border-right:1px solid rgba(255,255,255,.15)}
.stx-record-strip>div:last-child{border-right:0;text-align:center}
.stx-record-strip small{
    display:block;margin-bottom:3px;font-size:9px;font-weight:800;letter-spacing:.08em;
    color:#a9c8ea
}
.stx-record-strip strong{font-size:13px;font-weight:750;color:#fff}

.stx-body{min-height:0;overflow:auto;padding:16px}
.stx-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.stx-summary-card{
    position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:11px;padding:14px;
    border:1px solid #dce7f1;border-radius:15px;background:#fff
}
.stx-summary-icon{
    grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:17px
}
.stx-summary-icon.entry{background:#e9f8f1;color:#25815e}
.stx-summary-icon.modify{background:#eaf4ff;color:#1267d8}
.stx-summary-title h3{margin:0;font-size:14px;font-weight:750;color:#163d67}
.stx-summary-title span{font-size:11px;color:#7a8da1}
.stx-summary-card dl{
    grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
    margin:13px 0 0
}
.stx-summary-card dl>div{
    min-width:0;padding:9px 10px;border-radius:9px;background:#f7fafe
}
.stx-summary-card dt{margin:0 0 3px;font-size:10px;font-weight:800;color:#71849a}
.stx-summary-card dd{
    margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-size:12px;font-weight:650;color:#203e5d
}

.stx-log-card{
    overflow:hidden;border:1px solid #dce7f1;border-radius:15px;background:#fff
}
.stx-log-head{padding:13px 15px;border-bottom:1px solid #e5edf5}
.stx-log-head h3{margin:0;font-size:14px;font-weight:750;color:#163d67}
.stx-log-head p{margin:2px 0 0;font-size:11px;color:#7b8da0}
.stx-table-wrap{overflow:auto}
.stx-table{width:100%;border-collapse:collapse;min-width:850px}
.stx-table th{
    padding:9px 11px;background:#edf4fb;color:#0b2f69;text-align:left;
    font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
    border-bottom:1px solid #dbe6ef
}
.stx-table td{
    padding:10px 11px;border-bottom:1px solid #edf2f7;color:#50677d;
    font-size:12px;vertical-align:middle
}
.stx-table tbody tr:hover td{background:#fbfdff}
.stx-table tbody tr:last-child td{border-bottom:0}
.stx-table td strong{color:#163d67;font-weight:700}
.stx-sl{width:46px;color:#8193a5!important}
.stx-nowrap{white-space:nowrap}
.stx-activity{
    display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf5ff;
    color:#2e70b1;font-size:11px;font-weight:700
}
.stx-remarks{min-width:180px}
.stx-footer{
    display:flex;justify-content:flex-end;padding:11px 16px;background:#fff;
    border-top:1px solid #e2ebf4
}
.stx-state{
    display:grid;place-items:center;gap:7px;min-height:150px;color:#76899c;text-align:center
}
.stx-state i{font-size:25px;color:#9ab0c4}
.stx-state strong{font-size:13px;color:#536b82}
.stx-state span{font-size:11px}
.stx-state.error i{color:#d35b52}
.stx-spinner{
    width:24px;height:24px;border:3px solid #d7e5f3;border-top-color:#1267d8;
    border-radius:50%;animation:stxSpin .7s linear infinite
}
@keyframes stxSpin{to{transform:rotate(360deg)}}

@media(max-width:760px){
    .stx-backdrop{padding:10px}
    .stx-dialog{width:100%;max-height:95vh;border-radius:17px}
    .stx-summary-grid{grid-template-columns:1fr}
    .stx-summary-card dl{grid-template-columns:1fr}
    .stx-record-strip{grid-template-columns:1fr 1fr}
    .stx-record-strip .stx-total{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15)}
}