/* Restrained social space and clear monthly payroll, sharing the existing glass palette. */
.reserve-year{font:10px var(--mono);color:#9eafc8;letter-spacing:.05em;margin-left:6px}
[hidden]{display:none!important}.cancel-estimate{padding:15px 17px;border:1px solid #956c6950;border-radius:10px;background:#44303830;color:#d4b8b5;font-size:12px;line-height:1.9;margin:5px 0 23px}.cancel-estimate strong{color:#ecd4d1;font-weight:500}
.modal[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);overflow:hidden}.modal-head,.modal-actions{flex-shrink:0}.modal>form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-body,.notice-list{min-height:0;overflow:auto;overscroll-behavior:contain}.modal>.modal-body{flex:1}.modal-actions{background:#111824;border-top:1px solid #d2e3ff1a;position:relative;z-index:2}.modal,.modal-body,.notice-list,html{scrollbar-width:thin;scrollbar-color:#98b2d64d transparent}.modal-body::-webkit-scrollbar,.notice-list::-webkit-scrollbar,html::-webkit-scrollbar{width:5px;height:5px;background:transparent}.modal-body::-webkit-scrollbar-track,.notice-list::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb,.notice-list::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:#98b2d64d;border:0;border-radius:10px}
@supports selector(::-webkit-scrollbar){.modal-body,.notice-list,.idea-wall,.story-scroll,html{scrollbar-width:auto;scrollbar-color:auto}}
.mobile-payroll-records{display:none}.mobile-salary-card{border:1px solid #a9c4ea30;border-top-color:#d0e1fc45;background:linear-gradient(135deg,#cedfff07,#14213760);border-radius:14px;padding:21px;box-shadow:inset 0 1px #d5e7ff08}.mobile-salary-card header{display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-salary-card header>.badge{font-size:10px}.mobile-salary-card header>strong{font-size:14px}.mobile-salary-net{margin:22px 0 18px}.mobile-salary-net>span{display:block;font-size:11px;color:#a0b5d2}.mobile-salary-net>strong{display:block;font:600 29px var(--mono);color:#d8e9ff;margin:5px 0}.mobile-salary-net>small{font-size:11px;color:#a3b6d0}.mobile-salary-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0;font-size:11px;color:#adc0dd}.mobile-salary-line strong{font:500 14px var(--mono);color:#dce8fb}.mobile-salary-bonus{margin-top:20px;background:#496b9a18;border:1px solid #6c89b33d;border-radius:9px;padding:13px 14px}.mobile-salary-bonus>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#a9c0e1}.mobile-salary-bonus strong{font:500 14px var(--mono);color:#bfd7ff}.mobile-salary-bonus>small{display:block;font-size:9px;color:#8fa8cb;margin-top:7px}.mobile-salary-card footer{display:flex;justify-content:stretch;gap:10px;margin-top:21px}.mobile-salary-card footer>.btn{flex:1;font-size:12px}.mobile-salary-card>.warning-text{font-size:10px;margin-top:13px}
.fixed-pay-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.fixed-pay-items>div{padding:17px 13px;border:1px solid #37485e80;border-radius:12px;background:linear-gradient(135deg,#24334870,#16203270);min-width:0}
.fixed-pay-items span,.fixed-pay-items small{display:block;font-size:11px;color:#a7b7cf}.fixed-pay-items strong{display:block;font:600 20px var(--mono);color:#edf3ff;margin:8px 0;overflow-wrap:anywhere}.fixed-pay-items small{font-size:9px;color:#91a3bd}
.fixed-pay-note{margin-bottom:24px}.payroll-deduction{border:1px solid #49688c70;border-radius:14px;background:linear-gradient(130deg,#1d2c4370,#16203170);padding:22px;margin:5px 0 27px}
.deduction-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.deduction-heading h3{font-size:15px}.deduction-heading>span{font-size:10px;color:#a8bdd7;white-space:nowrap}
.deduction-formula{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:11px;color:#a0b0c6;margin-top:12px}.deduction-formula strong{color:#c6ddff;font:600 17px var(--mono)}.deduction-formula>span{font-size:10px}
.deduction-rows{margin-top:19px}.deduction-rows>div{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #3b4e6c50;font-size:12px}.deduction-rows span small{display:block;font-size:9px;color:#95a8c2;margin-top:3px}.deduction-rows b{font-weight:400;font-size:11px;color:#bfd0e6}.deduction-rows b small{font-size:9px;color:#8fa5c1}.deduction-rows strong{text-align:right;font:500 14px var(--mono)}
.deduction-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:12px}.deduction-total strong{font:600 23px var(--mono);color:#bbd7ff}.deduction-note{font-size:10px;line-height:1.9;margin-top:13px;color:#97a9c1}.deduction-sources{font-size:11px;margin-top:13px;color:#a2b9d6}.deduction-sources summary{cursor:pointer;min-height:32px;padding-top:7px}.deduction-sources p{display:flex;justify-content:space-between;gap:10px;margin:9px 0;font-size:10px}.deduction-sources strong{font-weight:400;white-space:nowrap}
.manual-leave-review{padding:19px;border:1px solid #bc977c60;border-radius:12px;background:#48372420;margin-bottom:25px}.manual-leave-review h3{font-size:15px;color:#e4c2a2}.manual-leave-review ul{padding-left:18px;font-size:11px;color:#cfbba8;line-height:1.9;margin:12px 0 17px}.checkbox-field{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#c7d2e3;line-height:1.9;cursor:pointer}.checkbox-field input{width:18px;min-height:18px;height:18px;margin-top:2px;accent-color:#9bc5ff}
.calc-preview{position:relative;background:linear-gradient(135deg,#223a5950,#18253e80);border-color:#53749b90;padding:23px;gap:16px;flex-wrap:wrap}.calc-preview>div{min-width:140px}.calc-preview>div>strong{font-family:var(--mono)}.calc-preview>p{flex-basis:100%;font-size:11px}.excluded-days{flex-basis:100%;font-size:10px;color:#a6bbd6;line-height:1.9;margin-top:6px}.leave-estimate{flex-wrap:wrap}
.calendar-panel{margin-top:24px}.calendar-confirmed{font-size:11px;color:#b3c9e7;margin:15px 0}.calendar-panel textarea{font-family:var(--mono);font-size:12px}.calendar-panel input[name=year]{max-width:180px}
.office-lounge{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;padding:31px 28px 26px;overflow:hidden;min-height:315px;background:linear-gradient(120deg,#17273b90,#171d2c90);border-color:#4a5f7b70}
.lounge-roster{grid-column:1/-1;display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-top:15px}.lounge-roster>span:first-child{font-size:10px;color:#9aabc6}
.lounge-copy{align-self:center;padding:12px 6px;position:relative;z-index:1}.lounge-label{font:9px var(--mono);letter-spacing:.18em;color:#a5bdda}.lounge-copy h2{font-size:29px;line-height:1.6;margin:12px 0 11px;letter-spacing:.01em;font-weight:600}.lounge-copy p{max-width:245px;font-size:12px;line-height:1.9;color:#a2b3cd}.lounge-note{display:block;font-size:10px;color:#889db7;margin-top:23px}
.office-floor{position:relative;height:295px;min-width:0;border-radius:15px;background:radial-gradient(ellipse at 50% 35%,#30466260,transparent 65%),linear-gradient(0deg,#13203160,#24324a30);border:1px solid #5e728d35;box-shadow:inset 0 1px #c8dfff12;isolation:isolate}
.office-floor::before{content:'';position:absolute;inset:70px 14px 24px;border:1px solid #8099be10;border-radius:50%;transform:scaleY(.65);pointer-events:none}.office-window{position:absolute;top:12px;left:35%;width:30%;height:28px;display:flex;gap:5px}.office-window i{flex:1;border:1px solid #a1c4f440;background:linear-gradient(#55729140,#9dbce820);border-radius:3px;box-shadow:0 14px 30px #6eabe015}
.office-table{position:absolute;top:112px;left:21%;width:58%;height:68px;border:1px solid #91accc65;border-radius:30px;background:linear-gradient(135deg,#455c7460,#21344e);box-shadow:0 10px 0 #101b2a,0 18px 22px #0004,inset 0 1px #d6eaff25;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}.office-table span{font:10px var(--mono);color:#b0c9e480;letter-spacing:.15em}.office-table b{font-weight:400;font-size:10px;color:#9eb4d09c;margin-top:5px}.office-table::after{content:'';width:30px;height:11px;background:#b3c4d026;position:absolute;right:28px;bottom:15px;border:1px solid #b3c4d030;border-radius:3px}
.office-seat{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);z-index:2;min-width:68px;max-width:90px}.office-seat .office-avatar{width:48px;height:52px;border-radius:15px;background:#1e2c4190;box-shadow:0 5px 15px #0003;transition:transform .2s}.office-seat:hover .office-avatar{transform:translateY(-4px)}.office-seat>strong{font-size:10px;font-weight:500;color:#d3dff0;margin-top:4px}.office-seat>.seat-activity{font-size:8px;color:#96acc7;line-height:1.6}.office-seat.is-me .office-avatar{outline:1px solid #b7d3ff;outline-offset:4px}.office-seat.is-me>.seat-activity{color:#c0d8ff}
.seat-0,.seat-3{left:25%}.seat-1,.seat-4{left:50%}.seat-2,.seat-5{left:75%}.seat-0,.seat-1,.seat-2{top:45px}.seat-3,.seat-4,.seat-5{top:182px}.seat-6{left:8%;top:124px}.seat-7{left:92%;top:124px}.office-coffee{position:absolute;left:8%;top:14px;font:6px var(--mono);line-height:1.9;letter-spacing:.07em;color:#96abc7;padding:5px 8px;border:1px solid #667d9c50;border-radius:5px;background:#20304a;transform:rotate(-5deg)}.office-coffee span{display:block;font-size:14px}.office-floor-label{position:absolute;bottom:8px;left:17px;font:7px var(--mono);letter-spacing:.18em;color:#748cad}
.lounge-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 20px}.lounge-toolbar h2{font-size:21px;letter-spacing:.02em}.lounge-toolbar p{font-size:11px;color:#9daec7;margin-top:5px}.game-filterbar{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-bottom:24px}.game-kind-filters{display:flex;flex-wrap:wrap;gap:7px;max-width:780px}.game-kind-filters button{padding:10px 14px;min-height:40px;border:1px solid #35445b70;border-radius:8px;background:#15203350;color:#acbdd6;font-size:11px;white-space:nowrap}.game-kind-filters button:hover{border-color:#6d8cbb}.game-kind-filters button.selected{background:#29416170;color:#dce9ff;border-color:#7799c599}.game-filterbar>label{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.game-filterbar>label>span{font-size:9px;color:#8e9fb7}.game-filterbar select{width:118px;min-height:39px;font-size:11px}
.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-grid>.empty-state{grid-column:1/-1}.game-card{min-width:0}.game-card>h2{overflow-wrap:anywhere}.game-card-bottom{flex-wrap:wrap;line-height:1.8}.game-description{min-height:0;margin-bottom:18px}.game-author{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#c4d3e7}.game-author .avatar.small{width:23px;height:25px;flex-shrink:0;border-radius:6px}.game-empty{font-size:12px;color:#8fa7c9;line-height:1.9;padding:18px 0}.game-entry-form{margin-top:22px}.game-entry-form .field>span,.card-answer-form .field>span{font-size:12px}.game-entry-form textarea,.card-answer-form textarea{font-size:12px;min-height:84px}.entry-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.entry-form-footer>span{font-size:10px;color:#8ca1be}.entry-form-footer .btn{font-size:12px}.game-card p{overflow-wrap:anywhere;white-space:pre-wrap}
.idea-wall{display:grid;gap:11px;max-height:370px;overflow:auto;padding:2px}.idea-note{background:linear-gradient(135deg,#28405975,#192b4050);border:1px solid #526e8d65;border-radius:10px;padding:15px 15px 12px;box-shadow:inset 0 1px #dcecff12}.idea-note p{font-size:13px;color:#dbe5f4;line-height:1.9}.idea-note>div{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}.idea-star{padding:7px 9px;min-height:36px;background:#1a2c4350;border:1px solid #47628460;border-radius:7px;font-size:12px;color:#a9c2e4}.idea-star.selected{color:#d7e8ff;background:#45638b55;border-color:#9bc5ff88}.idea-star:hover{border-color:#9bc5ff}
.story-scroll{max-height:360px;overflow:auto;padding:3px 4px 3px 0}.story-opening{border-left:2px solid #9aaee0;padding:12px 15px;background:#27334b55;border-radius:0 9px 9px 0}.story-opening>span{font-size:9px;color:#a7bee0}.story-opening p{font-size:13px;line-height:1.9;color:#d7e2f6;margin-top:8px}.story-entry{display:flex;gap:13px;margin:21px 0}.story-order{font:10px var(--mono);color:#879fc2;padding-top:7px}.story-entry>div{flex:1;min-width:0}.story-entry p{font-size:12px;color:#bccfe9;line-height:1.9;margin-top:8px}.game-turn-note{padding:17px 14px;font-size:11px;line-height:1.9;border:1px dashed #556e9670;border-radius:9px;color:#b0c5e2;margin-top:19px}
.coffee-card{background:radial-gradient(ellipse at 20% 0,#7495c520,transparent 65%),linear-gradient(140deg,#26395690,#152035);border:1px solid #8ea6c760;border-radius:16px;min-height:188px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;box-shadow:inset 0 1px #e9f3ff22,0 12px 24px #03070d33;margin-bottom:17px;position:relative}.coffee-card::after{content:'';position:absolute;inset:6px;border:1px solid #8eacd222;border-radius:11px;pointer-events:none}.coffee-card>span{font:8px var(--mono);letter-spacing:.13em;color:#a2bedf}.coffee-card>strong{font-size:21px;font-weight:500;line-height:1.8;white-space:pre-wrap;color:#e1eafb;overflow-wrap:anywhere}.coffee-card>small{font-size:9px;color:#92aaca}.deck-card>.btn{width:100%}.card-answer-form{margin-top:22px}.card-answer-form>.btn{font-size:12px}.answer-gallery,.quiz-leaderboard{font-size:11px;margin-top:20px;color:#aec5e5}.answer-gallery summary,.quiz-leaderboard summary{cursor:pointer;padding:10px 0;min-height:40px}.answer-gallery article{padding:16px 0;border-top:1px solid #46536d60}.answer-gallery article>small{display:block;font-size:10px;color:#92a8c9;margin:9px 0}.answer-gallery article>p{font-size:12px;color:#cbdaf0;line-height:1.9}
.bingo-score{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 14px}.bingo-score strong{font-size:13px;font-weight:500;color:#cadfff}.bingo-score>span{font:10px var(--mono);color:#8faad0}.bingo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bingo-cell{padding:12px 9px;min-height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:1px solid #465b7980;border-radius:9px;background:#21304950;font-size:12px;line-height:1.8;color:#c7d7ed;overflow-wrap:anywhere;text-align:center}.bingo-cell>span{font:9px var(--mono);color:#7f9cc5}.bingo-cell:hover{background:#344a6860;border-color:#7a9ac3}.bingo-cell.marked{background:#3c598b60;color:#e3efff;border-color:#82a8e0}.bingo-cell.marked>span{color:#c1dcff}.bingo-cell.winning{box-shadow:inset 0 0 24px #83b4ff18;border-color:#bdd7ff;background:#42618a65}.game-rule{font-size:10px;color:#91a8c9;line-height:1.9;margin-top:13px}.bingo-crew{display:flex;flex-wrap:wrap;gap:11px;margin-top:19px}.bingo-crew>span{display:flex;align-items:center;gap:5px}.bingo-crew .avatar.small{width:22px;height:24px}.bingo-crew b{font-size:9px;font-weight:400;color:#b9cce8}.bingo-crew small{font:9px var(--mono);color:#97b0d5}
.quiz-question{border:0;padding:0;margin:24px 0}.quiz-question legend{font-size:13px;color:#d6e4fa;line-height:1.8;margin-bottom:12px;white-space:normal;overflow-wrap:anywhere;width:100%}.quiz-question label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #43557070;border-radius:8px;background:#1c2b4050;font-size:12px;line-height:1.8;margin-top:8px;cursor:pointer;overflow-wrap:anywhere}.quiz-question input{width:16px;height:16px;min-height:16px;flex-shrink:0;accent-color:#9bc5ff}.quiz-question label:has(input:checked){border-color:#9bc5ffaa;background:#3b56804d}.quiz-play-form>.btn{width:100%}.quiz-score{text-align:center;background:radial-gradient(ellipse at 50% 50%,#4a6b9c20,transparent 70%);padding:23px 12px}.quiz-score>span{font:8px var(--mono);letter-spacing:.16em;color:#a0badd}.quiz-score>strong{display:block;font:600 54px var(--mono);color:#d5e5ff;margin:13px 0}.quiz-score>strong small{font-size:22px;color:#899dbc}.quiz-score p{font-size:11px;color:#adc2dd;line-height:1.9}.quiz-review>div{padding:13px 0;border-top:1px solid #35496070}.quiz-review strong{font-size:12px;line-height:1.8;font-weight:500}.quiz-review p{font-size:11px;margin-top:6px}.correct-answer{color:#a4d6ca}.incorrect-answer{color:#ddbbaa}.quiz-review small{font-size:10px;color:#9fb5d3}.quiz-leaderboard>div{display:flex;align-items:center;gap:10px;font-size:11px;padding:9px 0}.quiz-leaderboard .avatar.small{width:25px;height:27px}.quiz-leaderboard strong{margin-left:auto;font:12px var(--mono);color:#c2d9ff}
.activity-template{display:flex;gap:13px;align-items:center;margin:15px 0 25px}.activity-template .btn{font-size:12px;white-space:nowrap}.activity-template>span{font-size:10px;color:#9eafc8;line-height:1.8}.activity-kind-note{padding:16px 19px;border:1px solid #6d89b14d;border-radius:10px;background:#2e476526;margin-bottom:21px}.activity-kind-note strong{font-size:13px;font-weight:500;color:#c2d6f5}.activity-kind-note p{font-size:11px;color:#9fb4d2;line-height:1.9;margin-top:4px}.quiz-build-question{border:1px solid #47618175;border-radius:12px;padding:18px;margin-bottom:18px;min-width:0}.quiz-build-question legend{font-size:11px;padding:0 9px;color:#bbd1f2}.quiz-build-question .field>span{font-size:12px}.quiz-build-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quiz-build-question>.btn.text{font-size:11px}.quiz-build-question input{min-width:0}.quiz-editor+.btn{margin-bottom:20px;font-size:12px}
.idea-wall,.story-scroll,.modal-body{scrollbar-width:thin;scrollbar-color:#8facd050 transparent}.idea-wall::-webkit-scrollbar,.story-scroll::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:5px;height:5px}.idea-wall::-webkit-scrollbar-thumb,.story-scroll::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{border-radius:9px;background:#8facd050}
@media(max-width:1150px){.office-lounge{grid-template-columns:1fr 1.4fr;padding:24px;gap:15px}.lounge-copy h2{font-size:25px}.office-seat .office-avatar{width:42px;height:47px}.office-table{width:64%;left:18%}.office-seat>strong{font-size:9px}.game-filterbar{flex-direction:column}.game-filterbar>label{flex-direction:row;align-items:center;gap:10px}.lounge-toolbar p{font-size:10px}}
@media(max-width:950px){.games-grid{grid-template-columns:1fr}.office-lounge{grid-template-columns:1fr}.lounge-copy{padding:0}.lounge-copy h2{font-size:24px;line-height:1.5}.lounge-copy h2 br{display:none}.lounge-copy p{max-width:none}.lounge-note{margin-top:12px}.office-floor{height:280px}.office-seat .office-avatar{width:48px;height:52px}.office-table{width:58%;left:21%}.fixed-pay-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.office-lounge{padding:21px 18px;gap:20px;min-height:0;border-radius:17px}.lounge-copy h2{font-size:22px;margin:8px 0}.lounge-label{font-size:8px}.lounge-copy p{font-size:11px}.lounge-note{font-size:9px}.office-floor{height:294px}.office-seat .office-avatar{width:42px;height:48px}.office-seat>strong{font-size:9px}.office-table{left:16%;width:68%;height:78px;top:103px}.office-table span{font-size:8px}.office-table b{font-size:8px}.office-table::after{display:none}.office-seat.seat-0,.office-seat.seat-3{left:21%}.office-seat.seat-2,.office-seat.seat-5{left:79%}.seat-0,.seat-1,.seat-2{top:49px}.seat-3,.seat-4,.seat-5{top:185px}.office-coffee{font-size:5px;left:6%;padding:3px 6px}.office-window{top:10px}.lounge-toolbar{align-items:flex-start;gap:15px;margin-top:25px}.lounge-toolbar h2{font-size:18px}.lounge-toolbar p{max-width:180px;font-size:10px;line-height:1.8}.lounge-toolbar>.btn{font-size:12px;padding:10px 12px;gap:5px;flex-shrink:0}.lounge-toolbar>.btn .icon{width:15px;height:15px}.game-kind-filters{gap:6px}.game-kind-filters button{min-height:44px;padding:9px 12px;font-size:11px}.game-filterbar{gap:13px;margin-bottom:18px}.game-filterbar>label{align-self:flex-end}.game-filterbar select{min-height:44px}.game-card{padding:23px 20px}.game-card-bottom{font-size:9px}.game-author{font-size:10px}.game-card-bottom .btn{min-height:36px}.fixed-pay-items strong{font-size:19px}.payroll-deduction{padding:18px 15px}.deduction-heading{align-items:flex-start;gap:8px}.deduction-heading h3{font-size:13px}.deduction-heading>span{font-size:9px;padding-top:2px}.deduction-formula span{font-size:9px}.deduction-rows>div{grid-template-columns:1fr 1fr 1fr;gap:7px;font-size:11px}.deduction-rows b small{display:block;font-size:9px}.deduction-rows strong{font-size:12px}.deduction-total strong{font-size:21px}.deduction-sources p{flex-direction:column;gap:3px}.manual-leave-review{padding:17px 14px}.calc-preview{padding:19px}.calc-preview>div{min-width:0;flex-basis:100%}.calc-preview>div>strong{font-size:24px}.coffee-card>strong{font-size:20px}.bingo-cell{font-size:11px;min-height:88px;padding:11px 7px}.bingo-board{gap:6px}.activity-template{align-items:flex-start;gap:10px}.activity-template>span{font-size:9px}.quiz-build-options{grid-template-columns:1fr}.quiz-build-question{padding:15px}.quiz-build-question input{font-size:13px}.quiz-question legend{font-size:12px}}
@media(max-width:370px){.office-lounge{padding:19px 14px}.lounge-copy h2{font-size:20px}.lounge-toolbar p{max-width:137px}.lounge-toolbar>.btn{font-size:11px;padding-inline:9px}.office-seat .office-avatar{width:35px;height:42px}.office-table{top:94px}.seat-3,.seat-4,.seat-5{top:171px}.office-floor{height:277px}.bingo-cell{font-size:10px;min-height:83px}.fixed-pay-items strong{font-size:17px}.deduction-heading>span{font-size:8px}.deduction-rows>div{gap:5px}.game-filterbar>label{align-self:flex-start}}
.salary-admin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex-shrink:0}.salary-admin-actions .btn{white-space:nowrap}.salary-terms-preview{display:flex;flex-direction:column;gap:10px;padding:21px 23px;border:1px solid #a9c9f331;border-radius:13px;background:linear-gradient(125deg,#3b57852b,#25334a30)}.salary-terms-preview>span{font-size:11px;color:#9fb4d2}.salary-terms-preview>strong{font:500 30px var(--mono);color:#d5e5ff;overflow-wrap:anywhere}.salary-terms-preview>small{font-size:11px;color:#a9bfdd}
@media(max-width:760px){.section-intro:has(.salary-admin-actions){flex-direction:column;align-items:stretch;gap:13px}.salary-admin-actions{justify-content:flex-start;flex-shrink:1}.salary-admin-actions .btn{flex:1;font-size:12px;padding-inline:12px;min-height:44px}.salary-admin-actions .icon{width:15px;height:15px}.salary-terms-preview{padding:19px}.salary-terms-preview>strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.office-seat .office-avatar{transition:none}.office-seat:hover .office-avatar{transform:none}}
@media(prefers-reduced-transparency:reduce){.office-lounge,.fixed-pay-items>div,.payroll-deduction,.coffee-card,.idea-note,.bingo-cell{background:#182236}}
@media print{.modal[open]{display:block;max-height:none;overflow:visible}.modal-body{overflow:visible;max-height:none}.modal>form{display:block;overflow:visible}.payslip{break-inside:auto}.payroll-deduction{background:white;color:#111}}
@media(max-width:760px){.mobile-payroll-records{display:grid;gap:14px;padding:0 16px 20px}.payroll-table-scroll{display:none}.modal input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.modal select,.modal textarea,.calendar-panel textarea{font-size:16px}.modal[open]{max-height:calc(100dvh - 32px)}}
@media(max-width:760px){.salary-summary{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;overflow:hidden}.salary-summary>div{padding:17px 16px;border:0;min-width:0}.salary-summary>div:first-child{border-right:1px solid #bed5fc18}.salary-summary>div>strong{font-size:22px;margin:8px 0;overflow-wrap:anywhere}.salary-summary>div>.eyebrow{font-size:8px;letter-spacing:.09em}.salary-summary>div>p{font-size:10px;line-height:1.9}.salary-summary>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:13px;padding-bottom:13px;border-top:1px solid #bed5fc18}.salary-summary>div:last-child>strong{font-size:14px;margin:0}.salary-summary>div:last-child>.eyebrow{margin:0}.salary-summary>div:last-child>p{flex-basis:100%;margin:0;font-size:9px}.section-intro:has(+.salary-summary){align-items:flex-start;gap:15px}.section-intro:has(+.salary-summary)>p{font-size:11px}}