/* GotItOps v5.12.0 — mobile-first Staff Hub + permanent PINATA integration. */
.g512StaffHero{align-items:flex-start}.g512Eyebrow{font-size:10px;font-weight:850;letter-spacing:.08em;color:#7b8491;text-transform:uppercase}.g512StaffGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.g512ClockCard,.g512HoursCard{min-width:0}.g512ClockPill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#eceff2;color:#68717d}.g512ClockPill.on{background:#dff2e8;color:#246345}.g512ClockValue{font-size:34px;font-weight:900;letter-spacing:-.04em;margin-bottom:4px}.g512ClockButton{width:100%;margin-top:14px;min-height:48px;font-size:15px}.g512HoursTop{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.g512HoursTop b{font-size:31px}.g512HoursTop span{font-size:14px;color:#69717c}.g512HoursTop em{margin-left:auto;font-size:11px;font-style:normal;color:#66707d}.g512HourBar{height:10px;border-radius:999px;background:#edf0f3;overflow:hidden;margin:11px 0}.g512HourBar i{display:block;height:100%;border-radius:inherit;background:#8aa195}.g512HourBar i.warn{background:#c6a458}.g512HourBar i.critical,.g512HourBar i.limit{background:#b85c52}.g512CategoryBars{display:grid;gap:5px}.g512CategoryBars>div{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;border-radius:8px;background:rgba(40,50,70,.035)}.g512CategoryBars span{font-size:10px;color:#636d79}.g512CategoryBars b{font-size:10px}.g512TaskList,.g512AlertList,.g512TodayEvents{display:grid;gap:6px}.g512Task,.g512TodayEvents>button{appearance:none;border:1px solid rgba(45,55,75,.09);background:#fff;border-radius:10px;padding:9px 10px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.g512Task:hover,.g512TodayEvents>button:hover{background:#f8f9fa}.g512Task.urgent{border-left:4px solid #b9544b}.g512Task span,.g512TodayEvents>button span{display:grid;gap:2px;min-width:0}.g512Task b,.g512TodayEvents b{font-size:12px}.g512Task small,.g512TodayEvents small{font-size:10px;color:#68717c;white-space:normal}.g512Task strong,.g512TodayEvents strong{font-size:10px;color:#536173;white-space:nowrap}.g512Alert{display:grid;gap:2px;padding:8px 9px;border-radius:9px;background:#f4f6f7;border-left:3px solid #8f99a7}.g512Alert.urgent{background:#fbebe8;border-left-color:#b9544b}.g512Alert.due{background:#fff5df;border-left-color:#c19a45}.g512Alert b{font-size:11px}.g512Alert span{font-size:10px;color:#66707c}.g512AlertCount{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#eff1f3;font-size:11px;font-weight:850}.g512TeamLimitRows{display:grid;gap:8px;margin:12px 0}.g512TeamLimitRows>div{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:8px;padding:9px;border:1px solid #e8e9ea;border-radius:10px}.g512TeamLimitRows span{display:grid}.g512TeamLimitRows small{font-size:10px;color:#6b7380}.g512PinataFlow{display:grid;grid-template-columns:90px minmax(0,1fr);gap:4px 8px;margin:10px 0;padding:9px;border-radius:10px;background:rgba(45,60,85,.045)}.g512PinataFlow span{font-size:10px;color:#6b7480}.g512PinataFlow b{font-size:10px}.g512PinataField{border:1px solid rgba(45,60,85,.11);border-radius:14px;padding:12px;margin-bottom:12px;background:#fbfcfc}.g512PinataFieldHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.g512PinataFieldHead h3{margin:2px 0 0;font-size:16px}.g512FieldPill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf0f2;color:#626d79;font-size:9px;font-weight:850}.g512FieldPill.green{background:#dff2e8;color:#276247}.g512FieldPill.red{background:#f8dfdc;color:#963a31}.g512FieldPill.blue{background:#e3edf8;color:#3f5f80}.g512PinataSteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}.g512PinataSteps span{display:grid;gap:3px;min-width:0;padding:7px;border-radius:8px;background:#fff;border:1px solid rgba(45,60,85,.07);font-size:9px;color:#68717d;overflow-wrap:anywhere}.g512PinataSteps b{font-size:9px;color:#384351}.g512ConfirmedBadge{display:block;margin-top:5px;font-size:10px;font-weight:750;color:#3f6a52}.nav button[data-screen="staffapp"] .ico{font-size:18px;font-weight:900}
@media(max-width:900px){.g512StaffGrid{grid-template-columns:1fr}.g512PinataSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.g512TeamLimitRows>div{grid-template-columns:1fr 120px auto}}
@media(max-width:760px){#staffapp{padding-bottom:80px}.g512StaffHero{gap:10px}.g512StaffHero .inlineActions{width:100%;display:grid;grid-template-columns:1fr 1fr}.g512StaffHero .inlineActions .btn{width:100%;white-space:normal}.g512ClockValue{font-size:40px}.g512StaffGrid{gap:10px;margin-bottom:10px}.g512ClockCard,.g512HoursCard,#staffapp .card{border-radius:14px}.g512HoursTop em{width:100%;margin-left:0}.g512PinataSteps{grid-template-columns:1fr 1fr}.g512TeamLimitRows>div{grid-template-columns:1fr}.g512Task,.g512TodayEvents>button{padding:11px}.g512ClockButton{min-height:52px}.nav button[data-screen="staffapp"]{display:flex!important}}