:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f1f0ed;background:#08090d;--gold:#ffce52;--gold-soft:#ffe4a0;--line:#906829;--surface:#16171d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#ffbb3e20,transparent 45%),#09090d;min-height:100vh}
.header{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1300px;margin:auto;padding:23px 22px;border-bottom:1px solid #c9912d7a}.brand strong{display:block;font-size:27px;font-style:italic;font-weight:1000;letter-spacing:-.045em;color:transparent;background:linear-gradient(#fff,#dde2ed 28%,#848c9e 55%,#fff 80%);background-clip:text;-webkit-background-clip:text}.brand small{display:block;color:#ffca69;font-size:10px;font-weight:900;letter-spacing:.17em}.badge{border:1px solid #926827;border-radius:30px;padding:8px 13px;color:#ffe0a0;font-size:10px;font-weight:900;letter-spacing:.1em}
main{max-width:1300px;margin:auto;padding:24px 20px 70px}.panel,.order{border:1px solid #87652b;background:linear-gradient(120deg,#242026,#111318 64%,#23190e);border-radius:18px;box-shadow:inset 0 1px #ffe5ae4f,0 0 16px #ac772b2c}.auth{max-width:520px;margin:7vh auto 0;padding:29px}.kicker{font-size:11px;letter-spacing:.14em;font-weight:950;color:#ffd783;margin:0 0 12px}h1{font-size:clamp(26px,4vw,43px);font-style:italic;letter-spacing:-.035em;margin:0 0 12px;color:transparent;background:linear-gradient(#fff,#ddd 45%,#9fa8b6);background-clip:text;-webkit-background-clip:text}.auth>p:not(.kicker){font-size:13px;color:#c6c9d2;line-height:1.7}form{display:grid;gap:10px;margin-top:20px}label{font-size:13px;font-weight:800;color:#ffdfad}input{border:2px solid #c59238;background:#06090e;color:white;padding:13px;border-radius:9px;font:inherit;min-height:50px}button{border:1px solid #fff0b8;border-radius:9px;background:linear-gradient(#fff4b3,#ffd34e 33%,#d99a1c 76%,#ffe190);color:#1d1303;font-weight:1000;font-size:12px;min-height:49px;padding:12px 18px;cursor:pointer;box-shadow:0 0 12px #e8a83466}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible,input:focus-visible{outline:3px solid #fff0c0;outline-offset:3px}button.small{min-height:39px}.muted{background:#181a20;color:#f2daa2;border-color:#8f6a33;box-shadow:none}.status{font-size:12px;color:#ffd382;min-height:18px;line-height:1.6}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.privacy{color:#d1c9b4;font-size:12px;padding:10px 14px;border-left:3px solid #fbd171;background:#26201588;line-height:1.6}.orders{display:grid;gap:15px;margin-top:19px}.order{padding:22px}.order-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.order-number{font:900 20px ui-monospace,SFMono-Regular,Consolas,monospace;color:#ffcf61}.order-code{font:700 13px ui-monospace,Consolas,monospace;color:#e2e5ef}.status-chip{border:1px solid #e9b84b;border-radius:40px;color:#ffe4a3;padding:7px 10px;font-size:11px;font-weight:900}.details{margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail{border-top:1px solid #9e7a454d;padding-top:10px}.detail span{display:block;font-size:11px;color:#9fa4b3}.detail strong{font-size:14px;color:#f1eee6;overflow-wrap:anywhere}.order-actions{margin-top:16px;display:flex;align-items:center;gap:10px;border-top:1px solid #a67d4573;padding-top:15px;flex-wrap:wrap}.order-actions button{min-height:44px}.order-actions .no-action{color:#b3b5bd;font-size:12px}.empty{color:#d0c4a3;padding:25px;text-align:center;border:1px dashed #926b3d;border-radius:14px}footer{text-align:center;border-top:2px solid #9d752c;padding:20px;color:#a7aab5;font-size:10px;letter-spacing:.12em}
[hidden]{display:none!important}@media(max-width:650px){.header{padding:16px}.brand strong{font-size:23px}.badge{font-size:9px}.page-title{display:block}.toolbar{margin-top:13px}.order{padding:15px}.details{grid-template-columns:1fr}.order-head{align-items:flex-start;flex-direction:column;gap:8px}}


/* V-MACHINE — ADMIN CHROME PREMIUM v2 */
/* Somente aparência: autenticação, dados e pedidos permanecem protegidos. */
:root{
  --chrome:linear-gradient(180deg,#fff 0%,#eef3ff 22%,#8993a2 43%,#fff 55%,#a5b0bf 79%,#fff 100%);
  --gold-solid:linear-gradient(180deg,#fff9c6 0%,#ffe85b 22%,#ffc92b 47%,#e79209 75%,#ffdf65 100%);
  --gold-edge:linear-gradient(135deg,#fff9d2 0%,#b97722 21%,#fff3b0 44%,#c87b17 76%,#fff2c0 100%);
}
body{
  background:
    radial-gradient(ellipse at 58% 8%,#a9511763,transparent 41%),
    radial-gradient(ellipse at 7% 84%,#603b1645,transparent 39%),
    linear-gradient(146deg,#101115 0%,#030405 57%,#180d04 100%);
  color:#f6f5f8;
}
.header{
  max-width:none;
  min-height:106px;
  padding:18px max(20px,calc((100% - 1320px)/2));
  border-bottom:3px solid #ffb522;
  background:linear-gradient(180deg,#27282d 0%,#090a0d 47%,#010203 91%);
  box-shadow:inset 0 2px #fffefa29,0 0 22px #ff9e13b5,0 3px 2px #fff4b36e;
}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:70px;height:70px;border:2px solid #ffdf89;border-radius:50%;object-fit:contain;
  box-shadow:inset 0 1px #fff7c5,0 0 20px #ffa800c4,0 6px 18px #000b;background:#09090c}
.brand strong{font-size:clamp(26px,3.5vw,42px);background:var(--chrome);
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 7px #ffffff2b)}
.brand small{border-bottom:2px solid #ffca3e;padding-bottom:5px;margin-top:5px;letter-spacing:.17em}
.badge{border:2px solid #ffdd73;background:linear-gradient(135deg,#342b24,#0c0c11);
  box-shadow:inset 0 1px #fff7d86c,0 0 15px #ffa51d8f;
  color:#ffe7b0;padding:11px 17px}
main{padding:38px clamp(15px,3vw,40px) 75px}
.panel,.order,.summary-card{
  border:2px solid transparent;
  background:
    linear-gradient(145deg,#ffffff1a,transparent 35%) padding-box,
    linear-gradient(130deg,#303037,#101115 59%,#2d1b0b) padding-box,
    var(--gold-edge) border-box;
  box-shadow:inset 0 2px #fff6d27d,0 0 20px #ff9f0c83,0 14px 30px #000b;
}
.auth{max-width:560px;margin:8vh auto 0;padding:clamp(24px,4vw,43px);border-radius:25px}
.auth h1,.page-title h1{font-size:clamp(33px,4.6vw,57px);
  color:transparent;background:var(--chrome);background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 2px #000)}
.kicker{color:#ffdc6f;text-shadow:0 0 10px #ff9f1970}
input{border-color:#ffc34c;border-radius:12px;box-shadow:inset 0 3px 12px #000b;background:linear-gradient(#24262e,#090b0e)}
button:not(.muted){
  background:var(--gold-solid);border:2px solid #fff4c4;border-radius:13px;
  box-shadow:inset 0 2px #fffce7,0 0 16px #ffa9188f,0 6px 11px #0008;
}
button:not(:disabled):hover{filter:brightness(1.07)}
button:disabled{opacity:.48;cursor:not-allowed}
.page-title{margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #ffdc6b60}
.page-title h1{margin-bottom:0}
.privacy{border-left:4px solid #ffcb3e;color:#e7dbbe;background:#40301954;border-radius:8px;padding:13px 17px}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 28px}
.summary-card{padding:21px 20px 23px;border-radius:19px;min-width:0;display:flex;flex-direction:column;gap:13px}
.summary-card span{color:#e6cf9b;font-size:12px;line-height:1.4;font-weight:900}
.summary-card strong{
  color:#ffe675;font-size:clamp(22px,2.6vw,35px);font-weight:1000;
  letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere;
  text-shadow:0 1px #593d16,0 0 14px #ffac2480;
}
.orders-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:22px 0 10px}
.orders-toolbar h2{margin:0;font-size:clamp(24px,2.8vw,36px);font-style:italic;
  background:var(--chrome);color:transparent;background-clip:text;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:1000}
.search-label{display:flex;flex-direction:column;gap:8px;width:min(400px,100%);flex:none}
.search-label input{width:100%;min-width:0;padding:13px 16px}
.page-scope{font-size:11px;color:#d6c7a8;line-height:1.55}
.orders{gap:18px}
.order{border-radius:22px;padding:26px}
.order-head{padding-bottom:16px;border-bottom:1px solid #ffdb7a72}
.order-number{font-size:clamp(18px,2.2vw,25px);color:#ffe07e;text-shadow:0 0 12px #ffaa2085}
.order-code{margin-top:8px;color:#dfe1e8;font-weight:850}
.status-chip{border:2px solid #e4b352;background:linear-gradient(#383028,#161519);
  box-shadow:inset 0 1px #fff6b34c,0 0 11px #ffa81c75}
.details{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.detail{padding-top:13px}
.detail span{font-size:11px;color:#b8b9c5}
.detail strong{font-size:14px;color:#f5f5f7}
.order-products{margin-top:20px;padding:18px 21px;
  border:1px solid #d7a75d8f;border-radius:14px;
  background:linear-gradient(115deg,#080a0ecc,#271b0da6);
  box-shadow:inset 0 1px #fff4bc2a}
.order-products h3{font-size:15px;margin:0 0 14px;color:#ffe09a;font-weight:950}
.product-row{display:grid;grid-template-columns:minmax(0,2fr) auto auto auto;align-items:center;
  gap:12px;padding:12px 0;border-top:1px solid #ad8b4c42}
.product-row strong{color:#f7f7fa;font-size:13px}
.product-row span{color:#d8d7df;font-size:12px}
.product-row .product-sum{color:#ffde69;font-size:15px}
.product-empty{font-size:12px;color:#bbb1a0}
.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin:28px 0}
.pagination span{color:#ffdc91;font-size:12px;font-weight:900}
.pagination button{min-width:100px}
.empty{background:linear-gradient(135deg,#201b1a,#0a0a0e);color:#e6d5b5}
footer{border-top:3px solid #ffc342;background:linear-gradient(#272223,#050508);
  box-shadow:inset 0 2px #fff5af80,0 -5px 23px #ff9b0780}
@media(max-width:960px){
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .product-row .product-sum{text-align:right}
}
@media(max-width:650px){
  .header{min-height:83px;padding:13px 14px}
  .brand{gap:10px}.brand img{width:51px;height:51px}
  .brand strong{font-size:clamp(19px,5.8vw,27px)}
  .brand small{font-size:8px}
  .badge{font-size:9px;padding:9px 10px;white-space:nowrap}
  main{padding:20px 13px 55px}
  .summary{gap:10px;margin-top:20px}
  .summary-card{padding:16px 13px;gap:10px}
  .summary-card strong{font-size:clamp(20px,5vw,27px)}
  .orders-toolbar{display:block}.search-label{margin-top:19px}
  .details{grid-template-columns:1fr}
  .order{padding:20px 15px}
  .order-products{padding:17px 13px}
  .product-row{grid-template-columns:1fr}
  .product-row .product-sum{text-align:left}
  .pagination{gap:9px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}


/* V-MACHINE — PRIMEIRO ACESSO E RECUPERAÇÃO PREMIUM */
.auth{
  border-radius:26px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% -15%,#b46c2440 0%,transparent 63%) padding-box,
    linear-gradient(145deg,#32333b 0%,#0c0e13 55%,#251306 100%) padding-box,
    linear-gradient(132deg,#fff7d5,#ad6a16 25%,#fff5c3 51%,#bd701a 79%,#ffedb6) border-box;
  box-shadow:inset 0 2px 2px #ffffffa6,0 0 31px #ffab1a8c,0 19px 38px #000c;
}
.auth::before{
  content:"";pointer-events:none;position:absolute;top:2px;left:7%;right:7%;height:2px;
  background:linear-gradient(90deg,transparent,#fff4d8e0 50%,transparent);
  box-shadow:0 0 13px #fff6a77d;
}
.auth .auth-header{display:flex;align-items:center;gap:16px;margin-bottom:23px}
.auth .auth-header h1{font-size:clamp(28px,3.8vw,44px);margin:0 0 8px;line-height:1.12}
.auth .auth-header p{margin:0;color:#e4e1e8;font-size:13px;line-height:1.6}
.auth .auth-emblem{
  display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:18px;
  border:2px solid #fff1bc;color:#ffd651;
  background:linear-gradient(145deg,#34333b 0%,#14161b 55%,#28180a);
  box-shadow:inset 0 2px #fff5cd91,0 0 17px #ffab21a2,0 8px 14px #000b;
  font-size:28px;
}
.auth form{gap:11px;margin-top:20px}
.auth form label{color:#ffeac3;font-size:13px}
.auth form input{min-height:55px;border-color:#ffbf42;
  background:linear-gradient(180deg,#1c1e26,#050709 64%);border-radius:14px;
  box-shadow:inset 0 3px 11px #000d,0 0 12px #f5a91a28}
.auth form input:focus-visible{outline:2px solid #fffae0;outline-offset:3px}
.auth form button[type="submit"]{min-height:53px;margin-top:8px;letter-spacing:.04em}
.auth-secondary{margin:17px 0 0;text-align:center;border-top:1px solid #d6a25353;padding-top:16px}
.auth .auth-link{
  display:inline-flex;justify-content:center;align-items:center;gap:8px;
  border:0;padding:9px 12px;min-height:36px;
  background:transparent!important;box-shadow:none!important;
  color:#ffe09b!important;cursor:pointer;font-size:12px;font-weight:900;
  letter-spacing:.015em;text-decoration:underline;text-underline-offset:4px;border-radius:8px
}
.auth .auth-link:hover{color:#fff6d8!important}
.auth .status{margin-top:17px;border-left:3px solid #ffc447;padding:10px 12px;
  background:#291d0f70;border-radius:7px;color:#ffe1a2;line-height:1.6}
.auth[hidden]{display:none!important}
#reset-form[hidden]{display:none!important}
@media(max-width:650px){
  .auth{margin:16px auto 0;padding:24px 17px}
  .auth .auth-header{align-items:flex-start;gap:11px}
  .auth .auth-emblem{width:44px;height:44px;font-size:23px;border-radius:12px}
  .auth .auth-header h1{font-size:clamp(24px,6.7vw,34px)}
  .auth form input{font-size:16px}
}


/* V-MACHINE — ACABAMENTO FINAL ADMIN NO PADRÃO VENDAS v3 */
/* Polimento estritamente visual — sem alterar a autenticação ou o acesso a dados. */
body{
  background:
    radial-gradient(ellipse at 50% -18%,#ffb52b3c 0%,transparent 46%),
    radial-gradient(ellipse at 96% 45%,#a95c0e2c 0%,transparent 38%),
    radial-gradient(ellipse at 8% 72%,#8a4b1323 0%,transparent 35%),
    linear-gradient(135deg,#18171b 0%,#050507 29%,#09090c 66%,#1a0f07 100%);
}
.header{
  border-top:7px solid #ffd633;
  border-image:linear-gradient(180deg,#fffca8 0%,#ffd233 44%,#e28c06 82%,#ffe35d 100%) 1;
  background:
    radial-gradient(ellipse at 48% 0%,#ffffff15,transparent 60%),
    linear-gradient(180deg,#27272e 0%,#101115 45%,#010203 92%);
  box-shadow:
    inset 0 2px 2px #ffffff6b,
    0 2px #fff8cfab,0 8px 31px #ff980093;
}
.header .brand{gap:15px}
.header .brand strong{
  font-size:clamp(26px,3.7vw,44px);
  background:linear-gradient(180deg,#fff 0%,#e6ecf6 15%,#7c8796 37%,#fff 52%,#9da9ba 72%,#fff 87%,#c8d3e3 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 9px #ffffff5a);
}
.header .brand small{color:#ffe785;font-size:11px;font-weight:950}
.header .badge{
  border:2px solid #ffe6a0;
  background:linear-gradient(145deg,#343039,#0a0b10 67%,#251505);
  box-shadow:inset 0 2px #fff5d577,0 0 17px #ffad25ae,0 6px 13px #000c;
}
.auth{max-width:590px;margin-top:clamp(35px,6vh,80px);
  box-shadow:inset 0 2px 2px #fffce3b0,0 0 0 1px #ffdf8e80,0 0 33px #ffa113a3,0 22px 44px #000d}
.auth .auth-header h1,.page-title h1,.orders-toolbar h2{
  background:linear-gradient(180deg,#fff 0%,#f6f9ff 21%,#748293 42%,#fff 55%,#96a2b2 77%,#fff 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 1px #000) drop-shadow(0 0 8px #dbe5ff3d);
}
.auth .auth-header h1{font-size:clamp(30px,4vw,46px)}
.auth .auth-emblem{
  border-radius:17px;
  background:linear-gradient(155deg,#6d4d27 0%,#121318 46%,#090a0e 76%,#30200e 100%);
  box-shadow:inset 0 2px #fffbeaac,0 0 0 1px #bb7618,0 0 22px #ffc12acc,0 10px 17px #000b;
}
.auth form input{
  border:2px solid #e8b454;
  background:linear-gradient(180deg,#262831 0%,#0a0c12 60%,#070809 100%);
  box-shadow:inset 0 3px 12px #000d,0 0 8px #ffac1b1b;
}
.auth form button[type="submit"]{
  border:2px solid #fff9ce;
  background:linear-gradient(180deg,#fff9d4 0%,#ffe978 20%,#ffca28 48%,#e68b03 77%,#ffda5b 100%);
  box-shadow:inset 0 2px 2px #fffdec,0 0 21px #ffae19b5,0 8px 16px #000a;
  font-size:13px;
}
.status:empty{display:none!important}
.auth-secondary .auth-link{color:#ffeb9c!important;font-size:13px}
.summary-card{
  border:2px solid transparent;
  background:
    linear-gradient(125deg,#ffffff18,transparent 33%) padding-box,
    radial-gradient(ellipse at 85% 100%,#8a4c1463,transparent 60%) padding-box,
    linear-gradient(145deg,#32323a,#0b0c11 58%,#241505) padding-box,
    linear-gradient(135deg,#fff9d9,#ae711d 27%,#fff0b9 50%,#ae6a14 73%,#fff9c7) border-box;
  box-shadow:inset 0 2px #fffbe1a8,0 0 24px #ffa9138a,0 12px 25px #000b;
}
.summary-card strong{font-size:clamp(27px,2.7vw,38px);letter-spacing:-.035em}
.summary-card span{color:#ffeaad;font-size:13px}
.order{
  box-shadow:inset 0 2px #fffae3b0,0 0 27px #ffa016a1,0 15px 30px #000c;
}
.order-products{border-color:#ffe3a1;box-shadow:inset 0 2px #fff4c447,0 0 13px #ffab1c42}
.orders-toolbar h2{font-size:clamp(27px,3vw,38px)}
.privacy,.page-scope{font-size:13px;line-height:1.6}
.detail span,.product-row span{font-size:12px}
.detail strong,.product-row strong{font-size:14px}
button:not(:disabled){transition:filter .16s,box-shadow .16s}
button:not(:disabled):hover{filter:brightness(1.08)}
@media(max-width:650px){
 .header{border-top-width:6px}
 .header .brand{gap:9px}
 .header .brand strong{font-size:clamp(18px,5.4vw,27px)}
 .header .brand small{font-size:8px}
 .auth{margin-top:24px}
 .auth .auth-header h1{font-size:clamp(25px,6.7vw,36px)}
 .summary-card strong{font-size:clamp(22px,5.3vw,29px)}
 .summary-card span{font-size:11px}
 .page-title h1{font-size:clamp(30px,8vw,42px)}
}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}


/* PDF de pedido V-MACHINE: botão individual protegido no Admin. */
.order-actions .order-pdf-btn{
  color:#ffe29b;
  border:1.5px solid #e5b551;
  background:linear-gradient(145deg,#2d2a28 0%,#07080b 55%,#261a0b 100%);
  box-shadow:inset 0 1px #fff5d078,0 0 13px #ffae2485;
  letter-spacing:.045em;
  font-weight:950;
}
.order-actions .order-pdf-btn:hover:not(:disabled){
  color:#fff6dc;
  box-shadow:inset 0 1px #fff5d0a8,0 0 19px #ffbe3bab;
}
