/* Control and trust designs (phase 2): the shared style block from A-Catalogue, A-Products, S-Stock, A-Popups2 and the rest.
   Copied as-is, except: .split and .qr are scoped so customer pages and the packing slip keep their look, .ok skips the code boxes,
   .mapbox skips the live map, and the phone rules for .row, .tabs and .item--noimg only apply inside a .ctl wrapper. */
.grip{color:#A1A1AA;display:inline-flex;cursor:grab}
.tree{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tree__row{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);font-size:var(--fs-md)}
.tree__row:last-child{border-bottom:0}
.tree__row.on{background:#EFE9FD;box-shadow:inset 3px 0 0 var(--brand)}
.tree__n{display:flex;align-items:center;gap:var(--s2);min-width:0;font-weight:var(--fw-bold)}
.tree__n small{font-weight:var(--fw-reg);color:var(--muted);font-size:var(--fs-sm)}
.lv1{padding-left:var(--s7)}.lv2{padding-left:72px}.lv3{padding-left:100px}
.lv1 .tree__n,.lv2 .tree__n,.lv3 .tree__n{font-weight:var(--fw-bold)}
.cnt{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.dash .split{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s5);align-items:start}
.icard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}
.icard__top{display:flex;align-items:center;gap:var(--s3)}
.logo2{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-md);flex:none;color:#fff}
.logo2--img{background:#fff;border:1px solid var(--line);padding:var(--s1);overflow:hidden}.logo2--img img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.mini2{font-size:var(--fs-sm);color:var(--muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm)}
.drop2{border:2px dashed #D4D4D8;border-radius:var(--r);padding:var(--s5);display:flex;align-items:center;gap:var(--s3);color:var(--muted);font-size:var(--fs-md);background:#FBFBFC}
.chiprow{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chipx{display:inline-flex;align-items:center;gap:var(--s2);height:32px;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:#fff}
.chipx--req{background:#17142B;color:#fff;border-color:#17142B}
.matrix td,.matrix th{text-align:center}
.matrix td:first-child,.matrix th:first-child{text-align:left}
.tick{display:inline-flex;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;background:var(--accent)}
.tick--off{background:#F4F4F5;color:#A1A1AA}
.meter{height:8px;border-radius:4px;background:#F4F4F5;overflow:hidden}
.meter i{display:block;height:100%;background:var(--ink)}
.meter--bad i{background:#B8341A}.meter--warn i{background:#D97706}.meter--ok i{background:#0B6B4F}
.planc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}
.planc--on{box-shadow:inset 0 0 0 2px var(--ink)}
.planc__p{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}
.planc__p small{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--muted)}
.ul{display:flex;flex-direction:column;gap:var(--s2);font-size:var(--fs-md);margin:0;padding:0;list-style:none}
.ul li{display:flex;gap:var(--s2);align-items:flex-start}
.mapbox:not(.map){position:relative;height:340px;border-radius:var(--r);border:1px solid var(--line);background:#EEF0EA;overflow:hidden}
.zone{position:absolute;border-radius:40%;border:2px solid #17142B;background:rgba(62,230,176,.35)}
.zone--off{border-style:dashed;background:rgba(161,161,170,.18)}
.zone b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--fs-sm);background:#fff;padding:2px var(--s2);border-radius:6px}
.secrow{display:grid;grid-template-columns:20px 40px minmax(0,1fr) auto auto;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4);border-bottom:1px solid var(--line);background:#fff}
.secrow:last-child{border-bottom:0}
.secthumb{width:40px;height:28px;border-radius:4px;background:#ECECEF;display:inline-flex;align-items:center;justify-content:center;color:#71717A}
.ev{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:var(--fs-md)}
.ev:last-child{border-bottom:0}
.ev__t{color:var(--muted);font-size:var(--fs-sm)}
.thumbs3{display:flex;gap:var(--s2)}
.thumbs3 span{width:72px;height:72px;border-radius:6px;background:#ECECEF;display:inline-flex;align-items:center;justify-content:center;color:#71717A}
.qr{width:140px;height:140px;background:repeating-conic-gradient(#17142B 0 25%,#fff 0 50%) 0 0/20px 20px;border:8px solid #fff;outline:1px solid var(--line);border-radius:6px}
.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}
.codes span{font-family:ui-monospace,Menlo,monospace;background:#F4F4F5;border-radius:6px;padding:var(--s2);text-align:center;font-size:var(--fs-md)}
.ok:not(.bigcode):not(.codebox){color:#0B6B4F;font-weight:var(--fw-bold)}.no{color:#B8341A;font-weight:var(--fw-bold)}.amb{color:#B54708;font-weight:var(--fw-bold)}
.badge2{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:2px var(--s2);border-radius:6px;background:#F4F4F5;white-space:nowrap}
.badge2--ok{background:#E3FBF3;color:#0B6B4F}.badge2--warn{background:#FFFAEB;color:#B54708}.badge2--bad{background:#FEF3F2;color:#B8341A}.badge2--lime{background:var(--accent);color:var(--accent-ink)}
.specgrid--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s6)}
.dash .split--l{grid-template-columns:380px minmax(0,1fr)}
.phead__row{flex-wrap:wrap;gap:var(--s3)}
@media (max-width:767px){
.dash .split,.dash .split--l,.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
.tree__row{grid-template-columns:20px minmax(0,1fr) auto auto;padding:var(--s3)}
.tree__row .cnt{display:none}
.lv1{padding-left:var(--s6)}.lv2{padding-left:var(--s7)}.lv3{padding-left:56px}
.secrow{grid-template-columns:20px minmax(0,1fr) auto auto}
.secrow .secthumb{display:none}
.ctl .tabs{overflow-x:auto;flex-wrap:nowrap}
.ctl .row{flex-wrap:wrap}
.ctl .item--noimg{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.ctl .item--noimg>.row{justify-content:flex-start}
.mapbox:not(.map){height:240px}
.ev{grid-template-columns:56px minmax(0,1fr)}
}
.slip .qr{outline:0}