.skme-package { color: #253447; background: #f6f8fb; border-radius: 22px; padding: clamp(18px,4vw,40px); font: 16px/1.6 Arial,Helvetica,sans-serif; max-width: 1100px; margin: 24px auto; overflow-wrap: anywhere; }
.skme-package *, .skme-package-dialog * { box-sizing: border-box; }
.skme-package .skme-package-header { background: var(--skme-hero-background,#193f35); color: var(--skme-hero-text,#fff); border-top: 4px solid var(--skme-hero-accent,#e7c879); padding: clamp(22px,4vw,40px); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.skme-package-header div { min-width: 0; }
.skme-package .skme-package-header h2 { color: inherit; font: 400 clamp(28px,4vw,42px)/1.2 Georgia,serif; margin: 12px 0; }
.skme-package .skme-package-header p { color: inherit; margin: 4px 0; }
.skme-package .skme-package-header img { width: 120px; height: 120px; object-fit: contain; flex-shrink: 0; }
.skme-package button, .skme-package-dialog button, .skme-package-dialog a { font: 700 15px/1.4 Arial,Helvetica,sans-serif; padding: 12px 16px; border: 1px solid transparent; border-radius: 8px; background: var(--skme-primary-strong,#193f35); color: var(--skme-on-primary-strong,#fff); cursor: pointer; text-decoration: none; }
.skme-package button:hover, .skme-package-dialog a:hover { text-decoration: underline; }
.skme-package button:disabled { cursor: wait; opacity: .65; }
.skme-package :focus-visible, .skme-package-dialog :focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.skme-package-documents { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.skme-package-documents article { background: white; padding: 20px; border: 1px solid #dfe6ef; border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.skme-package .skme-package-documents h3 { font: 700 18px/1.4 Arial,Helvetica,sans-serif; color: #253447; margin: 0; }
.skme-package-documents article > div { display: flex; gap: 8px; flex-wrap: wrap; }
.skme-package-status { margin-bottom: 0; }
.skme-package-dialog { width: min(1100px,95vw); max-height: 94vh; border: 0; border-radius: 14px; padding: 20px; color: #253447; background: #fff; }
.skme-package-dialog::backdrop { background: #0009; }
.skme-package-dialog h2 { font: 700 22px/1.3 Arial,Helvetica,sans-serif; margin: 0 0 16px; }
.skme-package-dialog a { display: inline-block; margin: 4px; }
.skme-package-dialog iframe { display: block; width: 100%; height: 64vh; border: 1px solid #dfe6ef; }
.skme-package-office { padding: 8px; border-bottom: 1px solid #ddd; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.skme-package-office label { flex: 1; min-width: 160px; }
.skme-package-admin[hidden] { display: none; }
@media(max-width:760px) { .skme-package-documents { grid-template-columns: 1fr; } }
@media(max-width:480px) { .skme-package .skme-package-header { flex-direction: column-reverse; align-items: flex-start; } .skme-package .skme-package-header img { width: 88px; height: 88px; } }
@media print { .skme-package { background: white; color: black; } .skme-package-header { background: white !important; color: black !important; } .skme-package button { display: none; } }
@media(forced-colors:active) { .skme-package button,.skme-package-dialog a { border: 1px solid ButtonText; } }