:root{font-family:system-ui,sans-serif;color:#163d3d;background:#f3f6f2}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 5%;background:#fff;border-bottom:3px solid #30a9ba}a{color:#126b78}main{max-width:1350px;margin:auto;padding:40px 5%}h1{font-size:clamp(28px,4vw,44px);margin:0 0 20px}h2{font-size:19px;margin:0 0 22px}form,.inventory{background:white;border:1px solid #dce5dc;border-radius:16px;padding:28px}#login{max-width:430px}.toolbar,.actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.toolbar{margin:25px 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:start}label{display:block;font-size:13px;font-weight:600;margin-bottom:17px}input,textarea{display:block;width:100%;padding:12px;border:1px solid #ccd8d0;border-radius:8px;margin-top:7px;font:inherit;background:#fff;color:#173d3d}button{border:0;border-radius:9px;background:#126b78;color:white;padding:12px 18px;font:600 13px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#edf3ee;color:#173d3d}.danger{background:#ac2537}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f58216;outline-offset:3px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;margin:0}.hint{font-size:12px;line-height:1.7;color:#607064}#preview{width:140px;height:140px;object-fit:contain;background:#f0f3ef;margin-bottom:20px;border-radius:10px}.row{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid #e2e9e1}.row img{width:62px;height:70px;object-fit:contain}.row h3{font-size:13px;line-height:1.6;margin:0 0 6px;overflow-wrap:anywhere}.row p{font-size:12px;margin:0 0 10px;color:#66776d}.row .actions{justify-content:start;flex-wrap:wrap}.row button{padding:8px 12px;font-size:11px}#notice:not(:empty){padding:15px;background:#e3f0e8;border-radius:9px;line-height:1.7}#notice.error{background:#fce9e7;color:#8c2632}dialog{border:0;border-radius:16px;padding:30px;max-width:440px;width:calc(100% - 30px)}dialog::backdrop{background:#153b3c88}[hidden]{display:none!important}@media(max-width:800px){.layout{grid-template-columns:1fr}header{flex-wrap:wrap}form,.inventory{padding:21px}.columns{grid-template-columns:1fr}.actions{flex-wrap:wrap}}
/* Panel para el dueño de la tienda */
header .admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#103b45}.admin-brand img{width:52px;height:52px;border-radius:50%}header .actions{justify-content:flex-end;font-size:12px}.intro{color:#617468;font-size:14px;margin:0 0 28px}.toolbar h2{margin:0 0 7px}.toolbar p{margin:0}.inventory{padding:26px}.inventory>label{max-width:450px}.row{grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 0}.row img{width:90px;height:100px;background:#f1f5f0;border-radius:12px;padding:8px}.row h3{font-size:14px;line-height:1.6}.row p{margin:6px 0 10px}.row strong{font-size:14px}.row .actions{flex-direction:column;align-items:stretch;gap:8px}.row button{padding:11px 20px;min-height:40px;font-size:12px}.remove-product{background:transparent;color:#a33643}.visibility{display:inline-block;border-radius:20px;background:#e8f5ec;color:#28603f;padding:4px 9px;font-size:10px;margin-left:12px}.visibility.is-hidden{background:#f2eee4;color:#7c6529}.empty-state{text-align:center;padding:40px 15px}.empty-state h3{font-size:17px}.empty-state p{font-size:13px;color:#617468}#editor-dialog{padding:0;max-width:920px;max-height:92dvh;overflow:auto}#editor{border:0;border-radius:0;padding:28px}#editor .editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}#editor-title{font-size:24px;margin:0}.editor-heading .hint{margin:0 0 8px;font-size:10px;letter-spacing:1px}.editor-heading #cancel{font-size:24px;padding:5px 12px}.editor-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:34px}.editor-layout h3{font-size:13px;margin:0 0 20px}.photo-picker{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:#f2f7f1;border:2px dashed #aec9bb;border-radius:14px;cursor:pointer;padding:20px}.photo-picker:hover{background:#eaf4eb}#photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:400;font-size:11px;color:#607a6c}#photo-placeholder strong{font-size:13px;color:#234c42}.photo-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:white;font-size:27px;color:#126b78}.photo-change{display:block;background:white;border:1px solid #cadccf;padding:10px 15px;border-radius:8px;font-size:11px;font-weight:700}#preview{width:100%;height:210px;object-fit:contain;margin:0;background:transparent}.file-input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;padding:0;border:0;white-space:nowrap}.photo-picker:has(+ .file-input:focus-visible){outline:3px solid #f58216;outline-offset:4px}.editor-footer{position:sticky;bottom:-28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;padding:20px 0 0;margin-top:24px;border-top:1px solid #e0e9e2}.editor-footer .hint{margin:0;max-width:230px}.editor-footer button{min-height:48px;padding:14px 25px;background:#126b78}select{display:block;width:100%;padding:12px;border:1px solid #ccd8d0;border-radius:8px;margin-top:7px;background:white;color:#173d3d;font:inherit}#editor-notice:not(:empty){padding:13px;background:#fce9e7;color:#8c2632;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}body:has(dialog[open]){overflow:hidden}@media(max-width:650px){main{padding:28px 18px}header{padding:15px 18px}.admin-brand img{width:43px;height:43px}.toolbar{gap:18px}.toolbar h2{font-size:18px}.toolbar>button{font-size:12px;padding:12px 15px}.row{grid-template-columns:68px minmax(0,1fr);gap:14px}.row img{width:68px;height:85px}.row .actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.row h3{font-size:13px}.visibility{margin-left:5px;font-size:9px}#editor-dialog{width:calc(100% - 18px);max-height:95dvh}#editor{padding:22px 18px}.editor-layout{grid-template-columns:1fr;gap:24px}.photo-picker{min-height:180px}.editor-footer{bottom:-22px;padding-top:16px;flex-wrap:wrap}.editor-footer button{width:100%}.editor-footer .hint{max-width:none;width:100%;text-align:center;font-size:11px}#preview{height:180px}.columns{grid-template-columns:1fr 1fr;gap:12px}}