.bank-licence { display:grid; gap:24px; }
.bank-licence .licence-hero { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:28px; background:linear-gradient(120deg,#f0f8f5,#fff); border:1px solid var(--line); border-radius:var(--radius); }
.bank-licence h2 { margin:4px 0 10px; font-size:26px; }
.bank-licence h3 { margin:0 0 10px; font-size:17px; }
.bank-licence p { line-height:1.6; }
.licence-intro { color:var(--muted); max-width:68ch; margin:0; }
.licence-badge { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:8px 14px; font-size:12px; font-weight:700; background:var(--teal-soft); color:var(--teal-strong); flex-shrink:0; }
.licence-badge::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
.licence-badge[data-tone="warning"] { background:var(--amber-soft); color:#815007; }
.licence-badge[data-tone="danger"] { background:var(--red-soft); color:var(--red); }
.licence-badge[data-tone="neutral"] { background:#eaf0f3; color:var(--muted); }
.licence-overview { padding:24px; }
.licence-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0 0 24px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.bank-licence dt { color:var(--muted); font-size:12px; margin-bottom:8px; }
.bank-licence dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.licence-metrics dd { font-size:18px; }
.licence-modules { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; padding:0; list-style:none; }
.licence-modules li { border:1px solid #c8ddd7; border-radius:7px; padding:6px 11px; color:var(--teal-strong); background:#f5faf8; font-size:12px; font-weight:600; }
.licence-actions { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; align-items:start; }
.licence-card { padding:24px; min-width:0; }
.licence-card-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.licence-card-head h3 { margin:0; }
.licence-step { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--teal-soft); color:var(--teal-strong); font-weight:700; flex-shrink:0; }
.licence-upload { padding:18px; margin:20px 0; border:1px dashed #8aaba6; border-radius:9px; background:#f8fbfa; }
.licence-upload label { display:block; font-size:13px; font-weight:700; margin-bottom:10px; }
.licence-upload input { display:block; width:100%; max-width:100%; font-size:13px; color:var(--muted); }
.licence-upload input::file-selector-button { margin-right:12px; border:1px solid var(--line); border-radius:7px; padding:9px 12px; color:var(--ink); background:white; font:inherit; cursor:pointer; }
.licence-help { font-size:12px; color:var(--muted); margin:10px 0 0; }
.licence-preview { margin:0 0 20px; padding:18px; border:1px solid #bddcd1; border-radius:9px; background:#f1f9f5; }
.licence-preview[hidden] { display:none; }
.licence-preview dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0; }
.licence-form-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.licence-details { border-top:1px solid var(--line); margin-top:24px; padding-top:18px; }
.licence-details summary { cursor:pointer; font-size:13px; font-weight:600; }
.licence-details dl { display:grid; gap:16px; margin:20px 0 0; }
.licence-details dd { font:12px/1.6 ui-monospace,monospace; }
.licence-notice { padding:14px 18px; border:1px solid var(--line); border-radius:9px; background:#f4f7f8; margin:0; }
.licence-notice:empty { display:none; }
.licence-notice[data-tone="danger"] { border-color:#e9b7bb; background:var(--red-soft); color:#922630; }
.licence-notice[data-tone="success"] { border-color:#bddcd1; background:var(--teal-soft); color:var(--teal-strong); }
@media(max-width:900px) { .licence-actions { grid-template-columns:minmax(0,1fr); } .bank-licence .licence-hero { flex-direction:column; gap:16px; } }
@media(max-width:540px) { .bank-licence .licence-hero,.licence-overview,.licence-card { padding:18px; } .licence-metrics { grid-template-columns:1fr; gap:18px; } .licence-preview dl { grid-template-columns:1fr; } .licence-badge { flex-shrink:1; } .licence-form-actions .button { width:100%; } }