:root{--p:#5C1B2E;--pd:#3B1220;--bg:#FFF9F7;--rose:#C98D9E;--peach:#F2C7B8;--tx:#2b2326;--soft:#6b5a5f;--line:#EEDCD8;--gold:#E8B86A;
--ok:#2F7A4A;--okb:#E7F3EA;--warn:#9A6200;--warnb:#FFF1D6;--bad:#B00020;--badb:#FDE6E9;--info:#1F5C8A;--infob:#E3EFF8;--mut:#6b5a5f;--mutb:#F3ECEA;
--c-h:#3F9B5F;--c-t:#E3A21A;--c-i:#5B9BD5;--c-a:#D6455D}
*{box-sizing:border-box}
body{margin:0;font:500 15px/1.55 Quicksand,system-ui,sans-serif;background:var(--bg);color:var(--tx);-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:Fredoka,sans-serif;color:var(--p);margin:.2em 0 .5em;line-height:1.15}
h3{font-size:1.05rem}a{color:var(--p)}small{color:var(--soft);font-weight:600}
.i{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}
.muted{color:var(--soft)}.lnk{color:var(--p);font-weight:700;text-decoration:none}.lnk:hover{text-decoration:underline}
.ok{color:var(--ok)}.err{color:var(--bad)}.empty{text-align:center;color:var(--soft);padding:22px!important}
.card,.panel{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 12px 30px -22px #5c1b2e66}
.panel h3,.card h3{margin-top:0}.ph{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ph h3{margin:0}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -8px;padding:0 8px;} /* Fixed Mobile Overflow Padding */
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;font-size:.93rem}
.panel table,.card table{border:0;border-radius:0}
th{background:#FBEFEA;color:var(--p);font-family:Fredoka,system-ui,sans-serif;font-weight:600;white-space:nowrap}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}
tr.tot td{background:#FBEFEA;font-weight:700;color:var(--p)}

/* FIX IOS ZOOM on INPUT - Must be exactly 16px */
input,select{padding:11px 13px;margin:4px 0;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:16px;background:#fff;max-width:100%;width:100%;color:var(--tx)}
input:focus,select:focus{outline:0;border-color:var(--rose);box-shadow:0 0 0 4px #C98D9E33}
button{padding:11px 20px;margin:4px 0;border:0;border-radius:99px;background:var(--p);color:#fff;font:700 1rem Quicksand,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 20px -10px #5c1b2e99;transition:.15s}button:hover{transform:translateY(-1px);background:var(--pd)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}

.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border-radius:99px;background:var(--p);color:#fff!important;font:700 1rem Quicksand,system-ui,sans-serif;text-decoration:none;box-shadow:0 10px 20px -12px #5c1b2eaa;border:2px solid var(--p);transition:.15s;cursor:pointer;justify-content:center;}.btn:hover{transform:translateY(-1px);background:var(--pd)}
.btn.s{padding:7px 14px;font-size:.88rem}.btn.o{background:#fff;color:var(--p)!important;border-color:var(--line);box-shadow:none}.btn.o:hover{border-color:var(--rose);background:#fff}.btn.l{background:#fff;color:var(--p)!important;border-color:#fff}
.chip{display:inline-block;background:#FBEFEA;border:1.5px solid var(--line);color:var(--p);padding:5px 13px;border-radius:99px;font-size:.85rem;font-weight:700}
.pill{display:inline-block;font-size:.76rem;font-weight:700;padding:3px 11px;border-radius:99px;white-space:nowrap}
.pill.ok{background:var(--okb);color:var(--ok)}.pill.warn{background:var(--warnb);color:var(--warn)}.pill.bad{background:var(--badb);color:var(--bad)}.pill.info{background:var(--infob);color:var(--info)}.pill.mut{background:var(--mutb);color:var(--mut)}
.badge-role{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.note{padding:12px 16px;border-radius:14px;font-weight:700;margin:0 0 14px}.note.okk{background:var(--okb);color:var(--ok)}.note.errr{background:var(--badb);color:var(--bad)}
.lock{text-align:center;max-width:460px;margin:30px auto}.lock .lk{font-size:2.4rem}
.noprint{}.printhead{display:none}

/* ===== Login terpisah ===== */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth .side{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.auth .side h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0}.auth .side .lead{margin:0;font-weight:700;opacity:.85}
.auth .side ul{padding:0;margin:0}.auth .side li{list-style:none;padding:8px 0;font-weight:700;display:flex;gap:10px;align-items:center}
.auth .form{display:grid;place-items:center;padding:28px;background:#fff}.auth .box{width:100%;max-width:400px}.auth .box h2{font-size:1.7rem;margin:0}.sub1{color:var(--soft);margin:4px 0 14px}
.auth input{width:100%}.auth label{font-weight:700;font-size:.85rem;color:var(--p);display:block;margin-top:12px}
.pwb{position:relative}.pwb input{padding-right:48px}.eye{position:absolute;right:4px;top:4px;margin:0;padding:8px 10px;background:transparent;color:var(--soft);box-shadow:none}.eye:hover{background:#FBEFEA;transform:none}
.auth .go{width:100%;margin-top:16px;padding:14px}.swap{margin-top:22px;text-align:center;font-size:.88rem;color:var(--soft);line-height:1.9}.swap a{font-weight:700;text-decoration:none}
.auth.adm .side{background:radial-gradient(70% 50% at 100% 0,#C98D9E55,transparent),linear-gradient(160deg,#3B1220,#240A14);color:#fff}
.auth.adm .side h1{color:#fff}.auth.adm .side li{color:var(--peach)}.auth.adm .badge-role{background:#E8B86A22;color:var(--gold);border:1px solid #E8B86A66;align-self:flex-start}
.auth.adm .go{background:linear-gradient(90deg,#3B1220,#5C1B2E)}
.auth.emp .side{background:radial-gradient(60% 50% at 0 100%,#fff6,transparent),linear-gradient(160deg,#F2C7B8,#C98D9E);color:var(--pd)}
.auth.emp .side h1{color:var(--pd)}.auth.emp .side li{color:var(--pd)}.auth.emp .badge-role{background:#fff;color:var(--p);align-self:flex-start}
.auth.emp .box input{padding:15px 16px;font-size:16px}.auth.emp .go{font-size:1.15rem;padding:16px}
.auth.emp .side a img{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(1800%) hue-rotate(310deg)}
.choose{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(55% 55% at 88% 8%,#F2C7B8,transparent 70%),radial-gradient(40% 40% at 0 95%,#C98D9E55,transparent 70%),var(--bg)}
.ch{width:100%;max-width:720px;text-align:center}.ch h1{font-size:2rem;margin:14px 0 4px}.ch>p{color:var(--soft);margin:0 0 22px}
.cc{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.pc{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:22px;text-decoration:none;color:var(--tx);border:2px solid var(--line);background:#fff;transition:.2s;box-shadow:0 18px 36px -26px #5c1b2e88}.pc:hover{transform:translateY(-4px);border-color:var(--rose)}
.pc b{font:600 1.3rem Fredoka,system-ui,sans-serif;color:var(--p)}.pc small{font-weight:600;line-height:1.4}.pc em{font-style:normal;font-weight:700;color:var(--p);margin-top:8px}
.ci{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem}.pc.adm .ci{background:#3B1220;color:var(--gold)}.pc.emp .ci{background:var(--peach);color:var(--p)}
.pc.adm{background:linear-gradient(180deg,#fff,#FBEFEA)}.ft{margin-top:22px;color:var(--soft);font-size:.9rem}
@media(max-width:800px){.auth{grid-template-columns:1fr}.auth .side{padding:26px}.auth .side ul{display:none}.cc{grid-template-columns:1fr}}

/* ===== Kerangka Admin (sidebar) ===== */
.app.adm{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sb{background:linear-gradient(180deg,#3B1220,#2a0d17);color:#fff;display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.sb .brand{padding:4px 8px 14px}.org{padding:12px;border-radius:14px;background:#ffffff12;margin-bottom:6px;display:flex;flex-direction:column;gap:8px}.org b{font:600 1.05rem Fredoka,system-ui,sans-serif;color:#fff;word-break:break-word}
.adm .badge-role{background:#E8B86A22;color:var(--gold);border:1px solid #E8B86A55;align-self:flex-start}
.sb nav{display:flex;flex-direction:column;gap:2px;flex:1}.ng{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#ffffff80;font-weight:700;padding:14px 10px 4px}
.na{display:flex;align-items:center;gap:11px;color:#ffffffe6;text-decoration:none;font-weight:700;padding:9px 12px;border-radius:12px}.na:hover{background:#ffffff1a}.na.on{background:#fff;color:var(--p)}
.na.lk{opacity:.5;cursor:not-allowed}.na.lk em{margin-left:auto;font-style:normal;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;background:#ffffff26;padding:2px 7px;border-radius:99px}
.sbf{border-top:1px solid #ffffff22;padding-top:12px;margin-top:10px}.who{display:flex;gap:10px;align-items:center;padding:6px 8px 10px}.who i{width:36px;height:36px;border-radius:50%;background:var(--peach);color:var(--p);font:700 1rem Fredoka,system-ui,sans-serif;display:grid;place-items:center;font-style:normal; flex-shrink:0;}
.who div{min-width:0}.who b{display:block;font-size:.92rem}.who small{color:#ffffff99;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.wrap{min-width:0}.top{display:flex;align-items:center;gap:14px;padding:16px 28px;background:#fff;border-bottom:1.5px solid var(--line);position:sticky;top:0;z-index:4}.top h1{margin:0;font-size:1.5rem}.top div{flex:1}.burger{display:none;cursor:pointer;color:var(--p);padding:6px}
.adm main{padding:24px 28px 60px;max-width:1280px}.scrim{display:none}
@media(max-width:900px){.app.adm{display:block}.sb{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:30;transform:translateX(-102%);transition:.25s}#mt:checked~.sb{transform:none}
 #mt:checked~.scrim{display:block;position:fixed;inset:0;background:#0007;z-index:20}.burger{display:block}.top{padding:12px 16px}.adm main{padding:16px 14px 50px}.top .chip{display:none}}

/* ===== Kerangka Karyawan (mobile-first, bottom nav) ===== */
.app.emp{background:#FFF9F7;padding-bottom:90px}
.etop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#F2C7B8,#E9A9A6);color:var(--pd)}.etop small{display:block;font-weight:700;opacity:.75;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.etop b{font:600 1.15rem Fredoka,system-ui,sans-serif}
.emp .badge-role{background:#fff;color:var(--p)}
.emp main{max-width:640px;margin:0 auto;padding:16px 14px}
.bn{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:#fff;border-top:1.5px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -20px #5c1b2e88}
.bn a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:14px;color:var(--soft);text-decoration:none;font-weight:700;font-size:.72rem}.bn a .i{width:1.6em;height:1.6em}.bn a.on{color:var(--p);background:#FBEFEA}
.emp .tw table{font-size:.9rem}
.big{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:16px;font:700 1.1rem Quicksand,system-ui,sans-serif;border-radius:16px;margin-top:10px}.big.o{background:#fff;color:var(--p);border:2px solid var(--line);box-shadow:none}
.btnlink{text-decoration:none;color:var(--p);border:2px solid var(--line);border-radius:16px;padding:14px}
.clockc{text-align:center;background:linear-gradient(160deg,#5C1B2E,#3B1220);color:#fff;border-radius:24px;padding:22px 16px;margin-bottom:14px;box-shadow:0 24px 40px -26px #5c1b2e}.clockc small{color:#ffffffb3}
.clk{font:600 3.6rem/1.1 Fredoka,system-ui,sans-serif;letter-spacing:.02em;margin:2px 0 8px}.stt{display:flex;flex-direction:column;align-items:center;gap:4px}.stt .pill{font-size:.85rem;padding:5px 14px}
.cam video,.cam img{width:100%;border-radius:18px;background:#000;display:block}.cam video{transform:scaleX(-1);aspect-ratio:4/3;object-fit:cover}.gps{display:block;text-align:center;margin-top:8px}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini div{background:#FBEFEA;border-radius:14px;padding:12px 6px;text-align:center}.mini b{display:block;font:600 1.4rem Fredoka,system-ui,sans-serif;color:var(--p)}.mini small{font-size:.74rem}
.mini.big4{margin-bottom:12px}.mini2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini2 b{display:block;font:600 1.5rem Fredoka,system-ui,sans-serif;color:var(--p)}
.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.list li div{display:flex;flex-direction:column;min-width:0}.list small{font-weight:600}
.prof{display:flex;gap:14px;align-items:center}.prof h2{margin:0}.prof p{margin:0}.av2{width:60px;height:60px;border-radius:50%;background:var(--peach);color:var(--p);display:grid;place-items:center;font:600 1.6rem Fredoka,system-ui,sans-serif;flex:none}
.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.dl dt{color:var(--soft);font-weight:600}.dl dd{margin:0;font-weight:700;text-align:right}
.stack label{display:block;font-weight:700;font-size:.88rem;color:var(--p);margin-top:10px}.stack input{width:100%;padding:14px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.dh{text-align:center;font-size:.72rem;font-weight:700;color:var(--soft)}
.dc{display:grid;place-items:center;aspect-ratio:1;border-radius:11px;font-weight:700;font-size:.9rem;background:var(--mutb);color:var(--mut)}i.dc{display:inline-block;width:14px;height:14px;aspect-ratio:auto;border-radius:5px;vertical-align:-2px;margin-right:5px}
.dc.s-H{background:var(--okb);color:var(--ok)}.dc.s-T{background:var(--warnb);color:var(--warn)}.dc.s-C,.dc.s-S,.dc.s-I{background:var(--infob);color:var(--info)}.dc.s-A{background:var(--badb);color:var(--bad)}.dc.s-L,.dc.s--,.dc.s-B{background:transparent;color:#b8a8ac}.dc.now{outline:2px solid var(--p)}
i.dc.s-L{background:var(--mutb)}

/* ===== Komponen dashboard & rekap ===== */
.hero-d{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;background:linear-gradient(120deg,#5C1B2E,#7A2740);color:#fff;border-radius:22px;padding:22px 24px;margin-bottom:12px;box-shadow:0 24px 40px -28px #5c1b2e}
.hero-d small{color:#ffffffb3}.hero-d h2{color:#fff;margin:2px 0 6px;font-size:1.7rem}.hero-d p{margin:0;opacity:.92}.hero-d .chip{background:#ffffff1f;color:#fff;border-color:#ffffff40}
.share{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sec{margin:22px 0 10px;font-size:1.15rem;display:flex;align-items:baseline;gap:10px}.sec small{font-family:Quicksand}
.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line); flex-wrap: wrap;}.steps li:last-child{border:0}.steps li span:nth-child(2){flex:1}
.dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;color:#fff;flex:none}.done .dot{background:var(--c-h);border-color:var(--c-h)}.done span:nth-child(2){color:var(--soft);text-decoration:line-through}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;border-left:5px solid var(--line)}.kpi small{display:block}.kpi b{display:block;font:600 1.9rem/1.2 Fredoka,system-ui,sans-serif;color:var(--p)}.kpi span{font-size:.8rem;color:var(--soft);font-weight:600}.kpi span a{font-weight:700;text-decoration:none}
.kpi.ok{border-left-color:var(--c-h)}.kpi.warn{border-left-color:var(--c-t)}.kpi.bad{border-left-color:var(--c-a)}.kpi.info{border-left-color:var(--c-i)}.kpi.bad b{color:var(--bad)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.col-side .panel{margin-bottom:14px}
@media(max-width:1100px){.cols{grid-template-columns:1fr}}
.ptabs{display:inline-flex;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:4px;gap:2px;margin-bottom:10px; flex-wrap:wrap;}.ptabs a{padding:8px 16px;border-radius:99px;text-decoration:none;font-weight:700;color:var(--soft); text-align:center;}.ptabs a.on{background:var(--p);color:#fff}
.pnav{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pnav>div{flex:1;text-align:center;font-size:1.02rem}.pnav .ic{width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;text-decoration:none;font-size:1.3rem;font-weight:700;color:var(--p)}.pnav .ic:hover{border-color:var(--rose)}.pnav .lnk{font-size:.82rem;margin-left:6px}
.bar-act{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.meter{height:8px;background:var(--mutb);border-radius:99px;overflow:hidden;min-width:70px}.meter i{display:block;height:100%;background:var(--c-h);border-radius:99px}.meter i.lo{background:var(--c-a)}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick a{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px;border-radius:14px;background:#FBEFEA;text-decoration:none;font-weight:700;font-size:.88rem;color:var(--p)}.quick a:hover{background:var(--peach)}
.chart svg{width:100%;height:auto;max-height:240px;display:block}.chart .gl{stroke:var(--line);stroke-width:1}.chart .gt{font:600 9px Quicksand,system-ui,sans-serif;fill:#a8979c}.chart .gx{font:700 10px Quicksand,system-ui,sans-serif;fill:var(--soft)}
.c-h{fill:var(--c-h);background:var(--c-h)}.c-t{fill:var(--c-t);background:var(--c-t)}.c-i{fill:var(--c-i);background:var(--c-i)}.c-a{fill:var(--c-a);background:var(--c-a)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;font-weight:700;color:var(--soft);margin-top:10px}.legend i{display:inline-block;width:11px;height:11px;border-radius:4px;margin-right:5px;vertical-align:-1px}
.legend i.sy{width:18px;height:18px;text-align:center;font-style:normal;font-size:.68rem;line-height:18px;color:#fff;vertical-align:-3px}
table.mx{font-size:.78rem;border:0}.mx th,.mx td{padding:5px 3px;text-align:center}.mx th span{display:block;font-weight:700}.mx th small{font-weight:600;font-size:.62rem}.mx th.lb{background:#f3e6e2;color:#a8979c}.mx .nm{text-align:left;min-width:130px;padding-left:10px;position:sticky;left:0;background:#fff;z-index:1}.mx th.nm{background:#FBEFEA}
.mx td.s{font-weight:700;min-width:24px}.mx td.s.ok{background:var(--okb);color:var(--ok)}.mx td.s.warn{background:var(--warnb);color:var(--warn)}.mx td.s.bad{background:var(--badb);color:var(--bad)}.mx td.s.info{background:var(--infob);color:var(--info)}.mx td.s.mut{color:#c8b9bd}
.sy.ok{background:var(--c-h)}.sy.warn{background:var(--c-t)}.sy.info{background:var(--c-i)}.sy.bad{background:var(--c-a)}.sy.mut{background:#b8a8ac}
/* Form pengaturan */
.sform .frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.sform label{display:block;font-weight:700;font-size:.85rem;color:var(--p)}.sform input{width:100%}.lbl{margin-top:12px}
.days{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.dayp{display:inline-block!important;margin:0!important}.dayp input{display:none}.dayp span{display:inline-block;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--soft)}.dayp input:checked+span{background:var(--p);border-color:var(--p);color:#fff}
@media print{.sb,.top,.bn,.etop,.noprint,button,.scrim{display:none!important}.app.adm{display:block}.adm main,.emp main{padding:0;max-width:none}.printhead{display:block;margin-bottom:12px}body{background:#fff}.card,.panel{box-shadow:none;break-inside:avoid}.hero-d{display:none}}

/* Karyawan: edit, jam kerja, lokasi */
.xbox{border:1.5px dashed var(--line);border-radius:14px;padding:14px;margin-top:12px}.xbox h4{margin:0 0 4px;font:600 .98rem Fredoka,system-ui,sans-serif;color:var(--p)}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:600!important;color:var(--tx)!important;cursor:pointer}.chk input{width:20px!important;height:20px;margin:3px 0 0;flex:none}
.note.warnn{background:var(--warnb);color:var(--warn)}tr.off td{opacity:.55}
details.card>summary{cursor:pointer;list-style:none}details.card>summary::-webkit-details-marker{display:none}
.locrow{display:flex;gap:12px;align-items:flex-end;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.locrow:last-of-type{border:0}.locrow .frow{flex:1;min-width:260px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.locn{width:30px;height:30px;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;flex:none;margin-bottom:10px}