@php
    $t = $template ?? [];
    $primary = $t['primary'] ?? '#15803d';
    $secondary = $t['secondary'] ?? '#1d4ed8';
    $surface = $t['surface'] ?? '#ffffff';
    $textColor = ($custom ?? [])['colors']['text'] ?? '#1e293b';
    $accentColor = ($custom ?? [])['colors']['accent'] ?? '#9f1239';
    $fontCss = ($custom ?? [])['font_css'] ?? "'Inter', 'Noto Sans Bengali', sans-serif";
@endphp
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;600;700&family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
    :root {
        --card-primary: {{ $primary }};
        --card-secondary: {{ $secondary }};
        --card-surface: {{ $surface }};
        --card-text: {{ $textColor }};
        --card-muted: #64748b;
        --card-accent: {{ $accentColor }};
    }
    * { box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body.card-page {
        margin: 0;
        font-family: {{ $fontCss }};
        background: linear-gradient(160deg, #e2e8f0 0%, #f8fafc 50%, #e2e8f0 100%);
        color: var(--card-text);
    }

    /* Toolbar */
    .card-toolbar { position: sticky; top: 0; z-index: 200; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); border-bottom: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(15,23,42,.06); }
    .card-toolbar__inner { max-width: 1100px; margin: 0 auto; padding: 14px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
    .card-toolbar__title { font-size: 15px; font-weight: 600; }
    .card-toolbar__actions { display: flex; flex-wrap: wrap; gap: 8px; }
    .card-toolbar .btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; text-decoration: none; border: 1px solid transparent; transition: .15s; }
    .card-toolbar .btn-primary { background: #4f46e5; color: #fff; }
    .card-toolbar .btn-primary:hover { background: #4338ca; }
    .card-toolbar .btn-outline-primary { background: #fff; color: #4f46e5; border-color: #c7d2fe; }
    .card-toolbar .btn-outline-danger { background: #fff; color: #dc2626; border-color: #fecaca; }
    .card-toolbar .btn-light { background: #f8fafc; color: #334155; border-color: #e2e8f0; }
    .badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; }
    .badge-light { background: #f1f5f9; color: #475569; }
    .badge-info { background: #dbeafe; color: #1d4ed8; }

    .card-workspace { min-height: calc(100vh - 64px); display: flex; align-items: center; justify-content: center; padding: 28px 16px 40px; }

    /* ===== ID CARD (54×86mm portrait) ===== */
    .id-sheet { display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; align-items: flex-start; }
    .id-sheet__col { text-align: center; flex: 0 0 auto; }
    .id-sheet__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #64748b; margin-bottom: 8px; }
    .card-print-frame { position: relative; display: inline-block; padding: 5mm; }
    .card-print-frame--id .id-sheet__card-slot,
    .card-print-frame--id .card-cut-guide {
        width: 54mm;
        height: 86mm;
    }
    .card-print-frame--visiting .vc-sheet__card-slot,
    .card-print-frame--visiting .card-cut-guide {
        width: 90mm;
        height: 50mm;
    }
    .id-sheet__card-slot {
        margin: 0 auto;
        position: relative;
        flex: 0 0 auto;
    }
    .id-card {
        width: 100%;
        height: 100%;
        min-width: 54mm;
        max-width: 54mm;
        min-height: 86mm;
        max-height: 86mm;
        border-radius: 4mm;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 12px 40px rgba(15,23,42,.18), 0 0 0 1px rgba(15,23,42,.06);
        position: relative;
        text-align: left;
        flex-shrink: 0;
    }

    /* NGO / PSKS style */
    .id-card--ngo { display: flex; flex-direction: column; padding: 2.5mm 3mm 2mm; height: 100%; min-height: 0; overflow: hidden; }
    .id-ngo__head { display: flex; align-items: flex-start; gap: 2mm; margin-bottom: 2mm; }
    .id-ngo__logo { width: 9mm; height: 9mm; object-fit: contain; flex-shrink: 0; }
    .id-ngo__org-bn { font-family: 'Noto Sans Bengali', sans-serif; font-size: 5.5pt; font-weight: 600; color: var(--card-secondary); line-height: 1.25; }
    .id-ngo__org-en { font-size: 5.2pt; font-weight: 800; color: var(--card-primary); text-transform: uppercase; line-height: 1.2; margin-top: 0.5mm; }
    .id-ngo__photo-box { text-align: center; margin: 1.5mm 0; }
    .id-ngo__photo { width: 24mm; height: 28mm; object-fit: cover; border: 0.5mm solid #334155; background: #f1f5f9; }
    .id-ngo__identity { text-align: center; flex: 1; }
    .id-ngo__name { font-family: 'Noto Sans Bengali', 'Inter', sans-serif; font-size: 8pt; font-weight: 700; color: var(--card-secondary); line-height: 1.2; }
    .id-ngo__designation { font-family: 'Noto Sans Bengali', sans-serif; font-size: 6.5pt; font-weight: 600; color: var(--card-accent); margin-top: 1mm; }
    .id-ngo__sign-img { max-height: 8mm; max-width: 28mm; display: block; margin: 0 auto 1mm; object-fit: contain; }
    .id-ngo__sign { text-align: center; margin-top: auto; padding-top: 1mm; }
    .id-ngo__sign-line { height: 4mm; border-bottom: 0.3mm solid #334155; width: 70%; margin: 0 auto 1mm; }
    .id-ngo__sign-text { font-family: 'Noto Sans Bengali', sans-serif; font-size: 5pt; color: var(--card-secondary); line-height: 1.3; }

    .id-card--back-ngo { padding: 2.5mm 3mm; font-size: 5pt; line-height: 1.4; color: #1e293b; display: flex; flex-direction: column; overflow: hidden; }
    .id-ngo-back__cert { margin: 0 0 2mm; text-align: justify; }
    .id-ngo-back__fields { margin-bottom: 2mm; }
    .id-ngo-back__row { display: grid; grid-template-columns: 14mm 2mm 1fr; gap: 0.5mm; margin-bottom: 0.8mm; font-size: 5.2pt; }
    .id-ngo-back__note { margin: 0 0 2mm; text-align: justify; font-size: 4.8pt; }
    .id-ngo-back__return { margin-bottom: 2mm; font-size: 5pt; line-height: 1.35; }
    .id-ngo-back__contact { font-size: 4.8pt; line-height: 1.45; margin-bottom: 1.5mm; }
    .id-ngo-back__footer { text-align: center; font-weight: 800; font-size: 5.5pt; margin-top: auto; }
    .id-ngo-back__instructions { font-size: 4.8pt; margin: 1.5mm 0; text-align: justify; }
    .id-ngo-back__qr { text-align: center; margin: 1mm 0; }
    .id-ngo-back__qr svg { width: 12mm !important; height: 12mm !important; }

    /* Layout positions */
    .logo-pos-top-center .id-ngo__head { justify-content: center; text-align: center; flex-direction: column; align-items: center; }
    .logo-pos-top-center .id-modern__header { justify-content: center; }
    .photo-pos-left .id-ngo__photo-box { text-align: left; padding-left: 4mm; }
    .photo-pos-right .id-ngo__photo-box { text-align: right; padding-right: 4mm; }
    .photo-shape-circle .id-ngo__photo { width: 22mm; height: 22mm; border-radius: 50%; }
    .photo-shape-square .id-ngo__photo { width: 22mm; height: 22mm; }
    .id-modern__sign { margin-top: 1.5mm; text-align: center; }
    .id-modern__sign-img { max-height: 7mm; max-width: 24mm; object-fit: contain; }
    .id-modern__sign small { display: block; font-size: 4.5pt; color: var(--card-muted); }

    /* Modern corporate ID */
    .id-card--modern { color: #fff; }
    .id-modern__top { height: 14mm; background: linear-gradient(135deg, var(--card-primary), var(--card-secondary)); }
    .id-card--band .id-modern__top { height: 8mm; }
    .id-card--premium .id-modern__top { background: linear-gradient(135deg, #ca8a04, #78350f); }
    .id-card--split .id-modern__top { clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%); height: 18mm; }
    .id-modern__header { display: flex; align-items: center; gap: 2mm; padding: 2mm 3mm; margin-top: -10mm; position: relative; z-index: 2; }
    .id-modern__header img { width: 8mm; height: 8mm; background: #fff; border-radius: 1.5mm; padding: 0.5mm; object-fit: contain; }
    .id-modern__header h2 { margin: 0; font-size: 6pt; font-weight: 800; text-transform: uppercase; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
    .id-modern__header p { margin: 0.3mm 0 0; font-size: 4.5pt; color: rgba(255,255,255,.9); }
    .id-modern__photo-wrap { text-align: center; margin-top: -2mm; position: relative; z-index: 3; }
    .id-modern__photo { width: 18mm; height: 18mm; object-fit: cover; border: 0.8mm solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.2); background: #e2e8f0; }
    .id-modern__photo--rect { border-radius: 1mm; width: 20mm; height: 24mm; }
    .id-modern__photo--circle { border-radius: 50%; }
    .id-card--photo .id-modern__photo-wrap { margin-top: -12mm; }
    .id-card--photo .id-modern__photo--rect { width: 22mm; height: 26mm; }
    .id-modern__body { padding: 2mm 3mm; background: #fff; color: var(--card-text); text-align: center; flex: 1; }
    .id-modern__body h3 { margin: 0; font-size: 7.5pt; font-weight: 800; text-transform: uppercase; color: var(--card-secondary); }
    .id-modern__role { margin: 0.5mm 0 2mm; font-size: 6pt; font-weight: 600; color: var(--card-primary); }
    .id-modern__meta { font-size: 5pt; color: var(--card-muted); text-align: left; }
    .id-modern__meta div { margin-bottom: 0.8mm; }
    .id-modern__meta i { color: var(--card-primary); width: 3.5mm; }
    .id-modern__bottom { background: var(--card-secondary); color: #fff; padding: 1.5mm 3mm; display: flex; justify-content: space-between; align-items: center; font-size: 4.5pt; }
    .id-modern__barcode { font-family: monospace; letter-spacing: 1px; opacity: .85; }
    .id-card--modern { display: flex; flex-direction: column; background: #fff; height: 100%; min-height: 0; overflow: hidden; }
    .id-card--gradient .id-modern__top { background: linear-gradient(160deg, var(--card-primary) 0%, var(--card-secondary) 100%); }

    /* Minimal ID */
    .id-card--minimal { padding: 3mm; text-align: center; border: 0.4mm solid #e2e8f0; }
    .id-minimal__header { display: flex; align-items: center; justify-content: center; gap: 2mm; margin-bottom: 2mm; font-size: 5.5pt; font-weight: 700; color: var(--card-secondary); }
    .id-minimal__header img { width: 7mm; height: 7mm; object-fit: contain; }
    .id-minimal__photo { width: 22mm; height: 26mm; object-fit: cover; border: 0.4mm solid #cbd5e1; margin-bottom: 2mm; }
    .id-card--minimal h3 { margin: 0; font-size: 7.5pt; font-weight: 800; color: var(--card-text); }
    .id-card--minimal p { margin: 1mm 0 2mm; font-size: 6pt; color: var(--card-primary); font-weight: 600; }
    .id-minimal__lines { text-align: left; font-size: 5.5pt; border-top: 0.3mm solid #e2e8f0; padding-top: 2mm; }
    .id-minimal__lines div { display: flex; justify-content: space-between; margin-bottom: 1mm; }
    .id-minimal__lines span { color: var(--card-muted); }

    /* Dark ID */
    .id-card--dark { background: linear-gradient(180deg, var(--card-secondary) 0%, #0f172a 100%); color: #f8fafc; padding: 3mm; text-align: center; }
    .id-dark__glow { position: absolute; top: -20mm; right: -20mm; width: 40mm; height: 40mm; background: var(--card-primary); opacity: .25; border-radius: 50%; filter: blur(8mm); }
    .id-dark__header { display: flex; align-items: center; justify-content: center; gap: 2mm; font-size: 5.5pt; font-weight: 700; margin-bottom: 2mm; position: relative; }
    .id-dark__header img { width: 7mm; height: 7mm; background: #fff; border-radius: 1mm; padding: 0.5mm; }
    .id-dark__photo { width: 22mm; height: 22mm; border-radius: 50%; object-fit: cover; border: 0.8mm solid var(--card-primary); margin-bottom: 2mm; position: relative; }
    .id-card--dark h3 { margin: 0; font-size: 7.5pt; font-weight: 800; }
    .id-card--dark p { margin: 1mm 0; font-size: 6pt; color: #94a3b8; }
    .id-dark__chip { display: inline-block; background: var(--card-primary); padding: 1mm 3mm; border-radius: 1mm; font-size: 5.5pt; font-weight: 700; margin: 2mm 0; }
    .id-dark__footer { font-size: 5pt; color: #64748b; margin-top: auto; }

    /* Sidebar ID */
    .id-card--sidebar { display: grid; grid-template-columns: 5mm 1fr; padding: 0; }
    .id-sidebar__stripe { background: linear-gradient(180deg, var(--card-primary), var(--card-secondary)); }
    .id-sidebar__content { padding: 2.5mm 2.5mm 2mm; display: flex; flex-direction: column; }
    .id-sidebar__head { display: flex; align-items: center; gap: 1.5mm; margin-bottom: 2mm; }
    .id-sidebar__head img { width: 6mm; height: 6mm; object-fit: contain; }
    .id-sidebar__head strong { font-size: 4.8pt; line-height: 1.2; color: var(--card-secondary); }
    .id-sidebar__photo { width: 18mm; height: 18mm; border-radius: 50%; object-fit: cover; border: 0.6mm solid var(--card-primary); align-self: center; margin-bottom: 2mm; }
    .id-sidebar__content h3 { margin: 0; font-size: 6.5pt; font-weight: 800; color: var(--card-text); text-align: center; }
    .id-sidebar__content p { margin: 0.5mm 0 2mm; font-size: 5.5pt; color: var(--card-primary); text-align: center; font-weight: 600; }
    .id-sidebar__content ul { list-style: none; padding: 0; margin: 0; font-size: 5pt; color: var(--card-muted); }
    .id-sidebar__content li { margin-bottom: 0.8mm; padding-left: 2mm; border-left: 0.5mm solid var(--card-primary); }

    /* Pro back */
    .id-card--back-pro { padding: 2.5mm 3mm; background: #fff; color: var(--card-text); display: flex; flex-direction: column; font-size: 5pt; overflow: hidden; height: 100%; min-height: 0; }
    .id-back-pro__head { display: flex; align-items: center; gap: 2mm; margin-bottom: 2mm; padding-bottom: 1.5mm; border-bottom: 0.4mm solid var(--card-primary); }
    .id-back-pro__head img { width: 8mm; height: 8mm; object-fit: contain; }
    .id-back-pro__head h3 { margin: 0; font-size: 6pt; font-weight: 800; color: var(--card-secondary); text-transform: uppercase; }
    .id-back-pro__text { margin: 0 0 2mm; font-size: 4.8pt; line-height: 1.35; color: var(--card-muted); }
    .id-back-pro__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1mm 2mm; margin-bottom: 2mm; }
    .id-back-pro__grid span { display: block; font-size: 4.5pt; color: var(--card-muted); text-transform: uppercase; }
    .id-back-pro__grid strong { font-size: 5.5pt; }
    .id-back-pro__return { font-size: 4.8pt; line-height: 1.35; margin-bottom: 2mm; flex: 1; }
    .id-back-pro__qr { width: 14mm; height: 14mm; align-self: center; margin-bottom: 1mm; }
    .id-back-pro__qr svg { width: 100% !important; height: 100% !important; }
    .id-back-pro__footer { text-align: center; font-size: 4.8pt; font-weight: 700; color: var(--card-muted); }
    .id-card--back-premium { background: linear-gradient(180deg, #fffbeb, #fff); border: 0.4mm solid #ca8a04; }

    /* ===== VISITING CARD (90×50mm) ===== */
    .vc-sheet { display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; align-items: flex-start; }
    .vc-sheet__row { text-align: center; flex: 0 0 auto; }
    .vc-sheet__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #64748b; margin-bottom: 8px; }
    .vc-sheet__card-slot {
        margin: 0 auto;
        position: relative;
        flex: 0 0 auto;
    }
    .vc-card {
        width: 100%;
        height: 100%;
        min-width: 90mm;
        max-width: 90mm;
        min-height: 50mm;
        max-height: 50mm;
        border-radius: 2.5mm;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 12px 40px rgba(15,23,42,.15), 0 0 0 1px rgba(15,23,42,.05);
        position: relative;
        flex-shrink: 0;
    }
    .vc-front, .vc-back { width: 100%; height: 100%; position: relative; }
    .vc-front { display: flex; overflow: hidden; }
    .vc-accent-bar { width: 4mm; background: linear-gradient(180deg, var(--card-primary), var(--card-secondary)); flex-shrink: 0; }
    .vc-front__shape {
        position: absolute; inset: 0;
        background: linear-gradient(135deg, var(--card-primary) 0%, var(--card-primary) 38%, transparent 38%),
                    linear-gradient(315deg, var(--card-secondary) 0%, var(--card-secondary) 25%, transparent 25%);
        opacity: .12;
    }
    .vc-card--dark .vc-front__shape, .vc-card--tech .vc-front__shape { opacity: 0; }
    .vc-card--dark .vc-front, .vc-card--tech .vc-front { background: linear-gradient(135deg, var(--card-secondary), #0f172a); }
    .vc-card--wave .vc-front__shape {
        background: none;
        background-image: radial-gradient(ellipse at 100% 0%, var(--card-primary) 0%, transparent 55%),
                          radial-gradient(ellipse at 0% 100%, var(--card-secondary) 0%, transparent 50%);
        opacity: .2;
    }
    .vc-card--luxury .vc-front { background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); border-bottom: 0.5mm solid #ca8a04; }
    .vc-card--minimal .vc-front { background: #fff; }
    .vc-front__content {
        position: relative; z-index: 2; flex: 1;
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        padding: 4mm; text-align: center;
    }
    .vc-logo { width: 11mm; height: 11mm; object-fit: contain; margin-bottom: 2mm; }
    .vc-front__content h1 { margin: 0; font-size: 9pt; font-weight: 800; color: var(--card-primary); text-transform: uppercase; letter-spacing: .03em; line-height: 1.15; }
    .vc-card--dark .vc-front__content h1, .vc-card--tech .vc-front__content h1 { color: #fff; }
    .vc-card--luxury .vc-front__content h1 { color: #78350f; }
    .vc-front__content h2 { margin: 1mm 0 0; font-size: 5.5pt; font-weight: 500; color: var(--card-secondary); text-transform: uppercase; }
    .vc-card--dark .vc-front__content h2, .vc-card--tech .vc-front__content h2 { color: #94a3b8; }
    .vc-front__tag { margin-top: 2mm; font-size: 5pt; background: var(--card-primary); color: #fff; padding: 0.8mm 2.5mm; border-radius: 1mm; }

    .vc-back { display: flex; padding: 3.5mm 4mm; gap: 3mm; background: #fff; }
    .vc-card--dark .vc-back, .vc-card--tech .vc-back { background: linear-gradient(135deg, var(--card-secondary), #0f172a); color: #f1f5f9; }
    .vc-back__left { flex: 1; text-align: left; min-width: 0; }
    .vc-back__left h3 { margin: 0; font-size: 9.5pt; font-weight: 800; color: var(--card-primary); text-transform: uppercase; line-height: 1.1; }
    .vc-card--dark .vc-back__left h3, .vc-card--tech .vc-back__left h3 { color: #fff; }
    .vc-back__title { margin: 0.5mm 0 0; font-size: 6pt; font-weight: 600; color: var(--card-secondary); text-transform: uppercase; }
    .vc-card--dark .vc-back__title, .vc-card--tech .vc-back__title { color: #94a3b8; }
    .vc-back__dept { margin: 0 0 2mm; font-size: 5pt; color: var(--card-muted); }
    .vc-card--dark .vc-back__dept, .vc-card--tech .vc-back__dept { color: #64748b; }
    .vc-back__lines { font-size: 5.2pt; line-height: 1.5; color: #475569; }
    .vc-card--dark .vc-back__lines, .vc-card--tech .vc-back__lines { color: #cbd5e1; }
    .vc-back__lines i { color: var(--card-primary); width: 3.5mm; text-align: center; }
    .vc-card--dark .vc-back__lines i, .vc-card--tech .vc-back__lines i { color: #818cf8; }
    .vc-back__right { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1mm; }
    .vc-qr { width: 15mm; height: 15mm; border: 0.4mm solid var(--card-primary); padding: 0.5mm; background: #fff; border-radius: 1mm; }
    .vc-qr svg { width: 100% !important; height: 100% !important; }
    .vc-back__sid { font-size: 4.5pt; font-weight: 700; color: var(--card-muted); font-family: monospace; }
    .vc-back__instructions { font-size: 4.8pt; color: var(--card-muted); margin-top: 1.5mm; line-height: 1.35; }
    .vc-front__content.logo-pos-top-center { align-items: center; }

    /* Flex block ordering */
    .card-blocks { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
    .card-block { width: 100%; }
    .id-ngo__meta { font-size: 5pt; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 2mm; margin-top: 1mm; color: var(--card-muted); }
    .id-ngo__barcode { text-align: center; font-size: 5pt; letter-spacing: .08em; margin-top: auto; padding-top: 1mm; color: var(--card-muted); }

    /* Dual signatures */
    .card-signatures { display: flex; flex-wrap: wrap; justify-content: center; gap: 3mm; margin-top: auto; padding-top: 1.5mm; }
    .card-signatures--inline { margin-top: 1.5mm; }
    .card-signatures__item { text-align: center; min-width: 24mm; flex: 1; max-width: 32mm; }
    .card-signatures__img { max-height: 8mm; max-width: 28mm; display: block; margin: 0 auto 1mm; object-fit: contain; }
    .card-signatures__line { height: 0.4mm; width: 18mm; background: #94a3b8; margin: 4mm auto 1mm; }
    .card-signatures__text { font-size: 4.8pt; line-height: 1.25; }
    .card-signatures__text strong { display: block; font-weight: 700; }
    .card-signatures__text span { display: block; color: var(--card-muted); }
    .card-signatures__text small { display: block; font-size: 4pt; color: var(--card-accent); margin-top: 0.3mm; }
    .id-ngo__sign.card-signatures { border-top: 0.3mm solid #e2e8f0; }

    /* Cut / trim guides for print & laminate */
    .card-cut-guide {
        position: absolute;
        top: 5mm;
        left: 5mm;
        z-index: 30;
        pointer-events: none;
    }
    .card-cut-guide__line {
        display: block;
        width: 100%;
        height: 100%;
        border: 0.4mm dashed #64748b;
        box-sizing: border-box;
        border-radius: 4mm;
    }
    .card-cut-guide--visiting .card-cut-guide__line { border-radius: 2.5mm; }
    .card-cut-guide__corner {
        position: absolute;
        width: 4mm;
        height: 4mm;
    }
    .card-cut-guide__corner--tl { top: -4mm; left: -4mm; border-top: 0.45mm solid #475569; border-left: 0.45mm solid #475569; }
    .card-cut-guide__corner--tr { top: -4mm; right: -4mm; border-top: 0.45mm solid #475569; border-right: 0.45mm solid #475569; }
    .card-cut-guide__corner--bl { bottom: -4mm; left: -4mm; border-bottom: 0.45mm solid #475569; border-left: 0.45mm solid #475569; }
    .card-cut-guide__corner--br { bottom: -4mm; right: -4mm; border-bottom: 0.45mm solid #475569; border-right: 0.45mm solid #475569; }
    .card-cut-hint {
        margin: 6px 0 0;
        font-size: 10px;
        font-weight: 600;
        color: #64748b;
        letter-spacing: .02em;
    }

    @media print {
        @page { margin: 10mm; size: A4 portrait; }
        body.card-page { background: #fff !important; }
        .no-print { display: none !important; }
        .card-workspace { min-height: auto; padding: 0; align-items: flex-start; justify-content: flex-start; }
        .id-card, .vc-card { box-shadow: none !important; break-inside: avoid; page-break-inside: avoid; }
        .id-sheet__card-slot, .vc-sheet__card-slot { break-inside: avoid; page-break-inside: avoid; }
        .card-print-frame { break-inside: avoid; page-break-inside: avoid; padding: 6mm; }
        .id-sheet, .vc-sheet { gap: 0; flex-direction: column; align-items: flex-start; }
        .id-sheet__col, .vc-sheet__row { break-after: page; page-break-after: always; width: auto; }
        .id-sheet__col:last-child, .vc-sheet__row:last-child { break-after: auto; page-break-after: auto; }
        .card-cut-guide__line { border: 0.6pt dashed #000 !important; }
        .card-cut-guide__corner { border-color: #000 !important; }
        .card-cut-guide__corner--tl { border-top-width: 0.6pt; border-left-width: 0.6pt; }
        .card-cut-guide__corner--tr { border-top-width: 0.6pt; border-right-width: 0.6pt; }
        .card-cut-guide__corner--bl { border-bottom-width: 0.6pt; border-left-width: 0.6pt; }
        .card-cut-guide__corner--br { border-bottom-width: 0.6pt; border-right-width: 0.6pt; }
    }
</style>