.plate-header-actions { display:flex; flex-wrap:wrap; gap:10px; }
.plate-preview-qr.wifi { border-color:#14734f; }
.plate-summary { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin-bottom:20px; }
.plate-stat { padding:16px; background:#fff; border:1px solid var(--line); border-radius:7px; }
.plate-stat strong { display:block; font:800 24px Manrope,sans-serif; }.plate-stat span { color:var(--muted); font-size:13px; }
.plate-toolbar { gap:16px; }.plate-filters { display:flex; gap:8px; }.plate-filters input,.plate-filters select { min-height:36px; padding:7px 9px; border:1px solid var(--line); border-radius:5px; }
.plate-status.available { color:#276747; background:#e6f4eb; }.plate-status.reserved { color:#835b12; background:#fbefd7; }.plate-status.active { color:#195b86; background:#e5f1fa; }.plate-status.disabled { color:#9a3a31; background:#fbe9e7; }
.actions .plate-disable { color:#9a3a31; border-color:#e6b9b3; background:#fff8f7; }
.actions .plate-disable:hover { color:#fff; border-color:#9a3a31; background:#9a3a31; }
.plate-preview { position:relative; display:grid; width:min(100%,260px); aspect-ratio:2 / 3; place-items:center; margin:18px auto; overflow:hidden; color:#fff; background:#425b4e center/cover no-repeat; border-radius:6px; }.plate-preview span { position:absolute; z-index:2; top:9px; left:9px; right:9px; padding:6px 8px; background:rgba(0,0,0,.55); border-radius:4px; font-size:11px; text-align:center; pointer-events:none; }.plate-preview-qr { position:absolute; z-index:1; aspect-ratio:1; transform:translate(-50%,-50%); display:grid; place-items:center; padding:3px; background:#fff; border:2px solid #d9b46b; border-radius:5px; box-shadow:0 0 0 2px rgba(0,0,0,.24); cursor:grab; touch-action:none; user-select:none; }.plate-preview-qr:active { cursor:grabbing; }.plate-preview-qr-code,.plate-preview-qr-code canvas,.plate-preview-qr-code img { display:block; width:100% !important; height:100% !important; }.plate-preview-qr-handle { position:absolute; right:-8px; bottom:-8px; width:18px; height:18px; padding:0; border:2px solid #fff; border-radius:50%; background:#14734f; cursor:nwse-resize; touch-action:none; }
.plate-qr { display:grid; place-items:center; margin:18px 0; }.plate-url { overflow-wrap:anywhere; padding:10px; background:#f3f6f4; border-radius:5px; font-size:13px; }.plate-history { display:grid; gap:8px; }.plate-history p { margin:0; padding:10px; background:#f7f9f7; border-radius:5px; font-size:13px; }.template-list-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; background:#f7f9f7; border-radius:5px; }.template-list-item strong,.template-list-item small { display:block; }.template-list-item small { margin-top:3px; color:var(--muted); }.plate-print-preview { margin:14px 0; padding:26px; color:var(--muted); text-align:center; border:1px dashed #aebbb3; border-radius:6px; }
@media (max-width:760px) { .plate-header-actions .button { width:100%; }.plate-summary { grid-template-columns:repeat(2,1fr); }.plate-toolbar { align-items:stretch; flex-direction:column; }.plate-filters { flex-direction:column; }.plate-filters input,.plate-filters select { width:100%; } }