/* چیدمان اصلی: هدر، منو، محتوا */
#app{height:100%;display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--card);border-bottom:1px solid var(--ln);position:relative;z-index:30}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand .lg{display:flex;align-items:center;gap:8px}.brand b{font-size:18px;line-height:1.1}.brand small{display:block;font-size:10px;color:var(--t2);letter-spacing:2px;direction:ltr;text-align:right}
.org{border-inline-start:1px solid var(--ln);padding-inline-start:10px;text-align:right;line-height:1.4}.org b{font-size:13px}.org span{display:block;font-size:11px;color:var(--t2)}
.hd{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.wrap{flex:1;display:flex;min-height:0}
aside{width:var(--sw);background:var(--card);border-inline-end:1px solid var(--ln);overflow-y:auto;overflow-x:hidden;transition:width .2s;padding:8px;flex:none}
aside.col{width:64px}aside.col .tx,aside.col .sub{display:none}
main{flex:1;overflow:auto;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}
.ov{display:none}
.grid{display:grid;gap:12px}.k{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:repeat(3,1fr)}.c2{grid-template-columns:1fr 1fr}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.bd{font-size:11px;padding:1px 8px;border-radius:10px;border:1px solid}