/* Hetzelfde 44px-puzzelraster als PuzzlePatternPainter in de Android-app. */
body,
.admin-body,
.auth-wrap {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M0 0H15A7 7 0 0 0 29 0H44V15A7 7 0 0 1 44 29V44H29A7 7 0 0 1 15 44H0Z' fill='none' stroke='%23174a88' stroke-opacity='.12' stroke-width='1.2'/%3E%3C/svg%3E"),
    linear-gradient(135deg,#f2f7fc,#e6eff8) !important;
  background-size:44px 44px,cover !important;
}

.advertiser-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center; }
.advertiser-actions { display:flex; gap:12px; flex-wrap:wrap; }
.portal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.credit-card { padding:20px; border:2px solid #ffc524; border-radius:20px; background:linear-gradient(135deg,#173874,#0b2454); color:#fff; }
.credit-card strong { display:block; font-size:44px; color:#ffd85b; }
.postcode-picker { border:1px solid #c3d2e4; border-radius:16px; padding:14px; background:#f8fbff; }
.postcode-entry { display:flex; gap:8px; }
.postcode-entry input { flex:1; }
.postcode-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.postcode-chip { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border-radius:999px; background:#173874; color:#fff; font-weight:800; }
.postcode-chip button { border:0; background:transparent; color:#ffd85b; cursor:pointer; font-size:17px; }
.missing-pieces { padding:14px 18px; border-radius:15px; background:#fff2cc; border:2px solid #f1b400; color:#6d4500; font-weight:900; }
.missing-pieces.complete { background:#daf8e8; border-color:#24a865; color:#075c35; }
.admin-create { max-width:760px; }

@media(max-width:850px){.advertiser-hero,.portal-grid{grid-template-columns:1fr}}