/* 🎨 PIXEL PERFECT SENDCLOUD LAYOUT & STYLING */
        body { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f9fafb; color: #374151; padding: 50px 20px; line-height: 1.5; margin: 0; -webkit-font-smoothing: antialiased; }

        /* CENTERED STACK LAYOUT */
        .portal-container { max-width: 680px; margin: 0 auto; }
        .portal-brand { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 32px; margin: 0 0 18px; color: var(--portal-primary, #111827); }
        .portal-brand-logo { display: block; max-width: min(240px, 65vw); max-height: 64px; width: auto; height: auto; object-fit: contain; background: var(--portal-logo-background, #ffffff); padding: 8px; border-radius: 6px; box-sizing: border-box; }
        .portal-brand-name { font-size: 17px; font-weight: 900; line-height: 1.2; letter-spacing: -0.02em; }
        .portal-brand-service { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 8px; border-radius: 999px; background: #f3f4f6; color: var(--portal-primary, #111827); font-size: 11px; font-weight: 800; letter-spacing: 0.02em; text-transform: uppercase; }

        /* CLEAN WHITE CARDS WITH LIGHT BORDER */
        .sendcloud-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px 32px; margin-bottom: 16px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

        /* SECTION TITLES (Icons removed as requested for a cleaner look) */
        .section-title { font-size: 18px; font-weight: 700; color: #111827; margin-top: 0; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
        .order-summary-card { text-align: center; padding-top: 36px; padding-bottom: 32px; }
        .order-page-title { font-size: 22px; line-height: 1.25; font-weight: 700; color: #111827; margin: 0 0 14px; }
        .order-summary-shipping { border-top: 1px solid #e5e7eb; margin-top: 28px; padding-top: 24px; text-align: left; }
        .order-next-step { max-width: 560px; margin: 14px auto 0; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; color: #4b5563; font-size: 13px; line-height: 1.5; }

        /* INLOG SCHERM STYLING */
        .subtitle { font-size: 14px; color: #4b5563; text-align: center; margin-bottom: 30px; line-height: 1.6; }
        .subtitle strong { color: #111827; font-weight: 600; }

        .alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 24px; font-size: 14px; text-align: center; font-weight: 500; }
        .alert-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
        .alert-success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }

        /* FORMULIEREN */
        .form-group { margin-bottom: 18px; text-align: left; }
        .form-row { display: flex; gap: 16px; }
        .form-row .form-group { flex: 1; }

        label { display: block; font-size: 14px; font-weight: 600; color: #4b5563; margin-bottom: 7px; }
        input[type="text"], input[type="email"], select { box-sizing: border-box; width: 100%; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 15px; color: #111827; background-color: #ffffff; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
        input[type="text"]:focus, input[type="email"]:focus, select:focus { border-color: #111827; outline: none; box-shadow: 0 0 0 1px #111827; }

        /* KNOPPEN MET BOX-SIZING FIX VOOR PERFECTE UITLIJNING */
        button { box-sizing: border-box; width: 100%; background: var(--portal-primary, #111827); color: var(--portal-on-primary, #ffffff); border: none; padding: 12px 20px; border-radius: 6px; font-size: 15px; font-weight: 600; margin-top: 8px; cursor: pointer; transition: background-color 0.1s ease; }
        button:hover { background: #1f2937; }

        .action-group { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 8px; }
        .action-group a { box-sizing: border-box; margin: 0; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 6px; font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; transition: background-color 0.1s ease; }
        .order-action-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
        .order-action-list a, .order-action-list span { box-sizing: border-box; margin: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 6px; font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; transition: background-color 0.1s ease; }
        .order-action-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
        .order-action-group-card { padding: 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
        .order-action-group-card h3 { margin: 0 0 10px; color: #111827; font-size: 14px; line-height: 1.3; }
        .order-action-group-card .order-action-list { grid-template-columns: 1fr; gap: 10px; }
        .order-action-form { display: none; margin: 0; }
        button.order-action-button { box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: 12px; color: #374151; font-size: 14px; font-weight: 600; }

        .btn-outline { background: #ffffff; color: #374151; border: 1px solid #d1d5db; }
        .btn-outline:hover { background: #f9fafb; border-color: #9ca3af; }
        .btn-disabled { background: #f3f4f6; color: #9ca3af; border-color: #e5e7eb; cursor: not-allowed; opacity: 0.72; }
        .btn-disabled:hover { background: #f3f4f6; border-color: #e5e7eb; }

        .btn-dark { box-sizing: border-box; background: var(--portal-primary, #111827); color: var(--portal-on-primary, #ffffff); border: 1px solid var(--portal-primary, #111827); display: block; width: 100%; padding: 14px; border-radius: 6px; text-align: center; font-weight: 600; font-size: 15px; text-decoration: none; transition: background 0.1s; margin-top: 16px; }
        .btn-dark:hover { background: #1f2937; }

        button.btn-link-cancel { width: auto; background: none !important; color: #ef4444; padding: 0; border-radius: 0; font-size: 14px; text-decoration: underline; display: block; margin: 20px auto 0 auto; cursor: pointer; font-weight: 500; }
        button.btn-link-cancel:hover { color: #dc2626; }

        /* BEVESTIGINGSMODAL */
        .modal-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(17, 24, 39, 0.45); }
        .modal-overlay[hidden] { display: none; }
        .modal-dialog { box-sizing: border-box; width: min(100%, 480px); background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; box-shadow: 0 20px 40px rgba(17, 24, 39, 0.18); }
        .modal-title { font-size: 20px; line-height: 1.3; font-weight: 700; color: #111827; margin: 0 0 12px; }
        .modal-copy { font-size: 14px; line-height: 1.6; color: #4b5563; margin: 0; }
        .modal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
        button.modal-button { min-height: 44px; margin: 0; }

        /* PRODUCTEN LIJST */
        .product-list { margin-top: 8px; }
        .product-item { display: flex; align-items: center; gap: 16px; padding: 12px 0; }
        .product-item + .product-item { border-top: 1px solid #f3f4f6; }
        .product-img { width: 48px; height: 48px; object-fit: contain; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; }
        .product-details { flex: 1; font-size: 14px; color: #111827; font-weight: 500; }
        .product-qty { font-weight: 600; color: #6b7280; font-size: 14px; }

        /* BOTTOM GRID (ADRES & TRACKING) EXACT GELIJK GETROKKEN */
        .bottom-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
        @media (max-width: 550px) { .bottom-details-grid { grid-template-columns: 1fr; gap: 32px; } }

        .info-block { font-size: 14px; color: #374151; line-height: 1.6; }
        .info-block strong { color: #111827; font-weight: 600; }
        .info-block .label-sub { display: block; margin-top: 16px; font-size: 12px; font-weight: 600; color: #4b5563; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 2px; }

        /* TRACKING LINK STYLING */
        .tracking-link-teal { color: #0d9488; font-weight: 600; text-decoration: none; }
        .tracking-link-teal:hover { text-decoration: underline; }
        .tracking-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; padding: 14px; margin-top: 16px; }
        .tracking-title { font-size: 14px; font-weight: 700; color: #111827; margin-bottom: 4px; }
        .tracking-subtitle { font-size: 13px; color: #4b5563; margin-bottom: 12px; line-height: 1.5; }
        .tracking-package-list { display: flex; flex-direction: column; gap: 10px; }
        .tracking-package { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; padding: 14px; }
        .tracking-package-name { font-size: 13px; font-weight: 700; color: #111827; }
        .tracking-package-code { font-size: 12px; color: #6b7280; word-break: break-word; margin-top: 2px; }
        .tracking-status { font-size: 12px; color: #374151; margin-top: 5px; line-height: 1.4; }
        .tracking-status strong { color: #111827; font-weight: 700; }
        .tracking-status-muted { color: #6b7280; }
        .tracking-package-action { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 12px; border-radius: 6px; background: #ffffff; color: #111827; border: 1px solid #d1d5db; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
        .tracking-package-action:hover { background: #f3f4f6; border-color: #9ca3af; }
        .tracking-list { display: flex; flex-direction: column; gap: 10px; }
        .tracking-list a { word-break: break-word; }
        .carrier-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 18px; padding: 0 6px; border-radius: 4px; font-size: 10px; font-weight: 900; letter-spacing: 0.02em; line-height: 1; vertical-align: middle; margin-right: 6px; }
        .carrier-badge-dpd { background: #dc0032; color: #ffffff; }
        .carrier-badge-gls { background: #003b79; color: #ffffff; border: 1px solid #003b79; }

        /* CASE-OVERZICHT */
        .case-overview-card h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; }
        .case-overview-intro { margin: 0 0 18px; color: #4b5563; font-size: 14px; line-height: 1.5; }
        .case-overview-list { display: flex; flex-direction: column; gap: 12px; }
        .case-overview-item { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
        .case-overview-main strong { display: block; margin-bottom: 6px; color: #111827; font-size: 14px; }
        .case-overview-reference-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
        .case-reference-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 18px; padding: 0 7px; border-radius: 4px; background: #111827; color: #ffffff; font-size: 10px; font-weight: 900; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; }
        .case-overview-summary { display: inline; color: #6b7280; font-size: 13px; line-height: 1.45; }
        .case-overview-meta { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px; margin-top: 6px; color: #6b7280; font-size: 12px; text-align: left; }
        .case-status-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 24px; padding: 4px 9px; border-radius: 999px; background: #eef2ff; color: #3730a3; font-size: 11px; font-weight: 700; white-space: nowrap; }
        .case-overview-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
        .case-view-link { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 7px 10px; border-radius: 6px; background: #ffffff; color: #111827; border: 1px solid #d1d5db; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
        .case-view-link:hover { background: #f3f4f6; border-color: #9ca3af; }
        .case-detail-status { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
        .case-detail-status div { padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
        .case-detail-status span { display: block; margin-bottom: 4px; color: #6b7280; font-size: 11px; font-weight: 700; text-transform: uppercase; }
        .case-detail-status strong { display: block; color: #111827; font-size: 14px; overflow-wrap: anywhere; }
        .case-detail-next-step { margin-top: 12px; padding: 12px; border-radius: 8px; background: #eef2ff; color: #3730a3; font-size: 13px; font-weight: 600; line-height: 1.45; }
        .case-original-report { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
        .case-original-report strong { color: #111827; font-size: 14px; }
        .case-original-report p { flex-basis: 100%; margin: 6px 0 0; color: #4b5563; font-size: 14px; line-height: 1.5; }
        .case-detail-data { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0 0; }
        .case-detail-data div { padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
        .case-detail-data .case-detail-data-long { grid-column: 1 / -1; }
        .case-detail-data dt { margin: 0 0 5px; color: #6b7280; font-size: 11px; font-weight: 700; text-transform: uppercase; }
        .case-detail-data dd { margin: 0; color: #111827; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
        .case-detail-data-long dd { min-height: 72px; white-space: pre-wrap; font-size: 15px; line-height: 1.65; }
        .case-attachment-list { margin-top: 16px; color: #4b5563; font-size: 13px; }
        .case-attachment-list strong { display: block; margin-bottom: 6px; color: #111827; }
        .case-attachment-list ul { margin: 0; padding-left: 18px; }
        .case-attachment-list a,
        .case-message-attachments a { color: #111827; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
        .case-timeline { display: flex; flex-direction: column; gap: 12px; }
        .case-timeline-item { padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; }
        .case-timeline-meta { margin-bottom: 6px; color: #6b7280; font-size: 12px; font-weight: 700; }
        .case-timeline-body { color: #374151; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
        .case-message-attachments { color: #6b7280; font-size: 13px; margin: 10px 0 0; padding-left: 18px; }

        /* DPD CLAIMMODULE */
        .claim-card { border-top: 1px solid #e5e7eb; margin-top: 14px; padding-top: 12px; }
        .claim-card-title { font-size: 12px; font-weight: 700; color: #111827; margin-bottom: 3px; }
        .claim-card-copy { font-size: 12px; color: #6b7280; line-height: 1.45; }
        .claim-action-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
        .claim-inline-action { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; min-height: 40px; color: #374151; text-decoration: none; font-size: 12px; }
        .claim-inline-context { min-width: 0; overflow-wrap: anywhere; }
        .claim-inline-button { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 12px; border-radius: 6px; background: #ffffff; color: #111827; border: 1px solid #d1d5db; font-size: 12px; font-weight: 700; text-decoration: none; text-align: center; white-space: nowrap; }
        .claim-inline-action:hover .claim-inline-button { background: #f3f4f6; border-color: #9ca3af; }
        .claim-page-card { max-width: 680px; margin-left: auto; margin-right: auto; }
        .claim-intro-card { margin-bottom: 16px; }
        .claim-page-top { margin-bottom: 14px; }
        .portal-back-button { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 6px; background: #ffffff; color: #374151; font-size: 13px; font-weight: 700; text-decoration: none; transition: background-color 0.12s ease, border-color 0.12s ease; }
        .portal-back-button:hover { background: #f9fafb; border-color: #9ca3af; }
        .portal-back-button-icon { font-size: 16px; line-height: 1; }
        .claim-page-title { font-size: 22px; line-height: 1.25; color: #111827; margin: 0 0 8px; }
        .claim-page-subtitle { max-width: 560px; font-size: 14px; color: #4b5563; line-height: 1.55; margin-bottom: 18px; }
        .claim-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; border-top: 1px solid #f3f4f6; padding-top: 16px; }
        .claim-summary span { display: block; color: #6b7280; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; }
        .claim-summary strong { display: block; color: #111827; font-size: 14px; overflow-wrap: anywhere; }
        .claim-form { background: #ffffff; }
        .claim-page-form { display: flex; flex-direction: column; gap: 20px; }
        .claim-form-section { padding-top: 2px; }
        .claim-form-section + .claim-form-section { border-top: 1px solid #e5e7eb; padding-top: 18px; }
        .claim-section-title { font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 12px; }
        .claim-checkbox { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; padding: 8px 0; font-size: 13px; color: #374151; line-height: 1.45; margin-bottom: 4px; }
        .claim-checkbox:last-child { margin-bottom: 0; }
        .claim-checkbox input { width: 14px; height: 14px; margin: 2px 0 0; }
        textarea { box-sizing: border-box; width: 100%; padding: 10px 14px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px; color: #111827; background-color: #ffffff; resize: vertical; font-family: inherit; }
        textarea:focus { border-color: #111827; outline: none; box-shadow: 0 0 0 1px #111827; }
        .signature-group { margin-bottom: 0; }
        .signature-pad-frame { box-sizing: border-box; width: 100%; max-width: 100%; border: 1px solid #d1d5db; border-radius: 6px; background: #ffffff; overflow: hidden; }
        .signature-pad { display: block; box-sizing: border-box; width: 100%; height: 150px; background: #ffffff; touch-action: none; cursor: crosshair; }
        button.signature-clear { width: auto; min-height: 34px; padding: 8px 12px; font-size: 12px; margin-top: 8px; color: #374151; background: #ffffff; border: 1px solid #d1d5db; }
        button.signature-clear:hover { background: #f9fafb; border-color: #9ca3af; }

        /* PRODUCTPROBLEEMMODULE */
        .product-problem-form-card { margin-top: -2px; }
        .product-problem-product-list { display: flex; flex-direction: column; gap: 10px; }
        .product-problem-product { box-sizing: border-box; display: grid; grid-template-columns: 18px 48px 1fr auto; gap: 12px; align-items: center; margin: 0; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f9fafb; cursor: pointer; }
        .product-problem-product:hover { border-color: #d1d5db; background: #ffffff; }
        .product-problem-product input { width: 16px; height: 16px; margin: 0; }
        .product-problem-product-name { min-width: 0; color: #111827; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
        .product-problem-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
        .product-problem-type { box-sizing: border-box; display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; margin: 0; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #ffffff; color: #374151; font-size: 13px; line-height: 1.45; cursor: pointer; }
        .product-problem-type:hover { border-color: #d1d5db; background: #f9fafb; }
        .product-problem-type input { width: 15px; height: 15px; margin: 2px 0 0; }
        .product-problem-type span { display: flex; flex-direction: column; gap: 4px; }
        /* Dynamische opties moeten echt verdwijnen, ook wanneer kaart-CSS display:grid zet. */
        .product-problem-resolution-option[hidden], .shipping-problem-resolution-option[hidden], .shipping-problem-conditional-field[hidden], .shipping-problem-default-handling[hidden], .shipping-problem-upload-section[hidden], .product-problem-upload-label small[hidden] { display: none !important; }
        .product-problem-resolution-copy { margin: -4px 0 12px; color: #4b5563; font-size: 13px; line-height: 1.5; }
        input[type="file"] { box-sizing: border-box; width: 100%; padding: 10px; border: 1px dashed #d1d5db; border-radius: 6px; background: #f9fafb; color: #374151; font-size: 13px; }
        .product-problem-help { margin-top: 7px; color: #6b7280; font-size: 12px; line-height: 1.45; }
        .product-problem-upload-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
        .product-problem-upload-label small { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px; border-radius: 999px; background: #fef3c7; color: #92400e; font-size: 11px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
        .product-problem-dropzone { box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; min-height: 128px; padding: 18px; border: 1px dashed #d1d5db; border-radius: 8px; background: #f9fafb; text-align: center; transition: border-color 0.12s ease, background-color 0.12s ease; }
        .product-problem-dropzone.is-dragover { border-color: #111827; background: #ffffff; }
        .product-problem-dropzone input[type="file"] { max-width: 360px; padding: 8px; background: #ffffff; border-style: solid; }
        .case-reply-dropzone { min-height: 112px; }
        .product-problem-dropzone-title { color: #111827; font-size: 14px; font-weight: 700; }
        .product-problem-dropzone-copy { color: #6b7280; font-size: 12px; }
        .product-problem-file-list { margin: 10px 0 0; padding-left: 18px; color: #374151; font-size: 12px; line-height: 1.5; }
        .product-problem-package-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
        .shipping-problem-package { grid-template-columns: 18px 1fr auto; }
        .shipping-problem-package .tracking-package-code { display: block; margin-top: 5px; color: #6b7280; font-size: 13px; font-weight: 500; }
        .shipping-delay-note { padding: 12px; border-radius: 8px; background: #f9fafb; border: 1px solid #e5e7eb; }
        .shipping-claim-card { margin-top: 12px; padding: 14px; border: 1px solid #d1d5db; border-radius: 8px; background: #f9fafb; }
        .shipping-claim-card[hidden] { display: none !important; }
        .shipping-claim-card strong { display: block; margin-bottom: 6px; color: #111827; font-size: 14px; }
        .shipping-claim-card p { margin: 0 0 12px; color: #4b5563; font-size: 13px; line-height: 1.5; }
        .shipping-claim-declaration { display: flex; flex-direction: column; gap: 4px; }
        .shipping-claim-declaration .signature-group { margin-top: 10px; }

        .order-meta-info { margin-bottom: 0; font-size: 14px; color: #374151; }
        .order-choice-list { display: flex; flex-direction: column; gap: 12px; }
        .order-choice-item { border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; }
        .order-choice-top { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 12px; }
        .order-choice-number { font-weight: 700; color: #111827; font-size: 16px; }
        .order-choice-status { color: #4b5563; font-size: 13px; text-align: right; }
        .order-choice-meta { color: #4b5563; font-size: 13px; line-height: 1.5; margin-bottom: 14px; }
        .order-choice-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
        .order-choice-actions a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px; border-radius: 6px; font-size: 13px; font-weight: 600; text-align: center; text-decoration: none; }
        .order-choice-tracking { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
        .order-choice-tracking-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid #e5e7eb; border-radius: 6px; background: #f9fafb; }
        .order-choice-tracking-title { font-size: 12px; font-weight: 700; color: #111827; }
        .order-choice-tracking-code { font-size: 12px; color: #6b7280; margin-top: 2px; word-break: break-word; }
        .order-choice-tracking-row a { box-sizing: border-box; min-height: 32px; padding: 7px 10px; border-radius: 6px; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
        @media (max-width: 550px) {
            .order-choice-top { flex-direction: column; gap: 4px; }
            .order-choice-status { text-align: left; }
            .order-choice-actions { grid-template-columns: 1fr; }
            .order-action-groups { grid-template-columns: 1fr; }
            .order-action-list { grid-template-columns: 1fr; }
            .tracking-package, .order-choice-tracking-row { grid-template-columns: 1fr; }
            .case-overview-item { grid-template-columns: 1fr; gap: 12px; }
            .case-overview-actions { justify-content: flex-start; }
            .case-detail-status { grid-template-columns: 1fr; }
            .case-detail-data { grid-template-columns: 1fr; }
            .case-overview-meta { justify-content: flex-start; text-align: left; }
            .claim-inline-action { grid-template-columns: 1fr; }
            .claim-inline-button { width: 100%; box-sizing: border-box; white-space: normal; }
            .claim-summary { grid-template-columns: 1fr; }
            .claim-page-card { padding: 20px; }
            .signature-pad { height: 140px; }
            .product-problem-product { grid-template-columns: 18px 42px 1fr; }
            .product-problem-product .product-qty { grid-column: 3; }
            .shipping-problem-package { grid-template-columns: 18px 1fr; }
            .shipping-problem-package .tracking-package-action { grid-column: 2; width: 100%; box-sizing: border-box; white-space: normal; }
            .product-problem-type-grid { grid-template-columns: 1fr; }
        }