/* Passionfood admin — self-contained, not the public site theme */
/* Light-only UI — prevents mobile browsers (auto dark theme / forced dark) from
   re-colouring the page and washing out the status & log colour pills. */
:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#222;background:#f4f5f7}
a{color:#e8622c;text-decoration:none}a:hover{text-decoration:underline}
.a-top{display:flex;align-items:center;gap:1.2rem;background:#2d2d2d;color:#fff;padding:0 1.2rem;height:56px}
.a-brand{font-weight:700}
.a-top nav{display:flex;align-items:center;gap:1.1rem;margin-left:auto}
.a-top nav a{color:#ddd}.a-top nav a.on,.a-top nav a:hover{color:#fff}
/* Gallery dropdown group */
.a-navgrp{position:relative;align-self:stretch;display:flex;align-items:center}
.a-navgrp-t{display:flex;align-items:center;gap:.25rem;color:#ddd;cursor:pointer}
.a-navgrp.on>.a-navgrp-t,.a-navgrp:hover>.a-navgrp-t{color:#fff;text-decoration:none}
.a-caret{font-size:.7rem;opacity:.8}
.a-navmenu{position:absolute;top:100%;left:0;min-width:180px;background:#2d2d2d;border-radius:0 0 10px 10px;
  padding:.3rem 0;box-shadow:0 10px 28px rgba(0,0,0,.35);display:none;z-index:200}
.a-navgrp:hover .a-navmenu,.a-navgrp:focus-within .a-navmenu,.a-navgrp.open .a-navmenu{display:block}
.a-navmenu a{display:block;padding:.55rem 1.1rem;color:#ccc;white-space:nowrap;font-size:.95rem}
.a-navmenu a:hover,.a-navmenu a.on{color:#fff;background:#3a3a3a;text-decoration:none}
.a-me{color:#9a9a9a;margin-left:.5rem}
.a-logout{background:#e8622c;color:#fff!important;padding:.35rem .8rem;border-radius:6px}
.a-main{max-width:1080px;margin:0 auto;padding:1.6rem 1.2rem}
h1{font-size:1.5rem;margin:.2rem 0 1rem}
/* cards */
.a-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.4rem}
.a-card{background:#fff;border-radius:12px;padding:1.1rem 1.3rem;box-shadow:0 2px 10px rgba(0,0,0,.05);color:#222}
.a-card b{display:block;font-size:1.9rem;line-height:1}.a-card span{color:#888;font-size:.9rem}
.a-card.pend{border-left:4px solid #e8912c}.a-card.conf{border-left:4px solid #2a9d4a}
/* filters */
.a-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.a-filters input,.a-filters select{padding:.5rem .7rem;border:1px solid #ccc;border-radius:8px;font-size:.95rem}
.a-filters input[type=search]{min-width:220px;flex:1}
.a-btn{background:#e8622c;color:#fff;border:0;border-radius:8px;padding:.55rem 1.1rem;font-weight:600;cursor:pointer;font-size:.95rem}
.a-btn:hover{background:#d1541f}.a-btn.danger{background:#c0392b}.a-btn.ok{background:#2a9d4a}
.a-count{color:#888;margin:.3rem 0 .6rem}
.a-dashact{text-align:right;margin:-.4rem 0 .6rem}
.a-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin:.3rem 0 .6rem}
.a-toolbar .a-count{margin:0}
.a-sortmode{display:inline-flex;align-items:center;font-size:.85rem}
.a-sortmode>span{color:#999;margin-right:.55rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.a-sortmode a{padding:.4rem .8rem;border:1px solid #d5d5d5;color:#555;text-decoration:none;background:#fff}
.a-sortmode a:first-of-type{border-radius:7px 0 0 7px}
.a-sortmode a:last-of-type{border-radius:0 7px 7px 0;border-left:0}
.a-sortmode a.on{background:#2d2d2d;border-color:#2d2d2d;color:#fff;font-weight:600}
/* table */
.a-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.a-table th,.a-table td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid #f0f0f0;vertical-align:top}
.a-table th{background:#fafafa;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:#999}
.a-table tr:last-child td{border-bottom:0}
.a-sub{color:#999;font-size:.82rem}
.a-web{background:#eef3ff;color:#3b6cd1;font-size:.7rem;padding:1px 5px;border-radius:4px;vertical-align:middle}
.a-empty{text-align:center;color:#999;padding:2rem}
.a-row-act{white-space:nowrap;text-align:right}
.a-mini{display:inline-block;font-size:.8rem;padding:.3rem .6rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#555;cursor:pointer}
.a-mini.ok{background:#2a9d4a;color:#fff;border-color:#2a9d4a}.a-mini.danger{background:#fff;color:#c0392b;border-color:#e2b6b1}
/* badges */
.a-badge{font-size:.75rem;padding:2px 8px;border-radius:20px;font-weight:600;white-space:nowrap;border:1px solid currentColor}
.a-pending{background:#fdf0dd;color:#b9770f}.a-confirmed{background:#e3f6e9;color:#1f8a43}
.a-cancelled{background:#fbe4e2;color:#c0392b}.a-completed{background:#e9edf5;color:#4a5b80}
/* pager */
.a-pager{display:flex;gap:.35rem;align-items:center;margin:1rem 0;flex-wrap:wrap}
.a-pager a{padding:.35rem .7rem;border:1px solid #ddd;border-radius:6px;color:#555}
.a-pager a.on{background:#2d2d2d;color:#fff;border-color:#2d2d2d}
/* detail */
.a-back{display:inline-block;margin-bottom:.6rem;color:#888}
.a-detail{background:#fff;border-radius:12px;padding:1.4rem 1.6rem;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.a-detail-head{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.a-detail-head h1{margin:0}.a-ref{color:#e8622c;font-weight:600;margin-left:.4rem}
.a-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.3rem 0}
.a-grid span{display:block;color:#999;font-size:.8rem}.a-grid b{font-size:1.02rem}
.a-kv{width:100%;border-collapse:collapse;margin:.4rem 0 1rem}
.a-kv td{padding:.45rem .6rem;border-bottom:1px solid #f0f0f0}.a-kv td:first-child{color:#888;width:200px}
.a-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem;border-top:1px solid #f0f0f0;padding-top:1.2rem}
/* login */
.a-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#2d2d2d}
.a-login-box{background:#fff;padding:2.2rem;border-radius:14px;width:320px;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.a-login-box h1{font-size:1.3rem;text-align:center;margin:0 0 1.2rem}
.a-login-box label{display:block;margin-bottom:.9rem;font-weight:600;font-size:.9rem}
.a-login-box input{width:100%;padding:.6rem .7rem;border:1px solid #ccc;border-radius:8px;margin-top:.3rem;font-size:1rem}
.a-login-box .a-btn{width:100%;margin-top:.4rem;padding:.7rem}
.a-err{background:#fbe4e2;color:#c0392b;padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}

/* ---- gallery reorder admin: same masonry LOOK as public, but smaller thumbs
   (packed many-per-row) so the ordering section is compact + easy to shuffle ---- */
.a-gtabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:1440px;margin:0 auto 14px}
.a-gtab{background:#fff;border:1px solid #e3d6c6;color:#8a6d52;padding:.22rem .7rem;border-radius:20px;font-weight:600;font-size:.75rem;line-height:1.35;text-decoration:none}
.a-gtab:hover{border-color:#e8622c;color:#e8622c;text-decoration:none}
.a-gtab.on{background:#e8622c;border-color:#e8622c;color:#fff}
.a-gtab span{opacity:.55;font-weight:400}
.a-gbar{display:flex;align-items:center;gap:1rem;max-width:1440px;margin:0 auto 1rem}
/* equal-width column masonry — SAME layout + column count as the public gallery
   so the admin is a true WYSIWYG preview. Drag lands the image in whatever
   column/position it's dropped (see admin.php dragover). */
.a-gmason{column-count:4;column-gap:8px;max-width:1180px;margin:0 auto}
.a-gcell{display:block;margin:0 0 8px;break-inside:avoid;border-radius:6px;overflow:hidden;cursor:grab;background:#f2e8dc;box-shadow:0 1px 4px rgba(0,0,0,.14);position:relative}
.a-gcell img{width:100%;height:auto;display:block;pointer-events:none}
.a-gcell.drag{opacity:.35;outline:3px solid #e8622c;outline-offset:-3px}
.a-gcell:active{cursor:grabbing}
.a-gfmt{position:absolute;top:6px;left:6px;z-index:2;font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:3px;color:#fff;background:rgba(0,0,0,.5)}
.a-gfmt.L{background:rgba(42,157,74,.92)}   /* landscape */
.a-gfmt.P{background:rgba(232,98,44,.92)}   /* portrait */
@media(max-width:900px){.a-gmason{column-count:3}}
/* hover affordance: click an image to set exact row/column */
.a-gpos{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
  color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.7);
  background:rgba(20,20,20,0);opacity:0;transition:.12s;pointer-events:none}
.a-gcell:hover .a-gpos{opacity:1;background:rgba(20,20,20,.42)}
.a-gcell:hover{outline:2px solid #e8622c;outline-offset:-2px}
/* exact-placement popup */
.a-gpop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:5000}
.a-gpop.open{display:flex}
.a-gpop-box{background:#fff;border-radius:14px;padding:1.4rem 1.5rem;width:340px;max-width:92vw;box-shadow:0 16px 50px rgba(0,0,0,.35);position:relative}
.a-gpop-box h3{margin:0 0 1rem;font-size:1.15rem}
.a-gpop-x{position:absolute;top:.5rem;right:.7rem;border:0;background:none;font-size:1.7rem;line-height:1;cursor:pointer;color:#aaa}
.a-gpop-x:hover{color:#666}
.a-gpop-prev{text-align:center;margin-bottom:.6rem}
.a-gpop-prev img{max-height:130px;max-width:100%;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.a-gpop-box label{display:block;font-weight:600;font-size:.88rem;color:#444;margin-bottom:.8rem}
.a-gpop-box input{width:100%;padding:.55rem .7rem;border:1px solid #ccc;border-radius:8px;margin-top:.3rem;font-size:1rem}
.a-gpop-box input:focus{outline:none;border-color:#e8622c;box-shadow:0 0 0 3px rgba(232,98,44,.15)}
.a-gpop-act{display:flex;gap:.6rem;margin-top:.5rem;align-items:center}
.a-gpop-act .a-btn{flex:1}

/* ---- add class dates ---- */
.a-datesadd{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;background:#fff;border:1px solid #eee;border-radius:10px;padding:.8rem 1rem;margin:0 0 1rem;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.a-datesadd label{display:flex;align-items:center;gap:.35rem;font-size:.9rem;color:#555;font-weight:600}
.a-datesadd input[type=date]{padding:.4rem .5rem;border:1px solid #ccc;border-radius:7px;font-size:.9rem}
.a-datesadd .a-sub{flex-basis:100%;margin:0}

/* ---- tools / reports ---- */
.a-table th.ar,.a-table td.ar{text-align:right}
.a-table tr.a-total td{font-weight:700;background:#fafafa;border-top:2px solid #eee}
.a-cal{border-collapse:collapse;font-size:.82rem;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);border-radius:10px;overflow:hidden}
.a-cal th,.a-cal td{border:1px solid #f0f0f0;padding:4px 6px;text-align:center;min-width:26px}
.a-cal th.gc,.a-cal td.gc{text-align:left;white-space:nowrap;background:#fafafa;font-weight:600;position:sticky;left:0;z-index:1}
.a-cal th.gh{background:#fafafa;color:#999;font-weight:600;line-height:1.05}
.a-cal th.gh .gd{display:block;font-size:.8rem;color:#555}
.a-cal th.gh .gw{display:block;font-size:.6rem;text-transform:uppercase}
.a-cal th.gh.we{background:#f3eee6}
.a-cal td.we{background:#faf7f2}
.a-cal td.on{background:#e8622c;color:#fff;font-weight:700}
.a-cal td.z{color:#ddd}
.a-cal th.gt,.a-cal td.gt{background:#2d2d2d;color:#fff;font-weight:700}
.a-holidays{display:flex;flex-wrap:wrap;gap:6px}
.a-hday{background:#fff;border:1px solid #e3d6c6;color:#8a6d52;border-radius:6px;padding:.3rem .6rem;font-size:.85rem;font-weight:600}

/* ---- add-images page ---- */
.a-flash{padding:.7rem 1rem;border-radius:8px;margin:0 0 1.1rem;font-size:.92rem;font-weight:500}
.a-flash.ok{background:#e3f6e9;color:#1f8a43}
.a-flash.err{background:#fdecea;color:#c0392b}
.a-up{background:#fff;border-radius:12px;padding:1.4rem 1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.05);max-width:820px}
/* two clear choices: add to an existing tab, OR create a new one */
.a-choice{display:flex;align-items:stretch;gap:0;margin-bottom:.4rem;flex-wrap:wrap}
.a-opt{flex:1;min-width:250px;border:2px solid #e6ded3;border-radius:10px;padding:1rem 1.1rem;background:#fbf8f4;cursor:pointer;transition:.12s}
.a-opt:has(input[type=radio]:checked){border-color:#e8622c;background:#fff;box-shadow:0 2px 10px rgba(232,98,44,.08)}
.a-opt-h{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#333;margin-bottom:.7rem;cursor:pointer}
.a-opt-h input{width:16px;height:16px}
.a-or{display:flex;align-items:center;justify-content:center;color:#b0a08c;font-weight:700;font-size:.85rem;padding:0 .9rem;text-transform:uppercase;letter-spacing:.05em}
.a-up-sel,.a-up-name{width:100%;padding:.55rem .7rem;border:1px solid #ccc;border-radius:8px;font-size:.95rem;background:#fff}
.a-up-sel:disabled{background:#f2f2f2;color:#aaa}
.a-up-sel:focus,.a-up-name:focus{outline:none;border-color:#e8622c;box-shadow:0 0 0 3px rgba(232,98,44,.15)}
@media(max-width:640px){.a-or{width:100%;padding:.5rem 0}}
.a-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;
  border:2px dashed #d8c4ad;border-radius:12px;background:#faf6f0;color:#7a6650;padding:2.2rem 1rem;margin:1.1rem 0 .8rem;cursor:pointer;transition:.12s}
.a-drop:hover{border-color:#e8622c;color:#e8622c}
.a-drop.over{border-color:#e8622c;background:#fff2e9;color:#e8622c}
.a-drop-txt b{color:#e8622c}
.a-drop-txt small{color:#a08a72}
.a-drop-count{font-weight:700;color:#2a9d4a}
.a-prev{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem;align-items:center}
.a-prev img{width:72px;height:72px;object-fit:cover;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.a-up .a-btn:disabled{opacity:.5;cursor:not-allowed}

/* Settings page */
.a-set-intro{color:#7a7269;font-size:.92rem;margin:.2rem 0 1.3rem;max-width:640px}
.a-settings{max-width:560px}
.a-set-row{margin:0 0 1.15rem}
.a-set-row label{display:block;font-weight:600;color:#2a211c;margin:0 0 .35rem;font-size:.95rem}
.a-set-row input{width:100%;box-sizing:border-box;padding:.62rem .75rem;border:1px solid #d9d3cc;border-radius:8px;font-size:1rem;background:#fff;color:#2a211c}
.a-set-row input:focus{outline:none;border-color:#e8622c;box-shadow:0 0 0 3px rgba(232,98,44,.15)}
.a-set-row input::placeholder{color:#b7afa6}
.a-set-row small{display:block;color:#8a8178;font-size:.82rem;margin-top:.3rem}
.a-settings .a-btn{margin-top:.4rem}

/* Courses editor */
.a-back{display:inline-block;color:#8a8178;text-decoration:none;font-size:.9rem;margin:0 0 .4rem}
.a-back:hover{color:#e8622c}
.a-courselist{display:flex;flex-wrap:wrap;gap:1rem;max-width:720px}
.a-course-card{flex:1 1 260px;background:#fff;border:1px solid #ece7e1;border-radius:12px;padding:1.1rem 1.2rem;text-decoration:none;color:#2a211c;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .15s,transform .15s}
.a-course-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.09);transform:translateY(-1px)}
.a-course-card b{display:block;font-size:1.1rem}
.a-course-card span{display:block;color:#8a8178;font-size:.88rem;margin:.2rem 0 .5rem}
.a-course-card em{color:#e8622c;font-style:normal;font-weight:700;font-size:.9rem}
.a-course-form{max-width:680px}
.a-sec{font-size:1.15rem;color:#211a15;margin:1.8rem 0 .8rem;padding-bottom:.35rem;border-bottom:2px solid #ece7e1}
.a-basics{display:grid;grid-template-columns:1fr 1fr;gap:0 1.1rem}
.a-basics .a-set-row{margin:0 0 1rem}
.a-details{width:100%;box-sizing:border-box;padding:.7rem .8rem;border:1px solid #d9d3cc;border-radius:8px;font:inherit;font-size:.98rem;line-height:1.5;resize:vertical}
.a-details:focus,.a-box-title:focus,.a-box-body:focus{outline:none;border-color:#e8622c;box-shadow:0 0 0 3px rgba(232,98,44,.15)}
.a-box{background:#faf8f5;border:1px solid #ece7e1;border-radius:10px;padding:.9rem 1rem;margin:0 0 .9rem}
.a-box-head{display:flex;gap:.6rem;align-items:center;margin:0 0 .55rem}
.a-box-title{flex:1;padding:.5rem .65rem;border:1px solid #d9d3cc;border-radius:7px;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.02em;background:#fff}
.a-box-del{border:0;background:#f0e7e2;color:#c0392b;width:32px;height:32px;border-radius:7px;font-size:1.3rem;line-height:1;cursor:pointer;flex:none}
.a-box-del:hover{background:#f6d7cf}
.a-box-body{width:100%;box-sizing:border-box;padding:.6rem .7rem;border:1px solid #d9d3cc;border-radius:7px;font:inherit;font-size:.94rem;line-height:1.5;resize:vertical;background:#fff}
.a-btn.grey{background:#6b6259}.a-btn.grey:hover{background:#574f47}
.a-course-save{margin-top:1.4rem}
@media(max-width:620px){.a-basics{grid-template-columns:1fr}}

/* Course image + box icon picker */
.a-imgrow{display:flex;gap:1.2rem;align-items:flex-start;flex-wrap:wrap;margin:0 0 .4rem}
.a-imgthumb{width:190px;height:126px;border-radius:10px;border:1px solid #ece7e1;background:#faf8f5;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.a-imgthumb img{width:100%;height:100%;object-fit:cover;display:block}
.a-imgthumb span{color:#b7afa6;font-size:.85rem}
.a-imgctl .a-sub{margin:.55rem 0 0;max-width:340px}
.a-ico-pick{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin:0 0 .55rem}
.a-ico-lbl{color:#8a8178;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;margin-right:.2rem}
.a-ico-opt{width:34px;height:34px;padding:5px;border:1px solid #ded7cf;border-radius:8px;background:#fff;color:#c9c0b6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0}
.a-ico-opt svg{width:100%;height:100%;display:block}
.a-ico-opt.a-ico-none{font-size:1.1rem;color:#b7afa6}
.a-ico-opt:hover{border-color:#e8622c}
.a-ico-opt.on{border-color:#e8622c;background:#fff;color:#e8622c;box-shadow:0 0 0 2px rgba(232,98,44,.18)}

/* ---- Users / Add-user page ---- */
.a-userform{max-width:560px;margin:0 0 1.5rem}
.a-menupick{border:1px solid #e3ddd2;border-radius:10px;padding:1rem 1.1rem .8rem;margin:.3rem 0 1.1rem;background:#fbf9f4}
.a-menupick legend{font-weight:700;color:#7a5c2e;padding:0 .4rem;font-size:.95rem}
.a-menuchk{display:inline-flex;align-items:center;gap:.45rem;width:calc(50% - .5rem);margin:.35rem 0;font-size:1rem;cursor:pointer}
.a-menuchk input{width:18px;height:18px;accent-color:#c8461f;cursor:pointer}
.a-menu-note{margin:.5rem 0 0;font-size:.85rem;color:#8a8272}
.a-utable{width:100%;border-collapse:collapse;font-size:.95rem}
.a-utable th{text-align:left;padding:.55rem .6rem;border-bottom:2px solid #e3ddd2;color:#7a5c2e;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
.a-utable td{padding:.6rem .6rem;border-bottom:1px solid #eee7da;vertical-align:middle}
.a-utable small{color:#8a8272}
.a-utable .a-none{color:#b7ad9b}
@media(max-width:640px){.a-menuchk{width:100%}}

/* ---- Auto-approve toggle (Settings) ---- */
.a-toggle-row{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;margin:0 0 1.4rem;
  background:#fbf9f4;border:1px solid #e3ddd2;border-radius:12px}
.a-toggle-txt b{display:block;color:#2c2a26;font-size:1.05rem}
.a-toggle-txt small{display:block;color:#8a8272;margin-top:.2rem;line-height:1.4}
.a-switch{position:relative;flex:0 0 auto;display:inline-block;width:52px;height:30px;cursor:pointer;margin-top:2px}
.a-switch input{position:absolute;opacity:0;width:0;height:0}
.a-switch-track{position:absolute;inset:0;background:#cfc8bb;border-radius:30px;transition:background .18s}
.a-switch-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;
  box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s}
.a-switch input:checked + .a-switch-track{background:#3c9a5f}
.a-switch input:checked + .a-switch-track .a-switch-knob{transform:translateX(22px)}
.a-switch input:focus-visible + .a-switch-track{box-shadow:0 0 0 3px rgba(60,154,95,.35)}

/* ---- Activity log ---- */
.a-logfilter{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:0 0 1rem}
.a-logfilter select,.a-logfilter input[type=search]{padding:.5rem .6rem;border:1px solid #d9d2c6;border-radius:8px;font-size:.95rem}
.a-logfilter input[type=search]{min-width:220px;flex:1 1 220px}
.a-logtable{width:100%;border-collapse:collapse;font-size:.92rem}
.a-logtable th{text-align:left;padding:.5rem .55rem;border-bottom:2px solid #e3ddd2;color:#7a5c2e;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.a-logtable td{padding:.5rem .55rem;border-bottom:1px solid #eee7da;vertical-align:top}
.a-logtable small{color:#8a8272}
.a-logwhen{white-space:nowrap}
.a-logtable .a-none{text-align:center;color:#b7ad9b;padding:1.5rem}
.a-logtag{display:inline-block;padding:.15rem .5rem;border-radius:20px;font-size:.72rem;font-weight:700;
  text-transform:capitalize;white-space:nowrap;background:#eee7da;color:#6b6357;border:1px solid currentColor}
.a-lt-login{background:#e7eef9;color:#2f5aa8}
.a-lt-email{background:#eae6f7;color:#5b45a8}
.a-lt-reservation{background:#e4f3ea;color:#2f7d4f}
.a-lt-settings{background:#fdf0dd;color:#a5721b}
.a-lt-course{background:#fde7e0;color:#c04a24}
.a-lt-gallery{background:#e2f1f4;color:#2b7c8c}
.a-lt-dates{background:#f2e9dc;color:#8a6d33}
.a-lt-user{background:#f7e3ec;color:#a83e70}
@media(max-width:640px){.a-logtable .a-logwhen,.a-logtable td:last-child,.a-logtable th:last-child{display:none}}

/* ---- Booking device pill (dashboard) ---- */
.a-dev{display:inline-block;font-size:.7rem;padding:1px 6px;border-radius:4px;vertical-align:middle;margin-left:3px;background:#f0ece4;color:#6b6357;white-space:nowrap}
.a-dev-mobile{background:#e4f3ea;color:#2f7d4f}
.a-dev-tablet{background:#fdf0dd;color:#a5721b}
.a-dev-desktop{background:#e7eef9;color:#2f5aa8}

/* Users: per-row action buttons + edit/password form */
.a-uactions{white-space:nowrap}
.a-uactions .a-btn{display:inline-block;margin:2px 4px 2px 0;padding:.32rem .7rem;font-size:.84rem}
.a-uactions form{display:inline}
.a-useredit{background:#fbf9f4;border:1px solid #e3ddd2;border-radius:12px;padding:1.1rem 1.2rem 1.2rem}
.a-useredit .a-sub{margin-top:0}
.a-opt{color:#8a8272;font-weight:400;font-size:.85em}