
/* MG Tem V13: self-contained admin UI; loads after storefront CSS */
body:has(.adminnav){background:#f4f6fa;color:#092044;font-size:14px;overflow-x:hidden}
.adminnav{background:#061e40;color:#fff;padding:15px clamp(14px,3vw,40px);display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;box-shadow:0 3px 15px #061e401b}
.adminnav b{font-size:17px;margin-right:auto;white-space:nowrap}.adminnav a{color:#fff;display:inline-flex;align-items:center;min-height:35px;padding:8px 11px;border-radius:8px;font-size:13px}.adminnav a:hover,.adminnav a[href="index.php"]{background:#ffffff19}.adminnav a[href="product_form.php"]{background:#ff751d;font-weight:750}
.wrap{max-width:1240px;margin:30px auto;padding:0 20px 60px}.wrap h1{font-size:clamp(23px,3vw,34px);line-height:1.15;margin:4px 0 0}.muted{color:#6a7890;font-size:13px}.panel{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:20px;box-shadow:0 5px 20px #061e4008}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.kpi{font-size:30px;font-weight:800;color:#061e40;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#ff751d;color:#fff;padding:12px 18px;font-weight:750;min-height:42px;cursor:pointer}.outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e1ec;border-radius:8px;padding:9px 12px;color:#061e40;background:#fff;font-weight:650;min-height:38px}.field{border:1px solid #ccd6e4;background:#fff;color:#092044;padding:12px;border-radius:9px;width:100%;font:inherit;min-height:43px}.field:focus{outline:2px solid #ff751d;outline-offset:1px}.catalog-filters{display:grid;grid-template-columns:130px minmax(0,1fr) 90px 180px;align-items:center;gap:12px;margin-bottom:15px}.catalog-filters label{font-weight:700}.tablewrap{overflow-x:auto}.catalog-table{width:100%;border-collapse:collapse;min-width:760px}.catalog-table th{text-align:left;color:#5c6b80;background:#f6f8fc;font-size:12px;padding:13px 10px;white-space:nowrap}.catalog-table td{border-top:1px solid #edf0f5;padding:12px 10px;font-size:13px}.catalog-table .thumb{width:52px;height:52px;object-fit:contain}.hubtitle{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.hubtitle .btn{flex-shrink:0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.productform{margin:22px 0;padding:25px}.productform h3{font-size:18px;margin-top:25px}.productform label{font-weight:650}.productform textarea{resize:vertical}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photobox{min-width:0}.photobox img{max-width:100%}.successmsg{background:#e9f8ef;color:#116b37;padding:12px 15px;border-radius:9px}
@media(max-width:700px){.adminnav{padding:12px 14px;gap:5px;display:flex}.adminnav b{flex:0 0 100%;font-size:17px;margin-bottom:6px}.adminnav a{font-size:12px;padding:7px 9px;min-height:35px}.wrap{margin:20px auto;padding:0 12px 35px}.wrap h1{font-size:26px}.panel{padding:14px;border-radius:12px}.kpis{gap:8px;margin:16px 0}.kpis .panel{padding:11px}.kpis .muted{font-size:10px;line-height:1.25}.kpi{font-size:23px}.catalog-filters{grid-template-columns:1fr;gap:8px}.catalog-filters label{font-size:12px}.catalog-table{min-width:0;display:block}.catalog-table thead{display:none}.catalog-table tbody{display:grid;gap:11px}.catalog-table tr{display:grid;grid-template-columns:66px 1fr auto;gap:2px 10px;border:1px solid #e5eaf1;border-radius:12px;padding:12px;align-items:center}.catalog-table td{display:block;border:0;padding:1px 0;font-size:12px;min-width:0;overflow-wrap:anywhere}.catalog-table td:nth-child(1){grid-row:1 / span 3;grid-column:1}.catalog-table td:nth-child(2){grid-column:2;color:#67738a}.catalog-table td:nth-child(3){grid-column:2 / span 2;font-size:14px}.catalog-table td:nth-child(4){grid-column:2 / span 2;color:#6a7890}.catalog-table td:nth-child(5){grid-column:2;font-weight:700}.catalog-table td:nth-child(6){grid-column:3;text-align:right}.catalog-table td:nth-child(7){grid-column:2}.catalog-table td:nth-child(8){grid-column:3;grid-row:4 / span 2;justify-self:end}.catalog-table .thumb{width:60px;height:70px}.formgrid{grid-template-columns:1fr}.photos{grid-template-columns:1fr 1fr}.productform{padding:14px}.productform .hubtitle{align-items:flex-start}.hubtitle .btn{min-height:40px}}
@media(max-width:390px){.kpis{grid-template-columns:1fr 1fr}.kpis .panel:last-child{grid-column:1/-1}.photos{grid-template-columns:1fr}}
