:root{--brand:#007e51;--brand-bright:#20b486;--brand-deep:#184f3e;--ink:#232a27;--muted:#586760;--line:#e2e9e5;--paper:#fff;--wash:#f5f8f6;--mint:#eaf8f1;--danger:#a72725;--danger-bg:#fff0ed;--warn:#89510f;--warn-bg:#fff4e0;--shadow:0 18px 60px rgba(22,57,41,.1)}
*{box-sizing:border-box}html{font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,"Malgun Gothic",sans-serif;color:var(--ink);background:#eaf0ec;-webkit-text-size-adjust:100%}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--brand-bright);outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}
.preview-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(250px,330px) minmax(320px,420px);justify-content:center;align-items:center;gap:clamp(28px,5vw,80px);padding:30px}.preview-tools{align-self:center}.preview-kicker{color:var(--brand);font-size:.72rem;letter-spacing:.16em;font-weight:800}.preview-tools h1{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.045em;margin:10px 0}.preview-tools p{color:var(--muted);line-height:1.7}.preview-note{font-size:.76rem;padding-top:8px}.scenario-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.scenario-button{min-height:44px;padding:8px 13px;border:1px solid #ccdbd2;border-radius:12px;color:#30433a;background:#fff;font-size:.85rem;font-weight:700}.scenario-button.on{border-color:var(--brand);background:var(--mint);color:#00693f}
.phone{height:min(844px,calc(100dvh - 50px));min-height:390px;width:100%;max-width:420px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid #dbe6df;border-radius:30px;box-shadow:var(--shadow)}
.app-header{flex:none;padding:calc(16px + env(safe-area-inset-top)) 18px 14px;background:#fff;border-bottom:1px solid var(--line);z-index:2}.brand-row{display:flex;align-items:flex-start;gap:10px}.brand-icon{width:37px;height:37px;border-radius:11px;object-fit:cover;flex:none}.head-titles{min-width:0;flex:1}.eyebrow{display:block;color:var(--brand);font-size:.68rem;font-weight:800;letter-spacing:.1em;line-height:1.3}.preview-tag{color:#60786b;font-weight:650;letter-spacing:0;border:1px solid #dce9e1;padding:1px 5px;border-radius:5px;margin-left:3px}#title{font-size:1.33rem;line-height:1.25;font-weight:800;letter-spacing:-.045em;margin-top:3px}#sub{font-size:.78rem;color:var(--muted);line-height:1.3;margin-top:3px}.conn{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;margin-top:7px;border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:800}.conn:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.conn.ok{background:var(--mint);color:#00693f}.conn.bad{background:var(--danger-bg);color:var(--danger)}.conn.wait{background:#edf1ef;color:#465750}.conn.warn{background:var(--warn-bg);color:var(--warn)}.mobile-scenes{display:none}
main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 22px;background:#fbfdfb}main>*+*{margin-top:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 2px 10px}.section-heading h2{font-size:.96rem;margin:0;letter-spacing:-.035em}.section-heading span{font-size:.73rem;color:var(--muted)}.hero{position:relative;border:1px solid #cde8d9;border-radius:21px;background:linear-gradient(135deg,#eaf8f1,#f8fcf9);padding:19px;overflow:hidden}.hero:after{content:"";position:absolute;right:-34px;top:-55px;width:145px;height:145px;border-radius:50%;border:25px solid rgba(32,180,134,.07)}.hero.urgent{background:linear-gradient(135deg,#fff0ed,#fffaf8);border-color:#f5d2ca}.hero.need{background:linear-gradient(135deg,#fff4e0,#fffaf1);border-color:#f1dfb9}.hero-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:850;color:var(--brand)}.hero.urgent .hero-kicker{color:var(--danger)}.hero.need .hero-kicker{color:var(--warn)}.hero h2{position:relative;margin:10px 0 5px;font-size:1.36rem;line-height:1.35;letter-spacing:-.06em;max-width:90%}.hero p{position:relative;margin:0;color:#456254;font-size:.84rem;line-height:1.6}.hero.urgent p{color:#7e3831}.hero.need p{color:#78501f}.hero-icon{position:absolute;right:17px;bottom:13px;font-size:1.8rem;opacity:.8}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px 14px;min-height:95px}.tile span{display:block;font-size:.75rem;color:var(--muted);font-weight:650}.tile strong{display:block;font-size:1.8rem;line-height:1.15;margin-top:8px;letter-spacing:-.05em}.tile strong small{font-size:.8rem;margin-left:2px;font-weight:650;color:var(--muted)}.tile.urgent strong{color:var(--danger)}.tile.attention strong{color:var(--warn)}
.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;min-width:0}.card.urgent{border-left:4px solid var(--danger)}.card.attention{border-left:4px solid #b87320}.card.info{border-left:4px solid var(--brand)}.card-title{font-weight:780;font-size:.9rem;line-height:1.45;letter-spacing:-.025em}.card-copy{font-size:.81rem;color:var(--muted);line-height:1.65;margin:5px 0 0;overflow-wrap:anywhere}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.card-top .card-title{min-width:0}.card-top .pill{flex:none}.pill{border-radius:999px;padding:4px 8px;font-size:.69rem;font-weight:800;background:#edf1ef;color:#455b50;white-space:nowrap}.pill.g{background:var(--mint);color:#00693f}.pill.a{background:var(--warn-bg);color:var(--warn)}.pill.r{background:var(--danger-bg);color:var(--danger)}.pill.neutral{background:#f2f5f3;color:#465750}.stack{display:grid;gap:9px}.eyeline{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.81rem;margin-bottom:6px}.state-icon{width:24px;height:24px;border-radius:8px;display:inline-grid;place-items:center;font-size:.82rem;flex:none;background:var(--mint);color:var(--brand)}.urgent .state-icon{background:var(--danger-bg);color:var(--danger)}.attention .state-icon{background:var(--warn-bg);color:var(--warn)}.meta{font-size:.74rem;color:var(--muted);margin-top:8px}.progress-line{display:flex;align-items:center;gap:8px;margin-top:10px}.progress-track{height:7px;background:#e7f1eb;border-radius:999px;flex:1;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#20b486,#007e51);border-radius:inherit}.progress-line b{font-size:.75rem;color:var(--brand);min-width:26px;text-align:right}.note{font-size:.76rem;line-height:1.65;color:var(--muted);padding:0 2px}.note strong{color:#405a4b}.primary-link,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;border-radius:13px;padding:11px 15px;text-decoration:none;font-size:.87rem;font-weight:800}.primary-link{border:1px solid var(--brand-bright);background:var(--brand-bright);color:#fff}.secondary-button{border:1px solid #dce5e0;background:#fff;color:#303734}.action-note{display:flex;gap:9px;align-items:flex-start;background:#f5f8f6;border-radius:12px;padding:11px 12px;font-size:.76rem;line-height:1.55;color:#526159}.action-note span:first-child{font-size:1rem}.empty-state{text-align:center;border:1px dashed #c9ded1;border-radius:18px;background:#fff;padding:30px 18px}.empty-state .empty-art{width:52px;height:52px;margin:0 auto 11px;border-radius:17px;background:var(--mint);display:grid;place-items:center;color:var(--brand);font-size:1.5rem}.empty-state h2{font-size:1rem;margin:0 0 5px}.empty-state p{font-size:.79rem;color:var(--muted);line-height:1.6;margin:0}.timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:26px 1fr;gap:9px;padding-bottom:14px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:12px;top:22px;bottom:0;width:2px;background:#dcebe1}.timeline-dot{width:26px;height:26px;border-radius:50%;background:var(--mint);color:var(--brand);display:grid;place-items:center;font-size:.73rem;font-weight:800;z-index:1}.timeline-item.is-blocked .timeline-dot{background:var(--danger-bg);color:var(--danger)}.timeline-content{padding:2px 0}.timeline-content strong{font-size:.84rem}.timeline-content small{color:var(--muted);font-size:.76rem;margin-left:6px}.timeline-item:last-child{padding-bottom:0}.orders-meta{color:var(--muted);font-size:.72rem;margin-top:7px}.state-panel{border-radius:18px;background:#fff;border:1px solid var(--line);padding:20px}.state-panel .state-illustration{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:var(--mint);color:var(--brand);font-size:2rem;margin-bottom:14px}.state-panel.bad .state-illustration{background:var(--danger-bg);color:var(--danger)}.state-panel.warn .state-illustration{background:var(--warn-bg);color:var(--warn)}.state-panel h2{font-size:1.13rem;letter-spacing:-.04em;line-height:1.4;margin:0 0 7px}.state-panel p{color:var(--muted);font-size:.84rem;line-height:1.7;margin:0}.state-panel ol{font-size:.82rem;color:#4e6055;line-height:1.7;padding-left:20px;margin:13px 0 0}.option-card{display:flex;gap:10px;align-items:flex-start;padding:13px;border-radius:13px;background:#f7faf8;border:1px solid #e4ece7}.option-card+ .option-card{margin-top:8px}.option-number{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:var(--brand);font-size:.75rem;font-weight:800}.option-card strong{font-size:.83rem}.option-card p{margin:2px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}.field-preview{margin-top:8px;border:1px solid #ccdcd1;background:#fff;border-radius:11px;padding:12px;color:#708077;font-size:.8rem}.candidate{display:flex;justify-content:space-between;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line);font-size:.8rem}.candidate+ .candidate{margin-top:8px}.candidate strong{font-size:.8rem}.candidate span{color:var(--muted)}
nav{flex:none;display:flex;justify-content:space-around;align-items:stretch;background:#fff;border-top:1px solid var(--line);padding:5px max(5px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}nav button{position:relative;flex:1;min-height:55px;border:0;background:none;color:#5c6d63;border-radius:12px;display:grid;place-content:center;gap:2px;text-align:center;font-size:.69rem;font-weight:650;padding:5px 1px}nav button.on{color:var(--brand);background:#edf8f1;font-weight:850}nav button svg{width:20px;height:20px;justify-self:center;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}nav .dot{position:absolute;top:2px;left:calc(50% + 7px);min-width:15px;height:15px;line-height:15px;padding:0 3px;background:var(--danger);border-radius:99px;color:#fff;font-size:.58rem;font-weight:800}
.sheet{position:fixed;inset:0;z-index:10}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(21,38,29,.48)}.sheet-panel{position:absolute;bottom:0;left:0;right:0;max-height:80dvh;overflow-y:auto;background:#fff;border-radius:22px 22px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom))}.sheet-handle{width:40px;height:5px;border-radius:99px;background:#cad6ce;margin:0 auto 16px}.sheet-heading{display:flex;align-items:center;justify-content:space-between}.sheet-heading h2{font-size:1.05rem;margin:0}.icon-button{border:0;background:#f2f5f3;border-radius:10px;width:44px;height:44px;font-size:1.45rem;color:#3a5144}.sheet .scenario-list{margin:16px 0 0}
@media(max-width:760px){html{background:#fff}.preview-shell{display:block;padding:0;min-height:100dvh}.preview-tools{display:none}.phone{width:100%;max-width:none;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.mobile-scenes{display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;margin-top:10px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#f7faf8;color:#40564a;font-size:.76rem;font-weight:750}}
@media(max-height:480px){.app-header{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.brand-icon{width:32px;height:32px}#title{font-size:1.05rem}#sub{font-size:.67rem}.mobile-scenes{margin-top:4px;min-height:38px}main{padding-top:10px;padding-bottom:10px}nav button{min-height:47px}}
@media(max-width:380px){.hero-icon{display:none}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .18s,border-color .18s,transform .18s}button:hover,a:hover{transform:translateY(-1px)}}
body:not(.review-mode) .preview-shell{display:flex;justify-content:center}
body:not(.review-mode) .preview-tools,body:not(.review-mode) .mobile-scenes{display:none}
.filter-row{display:flex;gap:7px;overflow-x:auto;padding:0 0 5px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-button{flex:none;min-height:44px;padding:8px 12px;border:1px solid #dce5e0;border-radius:999px;background:#fff;color:#40534a;font-size:.76rem;font-weight:750}.filter-button.on{background:var(--mint);border-color:#8ccdaf;color:#00693f}
.list-link{display:block;width:100%;min-height:44px;border:0;background:none;text-align:right;color:var(--brand);font-size:.8rem;font-weight:800;padding:8px 4px}
.card-action{display:block;width:100%;text-align:left;cursor:pointer}.card-action .card-copy,.card-action .orders-meta,.card-action .card-title{display:block}.card-action .card-top{display:flex}.card-action:hover{border-color:#8ccdaf}.action-cue{display:block;text-align:right;color:var(--brand);font-size:.72rem;font-weight:750;margin-top:8px}.detail-body{padding:16px 2px 2px}.detail-body .detail-label{display:block;font-size:.71rem;color:var(--brand);font-weight:800;letter-spacing:.08em;margin-bottom:8px}.detail-body h3{font-size:1.08rem;letter-spacing:-.035em;margin:0 0 10px}.detail-body p{font-size:.84rem;line-height:1.7;color:#4b5e53;margin:0 0 12px}.detail-body dl{margin:13px 0;padding:13px;border-radius:12px;background:#f6faf7;display:grid;grid-template-columns:82px 1fr;gap:9px;font-size:.79rem}.detail-body dt{color:var(--muted)}.detail-body dd{margin:0;overflow-wrap:anywhere}
@media(max-width:760px){body:not(.review-mode) .preview-shell{display:block}}

/* SELLER AI four named shortcuts. Do not replace existing action handlers. */
.sa-top-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 0 0;background:#fff}
.sa-top-shortcuts button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:64px;padding:8px 4px;border:1px solid transparent;border-radius:13px;background:white;color:#5e6965;font-family:inherit;font-size:12px;font-weight:650;line-height:1.3;cursor:pointer;white-space:nowrap}
.sa-top-shortcuts button.is-active{background:#eaf8f1;border-color:#bcebd6;color:#007e51}
.sa-top-shortcuts button:hover{background:#f5f8f6;color:#007e51}
.sa-top-shortcuts button:focus-visible{outline:3px solid #20b486;outline-offset:2px}
.sa-top-shortcuts .sa-icon-wrap{position:relative;width:26px;height:26px;display:block}
.sa-top-shortcuts svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sa-top-shortcuts .sa-count{position:absolute;top:-6px;left:19px;min-width:17px;height:17px;padding:0 4px;border:2px solid white;border-radius:10px;background:#b42318;color:white;font:700 10px/13px sans-serif;box-sizing:content-box}

/* Gradient line icons v2 — brand-owned SVG, no external assets. */
.sa-top-shortcuts{gap:8px}
.sa-top-shortcuts button{min-height:72px;gap:7px;border-radius:16px;transition:background .18s,box-shadow .18s,border-color .18s;color:#53645c}
.sa-top-shortcuts button.is-active{border:1px solid transparent;background:linear-gradient(145deg,#f5fff9,#e5f7ed) padding-box,linear-gradient(135deg,#bee9d3,#63cfa5,#c2efdc) border-box;box-shadow:0 4px 12px rgba(0,126,81,.08),inset 0 1px 0 #fff;color:#006b46}
.sa-top-shortcuts button:hover{background-color:#f4fbf7;box-shadow:0 3px 10px rgba(0,126,81,.06)}
.sa-top-shortcuts .sa-icon-wrap,.sa-top-shortcuts svg{width:27px;height:27px}
.sa-top-shortcuts svg{stroke-width:1.8;filter:drop-shadow(0 1px 1px rgba(0,126,81,.08))}
.sa-top-shortcuts .sa-count{top:-5px;left:21px;background:#b42318;box-shadow:0 1px 3px #7f1d1d18}
@media(prefers-reduced-motion:reduce){.sa-top-shortcuts button{transition:none}}

/* V6: distinct duotone glyphs + inset emerald tile; keep all action bindings. */
.sa-top-shortcuts{gap:7px;padding-top:12px}
.sa-top-shortcuts button{position:relative;min-height:88px;padding:9px 3px 11px;gap:7px;border-radius:17px;font-size:12px;font-weight:750}
.sa-top-shortcuts .sa-icon-wrap{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f1fbf7,#fff);border:1px solid #e2f1e9;box-shadow:inset 0 1px 0 #fff}
.sa-top-shortcuts svg{width:29px;height:29px;stroke-width:1.85;filter:drop-shadow(0 1px 1px #007e5118)}
.sa-top-shortcuts button.is-active{background:linear-gradient(145deg,#f0fff7,#e1f7ec) padding-box,linear-gradient(135deg,#8ae4bb,#00a86b,#93e8cb) border-box;border:1px solid transparent;box-shadow:0 5px 14px #007e5112;color:#00633e}
.sa-top-shortcuts button.is-active .sa-icon-wrap{background:linear-gradient(135deg,#fff,#c6f3dd);border-color:#8fdab9;box-shadow:0 3px 8px #007e5115}
.sa-top-shortcuts button.is-active:after{content:'';position:absolute;bottom:4px;width:20px;height:3px;border-radius:3px;background:linear-gradient(90deg,#007e51,#4ccea7)}
.sa-top-shortcuts .sa-count{top:-4px;left:32px;min-width:15px;height:15px;font-size:9px;line-height:15px}

/* V7 reference-led: open layout, single selected mint tile, restrained gradient border. */
.sa-top-shortcuts{gap:8px;padding-top:8px}
.sa-top-shortcuts button,.sa-top-shortcuts button:hover{min-height:75px;padding:5px 2px 7px;gap:6px;background:transparent;border:0;border-radius:14px;box-shadow:none;color:#64716b;font-weight:650}
.sa-top-shortcuts button.is-active{background:transparent;border:0;box-shadow:none;color:#007e51}
.sa-top-shortcuts button.is-active:after{display:none}
.sa-top-shortcuts .sa-icon-wrap{width:46px;height:46px;border-radius:15px;border:1px solid transparent;background:transparent;box-shadow:none;display:grid;place-items:center}
.sa-top-shortcuts svg{width:25px;height:25px;stroke-width:1.9;filter:none}
.sa-top-shortcuts svg g{stroke:#64736c!important}
.sa-top-shortcuts button.is-active .sa-icon-wrap{border:1px solid transparent;background:linear-gradient(140deg,#f4fcf8,#e1f5eb) padding-box,linear-gradient(135deg,#d3eee0 5%,#75cdae 55%,#b9e8d4 100%) border-box;box-shadow:inset 0 1px 0 #fff,0 2px 5px #007e5108}
.sa-top-shortcuts button.is-active svg g{stroke:url(#sa-nav-home)!important}
.sa-top-shortcuts button[data-quick=orders].is-active svg g{stroke:url(#sa-nav-orders)!important}
.sa-top-shortcuts button[data-quick=invoice].is-active svg g{stroke:url(#sa-nav-invoice)!important}
.sa-top-shortcuts button[data-quick=alerts].is-active svg g{stroke:url(#sa-nav-alerts)!important}
.sa-top-shortcuts button:not(.is-active):hover .sa-icon-wrap{background:#f4faf6;border-color:#dfede5}
.sa-top-shortcuts .sa-count{top:0;left:32px;background:#bc251e;box-shadow:none;border:2px solid white;min-width:15px;height:15px;font-size:10px;line-height:15px}

/* V8: equal badge dimensions, including border; center counts without padding expansion. */
.sa-top-shortcuts .sa-count{box-sizing:border-box;width:21px;min-width:21px;height:21px;padding:0;border:2px solid white;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:10px;font-weight:750}

/* V9 logo: 3-second cycle, 1.8s rest + 1.2s eased rotation. No layout movement. */
.brand-row{perspective:650px}
.brand-icon{transform-origin:50% 50%;animation:sa-logo-turn 3s infinite;will-change:transform;backface-visibility:visible}
@keyframes sa-logo-turn{0%,60%{transform:rotateY(0deg)}100%{transform:rotateY(360deg);animation-timing-function:ease-out}}
.brand-icon{animation-timing-function:cubic-bezier(.45,0,.2,1)}
@media(prefers-reduced-motion:reduce){.brand-icon{animation:none;transform:none;will-change:auto}}

.brand-motion{border:0;background:transparent;padding:0;display:block;flex:none;border-radius:11px;cursor:pointer;perspective:650px}
.brand-motion:focus-visible{outline:3px solid #20b486;outline-offset:3px}
.brand-motion:hover{transform:none}
.brand-motion .brand-icon{display:block}
.brand-motion.motion-preview .brand-icon{animation:sa-logo-turn 3s cubic-bezier(.45,0,.2,1) 2;will-change:transform}

/* V10: slower 4.8s cycle, 1.2s rest + 3.6s dimensional turn. */
.brand-motion{perspective:520px;perspective-origin:50% 45%;transform-style:preserve-3d}
.brand-icon{transform-origin:center;animation:sa-logo-turn-3d 4.8s cubic-bezier(.42,0,.22,1) infinite;backface-visibility:visible}
@keyframes sa-logo-turn-3d{
  0%,25%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);filter:drop-shadow(0 2px 2px rgba(0,94,61,.10))}
  62.5%{transform:rotateX(8deg) rotateY(180deg) rotateZ(-3deg);filter:drop-shadow(3px 4px 3px rgba(0,94,61,.18))}
  100%{transform:rotateX(0deg) rotateY(360deg) rotateZ(0deg);filter:drop-shadow(0 2px 2px rgba(0,94,61,.10))}
}
@media(prefers-reduced-motion:reduce){.brand-icon{animation:none;transform:none;will-change:auto}}
.brand-motion.motion-preview .brand-icon{animation:sa-logo-turn-3d 4.8s cubic-bezier(.42,0,.22,1) 2;will-change:transform}

/* V11 chosen motion: slow broad light sweep; replaces logo rotation. */
.brand-motion{position:relative;isolation:isolate;overflow:visible}
.brand-motion .brand-icon,.brand-motion.motion-preview .brand-icon{animation:none;transform:none;filter:none;will-change:auto}
.brand-motion:after{content:'';position:absolute;inset:-6px;z-index:3;pointer-events:none;border-radius:14px;background:linear-gradient(112deg,transparent 14%,#bcebd600 25%,#8ceac93d 37%,#dcfff0a3 47%,#ffffffe0 52%,#b3f5db80 60%,#72dcba24 72%,transparent 85%);filter:blur(1px);opacity:0;animation:sa-slow-sweep 7.6s cubic-bezier(.4,0,.3,1) infinite}
.brand-motion:before{content:'';position:absolute;inset:-8px;z-index:-1;pointer-events:none;border-radius:18px;background:radial-gradient(ellipse,#a2edca70,#cef9e340 40%,transparent 72%);opacity:0;animation:sa-sweep-halo 7.6s ease-in-out infinite}
@keyframes sa-slow-sweep{0%,10%{transform:translateX(-85%) skewX(-8deg);opacity:0}24%{opacity:.65}50%{opacity:.85}72%{opacity:.5}88%,100%{transform:translateX(85%) skewX(-8deg);opacity:0}}
@keyframes sa-sweep-halo{0%,12%,94%,100%{opacity:0;transform:scale(.92)}48%{opacity:.85;transform:scale(1.12)}72%{opacity:.3;transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.brand-motion:before,.brand-motion:after{animation:none}}
.brand-motion.motion-preview:after{animation:sa-slow-sweep 7.6s cubic-bezier(.4,0,.3,1) 2}
.brand-motion.motion-preview:before{animation:sa-sweep-halo 7.6s ease-in-out 2}

/* V12 restore original focused sweep, no surrounding glow. */
.brand-motion{overflow:hidden}
.brand-motion:before,.brand-motion.motion-preview:before{content:none;animation:none}
.brand-motion:after{inset:-40%;border-radius:0;background:linear-gradient(110deg,transparent 35%,#ffffff05 41%,#ffffffee 49%,#c4ffe6aa 53%,transparent 62%);filter:none;opacity:1;animation:sa-original-sweep 4.6s ease-in-out infinite}
@keyframes sa-original-sweep{0%,30%{transform:translateX(-130%)}68%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.brand-motion:after{animation:none;opacity:0}}
.brand-motion.motion-preview:after{opacity:1;animation:sa-original-sweep 4.6s ease-in-out 2}
.login-strip{background:#fff;border:1px solid #dce7df;border-radius:13px;padding:6px;margin-bottom:12px}
.login-strip-grid{display:flex;align-items:center;justify-content:space-between;gap:3px;flex-wrap:nowrap;white-space:nowrap}
.login-market{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:3px;min-height:27px;padding:2px;border:1px solid #e3ebe5;background:#f9fcfa;border-radius:8px;white-space:nowrap}
.login-market-mark{display:grid;place-items:center;flex:none;min-width:34px;height:19px;padding:0 2px;border-radius:5px;background:#e5f4eb;color:#08764e;font-size:7px;font-weight:900;letter-spacing:-.045em}
.login-market:nth-child(2) .login-market-mark{background:#e6f2fa;color:#2e76a5}.login-market:nth-child(3) .login-market-mark{background:#fff0d9;color:#b96513}.login-market:nth-child(4) .login-market-mark{background:#fcebed;color:#b63a55}.login-market:nth-child(5) .login-market-mark{background:#e1f6e7;color:#07844a}.login-market:nth-child(6) .login-market-mark{background:#e9ecf9;color:#505f9d}
.login-light{width:6px;height:6px;flex:none;border-radius:50%;background:#e2a623;box-shadow:0 0 0 2px #fff1c9}
@media(max-width:350px){.login-market-mark{min-width:29px;font-size:6px}.login-market{gap:2px;padding:1px}}

/* [2026-11-03 클로드] 상태 표시줄 칩 네 가지(구매처·판매처·주문·알림)
   프로그램 하단 상태바와 같은 차례. 390px 에서 네 개가 한 줄에 다 들어가야 한다. */
.login-strip-grid{display:flex;gap:5px;align-items:center;flex-wrap:nowrap}
.sa-bar-chip{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:28px;padding:3px 7px;border-radius:999px;background:#f3f7f5;white-space:nowrap}
.sa-bar-name{font-size:.62rem;font-weight:800;color:#56695f;letter-spacing:-.04em}
.sa-bar-body{display:inline-flex;align-items:center;gap:2px}
.sa-bar-body b{font-size:.76rem;font-weight:850;color:#007e51;font-variant-numeric:tabular-nums;padding:0 1px}
.login-strip-grid .login-market{display:inline-flex;align-items:center;gap:2px;min-width:0;width:auto;
  padding:1px 3px;margin:0;border-radius:6px;font-size:.58rem;flex:none}
.login-strip-grid .login-market-mark{min-width:0;width:auto;height:auto;padding:0;font-size:.58rem;font-weight:800;line-height:1.1}
.login-strip-grid .login-light{width:4px;height:4px;min-width:4px;flex:none}
@media(max-width:360px){
  .login-strip-grid{gap:3px}
  .sa-bar-chip{padding:3px 5px;gap:3px}
  .sa-bar-name{font-size:.56rem}
  .login-strip-grid .login-market{padding:1px 2px}
}

/* ── 홈페이지 바로가기 띠 ─────────────────────────────────────────────
 * 【형님 2026-11-04】「폰에서 홈페이지로 넘나들 수 있게 연결해라.
 *  구독 만료되면 재구독 신청할 수도 있고, 홈페이지에서 환불 요청할 수도 있는데
 *  연결이 되게 해놓아야지. 그래서 기능별 랜딩 연결 로직을 점검하라고 한 거야」
 *
 * 재 보니 폰 화면에서 홈페이지로 나가는 길이 **링크 한 개**(소싱 레이더)뿐이었다.
 * 구독이 끝나도 갈 곳이 없었다. 요금·환불·문의로 바로 나갈 수 있게 띠를 둔다.
 * 터치 기준 44px · 줄바꿈 없이 가로로만 밀린다 · 테두리 없이 색으로만 구분. */
.sa-site-links{
  display:flex;gap:5px;align-items:center;
  margin:7px 0 0;padding:0 2px 2px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.sa-site-links::-webkit-scrollbar{display:none}
.sa-site-links a{
  flex:none;display:inline-flex;align-items:center;
  min-height:30px;padding:0 11px;border-radius:999px;
  background:#E7F3EC;color:#0A6343;
  font-size:12.5px;font-weight:700;letter-spacing:-.02em;
  text-decoration:none;white-space:nowrap;border:0
}
.sa-site-links a:hover,.sa-site-links a:focus-visible{background:#D5EBE0}
.sa-site-links a:active{background:#C6E3D4}
/* 【형님 11-04 지적】「상단 하단 똑같은 메뉴 있잖아. 이러면 복잡하지」
 *  → 「홈」을 뺐다. 아래 줄(홈·수집·주문·송장·알림)은 **앱 기능**이고,
 *     이 띠는 **계정·결제**(요금·환불·문의)다. 겹치는 항목이 하나도 없어야 한다.
 * 환불은 찾기 쉬워야 한다 — 급할 때 누르는 것이다 */
.sa-site-links a[href="/refund.html"]{background:#FDF0E6;color:#9A5A12}
.sa-site-links a[href="/refund.html"]:hover{background:#F8E4D2}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .sa-site-links a{background:#16302544;color:#A9E5CB}
  :root:not([data-theme="light"]) .sa-site-links a[href="/refund.html"]{background:#2A1E10;color:#E5B77A}
}

/* ── 상단 바로가기 제거 — 하단 메뉴와 완전히 같은 메뉴였다 ──────────────
 * 【형님 2026-11-04】「상단 하단 똑같은 메뉴 있잖아. 이러면 복잡하지」
 * 재 보니 사실이었다:
 *   상단 #top-shortcuts : 홈 · 주문2 · 송장입력1 · 알림3   (높이 88px)
 *   하단 #nav           : 홈 · 수집 · 가공 · 주문2 · 송장1 · 알림3
 *   → 네 항목이 그대로 겹친다. 같은 일을 하는 단추가 한 화면에 두 번 있었다.
 * 상단을 없앤다. **세로 88px**을 벌어 「먼저 확인할 일」이 한 화면에 들어온다.
 * 기능은 하나도 사라지지 않는다 — 하단 메뉴에 그대로 있다. */
.sa-top-shortcuts{display:none!important}