/* Mis compras comparte la paleta y el tema guardado de la tienda. */
.jar-client{--bg-principal:#f4f4f6;--bg-tarjeta:#fff;--texto-principal:#333;--texto-secundario:#666;--borde:#ddd;background:var(--bg-principal);color:var(--texto-principal);font-family:Arial,sans-serif}
.jar-client.dark-mode{--bg-principal:#101318;--bg-tarjeta:#202126;--texto-principal:#f4f4f4;--texto-secundario:#b8b8c0;--borde:#36373e}
.jar-client header{background:linear-gradient(110deg,#ff6b00,#ff8a24);box-shadow:0 4px 15px #00000015;gap:16px}
.jar-client .jar-client-brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:white;min-width:0}
.jar-client .jar-client-brand small{letter-spacing:.08em;font-size:11px;font-weight:700}
.jar-client .jar-client-mark{width:56px;height:56px;border:2px solid #fff9;border-radius:16px;background:#ffffff21;display:grid;place-items:center;font-size:16px;font-weight:800;flex-shrink:0;overflow:hidden}
.jar-client .jar-client-mark img{width:100%;height:100%;object-fit:contain}
.jar-client .jar-client-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.jar-client .jar-client-nav a,.jar-client .jar-client-nav button{background:#00000018;border:1px solid #ffffff60;border-radius:12px;padding:12px 14px;text-decoration:none;color:white;font-size:14px}
.jar-client section{background:var(--bg-tarjeta);border:1px solid #ff6b0040;box-shadow:0 8px 24px #0000000a}
.jar-client h2,.jar-client h3{color:var(--texto-principal)}
.jar-client h2{border-left:4px solid #ff6b00;padding-left:12px}
.jar-client .jar-muted{color:var(--texto-secundario)}
.jar-client input,.jar-client select,.jar-client textarea{background:var(--bg-principal);color:var(--texto-principal);border-color:var(--borde)}
.jar-client button,.jar-client .jar-link{background:#ff6b00;border:1px solid #ff6b00;transition:background .15s,transform .15s}
.jar-client button:hover,.jar-client .jar-link:hover{background:#e65c00}
.jar-client #jarToggleAuth,.jar-client #jarSignout{background:transparent;color:#c44e00;border-color:#ff6b0070}
.jar-client.dark-mode #jarToggleAuth,.jar-client.dark-mode #jarSignout{color:#ffad72}
.jar-client .jar-order{border:1px solid #ff6b0040;border-radius:16px;padding:22px;margin:20px 0;background:var(--bg-principal)}
.jar-client .jar-order h3{font-size:20px;line-height:1.4;margin-top:0}
.jar-client .jar-order p{margin:12px 0}
.jar-client .jar-order a:not(.jar-link){color:#bd4b00;text-underline-offset:3px}
.jar-client.dark-mode .jar-order a:not(.jar-link){color:#ffad72}
.jar-client .jar-order details{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:14px 0;margin:14px 0}
.jar-client .jar-order summary{color:#c44e00}.jar-client.dark-mode .jar-order summary{color:#ffad72}
.jar-client .jar-order ul{padding-left:22px;line-height:1.8}.jar-client .jar-order form{margin-top:18px;padding-top:14px;border-top:1px solid var(--borde)}
.jar-client .jar-order input[type=file]{display:block;margin:8px 0 12px;font-size:14px}
.jar-client .jar-status{background:#fff1e2;color:#863800;border:1px solid #ff6b0040}
.jar-client.dark-mode .jar-status{background:#3b291d;color:#ffd8ba}.jar-client .jar-status.error{background:#ffe8e2;color:#8b2110}
.jar-client .jar-repeat-note{font-size:13px;color:var(--texto-secundario);margin:8px 0}
@media(max-width:600px){.jar-client .jar-client-brand small{font-size:10px}.jar-client .jar-client-mark{width:46px;height:46px;border-radius:12px}.jar-client .jar-client-nav{width:100%}.jar-client .jar-client-nav a{flex:1;text-align:center}.jar-client .jar-order{padding:16px}.jar-client .jar-order h3{font-size:18px}.jar-client .jar-toolbar h2{width:100%}.jar-client .jar-order .jar-link{width:100%;text-align:center}}