.cloud-bar{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 24px;background:#213f33;color:#fff;font-size:15px;z-index:20}
.cloud-bar>strong{font-size:18px}.cloud-bar>span{margin-right:auto}.cloud-bar a,.cloud-bar button{color:#fff;text-decoration:underline;font-size:15px;padding:6px}
.cloud-bar .cloud-save-warning{color:#ffd7ab;font-size:15px}
.cloud-panel{width:calc(100% - 32px);max-width:580px;margin:70px auto;padding:28px;border:1px solid #d4ddcf;background:#fffdf8;box-sizing:border-box;line-height:1.7;font-size:17px}
.cloud-panel h1{font-size:30px;line-height:1.35;margin:0 0 20px}.cloud-panel p{font-size:17px;margin:14px 0}.cloud-panel form{display:grid;gap:20px;margin:25px 0 0}
.cloud-panel label{display:grid;gap:7px;font-size:17px;font-weight:700}.cloud-panel input{width:100%;box-sizing:border-box;border:1px solid #8da294;border-radius:4px;padding:12px;font-size:18px;background:#fff;min-width:0}.cloud-panel input[type=file]{font-size:15px}
.cloud-panel .cloud-check{display:flex;align-items:start;gap:10px;font-weight:400}.cloud-check input{width:21px;margin-top:5px;flex-shrink:0}.cloud-panel .edge-button{font-size:18px;padding:13px}
.cloud-panel [data-cloud-error]{color:#a23832;min-height:24px}.cloud-secret{display:block;overflow-wrap:anywhere;font-size:19px;font-weight:700;padding:12px;background:#edf2e8}.cloud-security-note{padding:12px;background:#fff0d8;color:#7e4c15}
.cloud-pending{position:sticky;top:0;z-index:30;display:flex;gap:14px;align-items:center;padding:16px 24px;background:#fff0d8;border-bottom:2px solid #c5843d;color:#4e3520;font-size:17px}.cloud-pending>div{flex:1}.cloud-pending p{margin:7px 0;font-size:16px}.cloud-pending button{background:#213f33;color:white;border:1px solid #213f33;padding:12px 20px;font-size:17px;font-weight:700;border-radius:4px}.cloud-pending button:last-child{background:#fff;color:#74312a;border-color:#a86448}
.cloud-vault{max-width:900px;padding:26px;border:1px solid #d4ddcf;background:#fffdf8}.cloud-vault h2{font-size:26px}.cloud-vault h3{font-size:22px}.cloud-vault p{font-size:17px;line-height:1.7;margin:20px 0}.cloud-vault button{font-size:16px;margin:6px}.cloud-vault hr{margin:28px 0}
.cloud-mobile-calendar{display:none}.cloud-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cloud-weekday{text-align:center;font-size:17px;padding:10px 0}.cloud-day{min-width:0;min-height:90px;padding:8px 2px;border:1px solid #d7ded3;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:5px;background:#f5f7f0}.cloud-day b{font-size:19px}.cloud-day span{font-size:12px;font-weight:750;word-break:keep-all;line-height:1.35}.cloud-day small{font-size:12px;color:#566d5a}.cloud-day em{font-style:normal;font-size:11px;color:#a25117}.cloud-day-red>b,.cloud-weekday.cloud-day-red{color:#b13c39}.cloud-status-normal{background:#e7f2e9}.cloud-status-off{background:#ecefed}.cloud-status-monthly,.cloud-status-annual,.cloud-status-half,.cloud-status-birthday{background:#eee7f7}.cloud-unrecorded{background:#fffdf7;border-style:dashed;color:#7e897d}
body[data-cloud-app] [hidden]{display:none!important}body[data-cloud-app] button:disabled{opacity:.5;cursor:default}body[data-cloud-read-only=true] input:disabled,body[data-cloud-read-only=true] select:disabled,body[data-cloud-read-only=true] textarea:disabled{color:#344a3c;-webkit-text-fill-color:#344a3c;opacity:1;background:#f1f3ed}
@media(max-width:740px){.cloud-bar{padding:10px 14px;gap:6px 12px}.cloud-bar>span{font-size:14px}.cloud-panel{margin:26px auto;padding:22px}.cloud-panel h1{font-size:27px}.cloud-pending{position:relative;padding:16px;flex-wrap:wrap}.cloud-pending>div{flex-basis:100%}.cloud-vault{padding:18px}body[data-cloud-app] .top{position:sticky;top:0;z-index:15}body[data-cloud-app] .primary-nav{gap:16px}body[data-cloud-app] .app-content{max-width:100%;box-sizing:border-box}body[data-cloud-app] .sheet-scroll{max-width:100%;overflow:auto}body[data-cloud-app] .ov-takehome .ov-big-number{overflow-wrap:anywhere}body[data-cloud-app] .save-status{display:none}}
@media print{.cloud-bar,.cloud-panel,.cloud-pending{display:none!important}}
@media(max-width:740px){.cloud-desktop-attendance{display:none}.cloud-mobile-calendar{display:block;margin-bottom:24px}.cloud-mobile-calendar>p{font-size:15px;line-height:1.6;margin:15px 0}.cloud-day{min-height:94px}.cloud-bar~#root .worksheet-meta{flex-wrap:wrap}}