/* G4-STM5B: one bar above the statement (the «how it is computed» switch, «تخصيص التصميم», «طباعة»), the computation as terms, and the print of
   this statement only. Colors come from the theme tokens. */
/* the old top button and the designer's closed row: the bar carries them now (the designer still opens, from the bar) */
#statementDesignerToggle[data-stm5b-moved]{display:none}
#statementDesignerPanel[data-stm5b-panel]:not([open]){display:none}
#statementDesignerPanel[data-stm5b-panel][open]>summary{cursor:pointer}
/* the bar */
.stm5b-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.stm5b-bar .clar1-formula-switch,#statementTable .stm5b-bar .clar1-formula-switch{margin:0}
.stm5b-spacer{flex:1 1 auto}
.stm5b-actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
.stm5b-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;cursor:pointer;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.18));background:transparent;color:inherit;padding:4px 14px;min-height:36px;white-space:nowrap}
.stm5b-btn span[aria-hidden]{font-size:15px;line-height:1;color:var(--accent,#43c9ff)}
.stm5b-btn:hover{border-color:var(--accent,#43c9ff)}
.stm5b-btn:focus-visible{outline:2px solid var(--accent,#43c9ff);outline-offset:2px}
/* the computation as terms */
.stm5b-formula{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px}
.stm5b-eq,.stm5b-op{font-weight:700;color:var(--accent,#43c9ff);font-size:13px;line-height:1}
.stm5b-term{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line,rgba(255,255,255,.18));border-radius:8px;padding:1px 8px;font-size:12px;line-height:1.6}
.stm5b-formula .stm5b-term{color:var(--text,currentColor)}
.stm5b-term em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text,currentColor)}
.stm5b-note{font-size:11px;color:var(--muted,#9fb0c3)}
@media(max-width:600px){.stm5b-bar{align-items:stretch}.stm5b-actions{width:100%}.stm5b-btn{flex:1 1 0;justify-content:center;min-height:40px}}
/* the print: this statement only */
.stm5b-print-head{display:none}
@media print{
 @page{size:A4;margin:12mm}
 html.stm5b-printing body :not(:has(#statementTable)):not(#statementTable):not(#statementTable *){display:none!important}/* over the app's own print sheet (.page{display:block!important}) */
 html.stm5b-printing :has(#statementTable),html.stm5b-printing #statementTable{overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;position:static!important;transform:none!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;background:#fff!important}
 html.stm5b-printing,html.stm5b-printing body{background:#fff}
 html.stm5b-printing #statementTable *{color:#000;background:transparent;box-shadow:none}
 html.stm5b-printing #statementTable [data-stm5b-bar],html.stm5b-printing #statementTable .drill1-open,html.stm5b-printing #statementTable .p3-preview-banner,html.stm5b-printing #statementTable .statement-compare-hint{display:none}
 html.stm5b-printing .stm5b-print-head{display:block;margin:0 0 10px;border-bottom:1px solid #999;padding-bottom:6px}
 html.stm5b-printing .stm5b-print-head h2{font-size:16px;margin:0 0 4px}
 html.stm5b-printing .stm5b-print-head p{font-size:11px;margin:0}
 html.stm5b-printing #statementTable table{width:100%;border-collapse:collapse;font-size:11px}
 html.stm5b-printing #statementTable th,html.stm5b-printing #statementTable td{border-bottom:1px solid #ddd;padding:4px 6px}
 html.stm5b-printing #statementTable tr{break-inside:avoid}
 html.stm5b-printing .stm5b-term{border-color:#bbb}
}