/* ══════════════════════════════════════
   ADMIN STYLES
══════════════════════════════════════ */
.admin-wrap{position:fixed;inset:0;z-index:600;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;}
.admin-wrap.hidden{display:none;}

.adm-top{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:54px;background:var(--bg1);border-bottom:1px solid var(--border2);flex-shrink:0;}
.adm-brand{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--text);}
.adm-brand em{font-style:italic;color:var(--gold);}
.adm-tag{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(201,169,110,.12);color:var(--gold);padding:3px 9px;border:1px solid rgba(201,169,110,.2);}
.adm-right{display:flex;align-items:center;gap:8px;}
.adm-exit{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .2s;}
.adm-exit:hover{color:var(--gold);}
.adm-pending{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(224,112,112,.12);color:var(--err);padding:3px 9px;border:1px solid rgba(224,112,112,.25);}

.adm-mobile-tabs{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--bg2);border-bottom:1px solid var(--border2);flex-shrink:0;}
.adm-mobile-tabs::-webkit-scrollbar{display:none;}
.adm-mob-tab{flex-shrink:0;padding:11px 15px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s;}
.adm-mob-tab.on{color:var(--gold);border-bottom-color:var(--gold);}

.adm-body{display:flex;flex:1;overflow:hidden;}

.adm-sidebar{width:195px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border2);display:flex;flex-direction:column;overflow-y:auto;}
.adm-sb-section{padding:18px 15px 7px;font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text3);}
.adm-nav{display:flex;flex-direction:column;}
.adm-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 15px;font-size:.76rem;color:var(--text3);background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:all .2s;border-left:2px solid transparent;}
.adm-nav-btn:hover{color:var(--text2);background:rgba(201,169,110,.04);}
.adm-nav-btn.on{color:var(--gold);background:rgba(201,169,110,.08);border-left-color:var(--gold);}

.adm-main{flex:1;overflow-y:auto;padding:22px 20px;}
.adm-tab{display:none;}
.adm-tab.on{display:block;}

/* Admin Stats */
.adm-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:22px;}
@media(min-width:640px){.adm-stats{grid-template-columns:repeat(4,1fr);}}
.adm-stat{background:var(--bg2);border:1px solid var(--border2);padding:16px;}
.adm-stat-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:var(--gold);line-height:1;}
.adm-stat-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-top:4px;}

/* Admin Section */
.adm-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:8px;}
.adm-sec-title{font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--text);}
.adm-btn{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 15px;border:none;cursor:pointer;font-family:'Outfit',sans-serif;white-space:nowrap;transition:all .2s;}
.adm-btn-gold{background:var(--gold);color:var(--bg);}
.adm-btn-gold:hover{background:var(--gold2);}
.adm-btn-outline{background:none;color:var(--text3);border:1px solid var(--border);}
.adm-btn-outline.on,.adm-btn-outline:hover{border-color:var(--gold);color:var(--gold);}
.adm-btn-red{background:rgba(224,112,112,.1);color:var(--err);border:1px solid rgba(224,112,112,.25);}
.adm-btn-red:hover{background:rgba(224,112,112,.2);}
.adm-btn-green{background:rgba(126,200,160,.1);color:var(--ok);border:1px solid rgba(126,200,160,.25);}
.adm-btn-green:hover{background:rgba(126,200,160,.2);}
.adm-btn-sm{padding:5px 10px;font-size:.57rem;}
.adm-btn-xs{padding:3px 8px;font-size:.55rem;}

/* Admin Table */
.adm-table-wrap{overflow-x:auto;}
.adm-table{width:100%;border-collapse:collapse;}
.adm-table th{font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);padding:8px 10px;text-align:left;border-bottom:1px solid var(--border2);white-space:nowrap;}
.adm-table td{padding:10px;border-bottom:1px solid var(--border2);font-size:.76rem;color:var(--text2);vertical-align:middle;}
.adm-table tr:hover td{background:rgba(201,169,110,.025);}
.adm-td-name{color:var(--text);font-family:'Cormorant Garamond',serif;font-size:.86rem;}
.adm-td-actions{display:flex;gap:5px;flex-wrap:wrap;}
.adm-badge{font-size:.53rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(201,169,110,.12);color:var(--gold);padding:2px 7px;}
.adm-stock-ok{color:var(--ok);font-size:.7rem;font-weight:500;}
.adm-stock-warn{color:var(--warn);font-size:.7rem;font-weight:500;}
.adm-stock-out{color:var(--err);font-size:.7rem;font-weight:500;}

/* Orders */
.ord-status{font-size:.57rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid;}
.ord-pending{color:var(--warn);border-color:rgba(224,184,112,.35);background:rgba(224,184,112,.08);}
.ord-confirmed{color:var(--ok);border-color:rgba(126,200,160,.35);background:rgba(126,200,160,.08);}
.ord-cancelled{color:var(--err);border-color:rgba(224,112,112,.35);background:rgba(224,112,112,.08);}
.ord-detail-row{display:none;}
.ord-detail-row td{background:rgba(201,169,110,.025);}
.ord-detail-inner{padding:10px 12px;font-size:.72rem;color:var(--text3);line-height:1.9;}
.ord-detail-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--border2);padding:4px 0;}
.ord-detail-total{display:flex;justify-content:space-between;padding-top:8px;font-size:.78rem;color:var(--gold);font-weight:500;}

/* Admin search */
.adm-search{width:100%;background:var(--bg2);border:1px solid var(--border);padding:9px 14px;font-size:.8rem;color:var(--text);outline:none;margin-bottom:13px;transition:border-color .2s;}
.adm-search:focus{border-color:var(--gold);}
.adm-search::placeholder{color:var(--text3);}

/* Admin Modal */
.adm-modal-backdrop{position:absolute;inset:0;z-index:20;background:rgba(10,8,6,.72);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;}
.adm-modal-backdrop.hidden{display:none;}
.adm-modal{background:var(--bg1);border:1px solid var(--border);width:100%;max-width:520px;margin:auto;box-shadow:var(--shadow2);}
.adm-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border2);}
.adm-modal-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--text);}
.adm-modal-close{background:none;border:none;cursor:pointer;color:var(--text3);transition:color .2s;}
.adm-modal-close:hover{color:var(--text);}
.adm-modal-body{padding:20px;}
.adm-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.adm-modal-field{display:flex;flex-direction:column;gap:5px;}
.adm-modal-field.full{grid-column:1/-1;}
.adm-modal-label{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);}
.adm-modal-input,.adm-modal-select,.adm-modal-textarea{background:var(--bg2);border:1px solid var(--border);padding:10px 12px;font-size:.82rem;color:var(--text);outline:none;width:100%;transition:border-color .2s;}
.adm-modal-input:focus,.adm-modal-select:focus,.adm-modal-textarea:focus{border-color:var(--gold);}
.adm-modal-select option{background:var(--bg2);}
.adm-modal-textarea{resize:vertical;min-height:80px;}
.adm-modal-foot{display:flex;gap:9px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border2);}

/* Image upload */
.img-upload-zone{border:2px dashed var(--border);padding:22px;text-align:center;cursor:pointer;transition:border-color .2s;position:relative;}
.img-upload-zone:hover{border-color:var(--gold);}
.img-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.img-upload-zone p{font-size:.76rem;color:var(--text3);}
.img-upload-zone span{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}
.img-preview{width:100%;height:120px;object-fit:cover;border:1px solid var(--border);margin-top:8px;display:none;}

/* Stock chart */
.chart-wrap{background:var(--bg2);border:1px solid var(--border2);padding:18px;margin-bottom:22px;}
.chart-title{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:14px;}
.chart-bars{display:flex;align-items:flex-end;gap:4px;height:80px;}
.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
.chart-bar{width:100%;background:var(--gold);opacity:.7;min-height:2px;transition:height .4s ease,opacity .2s;}
.chart-bar:hover{opacity:1;}
.chart-label{font-size:.52rem;color:var(--text3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

/* Settings */
.adm-settings-card{background:var(--bg2);border:1px solid var(--border2);padding:20px;margin-bottom:14px;}
.adm-settings-title{font-family:'Cormorant Garamond',serif;font-size:.95rem;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border2);}

/* Colour picker */
.clr-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.clr-swatch{width:26px;height:26px;cursor:pointer;border:2px solid transparent;transition:border-color .2s;}
.clr-swatch.on{border-color:var(--gold);}

/* Export bar */
.export-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}

/* Empty state */
.adm-empty{text-align:center;padding:40px 20px;color:var(--text3);}
.adm-empty p{font-size:.8rem;margin-top:8px;}

@media(min-width:640px){
  .adm-mobile-tabs{display:none;}
  .adm-sidebar{display:flex;}
}
@media(max-width:639px){
  .adm-sidebar{display:none;}
  .adm-main{padding:14px 13px;}
  .adm-modal-grid{grid-template-columns:1fr;}
}