:root{--cream:#fff8e7;--paper:#fffdf8;--green:#114d35;--soft:#edf3ee;--gold:#f4d892;--red:#bd3c46;--line:#e4dbc4;--text:#163126;--muted:#6c716b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;margin:.1em 0}.hidden{display:none!important}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:28px}.login-card{width:min(100%,650px);background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 16px 45px #00000012}.eyebrow{letter-spacing:.19em;font-size:.78rem;font-weight:800;color:var(--red);margin:0 0 10px}.login-card h1{font-size:3rem}.muted{color:var(--muted);font-size:1.15rem}label{display:block;font-weight:800;margin:18px 0 8px}input{width:100%;padding:17px 18px;border-radius:18px;border:1px solid var(--line);font-size:1.05rem;background:white}button{font:inherit;border:0;cursor:pointer}.primary,.refresh{width:100%;padding:17px;border-radius:999px;background:var(--green);color:#fff;font-weight:900;font-size:1.1rem}.primary{margin-top:20px}.app{max-width:820px;margin:auto;padding:26px 26px 70px}header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 6px 24px}header h1{font-size:4rem}.ghost{background:#fff;border:1px solid var(--line);border-radius:999px;padding:14px 22px;font-weight:800;color:#1680df}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats article{background:var(--green);color:#fff;border-radius:28px;padding:25px}.stats .wide{grid-column:1/-1}.stats strong{display:block;font-size:2.7rem}.stats span{font-size:1.1rem;color:#e7efe9}.refresh{background:var(--gold);color:var(--green);margin-top:16px}.live-row{display:flex;justify-content:space-between;gap:12px;padding:12px 5px;color:var(--muted)}#liveDot{color:#177248}.filters{display:flex;gap:10px;overflow-x:auto;padding:12px 0 18px;scrollbar-width:none}.filters button{white-space:nowrap;padding:14px 20px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--green);font-weight:900}.filters button.active{background:var(--green);color:#fff}.orders{display:grid;gap:22px}.order{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 6px 24px #00000008}.order-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.order-id{font-size:1.5rem;font-weight:950}.date{color:var(--muted);margin:5px 0 25px}.badge{background:var(--soft);border-radius:999px;padding:10px 16px;font-weight:900;white-space:nowrap}.customer{font-size:1.5rem;font-weight:950;margin:0 0 8px}.meta{font-size:1.14rem;line-height:1.55;color:#4d5b53}.items{background:#fff6df;border-radius:22px;padding:18px 20px;margin:20px 0}.item{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.note{background:#fff8d9;border-left:5px solid var(--gold);border-radius:14px;padding:14px 16px;color:#62625d}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:1.55rem}.total strong{color:var(--red)}.statuses{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.status{padding:13px 17px;border-radius:999px;background:var(--soft);color:var(--green);font-weight:900}.status.selected{background:var(--green);color:#fff}.actions{display:grid;gap:10px}.action{padding:15px;border-radius:999px;background:var(--gold);color:var(--green);font-weight:900;text-align:center;text-decoration:none}.action.whatsapp{background:#e3f7e9}.action.copy{background:#fff;border:1px solid var(--line)}.action.archive{background:#f1eee5}.action.restore{background:var(--green);color:white}.msg{min-height:1.2em;color:var(--red);font-weight:700}.empty{padding:35px;text-align:center;color:var(--muted);background:#fff;border-radius:24px}@media(max-width:560px){.app{padding:20px 26px 60px}header h1{font-size:3.4rem}.order{padding:24px 28px}.order-id{font-size:1.35rem}.login-card{padding:30px}.stats strong{font-size:2.45rem}}


/* V5 products */
.main-tabs{display:flex;gap:10px;margin:0 0 20px}.main-tabs button{flex:1;padding:15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;color:var(--green)}.main-tabs button.active{background:var(--green);color:#fff}
.products-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:6px 0 14px}.products-toolbar h2{font-size:2.2rem;margin:0}.small{font-size:.98rem;margin:.35rem 0 0}.compact-primary{background:var(--green);color:#fff;border-radius:999px;padding:13px 16px;font-weight:900;white-space:nowrap}
.products-list{display:grid;gap:16px;margin-top:18px}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:20px}.product-top{display:flex;justify-content:space-between;gap:12px}.product-name{font-size:1.35rem;font-weight:950}.product-emoji{font-size:2rem}.product-meta{color:var(--muted);margin:7px 0}.product-price{font-size:1.6rem;font-weight:950;color:var(--red);margin:12px 0}.product-card-actions{display:flex;gap:9px;flex-wrap:wrap}.small-action{padding:11px 14px;border-radius:999px;background:var(--soft);color:var(--green);font-weight:900}.small-action.primaryish{background:var(--green);color:#fff}.availability{display:inline-block;border-radius:999px;padding:8px 12px;background:#e7f5ea;color:#17663d;font-weight:900}.availability.off{background:#f2ecec;color:#8c4343}
dialog{border:0;border-radius:28px;padding:0;width:min(92vw,620px);background:var(--paper);box-shadow:0 24px 80px #0005}dialog::backdrop{background:#0e2f2399}.product-form{padding:28px}.dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.dialog-head h2{font-size:2rem}.dialog-close{width:44px;height:44px;border-radius:50%;background:var(--soft);font-size:1.8rem;color:var(--green)}select{width:100%;padding:17px 18px;border-radius:18px;border:1px solid var(--line);font-size:1.05rem;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-row{display:flex;gap:10px;align-items:center;margin:18px 0}.toggle-row input{width:auto}
@media(max-width:560px){.products-toolbar{flex-direction:column}.compact-primary{width:100%}.form-grid{grid-template-columns:1fr}}


/* Admin V7 — final iPhone layout polish */
html,body{
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width:719px){
  .wrap,.container,main{
    width:100%;
    max-width:100%;
  }

  .order-card{
    overflow:hidden;
  }

  .order-head,
  .order-row,
  .item-row,
  .total-row{
    min-width:0;
  }

  .order-head > *,
  .order-row > *,
  .item-row > *,
  .total-row > *{
    min-width:0;
  }

  .order-id{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .item-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
  }

  .item-row > :first-child{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .item-row > :last-child{
    white-space:nowrap;
    text-align:right;
  }

  .total-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
  }

  .total-row > :last-child{
    white-space:nowrap;
    text-align:right;
  }

  .status-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }

  .status-actions button{
    max-width:100%;
  }

  .order-actions{
    display:grid;
    gap:12px;
  }

  .order-actions button{
    width:100%;
  }
}

/* Admin V7.1 — mobile overflow fix using the actual app class names */
@media (max-width:560px){
  .app{width:100%;max-width:100%;padding:18px 16px 56px;overflow-x:hidden}
  header{min-width:0}
  header h1{font-size:3rem}
  .orders,.order{min-width:0;max-width:100%}
  .order{padding:22px 18px;overflow:hidden}
  .order-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0}
  .order-top>div{min-width:0}
  .order-id{font-size:1.22rem;line-height:1.15;overflow-wrap:anywhere;word-break:break-word}
  .badge{max-width:100%;padding:9px 12px;font-size:.94rem}
  .customer{font-size:1.35rem;overflow-wrap:anywhere}
  .meta{font-size:1.04rem;overflow-wrap:anywhere;word-break:break-word}
  .items{padding:16px 14px;min-width:0}
  .item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;min-width:0}
  .item span{min-width:0;overflow-wrap:anywhere}
  .item strong{white-space:nowrap;text-align:right}
  .total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0}
  .total strong{white-space:nowrap;text-align:right}
  .statuses{gap:8px}
  .status{padding:11px 13px;font-size:.94rem;max-width:100%}
  .actions{min-width:0}
  .action{width:100%;max-width:100%;overflow-wrap:anywhere}
}

/* V7.2 mobile filter polish */
@media(max-width:560px){
  .filters{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    overflow:visible;
    padding:12px 0 18px;
  }
  .filters button{
    min-width:0;
    width:100%;
    padding:12px 6px;
    font-size:.88rem;
    white-space:normal;
    line-height:1.08;
    text-align:center;
  }
}