.app-shell:has(.merchant-view){height:100dvh;min-height:0}
.app-shell:has(.merchant-view)>.sidebar{height:100dvh;overflow:auto}
.app-shell:has(.merchant-view) main{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.app-shell:has(.merchant-view) .topbar{height:84px;flex:none;padding:16px 24px}
.view.merchant-view{padding:20px 24px;max-width:none;flex:1;min-height:0;overflow:hidden}
.merchant-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);height:100%;min-height:0;gap:16px}
.merchant-panel,.merchant-content{background:#fff;border:1px solid #e3eaf2;border-radius:14px;min-height:0;min-width:0;overflow:hidden}
.merchant-panel{display:flex;flex-direction:column}
.merchant-panel>header{padding:20px 16px;border-bottom:1px solid #edf1f6}
.merchant-panel h2{font-size:17px;margin:0 0 5px;color:#142c40}
.merchant-panel>header span{color:#8a98a6;font-size:12px}
.merchant-list{padding:10px;overflow:auto;flex:1;min-height:0}
.merchant-row{width:100%;display:flex;text-align:left;gap:10px;align-items:center;padding:14px 10px;border:1px solid transparent;background:#fff;border-radius:10px;cursor:pointer;color:#193248;margin-bottom:5px}
.merchant-row:hover{background:#f6f9fd}
.merchant-row.selected{background:#edf5ff;border-color:#cfe1ff}
.merchant-row:focus-visible{outline:3px solid #80b5ff;outline-offset:-2px}
.merchant-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:#dfebfc;color:#2676e9;font-weight:700;font-size:20px;overflow:hidden}
.merchant-avatar img{width:100%;height:100%;object-fit:cover}
.merchant-all-icon .ui-icon{width:22px;height:22px}
.merchant-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.merchant-info strong{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.merchant-info small{font-size:11px;color:#8292a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merchant-count,.merchant-status{font-size:11px;color:#8797a7}
.merchant-status.online{color:#14a087}
.merchant-selection-dot{height:6px;width:6px;flex:none;border-radius:50%;background:transparent}
.selected .merchant-selection-dot{background:#2678ef}
.merchant-panel>footer{padding:15px 16px;line-height:1.7;font-size:11px;color:#94a0ac;border-top:1px solid #edf1f6}
.merchant-content{display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.merchant-content>.section-head{padding:18px 20px;margin:0;border-bottom:1px solid #edf1f6;gap:16px;align-items:center;flex:none;background:#fff}
.merchant-content>.section-head h2{font-size:17px}
.merchant-content>.section-head p{font-size:12px;line-height:1.6}
.merchant-content>.card{border:0;border-radius:0;margin:0;flex:1;min-width:0}
.merchant-content>.card+.card{border-top:1px solid #edf1f6}
.merchant-content .table{min-width:780px}
.merchant-content .table th{background:#fbfcfe;white-space:nowrap}
.merchant-content .ow-card{padding:20px}
.merchant-content .empty{padding:80px 12px}
.account-filter[hidden]{display:none}
@media(max-width:1100px){.view.merchant-view{padding:14px}.merchant-workspace{grid-template-columns:205px minmax(0,1fr);gap:10px}.merchant-content>.section-head{padding:14px}.merchant-content>.section-head .button{padding:8px 10px}}
@media(max-width:760px){.app-shell:has(.merchant-view){height:auto;min-height:100dvh}.app-shell:has(.merchant-view)>.sidebar{height:auto;overflow:visible}.app-shell:has(.merchant-view) main{height:calc(100dvh - 120px);min-height:420px}.app-shell:has(.merchant-view) .topbar{height:auto;min-height:84px}.merchant-workspace{grid-template-columns:165px minmax(0,1fr)}.merchant-row{padding:11px 7px;gap:7px}.merchant-avatar{width:32px;height:32px;border-radius:9px}.merchant-panel>header,.merchant-panel>footer{padding:14px 10px}.merchant-panel h2{font-size:15px}.merchant-info strong{font-size:12px}.merchant-content>.section-head{align-items:flex-start;flex-direction:column}.merchant-content .ow-card{padding:14px}}