/* GotItOps v5.6.3 demo-readiness and mobile working layout. */
.systemMoveDialogG563{width:min(520px,94vw);border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px rgba(25,34,48,.24);color:var(--ink);background:#fff}
.systemMoveDialogG563::backdrop{background:rgba(27,35,47,.38)}
.g563MoveBody{padding:20px}.g563MoveBody h2{margin:0 0 5px;font-size:20px}.g563MoveQuick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.g563MoveBody label{display:block;font-size:11px;font-weight:750;color:#64615c;margin:12px 0 6px}.g563MoveActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px}.g563TaskNote{margin:7px 0;padding:8px 10px;border-radius:8px;background:#f2f6fb;color:#526171;font-size:11px;line-height:1.45}.g563TaskNote b{color:var(--ink)}
.g563PinataStats{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px;margin:14px 0}.g563PinataStats span{padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;font-size:10px;color:var(--muted)}.g563PinataStats b{display:block;font-size:18px;color:var(--ink);margin-bottom:2px}.g563PinataReview{padding:12px 0;border-bottom:1px solid var(--line);line-height:1.45}.g563PinataReview .btn{margin-top:7px}.g563PinataApply{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;background:#fff;padding:14px 0 4px;border-top:1px solid var(--line);margin-top:14px}
@media(max-width:900px){.g563PinataStats{grid-template-columns:repeat(2,1fr)}}

@media(max-width:760px){
 body{font-size:14px}.content{padding:12px 10px 36px!important}.hero{flex-direction:column;align-items:stretch!important}.hero .inlineActions,.hero .toolbar{width:100%;display:flex;flex-wrap:wrap}.hero .inlineActions .btn,.hero .toolbar .btn{min-height:44px;flex:1 1 145px}.sidebar .nav button{min-width:50px!important;min-height:48px!important}.topbar{padding:9px 10px!important}.topbar h2{font-size:14px!important}.btn{min-height:42px}.btn.small{min-height:38px;padding:8px 10px}.drawer{width:100vw!important;max-width:none!important}.drawerhead{padding:15px!important}.drawerbody{padding:14px!important}.details{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important}.g563MoveQuick{grid-template-columns:1fr}.g563MoveQuick .btn{width:100%}.g563MoveActions .btn{flex:1}.systemItemActions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.systemItemActions .btn{width:100%}.systemItemTitle{font-size:15px!important}.systemItem{padding:14px 0!important}

 /* Events become compact cards instead of a multi-thousand-pixel spreadsheet. */
 #events .masterWideWrap{overflow:visible!important;max-height:none!important}
 #events .localTable.masterWideTable{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}
 #events .localTable.masterWideTable thead{display:none!important}
 #events .localTable.masterWideTable tbody{display:grid!important;gap:10px!important}
 #events .localTable.masterWideTable tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 12px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important;padding:12px!important;box-shadow:0 3px 10px rgba(55,72,98,.04)}
 #events .localTable.masterWideTable tbody td{display:block!important;position:static!important;inset:auto!important;left:auto!important;right:auto!important;width:auto!important;min-width:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
 #events .localTable.masterWideTable tbody td:nth-child(1),#events .localTable.masterWideTable tbody td:nth-child(4),#events .localTable.masterWideTable tbody td:nth-child(7),#events .localTable.masterWideTable tbody td:nth-child(8){display:none!important}
 #events .localTable.masterWideTable tbody td:nth-child(5),#events .localTable.masterWideTable tbody td:nth-child(6),#events .localTable.masterWideTable tbody td:nth-child(9){grid-column:1/-1!important}
 #events .localTable.masterWideTable tbody td:nth-child(2)::before{content:'Date / Time'}#events .localTable.masterWideTable tbody td:nth-child(3)::before{content:'Store'}#events .localTable.masterWideTable tbody td:nth-child(5)::before{content:'Campaign'}#events .localTable.masterWideTable tbody td:nth-child(6)::before{content:'Ambassador'}#events .localTable.masterWideTable tbody td:nth-child(9)::before{content:'Status / Actions'}
 #events .localTable.masterWideTable tbody td::before,#bookings tbody td::before,#staffing .staffTable tbody td::before{display:block;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}
 #events .localTable .localGenerate{width:100%!important;min-height:44px!important}

 /* Bookings keep the same actions but render as readable phone cards. */
 #bookings .tableWrap,#bookings .bookingTableWrap{overflow:visible!important;max-height:none!important}
 #bookings table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
 #bookings thead{display:none!important}#bookings tbody{display:grid!important;gap:10px!important}
 #bookings tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 12px!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important}
 #bookings tbody td{display:block!important;border:0!important;padding:0!important;min-width:0!important;white-space:normal!important}
 #bookings tbody td:nth-child(4),#bookings tbody td:nth-child(7),#bookings tbody td:nth-child(8){grid-column:1/-1!important}#bookings tbody td:nth-child(6){display:none!important}
 #bookings tbody td:nth-child(1)::before{content:'Status'}#bookings tbody td:nth-child(2)::before{content:'Date / Time'}#bookings tbody td:nth-child(3)::before{content:'Store'}#bookings tbody td:nth-child(4)::before{content:'Campaign'}#bookings tbody td:nth-child(5)::before{content:'Date Type'}#bookings tbody td:nth-child(7)::before{content:'Operational Event'}#bookings tbody td:nth-child(8)::before{content:'Actions'}
 #bookings tbody td:nth-child(8) .inlineActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#bookings tbody td:nth-child(8) .btn{width:100%;min-height:42px}
 #bookingStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}

 /* Staffing is usable in the field without horizontal table hunting. */
 #staffing .staffTableWrap{overflow:visible!important}#staffing .staffTable{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}#staffing .staffTable thead{display:none!important}#staffing .staffTable tbody{display:grid!important;gap:10px!important}
 #staffing .staffTable tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 12px!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important}
 #staffing .staffTable tbody td{display:block!important;border:0!important;padding:0!important;min-width:0!important;white-space:normal!important}#staffing .staffTable tbody td:nth-child(4),#staffing .staffTable tbody td:nth-child(5),#staffing .staffTable tbody td:nth-child(6),#staffing .staffTable tbody td:nth-child(7){grid-column:1/-1!important}
 #staffing .staffTable tbody td:nth-child(1)::before{content:'Status'}#staffing .staffTable tbody td:nth-child(2)::before{content:'Date / Time'}#staffing .staffTable tbody td:nth-child(3)::before{content:'Store'}#staffing .staffTable tbody td:nth-child(4)::before{content:'Campaign / Pay'}#staffing .staffTable tbody td:nth-child(5)::before{content:'Applicants / Interest'}#staffing .staffTable tbody td:nth-child(6)::before{content:'Assigned Ambassador'}#staffing .staffTable tbody td:nth-child(7)::before{content:'Actions'}
 #staffing .staffActionStack,#staffing .staffSearchAssign{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}#staffing .staffActionStack .btn,#staffing .staffSearchAssign .btn{width:100%;min-height:42px}
 #staffing .cardhead{flex-direction:column!important;align-items:stretch!important}.pinataExportNotice{width:100%!important}

 /* Day calendar is a clean mobile list; Month/Week may still scroll when chosen. */
 #calendar .calDayListRow,#calendar .calDayListRow.g53{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:13px 4px!important}#calendar .calDayListRow>*{grid-column:1!important}.calendarToolbar{align-items:stretch!important}.calendarToolbar>*{width:100%}.calendarFilters{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}.calFilter{white-space:nowrap;min-height:40px}

 .g563PinataStats{grid-template-columns:1fr 1fr}.g563PinataApply .btn{flex:1}.localLinkSearch{display:grid!important;grid-template-columns:1fr}.localLinkReview dl{grid-template-columns:1fr!important;gap:3px!important}.localLinkReview dt{margin-top:7px}.settingsHubGrid{grid-template-columns:1fr!important}
}