/* REOSYS admin v2 — loaded after style.css on every admin page */
:root{--ad-navy:#050f2e;--ad-blue:#2f6bff;--ad-bg:#f3f6fc;--ad-line:#e1e7f4;--ad-ink:#0d1630;--ad-sub:#5b6785;--ad-ok:#12a150;--ad-warn:#d98200;--ad-bad:#d93a3a}
body.admin-page{background:var(--ad-bg);color:var(--ad-ink);font-family:'Pretendard Variable',Pretendard,'Noto Sans KR',system-ui,sans-serif;font-size:15px;letter-spacing:-.02em;word-break:keep-all}
body.admin-page a{color:inherit}
body.admin-page small{display:block;color:var(--ad-sub);font-size:12px;font-weight:500;margin-top:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* top bar + nav */
.admin-header{position:sticky;top:0;z-index:30;background:var(--ad-navy);color:#fff;padding:0;height:auto;border:0;box-shadow:0 6px 24px rgba(5,15,46,.18)}
.ad-bar{max-width:1320px;margin:auto;height:62px;padding:0 24px;display:flex;align-items:center;gap:26px}
.ad-brand{display:flex;align-items:baseline;gap:8px;color:#fff!important;white-space:nowrap}
.ad-brand b{font-size:19px;letter-spacing:-.03em}.ad-brand span{font-size:10px;letter-spacing:.2em;color:#b8f04d;font-weight:800}
.ad-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1}
.ad-nav::-webkit-scrollbar{display:none}
.ad-nav a{padding:9px 14px;border-radius:99px;font-size:14px;font-weight:700;color:rgba(255,255,255,.72)!important;white-space:nowrap;transition:.2s}
.ad-nav a:hover{background:rgba(255,255,255,.1);color:#fff!important}
.ad-nav a.on{background:#fff;color:var(--ad-navy)!important}
.ad-user{display:flex;align-items:center;gap:14px;font-size:13px;color:rgba(255,255,255,.7);white-space:nowrap}
.ad-user a{color:#fff!important;font-weight:700}.ad-user span{opacity:.7}

/* layout */
.admin-main{max-width:1320px;margin:0 auto;padding:34px 24px 90px}
.admin-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 26px}
.admin-title h1{margin:2px 0 0;font-size:30px;letter-spacing:-.04em}
.admin-title>a{font-weight:700;color:var(--ad-blue)!important;font-size:14px}
body.admin-page .eyebrow{color:var(--ad-blue);font-size:11px;font-weight:800;letter-spacing:.18em;margin:0}
.admin-card{background:#fff;border:1px solid var(--ad-line);border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(11,36,96,.05);margin-bottom:20px}
.admin-card h2{margin:0 0 14px;font-size:18px;letter-spacing:-.03em}
.admin-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-card-head h2{margin:0}.admin-card-head a{font-size:13px;font-weight:700;color:var(--ad-blue)!important}
.admin-grid{display:grid;gap:20px}.admin-grid.ad-2{grid-template-columns:1fr 1fr}.admin-grid .admin-card{margin-bottom:0}
.ad-2{margin-bottom:20px}
.muted{color:var(--ad-sub)}
.flash{padding:14px 18px;border-radius:14px;margin:0 0 18px;font-weight:600;font-size:14px;background:#eaf2ff;color:#173a8a;border:1px solid #cfe0ff}
.flash.success{background:#e9f8ef;color:#116b3a;border-color:#bfe8cf}.flash.error{background:#fdecec;color:#9b2222;border-color:#f6c6c6}

/* KPI */
.ad-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}
.ad-kpi{display:block;background:#fff;border:1px solid var(--ad-line);border-radius:18px;padding:18px 18px 16px;transition:.25s;box-shadow:0 6px 22px rgba(11,36,96,.04)}
a.ad-kpi:hover{transform:translateY(-3px);border-color:var(--ad-blue);box-shadow:0 14px 30px rgba(47,107,255,.14)}
.ad-kpi span{display:block;font-size:12.5px;color:var(--ad-sub);font-weight:600}
.ad-kpi strong{display:block;margin-top:8px;font-size:28px;font-weight:800;letter-spacing:-.04em}
.ad-kpi strong small{display:inline;font-size:13px;font-weight:600;margin-left:3px;color:var(--ad-sub)}
.ad-kpi strong.hot{color:var(--ad-bad)}
.ad-chart{width:100%;height:auto;display:block}.ad-chart .bar{fill:var(--ad-blue)}.ad-chart .bar.zero{fill:#d6dff3}.ad-chart .val{font-size:12px;font-weight:700;fill:var(--ad-ink)}.ad-chart .lab{font-size:12px;fill:var(--ad-sub)}
.ad-sum{margin:8px 0 0;font-size:13px}

/* rows */
.admin-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--ad-line);background:none}
.admin-row:last-child{border-bottom:0}
.ad-link{transition:.15s}.ad-link:hover{background:#f6f9ff;margin:0 -12px;padding:13px 12px;border-radius:12px}
.admin-row b{font-weight:700}
.admin-row-thumb{width:46px;height:46px;border-radius:12px;background:#eef2fb;overflow:hidden;flex:none}.admin-row-thumb img{width:100%;height:100%;object-fit:cover}

/* badges */
.ad-badge{display:inline-block;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:800;background:#eef2fb;color:#40507a;font-style:normal;white-space:nowrap}
.ad-badge.bad,.ad-badge.pay-취소{background:#fdecec;color:var(--ad-bad)}
.ad-badge.warn,.ad-badge.pay-입금대기,.ad-badge.pay-상담대기,.ad-badge.inq-대기,.ad-badge.st-주문접수{background:#fff3df;color:var(--ad-warn)}
.ad-badge.pay-결제확인,.ad-badge.inq-완료,.ad-badge.st-완료{background:#e6f7ec;color:var(--ad-ok)}
.ad-badge.inq-확인,.ad-badge.st-확인,.ad-badge.st-배송중{background:#e8f0ff;color:var(--ad-blue)}

/* tabs / filters */
.ad-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.ad-tabs a{padding:9px 16px;border-radius:99px;background:#fff;border:1px solid var(--ad-line);font-size:14px;font-weight:700;color:var(--ad-sub)!important;transition:.2s}
.ad-tabs a b{margin-left:4px;color:var(--ad-ink)}.ad-tabs a:hover{border-color:var(--ad-blue)}
.ad-tabs a.on{background:var(--ad-navy);border-color:var(--ad-navy);color:#fff!important}.ad-tabs a.on b{color:#b8f04d}
.ad-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid var(--ad-line);border-radius:16px;padding:12px;margin-bottom:18px}
.ad-filter input,.ad-filter select,.ad-bulk select,.ad-inq-form input,.ad-inq-form select{height:42px;padding:0 14px;border:1px solid var(--ad-line);border-radius:12px;background:#fff;font:inherit;font-size:14px;color:var(--ad-ink)}
.ad-filter input[type=search]{flex:1;min-width:220px}
.ad-filter label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ad-sub);font-weight:600}
.ad-reset{font-size:13px;font-weight:700;color:var(--ad-sub)!important;text-decoration:underline}
body.admin-page .btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;margin:0;border-radius:99px;font-size:14px;font-weight:800;border:1px solid transparent;cursor:pointer;width:auto;letter-spacing:0}
body.admin-page .btn.dark{background:var(--ad-navy);color:#fff!important}body.admin-page .btn.dark:hover{background:var(--ad-blue)}
body.admin-page .btn.outline{background:#fff;border-color:var(--ad-line);color:var(--ad-navy)!important}
.text-danger{background:none;border:0;color:var(--ad-bad)!important;font-weight:700;cursor:pointer;font-size:13px}

/* tables */
.ad-tablecard{padding:0;overflow:hidden}
.ad-bulk{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--ad-line);background:#fafcff}.ad-bulk span{margin-right:auto;color:var(--ad-sub)}.ad-bulk span b{color:var(--ad-ink)}
.table-scroll{overflow-x:auto}
.ad-table{width:100%;border-collapse:collapse;font-size:14px}
.ad-table th{padding:12px 16px;background:#f6f8fd;color:var(--ad-sub);font-size:12px;font-weight:800;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ad-line)}
.ad-table td{padding:14px 16px;border-bottom:1px solid var(--ad-line);vertical-align:top}
.ad-table tr:hover td{background:#fafcff}.ad-table .num,.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.ad-id{font-weight:800;color:var(--ad-blue)!important}
.ad-empty{padding:34px;text-align:center}
.ad-pager{display:flex;gap:6px;justify-content:center;margin:22px 0 0}
.ad-pager a,.ad-pager span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid var(--ad-line);font-weight:700;font-size:14px}
.ad-pager a.on{background:var(--ad-navy);color:#fff!important;border-color:var(--ad-navy)}.ad-pager span{border:0;background:none}

/* detail */
.ad-dl{display:grid;grid-template-columns:96px 1fr;gap:10px 14px;margin:0 0 6px}.ad-dl dt{color:var(--ad-sub);font-weight:600}.ad-dl dd{margin:0;font-weight:600}
.ad-sub{margin-top:22px!important}
.ad-items>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ad-line)}.ad-items small{margin:0}.ad-items .tot{border:0;font-size:17px;font-weight:800}.ad-items .tot b{grid-column:3}
.ad-note{font-size:13px;margin:14px 0 0}

/* forms */
.admin-form{display:grid;gap:14px}
.admin-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--ad-sub)}
.admin-form input,.admin-form select,.admin-form textarea{padding:11px 14px;border:1px solid var(--ad-line);border-radius:12px;font:inherit;font-size:14px;color:var(--ad-ink);background:#fff;width:100%}
.admin-form textarea{min-height:90px;resize:vertical}
.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.ad-filter input:focus,.ad-filter select:focus,.ad-inq-form input:focus{outline:0;border-color:var(--ad-blue);box-shadow:0 0 0 4px rgba(47,107,255,.12)}
.admin-form label.check,.ad-prod label.check{display:flex!important;flex-direction:row;align-items:center;gap:8px}.admin-form .check input,.ad-prod .check input{width:auto}
.ad-new{padding:0}.ad-new>summary{padding:18px 24px;font-weight:800;cursor:pointer;list-style:none}.ad-new>summary::-webkit-details-marker{display:none}.ad-new[open]>summary{border-bottom:1px solid var(--ad-line)}
.ad-formgrid{grid-template-columns:repeat(4,1fr);padding:22px 24px;align-items:end}.ad-formgrid .wide{grid-column:1/-1}

/* products rows */
.ad-prod-head,.ad-prod{display:grid;grid-template-columns:minmax(240px,2.2fr) 130px 150px 70px 110px 150px;gap:14px;align-items:center;padding:12px 20px}
.ad-prod-head{background:#f6f8fd;color:var(--ad-sub);font-size:12px;font-weight:800;border-bottom:1px solid var(--ad-line)}
.ad-prod{border-bottom:1px solid var(--ad-line)}.ad-prod:last-child{border-bottom:0}.ad-prod.off{background:#fafafa;opacity:.72}
.ad-prod-main{display:flex;gap:12px;align-items:center;min-width:0}.ad-prod-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-prod input[type=number]{width:100%;height:40px;padding:0 12px;border:1px solid var(--ad-line);border-radius:10px;font:inherit;text-align:right}
.ad-prod input.low{border-color:#f0c27a;background:#fffaf0}
.ad-prod label{display:flex;gap:8px;align-items:center}
.ad-prod-act{display:flex;gap:12px;align-items:center}.ad-prod-act a{font-size:13px;font-weight:700;color:var(--ad-blue)!important;white-space:nowrap}

/* inquiries */
.ad-inq{position:relative}.ad-inq-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ad-inq-head b{font-size:16px}.ad-inq-head a{color:var(--ad-blue)!important;font-weight:600}
.ad-inq-msg{margin:12px 0 16px;padding:14px 16px;background:#f6f8fd;border-radius:12px;white-space:pre-wrap;line-height:1.7}
.ad-inq-form{display:flex;gap:10px;flex-wrap:wrap}.ad-inq-form input{flex:1;min-width:220px}
.ad-del{position:absolute;right:24px;bottom:24px}.ad-inq-form{padding-right:70px}

/* quick links */
.admin-card.quick.ad-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ad-quick h2{grid-column:1/-1;margin-bottom:4px}
.ad-quick a{display:flex;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#f6f8fd;font-weight:700;transition:.2s}.ad-quick a:hover{background:var(--ad-navy);color:#fff!important}

/* legacy admin pages (banners, notices, faq...) get the same polish */
.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:12px;background:#f6f8fd;font-size:12px;color:var(--ad-sub);text-align:left}.admin-table td{padding:13px 12px;border-bottom:1px solid var(--ad-line)}
body.admin-page input[type=text],body.admin-page input[type=number],body.admin-page input[type=url],body.admin-page textarea,body.admin-page select{border-radius:12px;border:1px solid var(--ad-line)}

@media(max-width:1180px){.ad-kpis{grid-template-columns:repeat(3,1fr)}.ad-prod-head{display:none}.ad-prod{grid-template-columns:1fr 1fr;row-gap:10px}.ad-prod-main{grid-column:1/-1}.ad-formgrid{grid-template-columns:1fr 1fr}.admin-card.quick.ad-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.admin-grid.ad-2{grid-template-columns:1fr}.ad-bar{gap:12px;padding:0 14px}.ad-user span,.ad-user a:first-child{display:none}.admin-main{padding:22px 14px 70px}.ad-kpis{grid-template-columns:1fr 1fr}.ad-formgrid{grid-template-columns:1fr}.admin-title h1{font-size:24px}.ad-inq-form{padding-right:0}.ad-del{position:static;margin-top:10px}}

/* product add / delete */
.ad-title-actions{display:flex;align-items:center;gap:18px}.ad-title-actions .ad-add{color:#fff!important;height:44px;padding:0 22px}
.ad-prodbulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;background:#fff;border:1px solid var(--ad-line);border-radius:14px}
.ad-prodbulk .muted{margin-left:auto;font-size:12.5px}.ad-selall{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.ad-prodbulk select{height:40px;padding:0 12px;border:1px solid var(--ad-line);border-radius:12px;font:inherit;font-size:14px;background:#fff}
.ad-prod-head,.ad-prod{grid-template-columns:34px minmax(220px,2.2fr) 120px 140px 56px 100px 190px}
.ad-prod-act .text-danger{padding:0;height:auto}
.ad-nodel{font-size:12px;color:var(--ad-sub);font-weight:700;cursor:help;border-bottom:1px dotted var(--ad-sub)}
.ad-danger{border-color:#f3cfcf;background:#fffafa}.ad-danger h2{color:#b42323}.ad-danger-row{margin-top:14px}
body.admin-page .btn.danger{background:#d93a3a;color:#fff!important}body.admin-page .btn.danger:hover{background:#b42323}
@media(max-width:1180px){.ad-prod{grid-template-columns:34px 1fr 1fr}.ad-prod-main{grid-column:2/-1}.ad-prodbulk .muted{margin-left:0;width:100%}}
.ad-prodbulk label.ad-selall{display:flex!important;flex-direction:row;align-items:center;gap:8px;white-space:nowrap}