.workspace-header{background:#fff;border-bottom:1px solid #e4e4de}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:76px}.workspace-label{font-size:13px;font-weight:600;background:#f5f4ea;border-radius:20px;padding:6px 12px;margin-left:10px;white-space:nowrap}.workspace-account{display:flex;align-items:center;gap:20px;font-size:14px}.workspace-account a{color:inherit}.workspace-user{position:relative}.workspace-user summary{cursor:pointer;list-style:none;background:#f8e368;border-radius:25px;padding:12px 18px;min-height:44px}.workspace-user>div{position:absolute;right:0;top:50px;z-index:100;background:#fff;box-shadow:0 8px 30px #0002;border:1px solid #ddd;border-radius:12px;min-width:170px;padding:10px}.workspace-user a,.workspace-user button{display:block;padding:12px;width:100%;background:none;border:0;text-align:left;color:inherit;font:inherit}.workspace-nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:5px;padding-bottom:12px}.workspace-nav a{padding:12px 14px;border-radius:8px;text-decoration:none;color:#280d13;font-size:14px;min-height:44px}.workspace-nav a:hover{background:#f7f6ef}.workspace-header :focus-visible,.workspace-tabs :focus-visible{outline:3px solid #4263eb;outline-offset:2px}.workspace-tabs{display:none}.hq-footer{padding:30px;text-align:center;border-top:1px solid #eee;font-size:13px;color:#666}.hq-footer a{margin-left:15px;color:inherit}.workspace-intro{color:#666;margin-bottom:24px}@media(max-width:700px){.workspace-top{flex-wrap:wrap;padding-top:16px;padding-bottom:12px;gap:12px}.workspace-top .logo{font-size:21px}.workspace-account{width:100%;justify-content:space-between}.workspace-nav{gap:0}.workspace-nav a{padding:11px 10px;font-size:13px}.workspace-tabs{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;background:#fff;border-top:1px solid #e5e5dd;padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.workspace-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;flex:1;color:#280d13;font-size:13px;text-decoration:none}.hq-footer{padding-bottom:100px}}

/* 2026-10-10 UI/UX 정리: 지금 보는 메뉴는 회색 채움으로만 말한다(노랑은 「지금 하실 일」 전용). */
.workspace-nav a[aria-current="page"]{background:#f1f0e6;font-weight:700}

/* 셀러 대시보드 전용: 공급처·본사 화면에는 적용하지 않는다. */
.seller-dashboard-header .workspace-nav{display:none}
.seller-dashboard .mywrap{display:block;max-width:1080px;margin:0 auto}
.seller-dashboard .mybody{min-width:0}
.seller-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.seller-title .workspace-intro{margin:8px 0 0}
.seller-verification{font-size:12px;color:#666;white-space:nowrap;padding:8px 12px;border:1px solid #e4e4de;background:#fff;border-radius:24px}
.seller-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seller-dashboard .mytitle{font-size:28px}
.seller-actions h2{font-size:16px;margin:0 0 12px}
.seller-actions .mytodo{margin-bottom:24px;border-radius:16px}
.seller-calm{background:#fff;border:1px solid #e4e4de;padding:20px;border-radius:16px;margin-bottom:24px;color:#666}
.seller-dashboard .mykpis{gap:16px;margin-bottom:28px}
.seller-dashboard .mykpi{border-radius:16px;padding:20px;min-height:112px;align-items:center}
.seller-dashboard .mykpi .c{flex:1;align-items:flex-start;text-align:left}
.seller-dashboard .mykpi .v{margin-top:10px}
.seller-sections{display:grid;gap:24px}
.seller-list{background:#fff;border:1px solid #e4e4de;border-radius:16px;padding:24px}
.seller-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.seller-section-head .mysub{margin:0;font-size:19px}
.seller-section-head a{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.seller-request{border-top:1px solid #eeeeea}
.seller-request a{display:flex;align-items:center;gap:16px;padding:18px 0;text-decoration:none;color:inherit}
.seller-request-photo{width:64px;height:64px;flex:0 0 64px;border-radius:12px;overflow:hidden;background:#f3f5ef;display:grid;place-items:center;font-size:28px}
.seller-request-photo img{width:100%;height:100%;object-fit:cover}
.seller-request-copy{min-width:0;display:grid;gap:6px;flex:1}
.seller-request-copy strong{font-size:15px;overflow-wrap:anywhere}
.seller-request-copy>span{font-size:12px;color:#777;line-height:1.6}
.seller-request-arrow{font-size:24px;color:#999}
.seller-dashboard a:focus-visible{outline:3px solid #4263eb;outline-offset:3px}
@media(max-width:900px){.seller-dashboard .mykpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.seller-dashboard{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.seller-title{align-items:flex-start;gap:12px}.seller-title .mytitle{font-size:24px}.seller-title{flex-wrap:wrap}.seller-verification{font-size:11px;padding:6px 10px}.seller-title .workspace-intro{font-size:13px;line-height:1.6}.seller-dashboard .mykpi{padding:16px;min-height:100px}.seller-list{padding:16px}.seller-request a{gap:12px}.seller-request-photo{width:52px;height:52px;flex-basis:52px}.workspace-tabs a[aria-current]{font-weight:700;background:#fff9d6;border-radius:12px}}

/* 셀러 모바일 상단: 로고와 계정 한 줄, 업무 이동은 하단으로. */
@media(max-width:700px){
 .seller-workspace .workspace-top{flex-wrap:nowrap;min-height:72px;padding-top:12px;padding-bottom:12px;gap:12px}
 .seller-workspace .workspace-top .logo{font-size:20px;white-space:nowrap}
 .seller-workspace .workspace-label{display:none}
 .seller-workspace .workspace-account{width:auto;flex:0 0 auto;gap:0}
 .seller-workspace .workspace-account>a{display:none}
 .seller-workspace .workspace-user summary{font-size:12px;padding:12px 14px;white-space:nowrap;display:flex;align-items:center;min-height:44px}
 .seller-workspace .workspace-nav{display:none}
}

.seller-workspace .workspace-user>div{width:220px;max-width:calc(100vw - 32px);border-radius:16px;padding:8px}
.seller-account-menu a{min-height:44px;border-radius:8px;text-decoration:none}
.seller-account-menu a:hover,.seller-account-menu a[aria-current="page"]{background:#f3f3ed}
.seller-account-menu a[aria-current="page"]{font-weight:700}
.seller-workspace .workspace-user form{border-top:1px solid #e8e8e2;margin-top:6px;padding-top:6px}
.seller-workspace .workspace-user button{min-height:44px;border-radius:8px}

.seller-dashboard .seller-list .myempty{padding:4px 0 8px;margin:0;background:none;border:0;text-align:left;align-items:flex-start}
.seller-dashboard .seller-list .myempty p{margin:0;color:#777;font-size:14px}

.seller-inbox>.shell{max-width:1080px}
.seller-inbox .tabbar{display:flex;gap:4px;flex-wrap:wrap;height:auto;margin-bottom:24px;border-bottom:1px solid #e4e4de}
.seller-inbox .tabbar a{min-height:44px;white-space:nowrap}
.seller-inbox-list .seller-request:first-child{border-top:0}
.seller-inbox-empty{font-size:14px;color:#777;margin:0;padding:12px 0}
@media(max-width:700px){.seller-inbox{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.seller-inbox .tabbar{gap:0}.seller-inbox .tabbar a{font-size:12px!important;padding:0 10px!important}.seller-inbox-list{padding:12px 16px}}

.seller-inbox .tabbar a{display:inline-flex;align-items:center;gap:6px;padding:0 13px;text-decoration:none;color:#777;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}
.seller-inbox .tabbar a.on{color:#280d13;border-bottom-color:#f8e368;font-weight:700}
.seller-inbox .tabbar a:focus-visible{outline:3px solid #4263eb;outline-offset:2px}
@media(max-width:700px){.seller-inbox .tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.seller-inbox .tabbar a{justify-content:center}}

/* 요청별 대화: 기존 폼과 권한을 유지하고 양쪽 진입을 분명히 한다. */
.request-talk-link{font-size:13px;font-weight:600;white-space:nowrap}
.msgrow .request-talk-link{display:inline-flex;align-items:center;min-height:44px}
.request-detail .talkhead h2{margin:0;font-size:20px}
.request-detail .talkhead .note{flex-basis:100%}
.request-detail .talkform{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.request-detail .talklabel{grid-column:1/-1;font-size:13px;font-weight:600}
.request-detail .talkform textarea{width:100%;box-sizing:border-box}
.request-detail .talkform .btn{width:auto}
.request-detail .talkprivacy{margin:12px 0 0;font-size:12px;line-height:1.6}
.request-detail .talkpanel{scroll-margin-top:80px}
@media(max-width:600px){
 .request-detail{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .seller-request .request-talk-link{font-size:12px}
 .request-detail .talkform .btn{min-width:66px}
}

.seller-dashboard main.sec{padding-bottom:40px}

/* 셀러·공급처 관리 공간: 공개 마켓과 본사 화면에는 적용하지 않는다. */
.management-workspace{display:grid;grid-template-columns:212px minmax(0,1fr);gap:24px;align-items:start;padding:24px 24px 48px;max-width:1280px}
.management-sidebar{position:sticky;top:24px;min-width:0}
.management-menu{background:#fff;border:1px solid #e0e4df;border-radius:16px;padding:12px}
.management-menu>summary{font-weight:700;font-size:14px;padding:12px;list-style:none;cursor:pointer}
.management-menu>summary::-webkit-details-marker{display:none}
.management-menu>summary span{display:none}
.management-menu nav{display:grid;gap:8px}
.management-menu nav a{padding:12px;border-radius:9px;min-height:44px;font-size:14px;color:#291718;display:flex;align-items:center}
.management-menu nav a:hover{background:#f5f6f2}
.management-menu nav a[aria-current]{background:#fff4b9;font-weight:700}
.management-group{font-size:11px;color:#737871;padding:16px 12px 6px}
.management-content{min-width:0}
.management-content .main,.management-content .mypage main.sec{padding:0;margin:0;background:transparent}
.management-content .shell,.management-content .wrapnarrow{max-width:none;width:100%;margin:0}
.management-content .mywrap{display:block;margin:0;max-width:none}
.management-content .mynav{display:none}
.management-content .mybody{min-width:0}
.management-content .seller-title{margin-bottom:20px;align-items:flex-start}
.management-content .mykpis{gap:12px;margin:20px 0}
.management-content .mykpi{min-width:0;padding:20px}
.management-content .seller-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.management-content .seller-list{padding:20px;min-width:0}
.management-content .seller-section-head{gap:10px;flex-wrap:wrap}
.management-content .seller-request a{gap:12px}
.management-content .seller-request-photo{width:48px;height:48px;flex:0 0 48px}
.management-content .seller-request strong{overflow-wrap:anywhere}
.management-content .request-talk-link{font-size:12px;white-space:nowrap}
.management-products{grid-column:1/-1}
.management-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.management-shortcuts .btn{min-height:44px}
.management-menu a:focus-visible,.management-menu summary:focus-visible{outline:2px solid #59431e;outline-offset:2px}
@media(min-width:861px){.management-menu>summary{pointer-events:none}.management-menu:not([open]) nav{display:grid}.management-menu:not([open])>*:not(summary){display:grid}}
@media(max-width:1060px){.management-content .seller-sections{grid-template-columns:1fr}.management-content .mykpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.management-workspace{display:block;padding:16px 16px 100px}.management-sidebar{position:static;margin-bottom:20px}.management-menu{padding:4px 8px}.management-menu>summary{display:flex;justify-content:space-between;min-height:44px;align-items:center}.management-menu>summary span{display:inline}.management-menu nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}.management-group{grid-column:1/-1;padding-top:10px}.management-content .seller-sections{grid-template-columns:1fr}.management-content .seller-list{padding:16px}.management-content .seller-title{gap:12px;flex-wrap:wrap}.management-content .mykpi{padding:16px}.management-content .mytodo{gap:12px;flex-wrap:wrap}.management-content .seller-request a{flex-wrap:wrap}.management-content .seller-request-copy{flex:1;min-width:120px}.management-content .request-talk-link{margin-left:auto}.management-content .myempty{padding:24px 12px}}

.management-ui{background:#f4f6f3}.management-ui .foot{background:#fff}
.management-content .mykpi{border-radius:16px;min-height:100px;align-items:center}
.management-content .mykpi .c{flex:1;align-items:flex-start;text-align:left}
.management-content .mykpi .v{margin-top:10px}
.management-content .supplier-dashboard{background:transparent}
.management-content .seller-dashboard{padding-bottom:0}

.approved-ui.management-ui{background:#f4f6f3}
.management-content .wrapnarrow{max-width:820px;margin:0}
@media(max-width:700px){.management-ui .workspace-top{flex-wrap:nowrap;min-height:68px;gap:10px}.management-ui .workspace-label{display:none}.management-ui .workspace-account>a{display:none}.management-ui .workspace-account{margin-left:auto}.management-ui .workspace-user summary{font-size:12px;white-space:nowrap;padding:10px 14px}.management-content .wrapnarrow{max-width:100%}}

@media(max-width:700px){.management-ui .workspace-account{width:auto;flex:none;justify-content:flex-end}.management-ui .workspace-top .logo{white-space:nowrap}}

.management-mobile{display:none}.management-menu-title{font-weight:700;font-size:14px;padding:12px;margin:0}
@media(max-width:860px){.management-desktop{display:none}.management-mobile{display:block}}
.management-content .tabbar{display:flex;flex-wrap:wrap;gap:8px;border:0;margin-bottom:20px}
.management-content .tabbar a{min-height:44px;height:auto!important;padding:10px 14px!important;border:1px solid #e0e4df!important;border-radius:10px;background:#fff;white-space:nowrap;justify-content:center;font-size:13px!important}
.management-content .tabbar a[aria-current]{background:#fff4b9;color:#291718!important;border-color:#e5d67d!important;font-weight:700}
@media(max-width:700px){.management-content .tabbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.management-content .tabbar a{width:100%;padding:10px 8px!important}}

.management-content .mykpi:hover{transform:none}
@media(prefers-reduced-motion:reduce){.management-workspace *{animation:none!important;transition:none!important}}

/* 승인된 구성을 유지하며 관리 화면의 너비·정렬을 조정한다. */
.management-ui .workspace-top{max-width:1280px;padding-inline:24px}
.management-ui .management-workspace{max-width:1280px}
.management-content .seller-title .mytitle{font-size:28px;line-height:1.3;margin:0}
.management-content .seller-title .workspace-intro{line-height:1.6;margin-top:8px}
.management-content .mykpi>span[aria-hidden]{align-self:flex-start;line-height:20px}
.management-content .seller-section-head .mysub{font-size:18px;line-height:1.4}
.management-content .seller-request a{padding:16px 0}
@media(max-width:860px){.management-content .seller-sections{gap:16px}.management-content .seller-title .mytitle{font-size:24px}.management-content .mykpi{min-height:96px}}
@media(max-width:700px){.management-ui .workspace-top{padding-inline:16px}.management-content .seller-verification{padding:6px 10px}.management-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.management-shortcuts .btn:first-child{grid-column:1/-1}.management-shortcuts .btn{width:100%;padding-inline:10px}}
