/* PlateCentral admin + customer document form. Same design language as the
   shop: black, yellow, plain system type. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --yellow:#ffd200; --black:#101114; --line:#e6e6ea; --ink:#17181c; --mut:#6a6b73; --bg:#f6f6f8;
  --low:#fff7d6; --lowline:#ffe28a; --lowink:#7a4a00;
  --neg:#ffe9e7; --negline:#ffb4ac; --negink:#a03028;
  --ok:#e8f8ec; --okline:#a8e0ba; --okink:#0a6b28;
}
body{font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
.pc-wrap{max-width:1060px;margin:0 auto;padding:0 16px}
.pc-narrow{max-width:700px}

.pc-head{background:var(--black);color:#fff;border-bottom:3px solid var(--yellow)}
.pc-head .row{display:flex;align-items:center;gap:14px;padding:15px 16px}
.pc-head h1{font-size:18px;font-weight:800}
.pc-head h1 em{color:var(--yellow);font-style:italic}
.pc-head .sub{font-size:12px;font-weight:700;color:#9a9ba3;text-transform:uppercase;letter-spacing:1.4px;margin-left:5px}
.push{margin-left:auto}
nav{background:var(--black);border-top:1px solid #26272e}
nav .pc-wrap{display:flex;gap:2px;overflow-x:auto}
nav a{color:#9a9ba3;padding:11px 15px;font-size:13.5px;font-weight:700;text-decoration:none;
  border-bottom:3px solid transparent;white-space:nowrap}
nav a.on{color:var(--yellow);border-bottom-color:var(--yellow)}
nav a:hover{color:#fff}

main{padding:20px 0 60px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;overflow:hidden}
.card.narrow{max-width:400px;margin:10vh auto 0}
.card>h2{font-size:15.5px;padding:13px 16px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.card>.body{padding:15px 16px}
.card>.body.pad0{padding:0}
.count{background:var(--black);color:var(--yellow);border-radius:20px;padding:1px 9px;font-size:12px;font-weight:800}

h3{font-size:13px;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin:20px 0 8px}
h3:first-of-type{margin-top:6px}
p{margin-bottom:10px}
p:last-child{margin-bottom:0}
.muted{color:var(--mut)}
.small{font-size:12.5px}
.ok{color:var(--okink);font-weight:600}
.bad-text{color:var(--negink)}
code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;background:#f2f2f5;padding:1px 6px;border-radius:5px}

button,.btn{background:var(--yellow);color:var(--black);border:none;border-radius:9px;padding:10px 17px;
  font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}
button:hover,.btn:hover{filter:brightness(.94)}
button:disabled{opacity:.45;cursor:not-allowed}
button.ghost,.btn.ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
button.danger{background:#fff;border:1.5px solid var(--negline);color:var(--negink)}
button.small,.btn.small{padding:6px 12px;font-size:12.5px}

input,select,textarea{border:1.5px solid var(--line);border-radius:8px;padding:9px 11px;font-size:14px;
  font-family:inherit;background:#fff;color:var(--ink);width:100%}
input[type=file]{border:none;padding:6px 0}
input:focus,select:focus{outline:2px solid var(--yellow);border-color:transparent}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:6px}
.fields .f.wide{grid-column:1/-1}
.f label{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;
  color:var(--mut);margin-bottom:4px}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}
form.inline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}
form.inline input,form.inline select{width:auto}
.sub{border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:11px;background:#fbfbfc}
.sub.new{border-style:dashed}

.warn{background:var(--low);border:1px solid var(--lowline);color:var(--lowink);border-radius:9px;
  padding:11px 13px;font-size:13px;font-weight:600;margin-bottom:14px}
.warn.bad{background:var(--neg);border-color:var(--negline);color:var(--negink)}
.warn.ok{background:var(--ok);border-color:var(--okline);color:var(--okink)}
.warn ul{margin:6px 0 0 18px;font-weight:500}

/* character grid */
.rowlabel{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--mut);margin:14px 0 7px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px}
.cell{border:1px solid var(--line);border-radius:8px;padding:5px 4px 4px;text-align:center;background:#fff}
.cell label{display:block;font-weight:800;font-size:11.5px;color:var(--mut)}
.cell input{border:none;text-align:center;font-size:15px;font-weight:700;padding:2px 0;background:transparent}
.cell.low{background:var(--low);border-color:var(--lowline)}
.cell.low label{color:var(--lowink)}
.cell.neg{background:var(--neg);border-color:var(--negline)}
.cell.neg label,.cell.neg input{color:var(--negink)}

/* register entries */
.entry{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
.entry summary{padding:11px 13px;cursor:pointer;display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.entry summary::-webkit-details-marker{display:none}
.entry .vrm{font-weight:800;letter-spacing:.6px}
.entry .who{color:var(--mut)}
.entry .ord{color:var(--mut);font-size:12.5px}
.entry .badge{margin-left:auto}
.entry.pending{border-left:4px solid var(--lowline)}
.entry.verified{border-left:4px solid var(--okline)}
.entry.rejected{border-left:4px solid var(--negline)}
.entry-body{padding:0 13px 13px}
.badge{display:inline-block;background:#f1f1f4;border-radius:5px;padding:2px 8px;font-size:11px;
  font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--mut)}
.badge.pending{background:var(--low);color:var(--lowink)}
.badge.verified{background:var(--ok);color:var(--okink)}
.badge.rejected{background:var(--neg);color:var(--negink)}
.code{font-size:11px;color:#9a9aa2;font-weight:600}

table.kv,table.log{width:100%;border-collapse:collapse;font-size:13.5px}
table.kv th{text-align:left;width:150px;color:var(--mut);font-weight:600;vertical-align:top;padding:5px 8px 5px 0}
table.kv td{padding:5px 0}
table.log th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut);text-align:left;padding:8px 14px}
table.log td{padding:7px 14px;border-top:1px solid #f1f1f4;font-size:12.5px}

.shots{display:flex;gap:9px;flex-wrap:wrap;margin:11px 0}
.shots a{display:block;width:150px;height:110px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#f2f2f5}
.shots img{width:100%;height:100%;object-fit:cover;display:block}
.shots .pdf{display:flex;align-items:center;justify-content:center;height:100%;font-weight:800;color:var(--mut)}
.pair{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-top:13px}
.pair form.reject{display:flex;gap:8px;flex:1;min-width:260px}

.pc-foot{padding:18px 16px 30px;font-size:12.5px;color:var(--mut)}
.pc-public .card{margin-top:22px}
a{color:#8a7300}

@media (max-width:640px){
  table.kv th{width:auto;display:block;padding-bottom:0}
  table.kv td{display:block;padding-top:0;padding-bottom:9px}
}