/*
 * clickerp-admin.css — copied from the approved prototype (Click ERP-Final V-modern).
 * Design tokens (colours, radius, shadows, sizes) were moved to foundations.css;
 * use those tokens here — do not add new colours or sizes.
 */
/* =================== phase 6: administration =================== */
.set{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}
.set-n{position:sticky;top:84px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;display:flex;flex-direction:column;gap:2px}
.set-n a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--body)}
.set-n a svg{width:17px;height:17px;color:var(--muted)}
.set-n a:hover{background:var(--bg)}
.set-n a.on{background:var(--navy);color:#fff}.set-n a.on svg{color:#fff}
.set-b{min-width:0;display:flex;flex-direction:column;gap:14px}
.set-h{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.set-h h2{font-size:19px;margin:0}.set-h p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.set-q{height:40px;width:260px}.set-q input{border:0;outline:0;flex:1;font:inherit;background:transparent}
.set-card{padding:0}
.set-r{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line-2)}
.set-r:last-child{border:0}
.set-r b{display:block;font-size:14px}.set-r small{font-size:12.5px;color:var(--muted)}
.set-c{flex:none;display:flex;align-items:center;gap:8px}
.kit-in.sm{height:38px;width:260px!important}
.sm-inp{height:38px;width:150px}.sm-inp input{border:0;outline:0;flex:1;font:inherit;min-width:0;background:transparent}
.set-brand{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line-2)}
.set-brand b{display:block}.set-brand small{font-size:12.5px;color:var(--muted)}
.set-brand .r{display:flex;gap:6px;margin-top:8px}
.sw{position:relative;display:inline-block;width:40px;height:22px;flex:none}
.sw input{opacity:0;width:0;height:0;position:absolute}
.sw .kn{position:absolute;inset:0;border-radius:999px;background:#cdd5e1;transition:.15s;cursor:pointer}
.sw .kn:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;inset-inline-start:3px;transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sw input:checked+.kn{background:var(--green)}
body[dir="rtl"] .sw input:checked+.kn:before{transform:translateX(-18px)}
body[dir="ltr"] .sw input:checked+.kn:before{transform:translateX(18px)}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip.off{opacity:.45;text-decoration:line-through}
.cms{display:grid;grid-template-columns:250px minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.cms-l{padding:6px;display:flex;flex-direction:column;gap:2px}
.cms-l a{display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink)}
.cms-l a>svg{width:15px;height:15px;color:var(--muted)}
.cms-l a .grip{cursor:grab;opacity:.5}
.cms-l a span{flex:1}
.cms-l a em{font-style:normal;font-size:11px;color:var(--muted);background:var(--bg);border-radius:999px;padding:0 6px}
.cms-l a .sw{transform:scale(.8)}
.cms-l a.on{background:var(--navy-soft)}
.cms-e .field{margin-bottom:12px}.cms-e .inp{height:42px}
.cms-p{padding:0;overflow:hidden;position:relative}
.cms-pb{display:flex;align-items:center;gap:5px;padding:8px 10px;background:var(--bg);border-bottom:1px solid var(--line)}
.cms-pb span{width:9px;height:9px;border-radius:50%;background:#d6dbe3}
.cms-pb small{margin-inline-start:8px;font-size:11px;color:var(--muted);background:#fff;border-radius:6px;padding:1px 10px}
.cms-hero{color:#fff;padding:34px 22px;display:flex;flex-direction:column;gap:6px}
.cms-hero b{font-size:22px}.cms-hero small{opacity:.8}
.cms-hero span{align-self:flex-start;background:var(--green);border-radius:8px;padding:6px 14px;font-weight:700;font-size:13px;margin-top:6px}
.cms-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 14px 56px}
.cms-blocks i{height:70px;border-radius:10px;background:var(--bg)}
.cms-dev{position:absolute;bottom:10px;inset-inline-end:10px}
.lst-sw{flex-wrap:wrap;margin-bottom:12px}
.lst-sw button em{font-style:normal;font-size:11px;margin-inline-start:6px;opacity:.7}
.tpl-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tpl-th{width:100%;height:140px;border-radius:10px;background:var(--bg);display:flex;flex-direction:column;gap:8px;padding:14px}
.tpl-th i{height:12px;border-radius:6px;background:#dfe4ee}.tpl-th i:first-child{width:40%;height:46px;background:#cdd5e1}
.pm td,.pm th{text-align:center}.pm td:first-child,.pm th:first-child{text-align:start}
.pm-c{min-width:64px;height:30px;border-radius:8px;font-size:12px;font-weight:700}
.pm-c.l0{background:#f1f3f6;color:#9aa4b4}.pm-c.l1{background:var(--blue-soft);color:var(--blue)}.pm-c.l2{background:var(--amber-soft);color:#8a5a12}.pm-c.l3{background:var(--green-soft);color:var(--green-d)}
.pm-leg{padding:10px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line-2)}
.int-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.int{display:flex;flex-direction:column;gap:10px}
.int.wide{grid-column:1/-1}
.int-h{display:flex;align-items:center;gap:10px}
.int-h .ni{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy);flex:none}
.int-h div{flex:1}.int-h b{display:block}.int-h small{font-size:12.5px;color:var(--muted)}
.int .msn{grid-template-columns:repeat(4,1fr);margin:0}
.int .r{display:flex;gap:6px;flex-wrap:wrap}
.int-f{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:10px;margin-top:auto}
.imp-t .uk-sel.warn{border-color:var(--amber);background:#fffbf3}
.kb-q{height:48px;margin-bottom:14px}.kb-q input{border:0;outline:0;flex:1;font:inherit;font-size:15px;background:transparent}
.att-m{padding:0}
.att-mh,.att-mr{display:grid;grid-template-columns:150px repeat(30,minmax(18px,1fr));gap:3px;align-items:center;padding:6px 14px;min-width:900px}
.att-mh{background:var(--bg);border-bottom:1px solid var(--line)}
.att-mh span{font-size:10.5px;color:var(--muted);text-align:center}
.att-mr{border-bottom:1px solid var(--line-2)}
.att-mr b{font-size:13px}
.att-mr i{height:18px;border-radius:4px}
.att-mr i.g{background:#cfe6b8}.att-mr i.a{background:#f4d49d}.att-mr i.r{background:#f2b3ae}.att-mr i.w{background:#eef1f5}
@media(max-width:1200px){.cms{grid-template-columns:220px minmax(0,1fr)}.cms-p{grid-column:1/-1}}
@media(max-width:900px){.set{grid-template-columns:1fr}.set-n{position:static;flex-direction:row;overflow-x:auto}.set-n a{white-space:nowrap}.cms{grid-template-columns:1fr}.int-g{grid-template-columns:1fr}.set-r{flex-direction:column;align-items:flex-start}.kit-in.sm{width:100%!important}.tpl-pick{grid-template-columns:1fr}.set-q{width:100%}}
@media(max-width:1280px){.set{grid-template-columns:minmax(0,1fr)}.set-n{position:static;flex-direction:row;overflow-x:auto}.set-n a{white-space:nowrap}}

/* ===== Enhanced copy - Wave 0 polish (2026-11-05) =====
   1) AA: darker shades for small colored TEXT only; icon chips & bars keep brand hues */

.tag.g{color:var(--green-text)}
.tag.r{color:var(--red-text)}
.tag.a{color:var(--amber-text)}
.tbatt{color:var(--green-text)}
.okline{color:var(--green-text)}
.uk-chips>a{color:var(--red-text)}
.uk-t small.late{color:var(--red-text)!important}
.ferr{color:var(--red-text)}
.field.has-err label{color:var(--red-text)}
.msn b.warn{color:var(--amber-text)}
.uk-path .cur b{color:var(--amber-text)}
.ofc-t small span{color:var(--green-text)}
.pm-c.l3{color:var(--green-text)}
/* 2) honour reduced-motion preference */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}