body{padding-top:42px}#live-status{position:fixed;top:0;left:0;right:0;z-index:10000;min-height:42px;background:#183b34;color:#fff;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:13px system-ui}#live-status button{background:transparent;border:1px solid #a8c4b0;color:white;border-radius:6px;padding:4px 10px;cursor:pointer}#live-status[data-mode=error]{background:#a91a2a}#live-status[data-mode=pending]{background:#885600}.auth-page{min-height:calc(100vh - 42px);display:grid;place-items:center;padding:24px;background:#eef4f2}.auth-card{width:min(100%,440px);background:white;border:1px solid #d8e3df;padding:32px;border-radius:18px;box-shadow:0 16px 50px #173e3310}.auth-card h1{margin:10px 0;font-size:30px}.auth-card p{line-height:1.6;color:#526c63}.auth-card label{display:block;margin:18px 0 6px;font-weight:600}.auth-card input{width:100%;padding:12px;border:1px solid #a5b7af;border-radius:7px;font:inherit}.auth-card button{margin-top:18px}.auth-card .primary{width:100%;justify-content:center}.auth-card .auth-links{display:flex;gap:12px;flex-wrap:wrap}.auth-error{color:#a91a2a!important}.live-mask{position:fixed;inset:42px 0 0;z-index:9999;background:#ffffff80;display:grid;place-items:center;backdrop-filter:blur(2px)}.live-mask>div{background:white;border:1px solid #ccd9d3;padding:24px;border-radius:12px;max-width:480px}.phone-live{max-width:760px;margin:auto;padding:20px}.phone-live h1{font-size:25px}.phone-live .visit-card{background:white;border:1px solid #d4e0d9;padding:18px;margin:14px 0;border-radius:12px}.phone-live .visit-card p{line-height:1.5}.phone-live details{margin:12px 0}.phone-live label{display:block;font-weight:600;margin:14px 0 6px}.phone-live input,.phone-live textarea{width:100%;padding:12px;border:1px solid #a5b7af;border-radius:6px;font:inherit}.phone-live canvas{border:2px solid #617f71;width:100%;height:180px;background:white;touch-action:none;border-radius:6px}.phone-live .pending{border-left:5px solid #d99a00}.phone-live .sent{border-left:5px solid #0c8546}.phone-live .error{color:#a91a2a}.phone-live .button-row{flex-wrap:wrap}.profile-select:disabled{opacity:1;color:#183b34}.live-accounts{display:grid;gap:14px}.live-accounts article{border:1px solid #d2ddd8;padding:12px;border-radius:8px}

@media(min-width:761px){.sidebar{top:42px}}

.phone-live.team-mode{max-width:none}.team-read{margin-top:18px}.team-read-scroll{overflow:auto;border:1px solid #cbd8d0;background:white;border-radius:8px}.team-read-grid{min-width:calc(150px + var(--team-days)*26px)}.team-read-head,.team-read-row{display:flex;border-bottom:1px solid #d9e2dd}.team-read-head{height:44px;background:#eef4f0;font-size:10px}.team-read-person{width:150px;min-width:150px;position:sticky;left:0;z-index:2;background:#f4f8f5;padding:6px 8px;font-size:11px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #cbd8d0}.team-read-person small{color:#5d7469}.team-read-days{display:flex;position:relative;flex:1}.team-read-days>div:not(.team-read-booking){flex:1;border-right:1px solid #e3e9e6;text-align:center}.team-read-days>.weekend{background:#e4f0f8}.team-read-booking{position:absolute;height:20px;overflow:hidden;border-radius:3px;border:1px solid #fff;background:#d20c22;color:white;font-size:10px;font-weight:600}.team-read-booking i{position:absolute;top:0;bottom:0}.team-read-booking span{position:relative;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px 4px;z-index:1;text-shadow:0 1px 2px #0008}.team-read-booking.leave{background:#d6dbde;color:#24362e}.team-read-booking.leave span{text-shadow:none}