.host-tabs220,.event-tabs220,.mobile-roster220,.event-help220,.mobile-drawing220 { display:none; }
.raffle-search220 { display:flex; align-items:center; gap:10px; width:min(100%,340px); min-height:46px; margin:0 0 18px; border:1px solid #d4e1ed; border-radius:12px; background:#fff; padding:0 14px; color:#7990a6; }
.raffle-search220 input { min-width:0; width:100%; padding:12px 0; border:0; outline-offset:0; background:none; color:#203f5b; font:16px/1.4 system-ui; }
.raffle-search220 svg { width:19px; height:19px; }
.raffle-card[hidden],.event-workspace220 [hidden] { display:none!important; }
.app-main #raffle-search-empty220[hidden] { display:none!important; }
@media (max-width:900px) {
 .mobile-drawing220 { display:inline-flex; }
 body { -webkit-tap-highlight-color:transparent; }
 .app-main { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#f5f7fb; min-height:100vh; }
 .app-main .topbar { position:sticky; top:0; z-index:30; background:#fffffffa; border-bottom:1px solid #e7edf4; height:calc(62px + env(safe-area-inset-top)); padding-top:env(safe-area-inset-top); }
 .workspace-path211 > .workspace-prefix211,.workspace-path211 > span { display:none; }
  .workspace-path211 strong { color:#153857; font-weight:750; font-size:14px; }
 .asn-native220 .app-main .topbar { height:50px; padding-top:0; }
 .app-main .topbar-logo { display:none; }
 .app-main .menu-toggle { background:#f0f5fb; border-radius:13px; }
 .app-main .page-content { padding:22px 18px calc(108px + env(safe-area-inset-bottom)); }
 .page-content h1 { font-size:28px; letter-spacing:-.9px; font-weight:800; }
 .page-content .page-heading p { font-size:13px; line-height:1.5; }
 .page-content .page-heading .eyebrow { font-size:9px; color:#7890a6; }
 .page-content:has(.raffle-toolbar211) .page-heading { align-items:center; flex-wrap:nowrap; gap:10px; }
 .page-content:has(.raffle-toolbar211) .page-heading h1 { font-size:25px; margin:0; }
 .page-content:has(.raffle-toolbar211) .page-heading .eyebrow,.page-content:has(.raffle-toolbar211) .page-heading p { display:none; }
 .page-content .primary,.page-content .secondary { border-radius:12px; min-height:46px; }
 .page-content .page-heading > .primary { padding:10px 15px; font-size:13px; }
 .page-content .stats { gap:9px; margin-bottom:21px; }
 .page-content .stats > div { border:1px solid #e0e8f1; border-radius:16px; padding:15px 12px; }
 .page-content .stats small { display:block; min-height:30px; font-size:10px; line-height:1.5; font-weight:750; }
 .page-content .stats strong { font-size:28px; letter-spacing:-.6px; }
 .page-content .raffle-toolbar211 { margin-bottom:13px; }
 .raffle-toolbar211 h2 { font-size:17px; letter-spacing:-.25px; }
 .page-content .raffle-toolbar211 .agent-select170 { width:100%; }
 .page-content .raffle-toolbar211 .field > span { font-size:11px; color:#71879c; }
 .page-content .filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:4px; margin:16px 0 14px; border:0; border-radius:13px; background:#e8eef5; }
 .page-content .filters .filter { min-height:42px; border:0; border-radius:10px; padding:9px 3px; font-size:11px; color:#73869a; }
 .page-content .filters .filter.selected { background:#fff; color:#1a4870; box-shadow:0 2px 5px #153b5d08; }
 .raffle-search220 { width:100%; min-height:48px; margin-bottom:16px; }
 .page-content .raffle-grid { grid-template-columns:1fr; gap:12px; }
 .page-content .raffle-card { position:relative; padding:18px 17px; display:grid; grid-template-columns:44px minmax(0,1fr); gap:0 13px; border:1px solid #dfe8f0; border-radius:19px; box-shadow:0 3px 9px #17395704; }
 .page-content .raffle-card .card-top { display:contents; }
 .page-content .raffle-card .ticket-icon { grid-column:1; grid-row:1 / span 4; width:44px; height:44px; margin-top:2px; align-items:center; justify-content:center; border-radius:14px; color:#1874c3; background:#edf5ff; }
 .page-content .raffle-card .badge { grid-column:2; justify-self:start; margin-bottom:8px; padding:3px 7px; font-size:10px; border-radius:6px; }
 .page-content .raffle-card h3 { grid-column:2; font-size:17px; line-height:1.35; margin:0 0 6px; letter-spacing:-.25px; }
 .page-content .raffle-card > p { grid-column:2; font-size:12px; margin:4px 0; color:#6c8297; gap:6px; }
 .page-content .raffle-card > p svg { width:14px; height:14px; }
 .page-content .raffle-card .prize-line { grid-column:1 / -1; border-top:1px dashed #e1eaf2; margin-top:13px; padding:11px 0; font-size:12px; color:#5f7c94; }
 .page-content .raffle-card .card-bottom { grid-column:1 / -1; margin:0; padding:10px 0 0; background:transparent; border-top:1px solid #edf1f6; font-size:11px; }
 .page-content .workflow { display:none; }
 .page-content footer { font-size:10px; color:#899cad; text-align:center; justify-content:center; }
 .host-tabs220 { position:fixed; z-index:35; bottom:0; left:0; right:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); background:#fffffffa; border-top:1px solid #e0e8f0; box-shadow:0 -4px 20px #193e5906; }
 .host-tab220 { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:7px 3px; min-height:54px; background:none; color:#70879c; border-radius:13px; font-size:10px; font-weight:650; }
 .host-tab220 svg { width:22px; height:22px; }
 .host-tab220[aria-current="page"] { background:#edf5ff; color:#0c6cbb; font-weight:800; }
 .menu-open .host-tabs220 { pointer-events:none; }
 #toast { bottom:calc(88px + env(safe-area-inset-bottom)); z-index:100; }
 #modal { inset:auto 0 0; margin:0 auto; border:0; border-radius:25px 25px 0 0; width:min(580px,100%); max-width:100%; max-height:90dvh; padding:28px 23px calc(24px + env(safe-area-inset-bottom)); }
 #modal::backdrop { background:#0e274a80; backdrop-filter:blur(3px); }
 #modal h2 { font-size:23px; letter-spacing:-.45px; }
 #modal .modal-close { width:44px; height:44px; border-radius:50%; background:#f0f5f9; top:15px; right:13px; display:grid; place-items:center; padding:0; }
 #modal input,#modal select { border-radius:11px; min-height:48px; }
 .event-workspace220 { display:flex; flex-direction:column; }
 .event-workspace220 > .back { order:0; margin-bottom:14px; font-size:12px; min-height:32px; align-self:flex-start; }
 .event-workspace220 > .room-hero160 { order:1; background:linear-gradient(115deg,#123a5d,#0b69ab); border:0; border-radius:20px; padding:20px; gap:12px; }
 .event-workspace220 .room-hero160 h1 { font-size:24px; margin:8px 0; line-height:1.2; }
 .event-workspace220 .room-hero160 p { font-size:12px; margin:8px 0; }
 .event-workspace220 .room-hero160 .eyebrow { font-size:9px; color:#b6d9f4; }
 .event-workspace220 .room-status160 { font-size:10px; padding:4px 9px; background:#ffffff12; }
 .event-workspace220 .room-tools160 a { display:none; }
 .event-workspace220 .room-tools160 .secondary { font-size:11px; padding:8px 12px; min-height:44px; }
 .event-workspace220:not([data-current-panel220="overview"]) .room-hero160 { padding:16px 18px; }
 .event-workspace220:not([data-current-panel220="overview"]) .room-hero160 h1 { font-size:20px; margin:0 0 9px; }
 .event-workspace220:not([data-current-panel220="overview"]) .room-hero160 .eyebrow,.event-workspace220:not([data-current-panel220="overview"]) .room-hero160 p,.event-workspace220:not([data-current-panel220="overview"]) .room-tools160 { display:none; }
 .event-tabs220 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:4px; background:#e8eef5; border-radius:13px; order:2; margin:17px 0 0; }
 .event-tabs220 button { min-height:44px; padding:10px 2px; background:none; color:#75899e; border-radius:10px; font-size:11px; font-weight:650; }
 .event-tabs220 button[aria-selected="true"] { color:#183f60; background:#fff; box-shadow:0 2px 5px #12365508; }
 .event-workspace220 .room-meta160 { order:3; margin:11px 2px 16px; font-size:10px; color:#8093a5; }
 .event-workspace220 .room-meta160 > span:last-child { display:none; }
 .event-workspace220 > .metrics160 { order:4; gap:10px; margin:0 0 16px; }
 .event-workspace220 .metric160 { padding:15px; gap:6px; border-radius:16px; }
 .event-workspace220 .metric160 strong { font-size:28px; }
 .event-workspace220 .metric160 small { font-size:11px; }
 .event-workspace220 .metric160 span { display:none; }
 .event-workspace220 > .room-grid160 { order:6; display:flex; flex-direction:column; gap:0; }
 .event-workspace220 .room-main160,.event-workspace220 .room-aside160 { display:block; }
 .event-workspace220[data-current-panel220="draw"] .room-aside160 { order:-1; }
 .event-workspace220 .room-grid160 .panel { margin-bottom:16px; }
 .event-workspace220 .room-grid160 .form-panel { padding:20px; border-radius:17px; }
 .event-workspace220 .room-grid160 .panel-heading h2 { font-size:17px; }
 .event-workspace220 .next-step160 { border-left:0; border-top:3px solid #84bf49; }
 .event-workspace220 .next-step160 h2 { font-size:20px; margin:9px 0; }
 .event-workspace220 .next-step160 .eyebrow { font-size:9px; }
 .event-workspace220 .form-panel > p { font-size:13px; line-height:1.6; }
 .event-workspace220 .draw-card { border-radius:20px; padding:24px; margin-bottom:17px; }
 .event-workspace220 .trophy-symbol { padding:16px; margin:6px 0 14px; }
 .event-workspace220 .trophy-symbol svg { width:36px; height:36px; }
 .event-workspace220 .draw-card h2 { font-size:23px; }
 .event-workspace220 .draw-card .eligible { margin:16px 0; }
 .event-workspace220 .draw-button { min-height:50px; border-radius:12px; }
 .event-workspace220 > .manage170 { order:4; margin-bottom:16px; }
 .event-workspace220 > .evidence180 { order:7; margin:0 0 16px; }
 .event-workspace220 > .corrections170 { order:8; margin:0 0 16px; }
 .event-workspace220 > .mobile-roster220 { order:5; display:block; margin-bottom:16px; }
 .event-workspace220 > .event-help220 { order:9; display:block; }
 .event-help220 .row-actions { margin-top:15px; }
 .mobile-roster220 .panel-heading { padding:0 0 15px; }
 .mobile-roster220 .panel-heading h2 { font-size:18px; }
 .roster-row220 { display:flex; align-items:center; gap:10px; padding:13px 0; border-top:1px solid #e6eef5; }
 .roster-row220 > div { flex:1; min-width:0; }
 .roster-row220 strong { display:block; font-size:13px; overflow-wrap:anywhere; }
 .roster-row220 small { color:#68839a; font-size:11px; display:block; margin-top:4px; }
 .roster-initial220 { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; background:#edf4fc; color:#286897; font-size:13px; font-weight:750; border-radius:12px; }
 .roster-row220 button { min-height:44px; }
}
@media (max-width:360px) { .app-main .page-content { padding-left:14px; padding-right:14px; } .page-content h1 { font-size:26px; } .page-content .raffle-card { padding:16px 14px; gap:0 10px; } }
@media print { .host-tabs220,.event-tabs220 { display:none!important; } .event-workspace220 [hidden] { display:block!important; } }