/*
 * Game Imports — central administrativa
 * Camada visual isolada para a aba de pedidos.
 */

.admin-panel{
  --admin-blue:#249cff;
  --admin-cyan:#64d8ff;
  --admin-ink:#eff8ff;
  --admin-muted:#8ea4b8;
  --admin-surface:#071421;
  --admin-surface-2:#0a1b2c;
  --admin-border:rgba(84,184,255,.18);
  --admin-success:#85e7aa;
}

.admin-content{
  padding:32px 36px 48px;
  background:
    linear-gradient(rgba(42,156,237,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,156,237,.022) 1px,transparent 1px),
    radial-gradient(circle at 18% 0,rgba(37,156,255,.08),transparent 34%),
    #030913;
  background-size:32px 32px,32px 32px,auto,auto;
}

.admin-content>.admin-orders-section{
  width:min(1180px,100%);
}

.admin-orders-command{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr);
  align-items:stretch;
  gap:22px;
  padding:26px;
  border:1px solid var(--admin-border);
  border-radius:20px;
  background:
    radial-gradient(circle at 0 0,rgba(47,169,255,.16),transparent 38%),
    linear-gradient(135deg,rgba(10,32,52,.98),rgba(4,14,25,.98));
  box-shadow:0 22px 58px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);
}

.admin-orders-command::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-80px;
  top:-110px;
  border:1px solid rgba(100,216,255,.16);
  border-radius:50%;
  box-shadow:0 0 70px rgba(36,156,255,.09),inset 0 0 45px rgba(36,156,255,.05);
  pointer-events:none;
}

.admin-orders-command__copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.admin-orders-command__copy>span{
  color:var(--admin-cyan);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.7px;
}

.admin-orders-command__copy h3{
  margin:8px 0 7px;
  color:#fff;
  font-size:26px;
  line-height:1;
  letter-spacing:-.8px;
}

.admin-orders-command__copy p{
  max-width:420px;
  margin:0;
  color:var(--admin-muted);
  font-size:12px;
  line-height:1.6;
}

.admin-orders-command__metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.admin-orders-command__metrics article{
  min-width:0;
  display:grid;
  align-content:center;
  gap:4px;
  padding:17px;
  border:1px solid rgba(103,194,255,.14);
  border-radius:14px;
  background:linear-gradient(155deg,rgba(18,49,76,.76),rgba(7,22,36,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.admin-orders-command__metrics span{
  color:#91a8bb;
  font-size:9px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.admin-orders-command__metrics strong{
  overflow:hidden;
  margin-top:3px;
  color:#f3fbff;
  font-size:clamp(21px,2vw,29px);
  line-height:1.1;
  letter-spacing:-.8px;
  text-overflow:ellipsis;
}

.admin-orders-command__metrics article:nth-child(2) strong{color:#8ed9ff}
.admin-orders-command__metrics article:nth-child(3) strong{color:var(--admin-success)}
.admin-orders-command__metrics small{color:#657d91;font-size:8px}

.admin-orders-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:22px 0 12px;
  padding:0 3px;
}

.admin-orders-toolbar>div:first-child{display:grid;gap:3px}
.admin-orders-toolbar>div:first-child b{color:var(--admin-ink);font-size:17px}
.admin-orders-toolbar>div:first-child span{color:#71889c;font-size:10px}

.admin-orders-toolbar .admin-filters{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px;
  gap:9px;
  min-width:min(520px,52%);
}

.admin-orders-toolbar .admin-filters label{
  display:grid;
  gap:5px;
  color:#7890a4;
  font-size:8px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.admin-orders-toolbar .admin-filters input,
.admin-orders-toolbar .admin-filters select{
  width:100%;
  height:44px;
  padding:0 13px;
  border:1px solid rgba(83,179,245,.18);
  border-radius:10px;
  background:#06111d;
  color:#ecf7ff;
  outline:none;
  font-size:11px;
  transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;
}

.admin-orders-toolbar .admin-filters input::placeholder{color:#5f7487}
.admin-orders-toolbar .admin-filters input:focus,
.admin-orders-toolbar .admin-filters select:focus{
  border-color:rgba(56,179,255,.72);
  background:#081725;
  box-shadow:0 0 0 3px rgba(36,156,255,.1);
}

.admin-orders{gap:16px}

.admin-order-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(78,174,238,.17);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,24,39,.99),rgba(3,12,22,.99));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}

.admin-order-card::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--admin-cyan),var(--admin-blue),transparent 82%);
}

.admin-order-card>header{
  align-items:center;
  padding:19px 22px;
  border-bottom-color:rgba(78,174,238,.12);
  background:linear-gradient(90deg,rgba(32,128,200,.075),transparent 46%);
}

.admin-order-card__identity{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:13px!important;
  min-width:0;
}

.admin-order-card__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border:1px solid rgba(82,189,255,.23);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(36,156,255,.17),rgba(36,156,255,.045));
  color:#7edcff!important;
  font-size:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.admin-order-card__identity>div{
  min-width:0;
  display:grid;
  gap:2px;
}

.admin-order-card__identity small{
  color:#6f879b!important;
  font-size:8px!important;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.admin-order-card h4{
  overflow:hidden;
  color:#f4fbff;
  font-size:15px;
  letter-spacing:.15px;
  text-overflow:ellipsis;
}

.admin-order-card__identity span:last-child{
  overflow:hidden;
  color:#95a9ba!important;
  font-size:10px!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-order-card__value{
  display:flex!important;
  flex-direction:row-reverse;
  align-items:center;
  gap:12px!important;
}

.admin-order-card__value strong{
  color:#fff!important;
  font-size:21px!important;
  letter-spacing:-.45px;
}

.admin-order-card__value i{
  padding:6px 9px!important;
  border-radius:999px!important;
  font-size:7px!important;
  letter-spacing:.55px;
}

.admin-order-grid{
  gap:0;
  padding:17px 18px;
  background:transparent;
}

.admin-order-grid section{
  position:relative;
  min-height:132px;
  padding:17px 18px 16px 54px;
  border:1px solid rgba(79,164,222,.11);
  border-left:0;
  background:rgba(7,20,33,.68);
}

.admin-order-grid section:first-child{
  border-left:1px solid rgba(79,164,222,.11);
  border-radius:13px 0 0 13px;
}

.admin-order-grid section:last-child{border-radius:0 13px 13px 0}

.admin-order-grid section::before{
  position:absolute;
  left:16px;
  top:16px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(76,177,244,.17);
  border-radius:8px;
  background:rgba(36,156,255,.08);
  color:#6fd2ff;
  font-size:11px;
  font-weight:900;
}

.admin-order-grid section:nth-child(1)::before{content:"●"}
.admin-order-grid section:nth-child(2)::before{content:"⌖"}
.admin-order-grid section:nth-child(3)::before{content:"R$";font-size:8px}

.admin-order-grid h5{
  margin:1px 0 10px;
  color:#6f879b;
  font-size:8px;
  letter-spacing:1.1px;
}

.admin-order-grid p{gap:4px}
.admin-order-grid b{color:#eef8ff;font-size:11px;line-height:1.45}
.admin-order-grid span{color:#879caf;font-size:9px;line-height:1.45}

.admin-order-items{
  margin:0 18px 17px;
  border-color:rgba(76,173,238,.13);
  border-radius:13px;
  background:rgba(2,9,16,.54);
}

.admin-order-items>summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  color:#d3e7f4;
  font-size:9px;
  letter-spacing:.65px;
  list-style:none;
}

.admin-order-items>summary::-webkit-details-marker{display:none}
.admin-order-items>summary:focus{outline:none}
.admin-order-items>summary:focus-visible{
  border-radius:12px;
  box-shadow:inset 0 0 0 2px rgba(100,216,255,.65);
}
.admin-order-items>summary::after{
  content:"+";
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 25px;
  border:1px solid rgba(86,184,247,.16);
  border-radius:7px;
  color:#69d2ff;
  font-size:16px;
}
.admin-order-items[open]>summary::after{content:"−"}

.admin-order-items>.order-products,
.admin-order-items>.order-audit{padding:0 14px 14px}

.admin-order-items .order-product{
  padding:14px;
  border-color:rgba(80,170,230,.12);
  background:rgba(8,25,40,.78);
}
.admin-order-items .order-product b{color:#edf8ff;font-size:11px}
.admin-order-items .order-product small{color:#8399ab;font-size:9px}
.admin-order-items .order-product>strong{color:#fff;font-size:12px}
.admin-order-items .order-product>div>span{background:rgba(36,156,255,.13);color:#76d6ff}

.admin-order-items .order-audit{
  border-color:rgba(80,170,230,.12);
  background:rgba(3,12,21,.8);
}
.admin-order-items .order-audit summary{color:#91a8ba;font-size:8px}
.admin-order-items .order-audit code{color:#5fcbff;font-size:7px}
.admin-order-items .order-audit b{color:#dcecf6;font-size:9px}
.admin-order-items .order-audit p{color:#71889a;font-size:8px}
.admin-order-items .order-audit time{color:#657b8d;font-size:7px}

.admin-order-status-form{
  grid-template-columns:minmax(175px,.72fr) minmax(170px,.92fr) minmax(230px,1.25fr) auto;
  gap:10px;
  padding:16px 18px 18px;
  border-top-color:rgba(78,174,238,.12);
  background:linear-gradient(90deg,rgba(36,156,255,.055),rgba(3,12,21,.64));
}

.admin-order-status-form label{
  gap:6px;
  color:#7890a4;
  font-size:8px;
  letter-spacing:.7px;
}

.admin-order-status-form input,
.admin-order-status-form select{
  height:44px;
  border-color:rgba(79,174,238,.16);
  border-radius:10px;
  background:#04101b;
  color:#ecf8ff;
  font-size:10px;
}

.admin-order-status-form .button{
  min-height:44px;
  border:1px solid rgba(104,210,255,.26);
  border-radius:10px;
  background:linear-gradient(135deg,#219bf0,#0c6dcc);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,112,209,.2);
}

.admin-orders-section .admin-empty{
  padding:50px 24px;
  border-color:rgba(76,173,238,.18);
  background:rgba(8,24,39,.6);
  color:#8ca2b4;
  font-size:11px;
}

@media(max-width:1180px){
  .admin-orders-command{grid-template-columns:1fr}
  .admin-orders-toolbar{align-items:stretch;flex-direction:column}
  .admin-orders-toolbar .admin-filters{min-width:0;width:100%}
  .admin-order-status-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-order-status-form .button{width:100%}
}

@media(max-width:820px){
  .admin-content{padding:15px 12px 32px;background:#030913}
  .admin-orders-command{gap:16px;padding:19px;border-radius:16px}
  .admin-orders-command__copy h3{font-size:22px}
  .admin-orders-command__metrics{grid-template-columns:1fr 1fr}
  .admin-orders-command__metrics article{padding:13px}
  .admin-orders-command__metrics article:last-child{grid-column:1/-1}
  .admin-orders-toolbar{margin-top:18px}
  .admin-orders-toolbar .admin-filters{grid-template-columns:1fr}
  .admin-order-card>header{display:flex;align-items:flex-start;padding:16px}
  .admin-order-card__identity{align-items:flex-start}
  .admin-order-card__icon{width:36px;height:36px;flex-basis:36px}
  .admin-order-card__value{display:grid!important;justify-items:end}
  .admin-order-card__value strong{font-size:17px!important}
  .admin-order-grid{grid-template-columns:1fr;padding:12px}
  .admin-order-grid section,
  .admin-order-grid section:first-child,
  .admin-order-grid section:last-child{
    min-height:0;
    border:1px solid rgba(79,164,222,.11);
    border-bottom:0;
    border-radius:0;
  }
  .admin-order-grid section:first-child{border-radius:11px 11px 0 0}
  .admin-order-grid section:last-child{border-bottom:1px solid rgba(79,164,222,.11);border-radius:0 0 11px 11px}
  .admin-order-items{margin:0 12px 12px}
  .admin-order-status-form{grid-template-columns:1fr;padding:14px 12px}
}

@media(max-width:520px){
  .admin-orders-command__metrics{grid-template-columns:1fr}
  .admin-orders-command__metrics article:last-child{grid-column:auto}
  .admin-order-card>header{display:grid}
  .admin-order-card__value{display:flex!important;flex-direction:row;justify-content:space-between}
}

/* Legibilidade desktop: o painel operacional precisa continuar confortável mesmo
 * em monitores grandes ou com escala reduzida no navegador. */
.admin-panel,
.admin-games-modal{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.admin-panel .admin-shell{grid-template-columns:270px minmax(0,1fr)}
.admin-panel .admin-sidebar{padding:28px 20px}
.admin-panel .admin-sidebar .brand{margin-bottom:30px}
.admin-panel .admin-identity{gap:6px;padding:18px;margin-bottom:24px}
.admin-panel .admin-identity small,
.admin-panel .admin-topbar small{font-size:10px}
.admin-panel .admin-identity strong{font-size:15px;line-height:1.35}
.admin-panel .admin-identity span{font-size:11px;line-height:1.4}
.admin-panel .admin-sidebar nav{gap:7px}
.admin-panel .admin-sidebar nav button{min-height:52px;padding:0 15px;border-radius:12px}
.admin-panel .admin-sidebar nav button i{width:30px;height:30px;font-size:13px}
.admin-panel .admin-sidebar nav button span{font-size:13px;letter-spacing:.1px}
.admin-panel .admin-sidebar__security{gap:6px;padding:16px}
.admin-panel .admin-sidebar__security b{font-size:11px}
.admin-panel .admin-sidebar__security span{font-size:10px;line-height:1.55}
.admin-panel .admin-topbar{min-height:88px;padding:18px 32px}
.admin-panel .admin-topbar h2{font-size:27px;line-height:1.15;letter-spacing:-.45px}
.admin-panel .admin-topbar button{min-height:42px;font-size:10px}
.admin-panel .admin-content{padding:36px 40px 54px}
.admin-content>.admin-orders-section{width:min(1320px,100%)}

.admin-orders-command{padding:30px;gap:26px}
.admin-orders-command__copy>span{font-size:11px;letter-spacing:1.8px}
.admin-orders-command__copy h3{margin:10px 0 9px;font-size:34px;letter-spacing:-1px}
.admin-orders-command__copy p{font-size:15px;line-height:1.6}
.admin-orders-command__metrics{gap:12px}
.admin-orders-command__metrics article{gap:6px;min-height:136px;padding:22px}
.admin-orders-command__metrics span{font-size:11px}
.admin-orders-command__metrics strong{font-size:clamp(27px,2vw,36px)}
.admin-orders-command__metrics small{font-size:10px}

.admin-orders-toolbar{margin:27px 0 16px}
.admin-orders-toolbar>div:first-child{gap:5px}
.admin-orders-toolbar>div:first-child b{font-size:23px;letter-spacing:-.25px}
.admin-orders-toolbar>div:first-child span{font-size:13px}
.admin-orders-toolbar .admin-filters{grid-template-columns:minmax(300px,1fr) 205px;min-width:min(600px,55%)}
.admin-orders-toolbar .admin-filters label{gap:7px;font-size:10px}
.admin-orders-toolbar .admin-filters input,
.admin-orders-toolbar .admin-filters select{height:50px;padding:0 16px;font-size:14px}

.admin-orders{gap:20px}
.admin-order-card{border-radius:20px}
.admin-order-card>header{padding:23px 26px}
.admin-order-card__identity{gap:16px!important}
.admin-order-card__icon{width:50px;height:50px;flex-basis:50px;border-radius:14px;font-size:20px!important}
.admin-order-card__identity>div{gap:4px}
.admin-order-card__identity small{font-size:10px!important}
.admin-order-card h4{font-size:19px;line-height:1.25}
.admin-order-card__identity span:last-child{font-size:13px!important}
.admin-order-card__value{gap:15px!important}
.admin-order-card__value strong{font-size:27px!important}
.admin-order-card__value i{padding:8px 11px!important;font-size:9px!important}

.admin-order-grid{padding:21px 22px}
.admin-order-grid section{min-height:160px;padding:21px 22px 20px 65px}
.admin-order-grid section::before{left:20px;top:20px;width:33px;height:33px;font-size:13px}
.admin-order-grid section:nth-child(3)::before{font-size:10px}
.admin-order-grid h5{margin:2px 0 12px;font-size:10px}
.admin-order-grid p{gap:6px}
.admin-order-grid b{font-size:14px;line-height:1.48}
.admin-order-grid span{font-size:12px;line-height:1.5}

.admin-order-games-button{
  width:calc(100% - 44px);
  min-height:86px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin:0 22px 18px;
  padding:16px 18px;
  border:1px solid rgba(67,200,255,.3);
  border-radius:15px;
  background:
    radial-gradient(circle at 0 50%,rgba(29,170,255,.16),transparent 32%),
    linear-gradient(100deg,rgba(8,36,58,.96),rgba(5,23,39,.95));
  color:#f4fbff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.16);
  cursor:pointer;
  text-align:left;
  transition:transform 180ms ease,border-color 180ms ease,background 180ms ease;
}
.admin-order-games-button:hover{
  transform:translateY(-2px);
  border-color:rgba(91,214,255,.62);
  background:linear-gradient(100deg,rgba(10,48,76,.98),rgba(6,29,48,.98));
}
.admin-order-games-button>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(100,216,255,.26);
  border-radius:13px;
  background:rgba(36,156,255,.12);
  color:#72d9ff;
  font-size:22px;
}
.admin-order-games-button>div{display:grid;gap:3px}
.admin-order-games-button small{color:#63d2ff;font-size:9px;font-weight:900;letter-spacing:1.2px}
.admin-order-games-button b{font-size:17px;line-height:1.25}
.admin-order-games-button em{color:#90a8ba;font-size:12px;font-style:normal}
.admin-order-games-button>strong{display:flex;align-items:center;gap:12px;color:#bceaff;font-size:13px;white-space:nowrap}
.admin-order-games-button>strong i{font-size:20px;font-style:normal}
.admin-order-game-actions{display:grid;gap:12px;margin-bottom:18px}
.admin-order-game-actions .admin-order-games-button{margin-bottom:0}
.admin-game-preparation{
  width:calc(100% - 44px);
  min-height:98px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin:0 22px;
  padding:16px 18px;
  border:1px solid rgba(65,185,255,.28);
  border-radius:15px;
  background:linear-gradient(112deg,rgba(8,33,54,.98),rgba(6,23,39,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.15);
}
.admin-game-preparation__icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(85,203,255,.3);
  border-radius:15px;
  background:linear-gradient(150deg,rgba(32,153,239,.25),rgba(12,66,105,.22));
  color:#7dddff;
  font-size:27px;
  font-weight:900;
}
.admin-game-preparation__copy{min-width:0;display:grid;gap:4px}
.admin-game-preparation__copy small{color:#66d6ff;font-size:9px;font-weight:900;letter-spacing:1.25px}
.admin-game-preparation__copy b{color:#f3fbff;font-size:16px;line-height:1.25}
.admin-game-preparation__copy span,
.admin-game-preparation__copy em{color:#95adbe;font-size:11px;line-height:1.45;font-style:normal}
.admin-game-preparation__copy em{color:#6fcef2;font-weight:800}
.admin-game-preparation>button{
  min-width:170px;
  min-height:46px;
  padding:0 18px;
  border:1px solid rgba(103,214,255,.34);
  border-radius:12px;
  background:linear-gradient(135deg,#167bdb,#16a4eb);
  color:#fff;
  box-shadow:0 9px 24px rgba(17,127,210,.2);
  cursor:pointer;
  font-size:11px;
  font-weight:900;
  letter-spacing:.35px;
}
.admin-game-preparation>button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}
.admin-game-preparation>button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}
.admin-game-preparation[data-preparation-tone="copying"]{border-color:rgba(53,201,255,.52)}
.admin-game-preparation[data-preparation-tone="complete"]{border-color:rgba(71,224,158,.45);background:linear-gradient(112deg,rgba(7,50,49,.97),rgba(5,31,37,.98))}
.admin-game-preparation[data-preparation-tone="complete"] .admin-game-preparation__icon{border-color:rgba(76,227,164,.4);background:rgba(33,179,116,.18);color:#72efb6}
.admin-game-preparation[data-preparation-tone="partial"]{border-color:rgba(244,187,65,.43)}
.admin-game-preparation[data-preparation-tone="error"]{border-color:rgba(255,98,105,.45)}

.admin-order-items{margin:0 22px 20px}
.admin-order-items>summary{padding:17px 18px;font-size:11px}
.admin-order-items>.order-products,
.admin-order-items>.order-audit{padding:0 17px 17px}
.admin-order-items .order-product{padding:18px}
.admin-order-items .order-product b{font-size:14px}
.admin-order-items .order-product small{font-size:11px;line-height:1.5}
.admin-order-items .order-product>strong{font-size:15px}
.admin-order-items .order-random-games{font-size:11px;line-height:1.55}
.admin-order-items .order-audit summary{font-size:10px}
.admin-order-items .order-audit code{font-size:9px}
.admin-order-items .order-audit b{font-size:12px}
.admin-order-items .order-audit p{font-size:10px}
.admin-order-items .order-audit time{font-size:9px}

.admin-order-status-form{gap:12px;padding:20px 22px 23px}
.admin-order-status-form label{gap:8px;font-size:10px}
.admin-order-status-form input,
.admin-order-status-form select{height:50px;padding:0 14px;font-size:13px}
.admin-order-status-form .button{min-height:50px;padding-inline:20px;font-size:11px}

/* Lista grande e pesquisável de jogos escolhidos. */
.admin-games-modal[hidden]{display:none!important}
.admin-games-modal{
  position:fixed;
  z-index:190;
  inset:0;
  display:grid;
  place-items:center;
  padding:28px;
}
.admin-games-modal__backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(0,5,12,.82);
  backdrop-filter:blur(12px);
  cursor:default;
}
.admin-games-dialog{
  position:relative;
  width:min(980px,100%);
  max-height:min(820px,calc(100svh - 56px));
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(89,202,255,.3);
  border-radius:24px;
  background:
    radial-gradient(circle at 0 0,rgba(30,158,255,.15),transparent 34%),
    linear-gradient(150deg,#0a1b2a,#030a13 62%);
  color:#eff9ff;
  box-shadow:0 35px 100px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);
}
.admin-games-dialog>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:28px 30px 23px;
  border-bottom:1px solid rgba(90,192,255,.14);
}
.admin-games-dialog>header>div{display:grid;gap:5px}
.admin-games-dialog>header span{color:#65d6ff;font-size:10px;font-weight:900;letter-spacing:1.6px}
.admin-games-dialog h2{margin:0;font-size:29px;letter-spacing:-.6px}
.admin-games-dialog p{margin:0;color:#91a7b9;font-size:13px}
.admin-games-dialog>header button{
  width:44px;
  height:44px;
  border:1px solid rgba(107,199,255,.24);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  color:#e8f7ff;
  cursor:pointer;
  font-size:25px;
}
.admin-games-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  padding:20px 30px;
  background:rgba(2,11,19,.48);
}
.admin-games-toolbar label{width:min(480px,70%);display:grid;gap:7px}
.admin-games-toolbar label span{color:#7895aa;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.admin-games-toolbar input{
  width:100%;
  height:50px;
  padding:0 16px;
  border:1px solid rgba(84,190,255,.24);
  border-radius:12px;
  background:#03101b;
  color:#fff;
  outline:0;
  font-size:14px;
}
.admin-games-toolbar input:focus{border-color:#50c9ff;box-shadow:0 0 0 3px rgba(48,175,255,.12)}
.admin-games-toolbar strong{padding-bottom:14px;color:#9db1c1;font-size:12px}
.admin-games-inventory{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0 30px 16px;
  padding:14px 17px;
  border:1px solid rgba(94,192,250,.18);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(10,38,59,.92),rgba(5,18,29,.92));
}
.admin-games-inventory__copy{min-width:0;display:grid;gap:2px}
.admin-games-inventory__copy>span{color:#61cfff;font-size:9px;font-weight:900;letter-spacing:1.3px}
.admin-games-inventory__copy>b{overflow:hidden;color:#f0f9ff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.admin-games-inventory__copy>small{color:#819aab;font-size:10px;line-height:1.4}
.admin-games-inventory__metrics{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:7px}
.admin-games-inventory__metrics>button{
  min-height:54px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:2px 9px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  color:#eaf7ff;
  cursor:pointer;
  text-align:left;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.admin-games-inventory__metrics>button:hover{transform:translateY(-1px);border-color:rgba(98,205,255,.28);background:rgba(43,145,203,.08)}
.admin-games-inventory__metrics>button.is-active{border-color:rgba(91,205,255,.55);background:linear-gradient(135deg,rgba(18,122,185,.24),rgba(8,37,57,.72));box-shadow:0 0 0 2px rgba(74,185,245,.08),0 8px 24px rgba(0,0,0,.18)}
.admin-games-inventory__metrics>button>span{min-width:0;display:grid;gap:2px}
.admin-games-inventory__metrics b{grid-row:1/3;font-size:20px}
.admin-games-inventory__metrics strong{overflow:hidden;color:#e9f7ff;font-size:10px;letter-spacing:.3px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.admin-games-inventory__metrics small{overflow:hidden;color:#9bb0bf;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.admin-games-inventory__metrics [data-tone="all"] b{color:#68ceff}
.admin-games-inventory__metrics [data-tone="available"] b{color:#62e2a1}
.admin-games-inventory__metrics [data-tone="possible"] b{color:#ffd56d}
.admin-games-inventory__metrics [data-tone="missing"] b{color:#ff9b9b}
.admin-games-inventory__metrics [data-tone="all"].is-active{border-color:rgba(91,205,255,.55);background:linear-gradient(135deg,rgba(18,122,185,.24),rgba(8,37,57,.72))}
.admin-games-inventory__metrics [data-tone="available"].is-active{border-color:rgba(74,222,151,.48);background:linear-gradient(135deg,rgba(28,139,91,.22),rgba(8,37,42,.72))}
.admin-games-inventory__metrics [data-tone="possible"].is-active{border-color:rgba(255,205,91,.5);background:linear-gradient(135deg,rgba(153,107,12,.22),rgba(43,32,9,.72))}
.admin-games-inventory__metrics [data-tone="missing"].is-active{border-color:rgba(255,123,123,.5);background:linear-gradient(135deg,rgba(151,58,58,.22),rgba(47,18,24,.72))}
.admin-games-inventory__status{display:flex;align-items:center;gap:12px}
.admin-games-inventory__status>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(73,190,255,.1);color:#65d4ff;font-size:13px;font-style:normal}
.admin-games-inventory[data-inventory-state="loading"] .admin-games-inventory__status>i{border:2px solid rgba(102,211,255,.18);border-top-color:#63d4ff;animation:admin-inventory-spin .8s linear infinite}
.admin-games-inventory[data-inventory-state="error"] .admin-games-inventory__status>i{background:rgba(255,114,114,.12);color:#ff9797}
.admin-games-inventory__status>span{display:grid;gap:2px}
.admin-games-inventory__status b{font-size:13px}
.admin-games-inventory__status small{color:#8ea5b5;font-size:10px}
@keyframes admin-inventory-spin{to{transform:rotate(360deg)}}
.admin-games-list{
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:9px;
  overflow:auto;
  padding:4px 30px 30px;
  scrollbar-color:#1c78ad #06121d;
}
.admin-games-list article{
  min-height:58px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(128px,auto);
  align-items:center;
  gap:11px;
  padding:10px 14px;
  border:1px solid rgba(79,176,235,.15);
  border-radius:12px;
  background:rgba(9,28,44,.72);
}
.admin-games-list article>span{color:#5a8099;font-family:Consolas,monospace;font-size:11px}
.admin-games-list article>b{overflow-wrap:anywhere;font-size:14px;line-height:1.35}
.admin-games-list article[data-inventory-match="available"]{border-color:rgba(72,217,147,.22);background:linear-gradient(90deg,rgba(31,139,91,.09),rgba(9,28,44,.72))}
.admin-games-list article[data-inventory-match="possible"]{border-color:rgba(255,202,82,.25);background:linear-gradient(90deg,rgba(164,111,10,.09),rgba(9,28,44,.72))}
.admin-games-list article[data-inventory-match="missing"]{opacity:.78}
.admin-game-availability{display:flex;align-items:center;justify-self:end;gap:8px;min-width:0;font-style:normal}
.admin-game-availability>i{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(142,164,180,.1);color:#a6bac8;font-size:11px;font-style:normal}
.admin-game-availability>span{min-width:0;display:grid;gap:1px}
.admin-game-availability b{font-size:9px;text-transform:uppercase;white-space:nowrap}
.admin-game-availability small{max-width:145px;overflow:hidden;color:#7490a3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
[data-inventory-match="available"] .admin-game-availability>i{background:rgba(62,211,139,.12);color:#73e7aa}
[data-inventory-match="available"] .admin-game-availability b{color:#73e7aa}
[data-inventory-match="possible"] .admin-game-availability>i{background:rgba(255,195,63,.12);color:#ffd36c}
[data-inventory-match="possible"] .admin-game-availability b{color:#ffd36c}
.admin-games-empty{grid-column:1/-1;display:grid;gap:5px;padding:50px;text-align:center;color:#839bac}
.admin-games-empty b{color:#eaf7ff;font-size:17px}
.admin-games-empty span{font-size:13px}

@media(max-width:1100px){
  .admin-panel .admin-shell{grid-template-columns:230px minmax(0,1fr)}
  .admin-panel .admin-content{padding:25px 22px 40px}
  .admin-orders-command{grid-template-columns:1fr}
  .admin-orders-toolbar .admin-filters{min-width:0;width:100%}
}

@media(max-width:820px){
  .admin-panel .admin-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .admin-panel .admin-sidebar{padding:11px 13px}
  .admin-panel .admin-sidebar nav button{min-height:40px}
  .admin-panel .admin-sidebar nav button span{font-size:10px}
  .admin-panel .admin-topbar{min-height:66px;padding:11px 15px}
  .admin-panel .admin-topbar h2{font-size:21px}
  .admin-panel .admin-content{padding:16px 12px 34px}
  .admin-orders-command__copy h3{font-size:27px}
  .admin-orders-command__copy p{font-size:13px}
  .admin-orders-toolbar>div:first-child b{font-size:20px}
  .admin-order-card h4{font-size:16px}
  .admin-order-card__identity span:last-child{font-size:11px!important}
  .admin-order-grid section{padding:18px 18px 18px 60px}
  .admin-order-grid b{font-size:13px}
  .admin-order-grid span{font-size:11px}
  .admin-order-games-button{width:calc(100% - 24px);grid-template-columns:42px minmax(0,1fr);margin:0 12px 13px}
  .admin-order-games-button>span{width:42px;height:42px}
  .admin-order-games-button>strong{grid-column:2}
  .admin-order-game-actions{gap:0;margin-bottom:13px}
  .admin-game-preparation{
    width:calc(100% - 24px);
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    margin:0 12px;
    padding:15px;
  }
  .admin-game-preparation__icon{width:42px;height:42px;border-radius:12px;font-size:23px}
  .admin-game-preparation__copy b{font-size:14px}
  .admin-game-preparation__copy span,
  .admin-game-preparation__copy em{font-size:10px}
  .admin-game-preparation>button{grid-column:1/-1;width:100%;min-width:0;min-height:44px}
  .admin-games-modal{padding:10px}
  .admin-games-dialog{max-height:calc(100svh - 20px);border-radius:18px}
  .admin-games-dialog>header{padding:20px}
  .admin-games-dialog h2{font-size:22px}
  .admin-games-toolbar{align-items:stretch;flex-direction:column;padding:16px 20px}
  .admin-games-toolbar label{width:100%}
  .admin-games-toolbar strong{padding:0}
  .admin-games-inventory{align-items:stretch;flex-direction:column;margin:0 20px 13px}
  .admin-games-inventory__metrics{grid-template-columns:repeat(4,1fr);gap:5px}
  .admin-games-inventory__metrics>button{min-height:70px;grid-template-columns:1fr;align-content:center;justify-items:center;padding:8px 5px;text-align:center}
  .admin-games-inventory__metrics b{grid-row:auto;font-size:20px}
  .admin-games-inventory__metrics strong{font-size:9px}
  .admin-games-inventory__metrics small{font-size:8px}
  .admin-games-list{grid-template-columns:1fr;padding:3px 20px 20px}
  .admin-games-list article{grid-template-columns:31px minmax(0,1fr) 108px;padding-inline:11px}
  .admin-game-availability small{max-width:86px}
}

/* Escala mínima de leitura em todo o painel administrativo.
 * Mantém legendas, descrições e metadados visíveis sem precisar ampliar a página. */
.admin-panel small{
  font-size:12px!important;
  line-height:1.5!important;
}

.admin-panel .admin-identity small,
.admin-panel .admin-topbar small,
.admin-panel .admin-sidebar__security b,
.admin-panel .admin-orders-command__copy>span,
.admin-panel .admin-orders-command__metrics span,
.admin-panel .admin-filters label,
.admin-panel .admin-order-card__identity small,
.admin-panel .admin-order-grid h5,
.admin-panel .admin-order-status-form label,
.admin-panel .admin-table th,
.admin-panel .admin-section-head small{
  font-size:11px!important;
  line-height:1.4!important;
}

.admin-panel .admin-identity span,
.admin-panel .admin-sidebar__security span,
.admin-panel .admin-orders-command__copy p,
.admin-panel .admin-orders-command__metrics small,
.admin-panel .admin-orders-toolbar>div:first-child span,
.admin-panel .admin-order-card__identity span:last-child,
.admin-panel .admin-order-grid span,
.admin-panel .admin-order-items .order-product small,
.admin-panel .admin-order-items .order-random-games,
.admin-panel .admin-order-items .order-audit p,
.admin-panel .admin-section-head p,
.admin-panel .admin-recent-orders small,
.admin-panel .admin-recent-orders em,
.admin-panel .admin-table td>span,
.admin-panel .admin-table td>small,
.admin-panel .admin-privacy p,
.admin-panel .xbox-product-form span,
.admin-panel .xbox-product-form small{
  color:#9fb2c2!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.admin-panel .admin-orders-command__metrics small{
  color:#a9bac8!important;
  font-size:13px!important;
}

.admin-panel .admin-order-card__identity small{
  color:#90a8bb!important;
  font-size:12px!important;
}

.admin-panel .admin-order-card__value i{
  font-size:11px!important;
  line-height:1.25!important;
}

.admin-panel .admin-order-grid h5{
  margin-bottom:13px;
  color:#91a9bb;
  font-size:12px!important;
}

.admin-panel .admin-order-grid b{
  font-size:15px!important;
}

.admin-panel .admin-order-grid span{
  font-size:13px!important;
}

.admin-panel .admin-order-games-button small{
  font-size:11px!important;
}

.admin-panel .admin-order-games-button em{
  color:#a9bdcc;
  font-size:13px;
}

.admin-panel .admin-order-items>summary{
  font-size:13px!important;
}

.admin-panel .admin-order-items .order-product b{
  font-size:15px!important;
}

.admin-panel .admin-order-items .order-product small,
.admin-panel .admin-order-items .order-random-games{
  font-size:13px!important;
}

.admin-panel .admin-order-items .order-audit summary{
  font-size:12px!important;
}

.admin-panel .admin-order-items .order-audit code,
.admin-panel .admin-order-items .order-audit time{
  font-size:11px!important;
}

.admin-panel .admin-order-items .order-audit b{
  font-size:13px!important;
}

.admin-panel .admin-order-items .order-audit p{
  font-size:12px!important;
}

.admin-panel .admin-order-status-form label{
  color:#91a8ba;
  font-size:11px!important;
}

.admin-panel .admin-order-status-form input,
.admin-panel .admin-order-status-form select{
  font-size:14px!important;
}

.admin-panel .admin-order-status-form .button{
  font-size:12px!important;
}

.admin-panel .admin-kpis span{
  font-size:12px!important;
}

.admin-panel .admin-kpis small{
  color:#9caebe!important;
  font-size:12px!important;
}

.admin-panel .admin-section-head h3{
  font-size:22px;
}

.admin-panel .admin-section-head p{
  color:#9eb0bf!important;
  font-size:13px!important;
}

.admin-panel .admin-recent-orders b{
  font-size:14px;
}

.admin-panel .admin-recent-orders small,
.admin-panel .admin-recent-orders em{
  font-size:12px!important;
}

.admin-panel .admin-table th{
  padding:14px 16px;
  color:#96aabd;
  font-size:11px!important;
}

.admin-panel .admin-table td{
  padding:16px;
  color:#c6d4df;
  font-size:13px;
  line-height:1.5;
}

.admin-panel .admin-table td>b{
  font-size:14px;
}

.admin-panel .admin-table td>span,
.admin-panel .admin-table td>small{
  color:#9aafc0!important;
  font-size:12px!important;
}

.admin-panel .admin-table td>code{
  font-size:12px;
}

.admin-panel .admin-table td>i,
.admin-panel .admin-table td>em{
  font-size:10px;
}

.admin-panel .admin-visit-kpis span{
  font-size:11px;
}

.admin-panel .admin-team b,
.admin-panel .admin-privacy b{
  font-size:14px;
}

.admin-panel .admin-team span,
.admin-panel .admin-privacy p{
  font-size:12px!important;
}

@media(max-width:820px){
  .admin-panel small{font-size:11px!important}
  .admin-panel .admin-orders-command__metrics small,
  .admin-panel .admin-order-grid span,
  .admin-panel .admin-order-items .order-product small,
  .admin-panel .admin-order-items .order-random-games,
  .admin-panel .admin-table td>span,
  .admin-panel .admin-table td>small{
    font-size:11px!important;
  }
}

/* Pedidos em fluxo master-detail: lista limpa primeiro, ficha completa depois. */
.admin-order-list{
  display:grid;
  gap:10px;
}

.admin-order-list-row{
  width:100%;
  min-height:96px;
  display:grid;
  grid-template-columns:52px minmax(245px,1.35fr) minmax(210px,1fr) minmax(150px,.7fr) minmax(145px,.55fr) 34px;
  align-items:center;
  gap:18px;
  padding:16px 20px;
  border:1px solid rgba(78,174,238,.17);
  border-radius:15px;
  background:
    linear-gradient(90deg,rgba(29,136,211,.07),transparent 34%),
    linear-gradient(145deg,rgba(8,24,39,.99),rgba(3,12,22,.99));
  color:#edf8ff;
  box-shadow:0 10px 30px rgba(0,0,0,.14);
  cursor:pointer;
  text-align:left;
  transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease;
}

.admin-order-list-row:hover{
  transform:translateY(-2px);
  border-color:rgba(91,201,255,.46);
  background:
    linear-gradient(90deg,rgba(29,149,230,.13),transparent 40%),
    linear-gradient(145deg,rgba(10,31,50,.99),rgba(4,16,28,.99));
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}

.admin-order-list-row:focus-visible{
  outline:2px solid #57ceff;
  outline-offset:3px;
}

.admin-order-list-row__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(82,189,255,.24);
  border-radius:13px;
  background:rgba(36,156,255,.11);
  color:#78d9ff;
  font-size:20px;
}

.admin-order-list-row__identity,
.admin-order-list-row__delivery,
.admin-order-list-row__value{
  min-width:0;
  display:grid;
  gap:3px;
}

.admin-order-list-row small{
  color:#94a9ba!important;
  font-size:12px!important;
  line-height:1.4!important;
}

.admin-order-list-row__identity b{
  overflow:hidden;
  color:#f3faff;
  font-size:16px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-order-list-row__identity em{
  overflow:hidden;
  color:#b1c1ce;
  font-size:13px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-order-list-row__delivery b{
  overflow:hidden;
  color:#c8d7e2;
  font-size:13px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-order-list-row__status{
  display:flex;
  justify-content:flex-start;
}

.admin-order-list-row__status i{
  width:max-content;
  max-width:100%;
  padding:7px 10px;
  overflow:hidden;
  border:1px solid rgba(68,159,223,.26);
  border-radius:999px;
  background:rgba(36,156,255,.07);
  color:#9edfff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.45px;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.admin-order-list-row__value{
  justify-items:end;
}

.admin-order-list-row__value strong{
  color:#fff;
  font-size:20px;
  line-height:1.2;
}

.admin-order-list-row__value small{
  color:#75cfff!important;
  font-size:11px!important;
}

.admin-order-list-row__arrow{
  color:#69d2ff;
  font-size:24px;
  transition:transform 180ms ease;
}

.admin-order-list-row:hover .admin-order-list-row__arrow{transform:translateX(4px)}

.admin-orders-section.is-order-detail .admin-orders-command,
.admin-orders-section.is-order-detail .admin-orders-toolbar{
  display:none;
}

.admin-order-detail-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:22px;
  margin-bottom:18px;
  padding:18px 20px;
  border:1px solid rgba(78,174,238,.16);
  border-radius:16px;
  background:linear-gradient(100deg,rgba(22,118,185,.09),rgba(5,17,29,.75));
}

.admin-order-detail-heading>button{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border:1px solid rgba(87,190,255,.24);
  border-radius:11px;
  background:rgba(36,156,255,.07);
  color:#bdeaff;
  cursor:pointer;
  font-size:13px;
  font-weight:800;
}

.admin-order-detail-heading>button:hover{background:rgba(36,156,255,.13)}
.admin-order-detail-heading>button span{font-size:20px}
.admin-order-detail-heading>div{display:grid;gap:3px}
.admin-order-detail-heading small{color:#66d2ff!important;font-size:11px!important;font-weight:900;letter-spacing:1.2px}
.admin-order-detail-heading h3{margin:0;color:#fff;font-size:23px;line-height:1.25}
.admin-order-detail-heading p{margin:0;color:#9db1c1;font-size:13px}
.admin-order-card--single{animation:adminOrderDetailIn 220ms ease both}

@keyframes adminOrderDetailIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

@media(max-width:1180px){
  .admin-order-list-row{
    grid-template-columns:48px minmax(220px,1.3fr) minmax(180px,1fr) minmax(140px,.7fr) minmax(130px,.55fr) 28px;
    gap:13px;
    padding:15px;
  }
}

@media(max-width:900px){
  .admin-order-list-row{
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:12px;
  }
  .admin-order-list-row__delivery{grid-column:2}
  .admin-order-list-row__status{grid-column:2}
  .admin-order-list-row__value{grid-column:3;grid-row:1/4;align-self:center}
  .admin-order-list-row__arrow{display:none}
}

@media(max-width:620px){
  .admin-order-list-row{
    grid-template-columns:40px minmax(0,1fr);
    min-height:0;
    padding:14px;
  }
  .admin-order-list-row__icon{width:40px;height:40px}
  .admin-order-list-row__value{grid-column:2;grid-row:auto;justify-items:start}
  .admin-order-list-row__status{grid-column:2}
  .admin-order-detail-heading{grid-template-columns:1fr;padding:15px}
  .admin-order-detail-heading>button{width:max-content;max-width:100%}
}

/* Visão geral executiva: prioridades e atalhos, sem repetir a lista completa. */
.admin-overview-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  align-items:start;
  gap:18px;
  margin-top:24px;
}

.admin-overview-priorities,
.admin-overview-health,
.admin-overview-shortcuts{
  overflow:hidden;
  border:1px solid rgba(78,174,238,.16);
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(35,151,231,.09),transparent 34%),
    linear-gradient(145deg,rgba(8,24,39,.98),rgba(3,12,22,.98));
  box-shadow:0 16px 44px rgba(0,0,0,.19);
}

.admin-overview-priorities>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 23px 17px;
  border-bottom:1px solid rgba(78,174,238,.11);
}

.admin-overview-priorities>header>div,
.admin-overview-health>header,
.admin-overview-shortcuts>header{
  display:grid;
  gap:3px;
}

.admin-overview-priorities>header span,
.admin-overview-health>header span,
.admin-overview-shortcuts>header span{
  color:#65d4ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.3px;
}

.admin-overview-priorities>header h3,
.admin-overview-health>header h3,
.admin-overview-shortcuts>header h3{
  margin:0;
  color:#f4faff;
  font-size:21px;
  letter-spacing:-.25px;
}

.admin-overview-priorities>header p{
  margin:0;
  color:#9fb1c0;
  font-size:13px;
}

.admin-overview-priorities>header>b{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  border:1px solid rgba(93,204,255,.25);
  border-radius:14px;
  background:rgba(36,156,255,.1);
  color:#88ddff;
  font-size:21px;
}

.admin-overview-priorities .admin-recent-orders{
  gap:0;
  padding:8px 14px;
}

.admin-overview-priorities .admin-recent-orders>button{
  min-height:76px;
  padding:14px 12px;
  border:0;
  border-bottom:1px solid rgba(84,174,232,.11);
  border-radius:0;
  background:transparent;
}

.admin-overview-priorities .admin-recent-orders>button:last-child{border-bottom:0}
.admin-overview-priorities .admin-recent-orders>button:hover{background:rgba(36,156,255,.055)}
.admin-overview-priorities .admin-recent-orders b{font-size:14px}
.admin-overview-priorities .admin-recent-orders small,
.admin-overview-priorities .admin-recent-orders em{font-size:12px!important}

.admin-overview-view-all{
  width:calc(100% - 28px);
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:4px 14px 14px;
  border:1px solid rgba(83,188,255,.22);
  border-radius:11px;
  background:rgba(36,156,255,.07);
  color:#bdeaff;
  cursor:pointer;
  font-size:13px;
  font-weight:850;
}

.admin-overview-view-all:hover{background:rgba(36,156,255,.13)}
.admin-overview-view-all span{font-size:20px}

.admin-overview-side{
  display:grid;
  gap:18px;
}

.admin-overview-health,
.admin-overview-shortcuts{
  padding:20px;
}

.admin-overview-health>div{
  display:grid;
  gap:0;
  margin-top:15px;
}

.admin-overview-health>div>span{
  min-height:52px;
  display:grid;
  grid-template-columns:12px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(80,166,222,.1);
}

.admin-overview-health>div>span:last-child{border-bottom:0}
.admin-overview-health i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#f0b34b;
  box-shadow:0 0 12px rgba(240,179,75,.4);
}
.admin-overview-health i[data-health-tone="success"]{background:#50db8c;box-shadow:0 0 12px rgba(80,219,140,.42)}
.admin-overview-health i[data-health-tone="problem"]{background:#ff7474;box-shadow:0 0 12px rgba(255,116,116,.42)}
.admin-overview-health b{font-size:13px}
.admin-overview-health em{color:#9eb1c0;font-size:12px;font-style:normal}

.admin-overview-shortcuts>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:15px;
}

.admin-overview-shortcuts button{
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:12px;
  border:1px solid rgba(75,174,238,.14);
  border-radius:12px;
  background:rgba(8,28,44,.72);
  color:#e8f5fd;
  cursor:pointer;
  text-align:left;
}

.admin-overview-shortcuts button:hover{border-color:rgba(82,197,255,.4);background:rgba(13,42,65,.82)}
.admin-overview-shortcuts button>i{color:#69d2ff;font-size:17px;font-style:normal}
.admin-overview-shortcuts button>span{min-width:0;display:grid}
.admin-overview-shortcuts button b{font-size:13px}
.admin-overview-shortcuts button small{overflow:hidden;color:#8fa5b6!important;font-size:11px!important;text-overflow:ellipsis;white-space:nowrap}
.admin-overview-shortcuts button>em{color:#6dccff;font-size:17px;font-style:normal}

.admin-overview-clear{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  padding:30px;
  text-align:left;
}
.admin-overview-clear>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  border-radius:50%;
  background:rgba(80,219,140,.11);
  color:#69e8a2;
  font-size:21px;
}
.admin-overview-clear>div{display:grid;gap:4px}
.admin-overview-clear b{font-size:16px}
.admin-overview-clear p{max-width:470px;margin:0;color:#92a7b7;font-size:13px;line-height:1.55}

@media(max-width:1100px){
  .admin-overview-layout{grid-template-columns:1fr}
  .admin-overview-side{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  .admin-overview-layout{
    gap:12px;
    margin-top:16px;
  }
  .admin-overview-layout>*,
  .admin-overview-side{min-width:0}
  .admin-overview-side{
    grid-template-columns:1fr;
    gap:12px;
  }
  .admin-overview-priorities,
  .admin-overview-health,
  .admin-overview-shortcuts{border-radius:14px}
  .admin-overview-priorities>header{
    align-items:flex-start;
    gap:12px;
    padding:17px 16px 14px;
  }
  .admin-overview-priorities>header h3,
  .admin-overview-health>header h3,
  .admin-overview-shortcuts>header h3{font-size:18px}
  .admin-overview-priorities>header p{
    font-size:12px;
    line-height:1.45;
  }
  .admin-overview-priorities>header>b{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:12px;
    font-size:18px;
  }
  .admin-overview-priorities .admin-recent-orders{padding:6px 10px}
  .admin-overview-priorities .admin-recent-orders>button{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
    padding:13px 6px;
  }
  .admin-overview-priorities .admin-recent-orders>button>span{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .admin-overview-priorities .admin-recent-orders>button>span:last-child{
    justify-items:end;
    text-align:right;
  }
  .admin-overview-priorities .admin-recent-orders i{
    max-width:130px;
    white-space:normal;
    text-align:center;
  }
  .admin-overview-view-all{
    width:calc(100% - 20px);
    margin:5px 10px 10px;
  }
  .admin-overview-health,
  .admin-overview-shortcuts{padding:16px}
  .admin-overview-health>div>span{
    min-height:58px;
    grid-template-columns:10px minmax(0,1fr);
    column-gap:10px;
    padding:8px 0;
  }
  .admin-overview-health em{
    grid-column:2;
    justify-self:start;
  }
  .admin-overview-shortcuts>div{grid-template-columns:1fr}
  .admin-overview-shortcuts button{min-height:68px}
  .admin-overview-clear{
    min-height:145px;
    padding:22px 16px;
  }
}

@media(max-width:480px){
  .admin-overview-priorities .admin-recent-orders>button{grid-template-columns:1fr}
  .admin-overview-priorities .admin-recent-orders>button>span:last-child{
    justify-items:start;
    text-align:left;
  }
  .admin-overview-priorities .admin-recent-orders i{max-width:100%}
}

/* Pedidos no celular: rolagem estável, sem deslocamento lateral ou animação presa no toque. */
@media(max-width:820px){
  .admin-panel,
  .admin-panel .admin-shell,
  .admin-panel .admin-main{
    width:100%;
    max-width:100vw;
    overflow:hidden;
  }
  .admin-panel .admin-content{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .admin-orders-section{
    min-width:0;
    max-width:100%;
    overflow-x:hidden;
    touch-action:pan-y;
  }
  .admin-orders-command,
  .admin-orders-toolbar,
  .admin-orders,
  .admin-order-list,
  .admin-order-list-row,
  .admin-order-detail-heading,
  .admin-order-card--single{
    min-width:0;
    max-width:100%;
  }
  .admin-order-list-row{
    overflow:hidden;
    transform:none!important;
    transition:border-color 160ms ease,background 160ms ease!important;
    touch-action:manipulation;
  }
  .admin-order-list-row:hover{transform:none!important}
  .admin-order-list-row:hover .admin-order-list-row__arrow{transform:none}
  .admin-order-card--single{animation:none}
  .admin-sidebar nav{
    overscroll-behavior-x:contain;
    touch-action:pan-x;
  }
}

/* Correção final do recorte observado em iPhone/Safari na aba Pedidos. */
@media(max-width:820px){
  .admin-panel .admin-sidebar nav{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    overflow:visible;
    padding:0;
    touch-action:auto;
  }
  .admin-panel .admin-sidebar nav button{
    width:100%;
    min-width:0;
    min-height:42px;
    justify-content:center;
    padding:0 6px;
    overflow:hidden;
  }
  .admin-panel .admin-sidebar nav button span{
    overflow:hidden;
    font-size:10px;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .admin-orders-toolbar{
    width:100%;
    min-width:0;
    gap:14px;
  }
  .admin-orders-toolbar .admin-filters{
    width:100%;
    min-width:0;
    max-width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  .admin-orders-toolbar .admin-filters label,
  .admin-orders-toolbar .admin-filters input,
  .admin-orders-toolbar .admin-filters select{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .admin-orders-toolbar .admin-filters select{display:block}
  .admin-orders,
  .admin-order-list,
  .admin-order-list-row{width:100%}
  .admin-panel .admin-content{
    padding-bottom:calc(90px + env(safe-area-inset-bottom));
  }
}

.admin-mobile-menu{display:none}

/* Cabeçalho administrativo compacto no celular. */
@media(max-width:820px){
  .admin-panel .admin-sidebar{
    position:relative;
    z-index:20;
    min-height:68px;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:9px 12px;
  }
  .admin-panel .admin-sidebar .brand{
    width:max-content;
    max-width:210px;
    margin:0;
  }
  .admin-panel .admin-sidebar .brand__mark{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .admin-panel .admin-sidebar .brand__copy strong{font-size:14px}
  .admin-panel .admin-sidebar .brand__copy b{font-size:8px}
  .admin-mobile-menu{
    min-width:92px;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 13px;
    border:1px solid rgba(78,174,238,.25);
    border-radius:12px;
    background:rgba(18,54,82,.72);
    color:#dff4ff;
    cursor:pointer;
    font-size:11px;
    font-weight:850;
  }
  .admin-mobile-menu>i{
    width:18px;
    display:grid;
    gap:3px;
  }
  .admin-mobile-menu>i>b{
    width:100%;
    height:2px;
    display:block;
    border-radius:2px;
    background:#7dd9ff;
    transition:transform 160ms ease,opacity 160ms ease;
  }
  .admin-panel .admin-sidebar nav{
    width:auto;
    position:absolute;
    z-index:30;
    top:calc(100% - 3px);
    right:10px;
    left:10px;
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:9px;
    overflow:hidden;
    border:1px solid rgba(76,179,245,.24);
    border-radius:14px;
    background:rgba(4,16,28,.98);
    box-shadow:0 20px 50px rgba(0,0,0,.48);
    backdrop-filter:blur(18px);
  }
  .admin-panel .admin-sidebar.is-mobile-open nav{display:grid}
  .admin-panel .admin-sidebar nav button{
    min-height:44px;
    border-radius:9px;
  }
  .admin-panel .admin-sidebar.is-mobile-open .admin-mobile-menu>i>b:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .admin-panel .admin-sidebar.is-mobile-open .admin-mobile-menu>i>b:nth-child(2){opacity:0}
  .admin-panel .admin-sidebar.is-mobile-open .admin-mobile-menu>i>b:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
}

/* Central profissional de etiquetas e postagem. */
.admin-shipping-workspace{
  margin:18px 0;
  overflow:hidden;
  border:1px solid rgba(70,181,250,.24);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(27,130,215,.14),transparent 38%),
    linear-gradient(145deg,rgba(7,29,47,.96),rgba(4,18,31,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
}
.admin-shipping-workspace>header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  border-bottom:1px solid rgba(88,177,233,.14);
}
.admin-shipping-workspace__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(68,190,255,.32);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(26,139,215,.25),rgba(25,202,226,.08));
  color:#7ee4ff;
  font-size:23px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,119,214,.12);
}
.admin-shipping-workspace>header small,
.admin-shipping-summary small,
.admin-shipping-price small{
  display:block;
  margin:0 0 4px;
  color:#6fc8f5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.admin-shipping-workspace>header h4{
  margin:0;
  color:#f4fbff;
  font-size:18px;
  line-height:1.25;
}
.admin-shipping-workspace>header p{
  max-width:750px;
  margin:5px 0 0;
  color:#9eb4c4;
  font-size:13px;
  line-height:1.55;
}
.admin-shipping-workspace>header>span{
  padding:7px 10px;
  border:1px solid rgba(91,209,255,.24);
  border-radius:999px;
  background:rgba(27,137,205,.12);
  color:#86dfff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  white-space:nowrap;
}
.admin-shipping-workspace[data-shipping-state="cart"]>header>span{
  border-color:rgba(247,194,80,.26);
  background:rgba(247,194,80,.1);
  color:#ffe19a;
}
.admin-shipping-workspace[data-shipping-state="ready"]>header>span{
  border-color:rgba(85,218,151,.28);
  background:rgba(85,218,151,.1);
  color:#93f2bd;
}
.admin-shipping-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid rgba(88,177,233,.13);
  background:rgba(0,13,24,.28);
}
.admin-shipping-summary>span{
  min-width:0;
  padding:15px 20px;
  border-right:1px solid rgba(88,177,233,.12);
}
.admin-shipping-summary>span:last-child{border-right:0}
.admin-shipping-summary b{
  display:block;
  overflow:hidden;
  color:#e7f7ff;
  font-size:13px;
  line-height:1.4;
  text-overflow:ellipsis;
}
.admin-shipping-form{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(110px,.6fr) minmax(0,1fr);
  gap:13px;
  padding:20px;
}
.admin-shipping-form__title{
  grid-column:1/-1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:0 0 3px;
}
.admin-shipping-form__title.is-document{
  margin-top:10px;
  padding-top:18px;
  border-top:1px solid rgba(88,177,233,.13);
}
.admin-shipping-form__title b{
  color:#f5fbff;
  font-size:15px;
}
.admin-shipping-form__title span{
  color:#8ca6b8;
  font-size:11px;
  line-height:1.45;
  text-align:right;
}
.admin-shipping-form label{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#91aabd;
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.admin-shipping-form label.is-wide{grid-column:span 2}
.admin-shipping-form input,
.admin-shipping-form select{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 13px;
  border:1px solid rgba(75,174,234,.2);
  border-radius:10px;
  outline:0;
  background:rgba(1,12,22,.72);
  color:#f2f9fd;
  font:700 13px/1 inherit;
  letter-spacing:0;
  text-transform:none;
  transition:border-color 160ms ease,box-shadow 160ms ease;
}
.admin-shipping-form input:focus,
.admin-shipping-form select:focus{
  border-color:rgba(65,194,255,.65);
  box-shadow:0 0 0 3px rgba(43,166,230,.11);
}
.admin-shipping-form .admin-shipping-confirm{
  min-height:44px;
  flex-direction:row;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border:1px solid rgba(75,174,234,.13);
  border-radius:10px;
  background:rgba(5,21,34,.55);
  color:#b5c8d4;
  font-size:11px;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}
.admin-shipping-form .admin-shipping-confirm input{
  width:18px;
  height:18px;
  flex:0 0 18px;
  padding:0;
  accent-color:#19aef0;
}
.admin-shipping-form>footer{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:5px;
}
.admin-shipping-form>footer small,
.admin-shipping-actions small,
.admin-shipping-legal{
  color:#91a9b9;
  font-size:11px;
  line-height:1.45;
}
.admin-shipping-connect,
.admin-shipping-actions{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 20px;
}
.admin-shipping-connect a,
.admin-shipping-connect button,
.admin-shipping-actions button,
.admin-shipping-posting>button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid rgba(71,187,247,.3);
  border-radius:10px;
  background:linear-gradient(135deg,#157bd0,#0aa7e2);
  color:#fff;
  cursor:pointer;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.admin-shipping-connect button,
.admin-shipping-posting>button{
  background:rgba(10,34,53,.72);
  color:#9ee5ff;
}
.admin-shipping-connect button:disabled,
.admin-shipping-actions button:disabled,
.admin-shipping-posting>button:disabled{cursor:wait;opacity:.62}
.admin-shipping-legal{margin:-5px 20px 18px}
.admin-shipping-price{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin:20px;
  padding:16px 18px;
  border:1px solid rgba(83,182,239,.16);
  border-radius:14px;
  background:rgba(1,13,23,.48);
}
.admin-shipping-price b,
.admin-shipping-price strong{
  color:#f3faff;
  font-size:22px;
}
.admin-shipping-price strong{color:#6ee2ff}
.admin-shipping-price>span{color:#5a8ca9;font-size:22px}
.admin-shipping-price em{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(68,190,255,.09);
  color:#a9dff6;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
}
.admin-shipping-posting{
  padding:0 20px 20px;
}
.admin-shipping-posting>button{min-height:38px}
.admin-shipping-form__title.is-agency{
  margin-top:10px;
  padding-top:18px;
  border-top:1px solid rgba(88,177,233,.13);
}
.admin-shipping-agency-picker{
  grid-column:1/-1;
  padding:14px;
  border:1px solid rgba(75,174,234,.16);
  border-radius:12px;
  background:rgba(4,20,32,.52);
}
.admin-shipping-agency-picker>button{
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(61,190,251,.38);
  border-radius:10px;
  background:rgba(21,135,201,.12);
  color:#8bdcff;
  font-weight:850;
  cursor:pointer;
}
.admin-shipping-agency-picker>[data-admin-shipping-agencies-result]>p{
  margin:10px 0 0;
  color:#9bb3c2;
  font-size:12px;
}
.admin-shipping-loading,
.admin-shipping-empty,
.admin-shipping-error{
  margin:12px 0 0;
  color:#9bb3c2;
  font-size:12px;
}
.admin-shipping-error{color:#ff9e9e}
.admin-shipping-agency-notice{
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid rgba(77,188,242,.22);
  border-radius:9px;
  background:rgba(18,112,166,.12);
  color:#b8eaff;
  font-size:11px;
  font-weight:750;
  line-height:1.45;
}
.admin-shipping-agency-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.admin-shipping-agency-list article{
  min-width:0;
  padding:13px;
  border:1px solid rgba(78,181,239,.14);
  border-radius:11px;
  background:rgba(2,15,25,.54);
}
.admin-shipping-form .admin-shipping-agency-option{
  position:relative;
  display:block;
  gap:0;
  cursor:pointer;
  letter-spacing:0;
  text-transform:none;
}
.admin-shipping-form .admin-shipping-agency-option input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.admin-shipping-agency-option article{
  height:100%;
  transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease;
}
.admin-shipping-agency-option:hover article{
  border-color:rgba(65,194,255,.42);
}
.admin-shipping-agency-option input:focus-visible+article{
  box-shadow:0 0 0 3px rgba(43,166,230,.16);
}
.admin-shipping-agency-option input:checked+article{
  border-color:#38c4ff;
  background:rgba(20,143,205,.18);
  box-shadow:0 0 0 2px rgba(35,177,239,.12);
}
.admin-shipping-agency-option input:checked+article::after{
  content:"Selecionado";
  display:inline-flex;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  background:#18aeea;
  color:#00131d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.admin-shipping-agency-list article>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.admin-shipping-agency-list b{color:#edf9ff;font-size:12px}
.admin-shipping-agency-list span,
.admin-shipping-agency-list small{color:#65c5ef;font-size:9px;font-weight:850}
.admin-shipping-agency-list p{
  margin:7px 0 3px;
  color:#9fb4c2;
  font-size:11px;
  line-height:1.45;
}
.admin-shipping-documents{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:20px;
}
.admin-shipping-documents>a,
.admin-shipping-documents>button{
  min-width:0;
  min-height:104px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  gap:4px 11px;
  padding:15px;
  border:1px solid rgba(77,187,243,.2);
  border-radius:13px;
  background:rgba(3,19,31,.68);
  color:inherit;
  cursor:pointer;
  text-align:left;
  text-decoration:none;
}
.admin-shipping-documents span{
  grid-row:1/3;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(20,143,212,.18);
  color:#72dcff;
  font-size:11px;
  font-weight:950;
}
.admin-shipping-documents b{color:#edf9ff;font-size:13px}
.admin-shipping-documents small{color:#8ea7b8;font-size:10px;line-height:1.35}

@media(max-width:820px){
  .admin-shipping-workspace{margin:14px 0;border-radius:15px}
  .admin-shipping-workspace>header{
    grid-template-columns:auto minmax(0,1fr);
    gap:11px;
    padding:15px;
  }
  .admin-shipping-workspace__icon{width:42px;height:42px;border-radius:12px}
  .admin-shipping-workspace>header>span{
    grid-column:1/-1;
    width:max-content;
  }
  .admin-shipping-workspace>header h4{font-size:16px}
  .admin-shipping-workspace>header p{font-size:12px}
  .admin-shipping-summary{grid-template-columns:1fr}
  .admin-shipping-summary>span{
    padding:12px 15px;
    border-right:0;
    border-bottom:1px solid rgba(88,177,233,.1);
  }
  .admin-shipping-form{
    grid-template-columns:minmax(0,1fr);
    gap:11px;
    padding:15px;
  }
  .admin-shipping-form label.is-wide,
  .admin-shipping-agency-picker,
  .admin-shipping-form__title,
  .admin-shipping-form>footer{grid-column:1}
  .admin-shipping-form__title{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .admin-shipping-form__title span{text-align:left}
  .admin-shipping-form>footer,
  .admin-shipping-connect,
  .admin-shipping-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .admin-shipping-form>footer button,
  .admin-shipping-connect a,
  .admin-shipping-connect button,
  .admin-shipping-actions button{width:100%}
  .admin-shipping-price{
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:15px;
    padding:14px;
  }
  .admin-shipping-price>span{display:none}
  .admin-shipping-price>em{grid-column:1/-1;width:max-content;max-width:100%;white-space:normal}
  .admin-shipping-posting{padding:0 15px 15px}
  .admin-shipping-posting>button{width:100%}
  .admin-shipping-agency-list,
  .admin-shipping-documents{grid-template-columns:1fr}
  .admin-shipping-documents{padding:15px}
}