@import url('../assets/style.css');

.orders-list{display:grid;gap:20px;margin-top:24px}.order-card{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:22px;box-shadow:0 5px 18px rgba(23,32,51,.05)}.order-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e7ebf1}.order-head small,.order-data small,.order-item small,.order-notes small{display:block;color:#526175;font-size:12px;font-weight:700}.order-head h2{margin:2px 0;font-size:23px}.order-head>div:last-child{text-align:right}.order-total{display:block;margin-top:9px;font-size:23px}.order-data{display:grid;grid-template-columns:1.2fr 1fr 1.5fr;gap:18px;padding:18px 0}.order-data b,.order-data a{display:block;margin-top:3px;color:#172033;font-size:16px}.order-products{border:1px solid #dfe6ef;border-radius:13px;overflow:hidden}.order-products h3{margin:0;padding:14px 16px;background:#f4f7fb;font-size:17px}.order-item{display:grid;grid-template-columns:60px minmax(210px,1fr) 90px 130px 130px;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid #e7ebf1}.order-item img{width:58px;height:58px;object-fit:cover;border-radius:9px;background:#eef3f8}.order-item-name span{display:block;margin-top:4px;color:#526175}.item-quantity{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;margin-top:3px;border-radius:9px;background:#fff1e7;color:#b94b00;font-size:20px}.order-notes{margin-top:15px;padding:13px 15px;border-left:4px solid #f58220;background:#fff8f2;border-radius:8px}.order-notes p{margin:4px 0 0}.order-actions{display:flex;justify-content:flex-end;align-items:end;gap:10px;margin-top:18px}.order-actions label{font-size:13px;font-weight:700}.order-actions select{display:block;min-width:170px;margin-top:4px}.order-actions .btn{margin-bottom:0}@media(max-width:1000px){.order-item{grid-template-columns:60px minmax(180px,1fr) 80px 120px}.order-item>div:last-child{grid-column:2/-1}}@media(max-width:700px){.order-head,.order-actions{align-items:stretch;flex-direction:column}.order-head>div:last-child{text-align:left}.order-data{grid-template-columns:1fr}.order-item{grid-template-columns:54px 1fr}.order-item>div{grid-column:2}.order-item img{grid-column:1;grid-row:1/5}.order-actions select{width:100%}.order-actions .btn{width:100%}}

body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  letter-spacing: normal;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{background:#f4f7fb;font-size:16px;line-height:1.5}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#071b36;color:white;padding:28px 18px}.sidebar .logo{margin-bottom:35px}.sidebar .logo span{box-shadow:none}.sidebar .logo strong{font-size:19px;font-weight:700}.sidebar nav{display:grid;gap:7px;background:none;padding:0}.sidebar nav a{padding:13px 15px;border-radius:10px;font-size:16px;font-weight:600;line-height:1.35}.sidebar nav a:hover,.sidebar nav a.active{background:#1267e5}.sidebar .logout{display:block;margin-top:35px;color:#ffd1b2;padding:15px;font-size:16px;font-weight:600}.content{padding:34px}.top{display:flex;align-items:center;justify-content:space-between}.top small{font-size:13px;font-weight:700;color:#526175}.top h1{margin:0;font-size:32px;line-height:1.2;font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.stat,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:22px}.stat strong{display:block;font-size:30px;line-height:1.2;font-weight:700;margin-top:8px}.stat span{color:#526175;font-size:16px}.panel{margin-top:20px;overflow:auto}.panel h2,.panel h3{font-weight:700;line-height:1.25}.panel p{font-size:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;border-bottom:1px solid #e7ebf1;padding:14px 10px;font-size:15px;line-height:1.45}.table th{color:#526175;font-size:14px;font-weight:700}.thumb{width:54px;height:54px;object-fit:cover;border-radius:9px}.badge{padding:6px 9px;border-radius:20px;background:#eef3f8;font-size:13px;font-weight:700}.badge.aprobado,.badge.listo,.badge.entregado{background:#e7f8ee;color:#137442}.badge.cancelado{background:#fff0f0;color:#a61b1b}.actions{display:flex;gap:7px}.btn{font-weight:700;text-shadow:none;box-shadow:none}.small{padding:8px 10px;font-size:14px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.admin-form .full{grid-column:1/-1}.admin-form label,.login-card label{font-size:15px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea,.login-card input{font-size:16px;font-weight:400;color:#172033}.login-card{max-width:440px;margin:10vh auto;background:white;padding:35px;border-radius:22px}.login-card .logo{margin-bottom:25px}.login-card h1{font-size:32px;font-weight:700;line-height:1.2}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{padding:15px}.sidebar nav{display:flex;overflow:auto}.sidebar .logout{margin:8px 0}.content{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.top h1{font-size:27px}.cards{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.admin-form>*{grid-column:1!important}}

/* Ficha compacta de productos dentro de Ventas / pedidos. */
.orders-list,.orders-list *{font-family:Arial,Helvetica,sans-serif!important;text-shadow:none!important;letter-spacing:normal}
.orders-list .order-card{display:block;width:100%;overflow:hidden}
.orders-list .order-products{width:100%;background:#fff}
.orders-list .order-products h3{font-size:17px;font-weight:700;color:#172033}
.orders-list .order-item{display:grid!important;grid-template-columns:64px minmax(220px,1fr) 95px 145px 145px!important;gap:16px;align-items:center;width:100%;min-height:92px;padding:14px 16px;background:#fff}
.orders-list .order-item>img{display:block!important;width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;margin:0!important;padding:0!important;object-fit:cover!important;border-radius:10px!important}
.orders-list .order-item>div{min-width:0}
.orders-list .order-item b,.orders-list .order-item strong{font-weight:700;color:#172033}
.orders-list .order-item-name>b{display:block;font-size:16px;line-height:1.35}
.orders-list .order-item-name>span{font-size:14px;line-height:1.45;color:#526175}
.orders-list .order-item small{margin-bottom:4px;font-size:11px;line-height:1.2;color:#526175}
.orders-list .item-quantity{width:38px;min-width:38px;height:36px;margin:0;font-size:18px}
@media(max-width:1050px){.orders-list .order-item{grid-template-columns:64px minmax(190px,1fr) 80px 120px!important}.orders-list .order-item>div:last-child{grid-column:2/-1}}
@media(max-width:700px){.orders-list .order-item{grid-template-columns:58px 1fr!important;gap:10px 14px;align-items:start}.orders-list .order-item>img{grid-column:1!important;grid-row:1/5!important;width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important}.orders-list .order-item>div{grid-column:2!important}}

.hero-upload{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start;margin:8px 0 18px;padding:20px;border:1px solid #dfe6ef;border-radius:14px;background:#f7f9fc}.hero-upload strong{display:block;font-size:16px;color:#172033}.hero-upload p{margin:7px 0 14px;color:#526175;font-size:14px;line-height:1.5}.hero-upload input[type=file]{width:100%;background:#fff}.hero-preview img{display:block;width:100%;height:100px;object-fit:cover;border-radius:10px;border:1px solid #dfe6ef}.hero-preview label{display:flex;grid-template-columns:auto 1fr;align-items:start;gap:8px;margin-top:10px;font-size:13px;font-weight:600}.hero-preview input[type=checkbox]{margin:3px 0 0}@media(max-width:700px){.hero-upload{grid-template-columns:1fr}.hero-preview{max-width:340px}}

.orb-editor{margin:4px 0 18px;padding:20px;border:1px solid #dfe6ef;border-radius:14px;background:#f7f9fc}.orb-editor-head{display:flex;align-items:start;justify-content:space-between;gap:24px}.orb-editor-head strong{display:block;font-size:16px;color:#172033}.orb-editor-head p{margin:6px 0 0;color:#526175;font-size:14px}.orb-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.color-field{min-width:145px;margin:0!important}.color-field input[type=color]{width:100%;height:45px;padding:4px;cursor:pointer}.orb-fields label{margin-bottom:0}@media(max-width:700px){.orb-editor-head{flex-direction:column}.color-field{width:100%}.orb-fields{grid-template-columns:1fr}}