/* Mis pedidos V92. Estilo aislado del catálogo, cabecera y administración. */
html:has(body.orders-page),body.orders-page{background:#151419!important;background-image:none!important;color:#f5eff9!important;}
body.orders-page>main{max-width:1360px!important;margin:0 auto!important;padding:38px 28px 64px!important;background:transparent!important;min-height:65vh;}
.o92-root{font-family:'Poppins','Segoe UI',sans-serif;color:#f5eff9;}
.o92-root *{box-sizing:border-box;}
.o92-root svg{width:22px;height:22px;flex-shrink:0;}
.o92-heading{margin-bottom:26px;}
.o92-root .o92-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#c596e4;}
.o92-root h1{font-size:30px;letter-spacing:-.8px;line-height:1.25;color:#fff;margin:6px 0 10px;}
.o92-root .o92-heading p{font-size:13px;color:#b9adc6;margin:0;}
.o92-root h2{font-size:17px;font-weight:700;letter-spacing:-.3px;color:#faf4ff;margin:0 0 22px;display:flex;gap:10px;align-items:center;}
.o92-root h2 svg{color:#ca92e6;}
.o92-root h3{font-size:15px;margin:0 0 10px;color:#f6edfc;}
.o92-root p{color:#baacc7;line-height:1.7;font-size:13px;}
.o92-root .o92-panel{padding:25px;border-radius:17px;border:1px solid #493651;background:linear-gradient(145deg,#231d2b,#1c1822);box-shadow:0 12px 32px #00000020;min-width:0;}
.o92-root .o92-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px;}
.o92-root .o92-stats>div{display:grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:20px 22px;border:1px solid #493651;border-radius:14px;background:#211b28;}
.o92-root .o92-stats svg{grid-row:1/3;width:42px;height:42px;color:#c88be4;padding:10px;border:1px solid #60406e;border-radius:12px;background:#35233e;}
.o92-root .o92-stats strong{font-size:24px;line-height:1.2;color:#fff;}
.o92-root .o92-stats span{font-size:11px;color:#b9a9c8;margin-top:5px;}
.o92-root .o92-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.o92-root .o92-filters{display:flex;gap:7px;flex-wrap:wrap;}
.o92-root .o92-filters button{background:#221b2a!important;border:1px solid #493651!important;color:#c5b4d2!important;font-size:11px;font-weight:600;padding:10px 13px;border-radius:9px;min-height:40px;box-shadow:none;}
.o92-root .o92-filters button[aria-pressed=true]{background:#513064!important;border-color:#b47dce!important;color:#fff!important;}
.o92-root .o92-search{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:43px;border:1px solid #594064;border-radius:10px;background:#1a1420;flex:1;max-width:310px;min-width:220px;}
.o92-root .o92-search svg{width:18px;color:#b68bc9;}
.o92-root input[type=search]{background:transparent!important;border:0!important;border-radius:0;color:#f5eff9!important;font-size:12px;min-width:0;width:100%;padding:11px 0;outline:0;}
.o92-root .o92-search:focus-within{outline:2px solid #bc7fdd;outline-offset:2px;}
.o92-root input::placeholder{color:#9b89aa;}
.o92-root .o92-count{font-size:11px;color:#ab98b8;margin:0 0 14px;}
.o92-root .o92-list{display:grid;gap:20px;}
.o92-root .o92-order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;border-bottom:1px solid #46304f;}
.o92-root .o92-order-top p{margin:6px 0 0;font-size:11px;color:#a994b7;}
.o92-root .o92-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.o92-root .o92-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;line-height:1.4;border-radius:7px;padding:6px 10px;border:1px solid #79508e;background:#3b2845;color:#e4b9f8;}
.o92-root .o92-green{border-color:#426c5a;background:#20372e;color:#a7e8bf;}
.o92-root .o92-amber{border-color:#775b34;background:#392b1c;color:#edcc91;}
.o92-root .o92-red{border-color:#7d414f;background:#3b222c;color:#f3adb8;}
.o92-root .o92-muted{border-color:#59505f;background:#302a35;color:#c2b6cc;}
.o92-root .o92-items{display:grid;gap:16px;padding:20px 0;}
.o92-root .o92-item{display:flex;gap:14px;align-items:center;min-width:0;}
.o92-root .o92-item img{width:62px;height:62px;object-fit:cover;border-radius:11px;border:1px solid #554060;background:#19131f;}
.o92-root .o92-item>div{min-width:0;flex:1;}
.o92-root .o92-item strong{font-size:13px;color:#f1e8f7;display:block;overflow-wrap:anywhere;}
.o92-root .o92-item small{display:block;font-size:11px;color:#b49bc3;margin-top:5px;}
.o92-root .o92-items>small{font-size:11px;color:#b49bc3;}
.o92-root .o92-item>b{font-size:13px;color:#f2dcff;white-space:nowrap;}
.o92-root .o92-order-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #46304f;padding-top:19px;}
.o92-root .o92-delivery{display:flex;align-items:center;gap:12px;flex:1;min-width:210px;}
.o92-root .o92-delivery>svg{color:#c18bdc;}
.o92-root .o92-delivery small,.o92-root .o92-order-total small{display:block;font-size:10px;color:#aa94b9;margin-bottom:5px;}
.o92-root .o92-delivery strong{display:block;font-size:12px;font-weight:500;color:#d8c8e3;}
.o92-root .o92-order-total>strong{font-size:20px;color:#fff;}
.o92-root .o92-primary,.o92-root button.o92-primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 17px;border-radius:10px;background:linear-gradient(135deg,#a64bd0,#713496)!important;color:#fff!important;border:1px solid #ba7cd4!important;min-height:44px;font-size:12px;font-weight:600;text-decoration:none;}
.o92-root .o92-primary svg{width:16px;height:16px;}
.o92-root .o92-secondary,.o92-root button.o92-secondary{display:inline-flex;justify-content:center;align-items:center;padding:11px 15px;background:#302336!important;color:#ead9f4!important;border:1px solid #694c7b!important;border-radius:10px;font-size:12px;font-weight:600;min-height:42px;text-decoration:none;}
.o92-root button:hover,.o92-root .o92-primary:hover,.o92-root .o92-secondary:hover{filter:brightness(1.12);opacity:1;}
.o92-root button:focus-visible,.o92-root a:focus-visible{outline:2px solid #d5a3ef;outline-offset:3px;}
.o92-root .o92-empty{padding:45px 22px;text-align:center;border:1px dashed #765585;border-radius:16px;background:#211a28;}
.o92-root .o92-empty>svg{width:45px;height:45px;color:#bd83db;margin-bottom:18px;}
.o92-root .o92-empty h2{display:block;margin:0 0 10px;}
.o92-root .o92-empty p{margin:0 0 22px;}
.o92-root .o92-loading{padding:40px;text-align:center;}
.o92-root .o92-back{display:inline-flex;align-items:center;margin-bottom:20px;font-size:12px;color:#c998e4;}
.o92-root .o92-detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;}
.o92-root .o92-progress{list-style:none;padding:24px 12px;margin:0 0 25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #493651;border-radius:15px;background:#201a26;}
.o92-root .o92-progress li{text-align:center;color:#87728f;position:relative;}
.o92-root .o92-progress li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 26px);right:calc(-50% + 26px);top:22px;height:2px;background:#4b3554;}
.o92-root .o92-progress li>span{position:relative;display:flex;width:45px;height:45px;justify-content:center;align-items:center;margin:0 auto 12px;border:1px solid #654671;border-radius:13px;background:#2c2134;}
.o92-root .o92-progress strong{font-size:11px;font-weight:500;}
.o92-root .o92-progress .is-done{color:#ead4f9;}
.o92-root .o92-progress .is-done>span{background:#523064;border-color:#a06abd;color:#e5bcfc;}
.o92-root .o92-progress .is-current>span{border-color:#d9a1f6;box-shadow:0 0 0 4px #9956b81a;}
.o92-root .o92-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;align-items:start;}
.o92-root .o92-detail-main,.o92-root .o92-sidebar{display:grid;gap:22px;min-width:0;}
.o92-root .o92-sidebar{position:sticky;top:24px;}
.o92-root .o92-items-full{padding:0;}
.o92-root .o92-items-full .o92-item:not(:last-child){padding-bottom:16px;border-bottom:1px solid #423048;}
.o92-root .o92-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.o92-root .o92-section-head h2{margin:0;}
.o92-root .o92-method{font-size:11px;color:#b896cb;margin-bottom:22px;}
.o92-root .o92-bank{padding:16px;border:1px solid #674875;border-radius:11px;background:#19131f;margin:18px 0;}
.o92-root .o92-bank>strong{font-size:12px;color:#e5caef;}
.o92-root .o92-bank p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;color:#ddcce7;}
.o92-root .o92-payment>.o92-primary,.o92-root .o92-payment>.o92-secondary{margin-top:8px;}
.o92-root .o92-delivery-box{display:grid;gap:7px;padding:16px;border:1px solid #654273;border-radius:11px;background:#2a1e33;}
.o92-root .o92-delivery-box strong{font-size:13px;color:#e1c4f3;}
.o92-root .o92-delivery-box span{font-size:11px;color:#b79bc8;}
.o92-root .o92-address{margin-top:20px;}
.o92-root .o92-address>strong,.o92-root .o92-notes>strong,.o92-root .o92-tracking>strong{font-size:12px;color:#ddc8e9;}
.o92-root .o92-address p{margin:8px 0;}
.o92-root .o92-notes,.o92-root .o92-tracking{border-top:1px solid #46304f;margin-top:18px;padding-top:18px;overflow-wrap:anywhere;}
.o92-root .o92-caption{font-size:11px;margin-bottom:0;}
.o92-root .o92-totals{margin:0;}
.o92-root .o92-totals>div{display:flex;justify-content:space-between;gap:14px;margin-top:16px;font-size:12px;}
.o92-root .o92-totals dt{color:#baa7c9;overflow-wrap:anywhere;}
.o92-root .o92-totals dd{color:#f1e1fb;font-weight:600;margin:0;white-space:nowrap;}
.o92-root .o92-totals .o92-grand-total{border-top:1px solid #694777;padding-top:22px;margin-top:23px;font-size:20px;}
.o92-root .o92-grand-total dt,.o92-root .o92-grand-total dd{color:#fff;font-weight:700;}
.o92-root .o92-help>svg{color:#c28add;width:30px;height:30px;margin-bottom:14px;}
.o92-root .o92-help h2{margin-bottom:10px;}
.o92-root .o92-help .o92-secondary{width:100%;margin-top:8px;}
.o92-root .o92-history{list-style:none;margin:0;padding:0;}
.o92-root .o92-history li{display:flex;gap:14px;position:relative;padding:0 0 24px;}
.o92-root .o92-history li:last-child{padding-bottom:0;}
.o92-root .o92-history li>span{width:9px;height:9px;border-radius:50%;background:#bd7bda;margin-top:6px;flex-shrink:0;}
.o92-root .o92-history li:not(:last-child):before{content:'';position:absolute;top:18px;bottom:5px;left:4px;width:1px;background:#60406c;}
.o92-root .o92-history strong{font-size:12px;font-weight:500;line-height:1.6;color:#d9c7e5;}
.o92-root .o92-history small{display:block;margin-top:5px;font-size:10px;color:#a890b8;}
.o92-root .o92-notice{padding:20px;border:1px solid #705563;border-radius:13px;background:#2b222a;margin-bottom:24px;}
.o92-root .o92-notice p{margin-bottom:0;}
@media(max-width:850px){body.orders-page>main{padding:28px 18px 42px!important;}.o92-root .o92-detail-grid{grid-template-columns:1fr;}.o92-root .o92-sidebar{position:static;}.o92-root .o92-search{max-width:none;}}
@media(max-width:540px){body.orders-page>main{padding:24px 12px 32px!important;}.o92-root h1{font-size:26px;}.o92-root .o92-stats{gap:8px;}.o92-root .o92-stats>div{padding:14px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;}.o92-root .o92-stats svg{width:32px;height:32px;padding:7px;margin-bottom:4px;}.o92-root .o92-stats strong{font-size:22px;}.o92-root .o92-stats span{font-size:9px;}.o92-root .o92-panel{padding:20px 16px;}.o92-root .o92-order-top{flex-direction:column;gap:12px;}.o92-root .o92-order-bottom{gap:16px;}.o92-root .o92-order-bottom .o92-delivery{flex-basis:100%;}.o92-root .o92-order-total{flex:1;}.o92-root .o92-order-bottom .o92-primary{padding:11px 13px;}.o92-root .o92-detail-top{align-items:flex-start;flex-wrap:wrap;}.o92-root .o92-progress{padding:20px 8px;}.o92-root .o92-progress li>span{width:36px;height:36px;border-radius:10px;}.o92-root .o92-progress li:not(:last-child):after{left:calc(50% + 21px);right:calc(-50% + 21px);top:18px;}.o92-root .o92-progress strong{font-size:9px;}.o92-root .o92-items-full .o92-item{gap:10px;flex-wrap:wrap;}.o92-root .o92-items-full .o92-item img{width:52px;height:52px;}.o92-root .o92-items-full .o92-item>b{font-size:12px;}.o92-root .o92-filters button{font-size:10px;padding:9px 11px;}}

/* V99: las mismas siete etapas que Admin y consulta privada de seguimiento. */
.o92-root .o99-progress-wrap{overflow-x:auto;margin:0 0 25px;border:1px solid #493651;border-radius:15px;background:#201a26;}
.o92-root .o99-progress-wrap .o92-progress{grid-template-columns:repeat(7,minmax(90px,1fr));min-width:700px;margin:0;border:0;background:transparent;}
.o92-root .o99-progress-wrap:focus-visible{outline:2px solid #d9a1f6;outline-offset:3px;}
.o92-root .o99-tracking-form{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.o92-root .o99-tracking-form label{display:grid;gap:9px;flex:1 1 260px;font-size:12px;color:#d5c2e1;}
.o92-root .o99-tracking-form input{width:100%;padding:13px;border:1px solid #674974;border-radius:9px;background:#17111d;color:#f1e4fa;font:inherit;}
.o92-root .o99-tracking-form p{flex-basis:100%;margin:0;}
.o92-root .o99-tracking-form button{font:inherit;cursor:pointer;}
.o92-root .o99-tracking-code{font-size:16px;font-weight:700;letter-spacing:1px;overflow-wrap:anywhere;user-select:all;}
/* V101: estados distinguibles por texto, borde e intensidad. */
.o92-root .o92-order{border-left:5px solid #a66cd0}.o92-root .o92-order[data-order-state="preparando"]{border-left-color:#e4a1ce;background:linear-gradient(120deg,#342336,#1e1a24)}.o92-root .o92-order[data-order-state="empaquetado"]{border-left-color:#d8b67f}.o92-root .o92-order[data-order-state="despachado"]{border-left-color:#e7bd74;background:linear-gradient(120deg,#352e24,#1e1a24)}.o92-root .o92-order[data-order-state="en_transito"]{border-left-color:#80cbea;background:linear-gradient(120deg,#223642,#1e1a24)}.o92-root .o92-order[data-order-state="entregado"]{border-left-color:#86d6b0}.o92-root .o92-order[data-order-state="cancelado"]{border-left-color:#8c8992;opacity:.8}.o92-root .o92-badge{font-size:12px;padding:8px 12px}.o92-root .o92-blue{background:#244758;color:#c4eeff;border-color:#5894ad}.o92-root .o92-pink{background:#51354b;color:#ffdbf4;border-color:#a97198}
