#arrivalBoardModal{padding:14px;background:rgba(2,6,23,.82)!important;backdrop-filter:blur(12px)}
.aoc-shell{width:min(1880px,98vw);height:min(930px,95vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #26364d;border-radius:14px;background:#071221;color:#e5edf8;box-shadow:0 24px 80px rgba(0,0,0,.55);transition:.2s}
.aoc-head{min-height:82px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #203047}.aoc-brand{display:flex;align-items:center;gap:14px}.aoc-brand>span{width:50px;height:50px;display:grid;place-items:center;border:1px solid #9a4b18;border-radius:11px;color:#fb923c;background:#1d1820;font-size:22px}.aoc-brand h2{margin:0;color:#fff;font-size:21px;font-weight:950}.aoc-brand p{margin:4px 0 0;color:#94a3b8;font-size:12px;font-weight:700}.aoc-brand p b{color:#a78bfa}.aoc-head-tools{display:flex;align-items:center;gap:9px}.aoc-head-tools>button,.aoc-head-tools>input,.aoc-search{height:42px;border:1px solid #334155;border-radius:9px;background:#0b1728;color:#dbeafe}.aoc-head-tools>button{width:44px}.aoc-head-tools>input{padding:0 12px}.aoc-search{width:340px;display:flex;align-items:center;gap:9px;padding:0 12px}.aoc-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}
.aoc-kpis{margin:14px 20px 10px;min-height:72px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #29394f;border-radius:10px;background:#0c192b}.aoc-kpis>div{display:grid;grid-template-columns:42px auto;grid-template-rows:1fr 1fr;align-items:center;padding:10px 18px;border-right:1px solid #334155}.aoc-kpis>div:last-child{border:0}.aoc-kpis i{grid-row:1/3;color:#60a5fa;font-size:22px}.aoc-kpis div:nth-child(3) i{color:#4ade80}.aoc-kpis div:nth-child(4) i,.aoc-kpis div:nth-child(5) i{color:#fbbf24}.aoc-kpis div:nth-child(6) i{color:#fb7185}.aoc-kpis b{font-size:19px;color:#fff}.aoc-kpis span{font-size:11px;color:#94a3b8}
.aoc-copilot{margin:0 20px 12px;min-height:70px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(139,92,246,.5);border-radius:10px;background:#10152d}.aoc-copilot b{color:#c4b5fd;font-size:13px}.aoc-copilot b i{margin-right:8px;font-size:17px}.aoc-copilot p{margin:6px 0 0;color:#cbd5e1;font-size:12px}.aoc-copilot>span{padding:8px 12px;border-left:1px solid #4c3b73;color:#67e8f9;font-size:11px;font-weight:900}
.aoc-filters{margin:0 20px;display:flex;align-items:center;border:1px solid #29394f;border-radius:9px 9px 0 0;background:#0b1728;overflow:hidden}.aoc-filters button{height:44px;padding:0 18px;border:0;border-right:1px solid #29394f;color:#aebbd0;background:transparent;font-weight:800;font-size:11px}.aoc-filters button.active{color:#67e8f9;background:#0d2635;box-shadow:inset 0 -2px #22d3ee}.aoc-filters select{height:44px;margin-left:auto;padding:0 14px;border:0;border-left:1px solid #29394f;color:#dbeafe;background:#0b1728;font-weight:800}
.aoc-table-wrap{margin:0 20px;flex:1;min-height:0;overflow:auto;border:1px solid #29394f;border-top:0}.aoc-table{width:100%;border-collapse:collapse;table-layout:fixed}.aoc-table thead{position:sticky;top:0;z-index:2;background:#102036}.aoc-table th{height:45px;padding:0 16px;color:#8796aa;text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.aoc-table th:nth-child(1){width:23%}.aoc-table th:nth-child(2){width:15%}.aoc-table th:nth-child(3){width:15%}.aoc-table th:nth-child(4){width:16%}.aoc-table th:nth-child(5){width:20%}.aoc-table th:nth-child(6){width:11%;text-align:right}.aoc-table td{height:72px;padding:9px 16px;border-top:1px solid #203047;vertical-align:middle}.aoc-table tr{cursor:pointer}.aoc-table tr:hover{background:#0d1d31}.aoc-table tr.is-urgent{box-shadow:inset 3px 0 #d99b28}.aoc-table td>b,.aoc-table td>small{display:block}.aoc-table td>b{color:#e8eef8;font-size:12px}.aoc-table td>small{margin-top:5px;color:#94a3b8;font-size:10px}.aoc-table .channel{color:#67e8f9}.danger-text{color:#fb7185!important}.aoc-guest{display:flex;align-items:center;gap:12px}.aoc-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #2b6cb0;border-radius:50%;color:#bfdbfe;background:#143762;font-weight:900}.aoc-avatar.a1{background:#3b2665;border-color:#7c3aed}.aoc-avatar.a2{background:#124b4e;border-color:#0891b2}.aoc-avatar.a3{background:#593a16;border-color:#b45309}.aoc-avatar.a4{background:#17412f;border-color:#059669}.aoc-guest b,.aoc-guest small{display:block}.aoc-guest b{font-size:12px;color:#fff}.aoc-guest small{margin-top:4px;color:#91a1b5;font-size:10px}.aoc-badge{width:max-content;margin-top:5px;padding:5px 8px;display:block;border:1px solid #475569;border-radius:7px;color:#cbd5e1;background:#172235;font-size:9px;font-weight:900}.aoc-badge i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor}.aoc-badge.success{color:#6ee7b7;border-color:#176f5a;background:#0c322c}.aoc-badge.warning{color:#fbbf24;border-color:#855719;background:#35250f}.aoc-badge.danger{color:#fb7185;border-color:#7f2f43;background:#35141e}.aoc-badge.muted{color:#cbd5e1}.aoc-insight{color:#c4b5fd!important}.aoc-actions{display:flex;justify-content:flex-end;gap:7px}.aoc-primary,.aoc-more{height:38px;border:1px solid #22b8cf;border-radius:7px;color:#67e8f9;background:#0c2231;font-size:10px;font-weight:900}.aoc-primary{min-width:105px;padding:0 10px}.aoc-primary.assign{color:#06202a;background:#22d3ee}.aoc-primary.pay{color:#fbbf24;border-color:#b7791f}.aoc-primary.info{color:#c4b5fd;border-color:#7c3aed}.aoc-more{width:36px;border-color:#334155;color:#cbd5e1;background:#111d2e}.aoc-empty{height:180px!important;text-align:center;color:#64748b!important}
.aoc-foot{min-height:62px;padding:10px 20px;display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:11px;font-weight:800}.aoc-foot>span{margin-right:auto}.aoc-foot div{display:flex;gap:5px}.aoc-foot div button,.aoc-foot>button,.aoc-foot select{height:36px;min-width:36px;padding:0 11px;border:1px solid #334155;border-radius:7px;color:#cbd5e1;background:#111d2e}.aoc-foot div button.active{color:#06202a;background:#22d3ee}.aoc-foot>button{margin-left:12px;min-width:100px}
@media(max-width:1400px){.aoc-search{width:250px}.aoc-brand h2{font-size:17px}.aoc-kpis>div{padding:8px 10px}.aoc-table th,.aoc-table td{padding-left:10px;padding-right:10px}.aoc-filters button{padding:0 11px}}
.aoc-table tr.is-noshow{background:rgba(69,26,3,.18);box-shadow:inset 3px 0 #f97316}.aoc-booking-status{width:max-content;margin-top:5px;padding:3px 7px;display:inline-block;border:1px solid #256b81;border-radius:6px;background:#0b2b39;color:#67e8f9;font-size:8px;font-weight:950;letter-spacing:.04em}.aoc-booking-status.success{border-color:#176f5a;background:#0c322c;color:#6ee7b7}.aoc-booking-status.muted{border-color:#475569;background:#172235;color:#cbd5e1}.aoc-booking-status.warning{border-color:#855719;background:#35250f;color:#fbbf24}.aoc-booking-status.danger{border-color:#7f2f43;background:#35141e;color:#fb7185}.aoc-booking-status.noshow{border-color:#c35b13;background:#421e0a;color:#fdba74}.aoc-insight.noshow{color:#fdba74!important}.aoc-primary.noshow{border-color:#c35b13;color:#fdba74;background:#2b180c}.aoc-primary.checkout{color:#fff;border-color:#e11d48;background:#be123c;box-shadow:0 0 16px rgba(225,29,72,.22)}.aoc-primary.checkout:hover{background:#e11d48}.aoc-primary:disabled{cursor:wait;opacity:.68}

/* V4 — compact, readable Arrival Operations Center on phones. */
@media(max-width:760px){
  #arrivalBoardModal{padding:0!important;align-items:stretch!important}.aoc-shell{width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important}
  .aoc-head{min-height:0;padding:12px;display:grid;grid-template-columns:1fr;gap:11px}.aoc-brand{gap:10px}.aoc-brand>span{width:40px;height:40px;font-size:17px}.aoc-brand h2{font-size:17px;line-height:1.15}.aoc-brand p{font-size:10px}
  .aoc-head-tools{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;gap:7px}.aoc-search{grid-column:1/-1;width:auto;height:42px}.aoc-head-tools>input{min-width:0;width:100%;padding:0 8px}.aoc-head-tools>button{width:42px;height:42px}.aoc-head-tools>input{height:42px}
  .aoc-kpis{margin:10px 10px 8px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.aoc-kpis>div{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;min-height:58px;padding:8px;border-right:1px solid #334155;border-bottom:1px solid #334155}.aoc-kpis>div:nth-child(3n){border-right:0}.aoc-kpis>div:nth-child(n+4){border-bottom:0}.aoc-kpis i{font-size:16px}.aoc-kpis b{font-size:17px}.aoc-kpis span{font-size:9px;line-height:1.2}
  .aoc-copilot{margin:0 10px 8px;min-height:0;padding:10px 12px;gap:8px}.aoc-copilot b{font-size:11px}.aoc-copilot p{margin-top:4px;font-size:10px;line-height:1.45}.aoc-copilot>span{flex:0 0 74px;padding:6px 8px;font-size:9px}
  .aoc-filters{margin:0 10px;border-radius:9px;overflow-x:auto;flex:0 0 auto;-webkit-overflow-scrolling:touch}.aoc-filters button{height:40px;flex:0 0 auto;padding:0 13px;font-size:10px}.aoc-filters select{position:sticky;right:0;flex:0 0 138px;height:40px;padding:0 8px;font-size:10px;box-shadow:-10px 0 15px #0b1728}
  .aoc-table-wrap{margin:8px 10px 0;border:0;overflow-y:auto;overflow-x:hidden;background:transparent}.aoc-table,.aoc-table tbody,.aoc-table tr,.aoc-table td{display:block;width:100%;box-sizing:border-box}.aoc-table thead{display:none}.aoc-table tbody{padding-bottom:5px}.aoc-table tr{position:relative;margin:0 0 9px;padding:12px;border:1px solid #29415a;border-radius:11px;background:#0b192b;box-shadow:none!important}.aoc-table tr.is-urgent{border-left:4px solid #f59e0b}.aoc-table tr.is-noshow{border-left:4px solid #f97316;background:rgba(69,26,3,.2)}
  .aoc-table td{position:relative;height:auto;min-height:0;padding:8px 0 8px 104px;border:0;border-top:1px solid rgba(51,65,85,.55)}.aoc-table td:first-child{padding:0 0 11px;border-top:0}.aoc-table td:not(:first-child)::before{position:absolute;left:0;top:9px;width:94px;color:#71849b;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.aoc-table td:nth-child(2)::before{content:'Ngày đến · ETA'}.aoc-table td:nth-child(3)::before{content:'Phòng'}.aoc-table td:nth-child(4)::before{content:'Kênh · Thu tiền'}.aoc-table td:nth-child(5)::before{content:'Sẵn sàng'}.aoc-table td:nth-child(6)::before{content:'Thao tác'}
  .aoc-table td>b{font-size:11px}.aoc-table td>small{font-size:9px}.aoc-guest{gap:10px}.aoc-avatar{width:36px;height:36px}.aoc-guest b{font-size:12px}.aoc-badge{margin-top:4px;padding:4px 7px}.aoc-insight{line-height:1.4}.aoc-actions{justify-content:flex-start}.aoc-primary{min-width:126px}.aoc-more{width:40px}
  .aoc-empty{display:block!important;height:auto!important;padding:38px 12px!important;text-align:center}.aoc-empty::before{display:none!important}
  .aoc-foot{min-height:0;padding:9px 10px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:9px}.aoc-foot>span{margin:0;line-height:1.35}.aoc-foot div{grid-column:1/-1;overflow-x:auto;padding-bottom:2px}.aoc-foot div button{flex:0 0 34px}.aoc-foot select{width:100px}.aoc-foot>button{margin:0;min-width:88px}
}