/* Admin-only styles (extends nuzza.css) */
.hint{font-family:var(--mono);font-size:13px;color:#847C6E;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;}
@media (max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr);}}
.stat-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.stat-card .label{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#847C6E;margin-bottom:8px;}
.stat-card .value{font-family:var(--display);font-weight:600;font-size:28px;color:var(--charcoal);}
#admin-view .card{background:var(--white);border-radius:var(--radius);padding:22px;border:1px solid var(--line);margin-bottom:24px;display:block;flex-direction:unset;}
#admin-view .card h3{font-family:var(--display);font-weight:600;font-size:18px;margin-bottom:16px;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{width:100%;border-collapse:collapse;font-size:13.5px;}
th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#847C6E;padding:10px 8px;border-bottom:1.5px solid var(--line);}
td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle;}
td input,td select{font-family:var(--body);font-size:13px;padding:7px 9px;border-radius:8px;border:1.5px solid var(--line);background:var(--cream);color:var(--ink);width:100%;}
.btn-icon{background:var(--white);border:1.5px solid var(--line);border-radius:8px;padding:7px 10px;min-height:34px;cursor:pointer;font-family:var(--mono);font-size:11.5px;line-height:1.1;color:var(--charcoal);white-space:nowrap;text-align:center;}
.btn-icon:hover{border-color:var(--charcoal);}
.btn-icon.danger:hover{border-color:#B84A3D;color:#B84A3D;}
.form-error{color:#B84A3D;font-size:13px;margin-top:12px;}
.thumb-placeholder{width:44px;height:44px;border-radius:8px;background:var(--cream-dim);display:flex;align-items:center;justify-content:center;color:#B8AF9E;font-size:10px;font-family:var(--mono);}
.cj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
.cj-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;}
.cj-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:var(--cream-dim);}
.cj-card h4{font-family:var(--display);font-size:14px;font-weight:600;line-height:1.3;}
.cj-card .price{font-family:var(--mono);font-size:13px;color:var(--amber);}
.search-row{display:flex;gap:10px;}
.search-row input{flex-grow:1;}

/* Status pills + toolbar + product list */
.status-pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:100px;display:inline-block;}
.status-pill.draft{background:#F3E2D2;color:var(--amber);}
.status-pill.active{background:#DCEBD8;color:#3F7A4A;}
.products-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.products-toolbar input{flex-grow:1;max-width:320px;font-family:var(--body);font-size:14px;padding:10px 16px;border-radius:100px;border:1.5px solid var(--line);background:var(--white);}
.product-row-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--cream-dim);display:block;}
.product-name-cell{font-weight:600;}
.product-name-cell:hover{color:var(--lavender-deep);}

/* Dashboard controls: every tab and action shares a consistent box model. */
#admin-view .tabbar{align-items:center;gap:10px 12px;padding-bottom:2px;}
#admin-view .tabbar .tab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;line-height:1;text-decoration:none;}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:176px;white-space:nowrap;}
.row-actions .btn-icon{display:inline-flex;align-items:center;justify-content:center;}
#panel-orders td:last-child{min-width:90px;}

@media (max-width:760px){
  #admin-view .tabbar{gap:8px;margin-bottom:26px;}
  #admin-view .tabbar .tab-btn{flex:1 1 calc(50% - 8px);padding:10px 12px;}
  .products-toolbar{align-items:stretch;}
  .products-toolbar input,.products-toolbar .btn{max-width:none;width:100%;}
  .products-toolbar .btn{text-align:center;}
  .row-actions{min-width:0;gap:6px;}
  .row-actions .btn-icon{padding:7px 8px;}
}

@media (max-width:430px){
  #admin-view .tabbar .tab-btn{flex-basis:100%;}
  #admin-view .card{padding:16px;}
  .stat-grid{gap:12px;}
  .stat-card{padding:16px;}
}