/* SokoHai Buyer Dashboard — personal commerce/activity center; no marketplace discovery */
#mySokoHaiModal{padding:0;background:rgba(24,53,45,.28);align-items:stretch;justify-content:center}
.byd-shell{width:100%;max-width:1180px;height:100dvh;background:#F8FBFA;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;box-shadow:0 20px 60px rgba(24,53,45,.18)}
.byd-head{background:#fff;border-bottom:1px solid #E5ECEC;padding:12px clamp(14px,3vw,28px);display:flex;align-items:center;gap:12px}
.byd-head-id{min-width:0;flex:1}.byd-head-id b{display:block;color:#18352D;font-size:18px}.byd-head-id small{display:block;color:#65757A;margin-top:2px}
.byd-icon-btn,.byd-home-btn{min-height:42px;border:1px solid #D7E6E1;background:#fff;color:#17604E;border-radius:12px;font-weight:850;cursor:pointer;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.byd-home-btn{background:#EAF8F2;border-color:#CCEBDD}.byd-icon-btn:hover,.byd-home-btn:hover{border-color:#18A982}
.byd-tabs{background:#fff;border-bottom:1px solid #E5ECEC;padding:9px clamp(12px,3vw,28px);display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}
.byd-tab{white-space:nowrap;min-height:38px;padding:8px 12px;border:1px solid #E5ECEC;background:#fff;color:#526962;border-radius:999px;font-size:12.5px;font-weight:800;cursor:pointer}.byd-tab.active{background:#18A982;border-color:#18A982;color:#fff}.byd-tab:focus-visible{outline:3px solid rgba(77,145,170,.28);outline-offset:2px}
.byd-content{overflow:auto;padding:clamp(14px,3vw,28px)}
.byd-wrap{max-width:1050px;margin:0 auto}.byd-profile{display:flex;align-items:center;gap:13px;margin-bottom:18px}.byd-avatar{width:54px;height:54px;border-radius:18px;object-fit:cover;background:#EAF8F2;border:1px solid #CCEBDD}.byd-profile h2{font-size:clamp(20px,4vw,28px);color:#18352D;margin:0 0 3px}.byd-profile p{margin:0;color:#65757A;font-size:13.5px}
.byd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.byd-kpi{border:1px solid #E5ECEC;background:#fff;border-radius:16px;padding:14px;box-shadow:0 3px 12px rgba(24,53,45,.04);text-align:left;cursor:pointer}.byd-kpi span{display:block;color:#65757A;font-size:12px;font-weight:750}.byd-kpi b{display:block;color:#18352D;font-size:24px;margin-top:5px}.byd-kpi:hover{border-color:#BFE5D8;transform:translateY(-1px)}
.byd-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:14px}.byd-card{background:#fff;border:1px solid #E5ECEC;border-radius:18px;padding:16px;box-shadow:0 4px 16px rgba(24,53,45,.045);margin-bottom:14px}.byd-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.byd-card-head h3{margin:0;color:#18352D;font-size:15px}.byd-link{border:none;background:none;color:#178864;font-size:12.5px;font-weight:850;cursor:pointer;padding:5px}
.byd-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #EDF2F1;cursor:pointer}.byd-row:last-child{border-bottom:0}.byd-row:hover{background:#FBFDFC}.byd-row-main{flex:1;min-width:0}.byd-row-main b{display:block;color:#18352D;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.byd-row-main small{display:block;color:#65757A;font-size:12px;margin-top:3px;line-height:1.4}.byd-thumb{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#F0F7FA;border:1px solid #E5ECEC}.byd-pill{flex:none;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850;background:#F0F7FA;color:#39779B}.byd-pill.green{background:#EAF8F2;color:#17604E}.byd-pill.gold{background:#FBF7E7;color:#8C7213}.byd-pill.red{background:#FDEEEE;color:#B43E3B}
.byd-important{border-left:4px solid #D8B83A}.byd-action{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid #EDF2F1;background:#fff;padding:11px 0;cursor:pointer}.byd-action:last-child{border-bottom:0}.byd-action i{width:9px;height:9px;background:#D8B83A;border-radius:50%;flex:none}.byd-action span{flex:1;color:#18352D;font-size:13px;line-height:1.4}.byd-action strong{color:#178864;font-size:12px}
.byd-empty,.byd-loading,.byd-error{text-align:center;padding:34px 18px;border:1px dashed #D7E6E1;background:#FBFDFC;border-radius:16px;color:#65757A}.byd-empty b,.byd-error b{display:block;color:#18352D;font-size:15px;margin-bottom:6px}.byd-error{border-color:#F2C7C5;background:#FFF9F9;color:#B43E3B}.byd-empty .byd-home-btn{margin-top:14px}
.byd-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}.byd-section-title h2{margin:0;color:#18352D;font-size:21px}.byd-section-title p{margin:3px 0 0;color:#65757A;font-size:12.5px}.byd-filter-row{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px}.byd-filter{border:1px solid #E5ECEC;background:#fff;color:#526962;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;cursor:pointer}.byd-filter.active{background:#EAF8F2;color:#17604E;border-color:#BFE5D8}.byd-btn{border:0;border-radius:11px;background:#18A982;color:#fff;padding:9px 12px;font-weight:850;font-size:12px;cursor:pointer}.byd-btn.secondary{background:#F0F7FA;color:#39779B;border:1px solid #D6E8EF}.byd-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.byd-shortcut{min-height:64px;border:1px solid #E5ECEC;background:#fff;border-radius:14px;padding:12px;text-align:left;color:#18352D;font-weight:850;cursor:pointer}.byd-shortcut small{display:block;color:#65757A;font-weight:600;margin-top:4px}.byd-shortcut:hover{border-color:#18A982;background:#FBFEFD}
@media(max-width:760px){#mySokoHaiModal{background:#F8FBFA}.byd-shell{max-width:none}.byd-head{padding-top:max(10px,env(safe-area-inset-top))}.byd-home-btn span{display:none}.byd-content{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.byd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.byd-grid{grid-template-columns:1fr}.byd-card{padding:14px}.byd-row{align-items:flex-start}.byd-pill{margin-top:2px}}
@media(max-width:380px){.byd-head-id small{display:none}.byd-head{gap:7px}.byd-icon-btn,.byd-home-btn{padding:8px 10px}.byd-kpi b{font-size:21px}}