@font-face{font-family:"Noto Sans JP";font-weight:400 700;font-style:normal;font-display:swap;src:local("Noto Sans JP"),url(/fonts/NotoSansJP-400-700.woff2) format("woff2");unicode-range:U+3000-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Pretendard Variable";font-weight:400 700;font-style:normal;font-display:swap;src:local("Pretendard Variable"),url(/fonts/Pretendard-400-700.woff2) format("woff2")}
:root{--ink:#111;--muted:#666;--line:#ddd;--bg:#fff;--soft:#f5f5f3;--err:#b00020;--accent:#111;--on:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Noto Sans JP","Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Hiragino Sans","Segoe UI",Arial,sans-serif}
pre,code{font-family:inherit}h1{font:600 30px "Noto Sans JP","Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Hiragino Sans","Segoe UI",Arial,sans-serif;margin:0}h2{font-size:15px;margin:28px 0 10px;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:13px}.err{color:var(--err)}
button,.btn{font:inherit;padding:9px 14px;border:1px solid var(--ink);background:var(--bg);color:var(--ink);border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--accent);color:var(--on)}.link{border:0;padding:6px;text-decoration:underline;background:none}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #2458c5;outline-offset:2px}button[hidden]{display:none}
input,textarea{font:inherit;width:100%;padding:9px;border:1px solid #999;border-radius:2px;background:var(--bg);color:var(--ink)}input:disabled,textarea:disabled{background:var(--soft)}
.center{min-height:100vh;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:340px}.login form{display:grid;gap:14px;margin-top:20px}.login label{display:grid;gap:4px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.wrap{max-width:1100px;margin:auto;padding:16px}
.banner:empty{display:none}.banner{padding:12px;background:var(--soft);border-left:3px solid var(--ink);margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.item{display:flex;gap:12px;border:1px solid var(--line);padding:12px}.ph{width:80px;height:100px;flex:none;background:var(--soft);display:grid;place-items:center;color:#777;font-weight:600}.inf{flex:1;min-width:0}.qty{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;margin-top:8px}.sub{min-height:20px;text-align:right}
.note{display:grid;gap:6px;margin-top:24px}.spacer{height:90px}.bar{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--ink);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.card{border:1px solid var(--line);padding:14px;margin-bottom:14px}.card h2{margin:0}.cardh{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.tag{font-size:13px;padding:2px 8px;border:1px solid var(--ink)}.tag.submitted{background:var(--ink);color:var(--on)}.tag.confirmed{background:#1d6b3a;border-color:#1d6b3a;color:#fff}
.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:7px;text-align:left;white-space:nowrap}pre{background:var(--soft);padding:12px;overflow:auto;max-height:280px;font-size:12px}
@media (prefers-color-scheme:dark){:root{--ink:#eee;--muted:#aaa;--line:#444;--bg:#141414;--soft:#222;--err:#ff8a9a;--accent:#eee;--on:#111}.ph{color:#aaa}}
/* left category menu, same pattern as foundpocket.com list pages */
[hidden]{display:none!important}
.layout{display:grid;grid-template-columns:minmax(270px,1fr) 4fr;align-items:start;max-width:1500px;margin:auto}.content{padding:16px 20px;min-width:0}
.sidenav{position:sticky;top:0;display:flex;align-items:flex-start;gap:48px;padding:32px 20px;font-size:13px;line-height:1.8;letter-spacing:.02em}.sidenav ul{margin:0;padding:0;list-style:none}.sidenav a{color:#999;text-decoration:none}.sidenav a.on,.sidenav a:hover{color:var(--ink);font-weight:500}
.sec h2:first-child{margin-top:12px}
@media (max-width:767px){.layout{display:block}.sidenav{position:static;display:block;padding:12px 16px 0}.sidenav ul{display:flex;flex-wrap:wrap;gap:2px 18px}#subs{margin-top:6px}.content{padding:12px 16px}}
/* product card with site photo on top; site photos are 5:6 */
.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px 12px}.item{display:block;border:0;padding:0}.photo{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;background:var(--soft)}.ph{display:grid;place-items:center;font-size:13px;font-weight:400;color:var(--muted)}.inf{padding-top:8px;font-size:13px}.inf strong{font-weight:500}
/* sign-in logo: width follows the "Wholesale ordering" line */
.brand{width:fit-content}.brand h1{line-height:0;margin:0 0 16px}.brand img{display:block;width:0;min-width:90%;height:auto}.brand p{margin:0;white-space:nowrap}
/* color rows inside one style card, multiple orders */
.row{display:grid;grid-template-columns:1fr auto 64px;align-items:center;gap:2px 8px;margin-top:8px}.row input{padding:6px;text-align:right}.cname{font-size:13px}.row .sub{grid-column:1/-1;text-align:right;min-height:0;color:var(--muted)}.row .sub:empty{display:none}
.orderbar{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:6px 10px;font-size:13px;border-color:var(--line);color:var(--muted)}.tab.on{border-color:var(--ink);color:var(--ink);font-weight:500}
.pobar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin:14px 0}.pobar label{display:grid;gap:4px;font-size:13px;min-width:220px}.ord{border-top:1px solid var(--line);padding:12px 0}.tag.cancelled{color:var(--muted);border-color:var(--muted);text-decoration:line-through}
.price{display:grid;justify-items:end;line-height:1.3}.price .rrp{font-size:11px}
/* product details and line sheet */
.more{margin-top:8px}.more summary{cursor:pointer;color:var(--muted)}.more dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0;font-size:12px}.more dt{color:var(--muted)}.more dd{margin:0}.feat{margin:4px 0 0;padding-left:16px;font-size:12px}.feat li{margin-bottom:3px}
.sheethead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.sheethead h2{margin:8px 0 2px}.sheethead p{margin:0}.lines th,.lines td{vertical-align:top}.lines td{white-space:normal;min-width:64px}.lines .fcell{min-width:280px}.thumb{display:block;width:72px;aspect-ratio:5/6;object-fit:cover}.printonly{display:none}
@media print{@page{size:A4 landscape;margin:10mm}.top,.sidenav,.ordermode,.sheethead button{display:none!important}.layout{display:block}.content{padding:0}.scroll{overflow:visible}.lines{font-size:10px}.lines tr{break-inside:avoid}.lines .fcell{min-width:0}.feat{font-size:9px}.thumb{width:52px}.printonly{display:block}body{background:#fff;color:#000}}
.sidenav .subitem{padding-left:12px}
@media (max-width:767px){.sidenav .subitem{padding-left:0}}
/* order sheet uses the line sheet table */
.orders .qcell{width:96px}.orders .qcell input{width:84px;padding:6px;text-align:right}.orders .num{text-align:right;white-space:nowrap;min-width:96px}.orders .sub:empty::after{content:"-";color:var(--muted)}.orders td[rowspan]{border-bottom:1px solid var(--line)}
@media (max-width:767px){.orders .thumb{width:48px}}
/* one-column menu: half the previous gap beside the content */
.layout{grid-template-columns:186px minmax(0,1fr)}
/* order sheet: fixed photo and product widths; long product names wrap */
.orders{table-layout:fixed;min-width:760px}.orders th:nth-child(1){width:88px}.orders th:nth-child(2){width:240px}.orders td{overflow-wrap:anywhere}
/* everything beside the menu matches the Key features text size (12px on screen) */
@media screen{.content,.content *{font-size:12px!important}}
.totalrow td{font-weight:600;border-top:1px solid var(--ink)}#review h2{margin:8px 0 2px}#review p{margin:6px 0}#review .acts{margin-top:14px;margin-bottom:90px}
.revise{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.revise input{width:80px;padding:4px}.revise label{display:grid;gap:4px;margin:8px 0}.tag.shipped{background:#1f3864;border-color:#1f3864;color:#fff}.mailrec summary{cursor:pointer}
.dealbox{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:10px 0;padding:10px;background:var(--soft)}.dealbox dt{color:var(--muted)}.dealbox dd{margin:0}
.pwbox{border-color:var(--ink)}.pwval code{font-size:20px;letter-spacing:1px;user-select:all}
.bform{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0}.bform label{display:grid;grid-template-rows:minmax(1.4em,auto) auto;align-content:start;gap:4px}.bform label>input,.bform label>select{height:38px;box-sizing:border-box}.bform label>textarea{box-sizing:border-box;min-height:100px}.bform select{font:inherit;width:100%;padding:9px;border:1px solid #999;border-radius:2px;background:var(--bg);color:var(--ink)}.bform input[type=checkbox]{width:auto;justify-self:start}
#prod label{display:grid;gap:4px}#prod pre{white-space:pre-wrap;font-size:12px}.pricebox{border-top:1px solid var(--line);margin:10px 0;padding-top:10px}.pricebox label{display:grid;gap:4px}.pricebox pre{white-space:pre-wrap;font-size:12px}

#ctry h3{margin:20px 0 4px;font-size:15px}#ctry h4{margin:18px 0 6px;font-size:13px}#ctry label{display:block;margin-top:16px}#ctry .ctrydetail{border-top:1px solid #ddd;margin-top:16px}

.admin{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start}.admin main{margin:0;width:100%}#adnav{position:sticky;top:0;max-height:100vh;overflow:auto;border-right:1px solid var(--line);min-height:calc(100vh - 60px);padding:12px 0 32px;font-size:13px}#adnav a{display:block;color:inherit;text-decoration:none;padding:6px 16px}#adnav a:hover{background:#f4f4f4}#adnav a[aria-current]{font-weight:600;background:#eee}#adnav .nav2{padding-left:30px;font-size:12px}.navh{margin:14px 16px 2px;font-size:11px;color:#888}.page h1{font-size:18px;margin:4px 0 12px}.page>div>h2,.page>h2{font-size:14px;margin:18px 0 8px}.todo{margin:8px 0 0;padding-left:18px;font-size:13px}.todo li{margin:4px 0}.page[hidden]{display:none}
@media (max-width:767px){.admin{grid-template-columns:minmax(0,1fr)}#adnav{position:static;max-height:none;min-height:0;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;padding:8px}#adnav a{padding:6px 10px}#adnav .nav2{padding-left:10px}.navh{display:none}}
#hist h2{margin-top:12px}#hist .dealbox{margin:10px 0 16px}
.secform{display:grid;gap:10px;max-width:320px;margin:12px 0}.secform label{display:grid;gap:4px}.qrbox{margin:10px 0}.qrbox svg{display:block}pre.recov{font-size:15px;line-height:1.7;padding:10px;background:var(--soft);max-width:220px}a.block{display:block;margin-bottom:12px}