#rt-main{color-scheme:dark;--rt-bg:#21151b;--rt-panel:#302129;--rt-line:#55404a;--rt-gold:#dfbc79;--rt-white:#faf3e9;--rt-muted:#c4b5bd;font:15px/1.5 system-ui,sans-serif;color:var(--rt-white);max-width:490px;margin:auto;background:var(--rt-bg);border:1px solid var(--rt-line);border-radius:28px;overflow:hidden}
#rt-main *{box-sizing:border-box}#rt-main header{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rt-line);background:#24181e;gap:12px}#rt-main .logo{font:29px Georgia,serif;color:var(--rt-gold);letter-spacing:-1px}#rt-main main{padding:24px}#rt-main h2{font-size:26px;letter-spacing:-.7px;line-height:1.25;font-weight:500;margin:6px 0 9px}#rt-main h3{font-size:16px;font-weight:500;margin:0}#rt-main p{margin:0 0 16px;font-size:14px;color:var(--rt-muted)}#rt-main .small{font-size:12px;color:var(--rt-muted)}#rt-main .eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--rt-gold)}#rt-main button{font:14px system-ui,sans-serif;min-height:44px;padding:11px 13px;border:1px solid var(--rt-line);border-radius:11px;background:var(--rt-panel);color:var(--rt-white)}#rt-main button.primary{background:var(--rt-gold);color:#261b0e;border:0}#rt-main button.link{border:0;background:transparent;color:var(--rt-gold);padding:8px 0}#rt-main button:disabled{opacity:.5}#rt-main label{display:block;color:var(--rt-muted);font-size:13px;margin-top:15px}#rt-main input,#rt-main select,#rt-main textarea{width:100%;min-width:0;font:16px system-ui,sans-serif;color:var(--rt-white);background:var(--rt-panel);border:1px solid var(--rt-line);border-radius:10px;min-height:46px;padding:12px;margin-top:6px}#rt-main textarea{min-height:110px;resize:vertical}#rt-main .pair,#rt-main .tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}#rt-main .tiles{margin-top:20px}#rt-main .tile{text-align:left;padding:17px 14px;min-height:80px}#rt-main .tile .small{display:block;margin-top:6px}#rt-main .surface{padding:17px;background:var(--rt-panel);border:1px solid var(--rt-line);border-radius:16px;margin-top:17px}#rt-main .hero{padding:20px;background:linear-gradient(135deg,#4e2233,#32212a);border:1px solid #765060;border-radius:18px;margin-top:19px}#rt-main .amount{font-size:40px;font-weight:500;letter-spacing:-1.4px;color:var(--rt-gold);font-variant-numeric:tabular-nums;margin:8px 0}#rt-main .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:11px 0}#rt-main .row>span:last-child{font-variant-numeric:tabular-nums;text-align:right}#rt-main .actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}#rt-main .actions button{flex:1}#rt-main .notice{padding:12px 14px;margin:16px 0;background:#392630;border-left:2px solid var(--rt-gold);border-radius:0 10px 10px 0;font-size:13px;color:var(--rt-muted)}#rt-main .check{display:flex;align-items:center;gap:10px;margin-top:10px}#rt-main .check input{width:18px;min-height:18px;accent-color:var(--rt-gold);margin:0;flex-shrink:0}#rt-main .rolegrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px}#rt-main hr{border:0;border-top:1px solid var(--rt-line);margin:17px 0}#rt-main .error{font-size:13px;color:#ffb5ad;margin-top:12px}#rt-main nav{display:flex;gap:3px;padding:12px 15px 17px;border-top:1px solid var(--rt-line)}#rt-main nav button{flex:1;min-width:0;padding:10px 3px;background:transparent;border:0;font-size:12px;color:var(--rt-muted)}#rt-main nav button[aria-current=page]{background:#432b36;color:var(--rt-gold)}#rt-main .footer{font-size:11px;color:var(--rt-muted);text-align:center;margin-top:23px}#rt-main details{margin-top:15px}#rt-main summary{color:var(--rt-gold);font-size:13px;min-height:36px}#rt-main [hidden]{display:none!important}
@media(max-width:370px){#rt-main main{padding:20px 16px}#rt-main header{padding:20px 16px}#rt-main .pair{grid-template-columns:1fr}#rt-main .row{flex-wrap:wrap}#rt-main .tiles{gap:8px}}
#rt-main nav button{color:var(--rt-gold);font-weight:600;letter-spacing:.1px}#rt-main nav button[aria-current=page]{background:#533141;color:var(--rt-gold)}

body{margin:0;padding:28px 12px;background:#160f13;color:#faf3e9;font:15px/1.5 system-ui,sans-serif}
/* RealTips 2.0: a spacious team workspace, with the same quiet burgundy and gold. */
#rt-main:has(.management-tabs){max-width:1080px}
#rt-main:has(.management-tabs) #app-content{padding:28px}
#rt-main .management-tabs{display:flex;gap:6px;padding:8px;background:#21151b;border:1px solid var(--rt-line);border-radius:16px;margin:22px 0 14px}
#rt-main .management-tabs button{flex:1 1 140px;background:transparent;border-color:transparent;min-height:48px}
#rt-main .management-tabs button[aria-pressed=true],#rt-main .roster-filters button[aria-pressed=true]{background:#49313d;border-color:#92724c;color:#f3d59c}
#rt-main .management-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
#rt-main .management-overview button{text-align:left;background:#261a21;padding:20px;border-top:2px solid #bd985c}
#rt-main .management-overview strong{display:block;font:32px Georgia,serif;color:var(--rt-gold);margin-bottom:5px}
#rt-main .management-overview span{font-size:13px;color:var(--rt-muted)}
#rt-main .roster-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
#rt-main .employee-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--rt-line)}
#rt-main .employee-row:last-child{border:0}
#rt-main .employee-row strong{display:block;font-weight:600;overflow-wrap:anywhere}
#rt-main .employee-row div>span{display:block;color:var(--rt-muted);font-size:13px;margin-top:3px}
#rt-main .staff-status{font-size:12px;border:1px solid #67503c;border-radius:20px;padding:5px 10px;color:#e2c696}
#rt-main .bulk-result{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rt-line);padding:12px 0}
#rt-main .bulk-result>span{flex:1 1 200px}
#rt-main .bulk-roster textarea{min-height:170px;line-height:1.7}
#rt-main .availability-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:end}
#rt-main .invitation-availability{border-top:2px solid var(--rt-gold);margin-bottom:24px}
#rt-main button:focus-visible,#rt-main input:focus-visible,#rt-main select:focus-visible,#rt-main textarea:focus-visible{outline:2px solid var(--rt-gold);outline-offset:3px}
@media(max-width:620px){#rt-main:has(.management-tabs) #app-content{padding:20px 16px}#rt-main .management-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}#rt-main .management-tabs button{flex:0 0 auto;white-space:nowrap}#rt-main .management-overview{gap:7px}#rt-main .management-overview button{padding:12px 9px}#rt-main .management-overview strong{font-size:27px}#rt-main .employee-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}#rt-main .employee-row .staff-status{grid-column:1;grid-row:2;justify-self:start}#rt-main .employee-row button{grid-column:2;grid-row:1 / 3;max-width:130px}#rt-main .availability-row{grid-template-columns:1fr 1fr}#rt-main .availability-row>label:first-child{grid-column:1 / -1}}
.brand-lockup{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.brand-lockup img{flex-shrink:0}
#rt-main .record-photo{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;margin:12px 0;border:1px solid var(--rt-line)}
#rt-main .restaurant-logo{border-radius:12px;object-fit:contain;background:var(--rt-bg)}
#rt-main button.danger{background:#823849;border-color:#ab5b6e;color:#fff}
#rt-main input[type=file]{font-size:13px;padding:10px}
.brand-lockup img,.loading-status img{clip-path:inset(28%);transform:scale(2.2)}
#rt-main .money-input{display:block;position:relative}
#rt-main .money-input input{padding-left:30px;font-variant-numeric:tabular-nums}
#rt-main .currency-prefix{position:absolute;left:13px;top:18px;color:var(--rt-gold);font-size:16px;pointer-events:none}
#rt-main input::placeholder,#rt-main textarea::placeholder{color:#ac9ea6;opacity:1;font-size:14px}
#rt-main .save-status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:10px 24px;background:#dfbc79;color:#21151b;border-radius:24px;box-shadow:0 5px 20px #0005;z-index:5}
.loading-status{display:flex;align-items:center;gap:12px;margin:24px 0;color:#c4b5bd;font-size:14px}
.loading-status img{animation:rt-arrive 850ms ease-in-out 2}
@keyframes rt-arrive{0%,100%{opacity:1;transform:scale(2.2)}50%{opacity:.55;transform:scale(2.1)}}
@media(prefers-reduced-motion:reduce){.loading-status img{animation:none}}
[hidden]{display:none!important}button{cursor:pointer}button:disabled{cursor:wait}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #dfbc79;outline-offset:3px}
#rt-main{min-height:640px}#rt-main .footer{line-height:1.6}#rt-main .actions{align-items:center}
#rt-auth{box-sizing:border-box;max-width:490px;margin:40px auto;padding:32px;background:#21151b;border:1px solid #55404a;border-radius:24px}
#rt-auth .brand{font:36px Georgia,serif;color:#dfbc79}#rt-auth h1{font-size:27px;font-weight:500;line-height:1.3}
#rt-auth p{color:#c4b5bd;font-size:14px}#rt-auth label{display:block;margin-top:18px;font-size:14px}
#rt-auth input{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #55404a;border-radius:10px;padding:13px;background:#302129;color:#faf3e9;font:16px system-ui}
#rt-auth button{font:15px system-ui;min-height:44px;border:0;border-radius:10px;padding:12px 16px;margin-top:18px}
#rt-auth .primary{width:100%;background:#dfbc79;color:#21151b}#rt-auth .link{background:transparent;color:#dfbc79;display:block;padding-left:0}
#rt-auth .error{color:#ffb5ad}#rt-auth .notice{border-left:2px solid #dfbc79;padding:12px}
@media(max-width:520px){body{padding:0}#rt-main,#rt-auth{border-radius:0;border-left:0;border-right:0;min-height:100dvh;margin:0}#rt-main nav{position:sticky;bottom:0;background:#21151b;padding-bottom:max(17px,env(safe-area-inset-bottom))}}

#rt-main .home-greeting{display:grid;grid-template-columns:minmax(0,3fr) minmax(88px,2fr);align-items:center;gap:0;margin-bottom:16px}
#rt-main .home-intro{min-width:0;flex:0 1 auto}
#rt-main .home-intro p{margin-bottom:0}
#rt-main .home-intro .primary{margin-top:16px}
#rt-main .home-portrait{justify-self:center;width:88px;height:88px;min-width:88px;padding:0;margin:0;border-radius:50%;border:2px solid var(--rt-gold);overflow:hidden;background:#302129;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--rt-gold)}
#rt-main .home-portrait img{width:100%;height:100%;object-fit:cover;display:block}
#rt-main .portrait-initials{font-size:25px;line-height:1.2;font-weight:600}
#rt-main .portrait-caption{font-size:11px;margin-top:4px}
#rt-main .home-portrait:focus-visible{outline:3px solid var(--rt-white);outline-offset:4px}
@media(max-width:360px){#rt-main .home-portrait{width:72px;height:72px;min-width:72px}#rt-main .home-greeting{gap:12px}}
#rt-main .money-label{position:relative}#rt-main .money-label input{padding-left:30px}#rt-main .money-label-prefix{position:absolute;left:14px;bottom:14px;color:var(--rt-gold);pointer-events:none}

#rt-main .home-add-entry{font-weight:700;min-height:50px;width:min(100%,210px);padding:14px 22px;background:#dfbc79;color:#201419}

.chat-thread{display:flex;flex-direction:column;gap:12px;margin:14px 0;max-height:420px;overflow:auto}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:20px;overflow-wrap:anywhere}.chat-mine{align-self:flex-end;background:#71384d;color:#fff;border-bottom-right-radius:5px}.chat-other{align-self:flex-start;background:#42343c;color:#fff;border-bottom-left-radius:5px}.chat-name{font-weight:700;font-size:.85rem;color:#e9c979;margin-bottom:5px}.chat-body{white-space:pre-wrap}.chat-time{font-size:.7rem;opacity:.75;margin-top:7px}textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#30212a;border:1px solid #68505d;border-radius:14px;padding:12px;resize:vertical}

.schedule-week{display:grid;grid-template-columns:repeat(7,minmax(200px,1fr));overflow-x:auto;gap:12px;padding-bottom:12px}.schedule-day{background:#251b22;border:1px solid #57414c;border-radius:14px;padding:10px;min-height:180px}.schedule-day .surface{padding:12px;margin:10px 0}.schedule-drag{touch-action:none;cursor:grab;width:100%;border-color:#dabc77}.schedule-drag:active{cursor:grabbing;background:#643047}
@media(min-width:1000px){#rt-main:has(.schedule-week){max-width:1280px}.schedule-week{grid-template-columns:repeat(7,minmax(210px,1fr))}.schedule-day{min-width:0}.schedule-day button{max-width:100%;overflow-wrap:anywhere}}

.schedule-day .schedule-lunch,.schedule-drag.schedule-lunch{background:#ddc49d;color:#291923;border-color:#f4d792}.schedule-day .schedule-dinner,.schedule-drag.schedule-dinner{background:#642c46;color:#fff4e9;border-color:#ae748b}.schedule-lunch p{color:#392637}.schedule-lunch button,.schedule-lunch summary{color:#291923}.schedule-template{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.schedule-template label{flex:1;min-width:130px}.schedule-hours-warning{color:#f3cd80;font-weight:700}
#rt-main .schedule-lunch{--rt-panel:#ddc49d;--rt-white:#291923;--rt-muted:#392637;--rt-gold:#53351a;--rt-line:#a38459;background:#ddc49d;color:#291923;border-color:#efd79d}#rt-main .schedule-dinner{--rt-panel:#642c46;--rt-white:#fff4e9;--rt-muted:#efdae3;--rt-gold:#f3cd80;--rt-line:#a66b82;background:#642c46;color:#fff4e9;border-color:#a66b82}#rt-main .schedule-hours-warning{color:#f3cd80;font-weight:700}
@media(min-width:750px){#rt-main .schedule-composer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#rt-main .schedule-composer h3,#rt-main .schedule-composer p{grid-column:1/-1}#rt-main .schedule-composer label{margin:0}#rt-main .schedule-composer .schedule-drag{grid-column:1/4}}

#rt-main .schedule-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;margin:7px 0;min-height:0;text-align:left;font-size:13px;line-height:1.35;border-radius:10px}
#rt-main .schedule-card span:last-child{font-size:12px;opacity:.85}#rt-main .schedule-card-movable{cursor:grab;touch-action:none}#rt-main .schedule-card-movable:active{cursor:grabbing}#rt-main .schedule-card.is-dragging{opacity:.55;outline:2px solid var(--rt-gold)}
#rt-main .schedule-role-lane{border-top:1px solid #725462;padding:8px 0;min-height:60px}#rt-main .schedule-role-lane h5{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--rt-muted)}
#rt-main .schedule-day{display:grid;grid-template-rows:subgrid;grid-row:span 5;align-content:start;min-height:0}#rt-main .schedule-week{grid-template-rows:auto repeat(4,auto);grid-auto-flow:column;align-items:stretch}#rt-main .schedule-day h4{margin:6px 0 12px}
#rt-main .schedule-detail button{margin:6px 6px 0 0}#rt-main .schedule-detail input{max-width:240px}#rt-main .schedule-composer details{margin:0}

#rt-main .upcoming-schedule{border-left:3px solid var(--rt-gold);background:#38232e}#rt-main .upcoming-shift{padding:12px 0;border-bottom:1px solid var(--rt-line)}#rt-main .upcoming-shift p{margin-bottom:6px}#rt-main .upcoming-shift a{display:block;color:var(--rt-gold)}

#rt-main .actions button[aria-pressed='true']{background:var(--rt-gold);color:#261b0e}
.rt-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#542238,#190f16 75%);color:#e2bf77;animation:rt-intro-exit .3s ease 1.7s forwards}.rt-intro-rain{position:absolute;inset:0;display:flex;justify-content:space-around;opacity:.3;overflow:hidden}.rt-intro-rain span{writing-mode:vertical-rl;font:18px monospace;letter-spacing:12px;transform:translateY(-100%);animation:rt-gold-rain 1.6s linear forwards;text-shadow:0 0 9px #e2bf77}.rt-intro-rain span:nth-child(3n){animation-delay:.2s}.rt-intro-rain span:nth-child(3n+1){animation-delay:-.6s}.rt-intro-rain span:nth-child(4n){font-size:12px;animation-duration:2s}.rt-intro-brand{position:relative;text-align:center;animation:rt-brand-in .8s ease both}.rt-intro-brand img{display:block;width:82px;height:82px;margin:0 auto 16px}.rt-intro-brand strong{font:42px Georgia,serif}.rt-intro-brand p{color:#f4e7d6;font:14px system-ui}.rt-intro-rain[aria-hidden]{pointer-events:none}@keyframes rt-gold-rain{to{transform:translateY(80vh)}}@keyframes rt-brand-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rt-intro-exit{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.rt-intro,.rt-intro-brand,.rt-intro-rain span{animation:none}.rt-intro-rain{display:none}}
#rt-main .report-table{width:100%;border-collapse:collapse;font-size:12px;margin:16px 0}#rt-main .report-table th,#rt-main .report-table td{padding:10px 5px;border-bottom:1px solid var(--rt-line);text-align:left;overflow-wrap:anywhere}#rt-main .audit-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}@media print{body{background:white!important;color:black!important}body *{visibility:hidden}#rt-main .weekly-tip-print,#rt-main .weekly-tip-print *{visibility:visible;color:black!important;background:white!important}#rt-main .weekly-tip-print{position:absolute;left:0;top:0;width:100%;border:0}#rt-main .report-table{font-size:10pt}#rt-main .report-table th,#rt-main .report-table td{border-bottom:1px solid #aaa}}

/* A compact viewport dock, with enough document space to reach the last field. */
#rt-main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
#rt-main #app-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:490px;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#24181e;border:1px solid var(--rt-line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -5px 20px #0003}
#rt-main #app-nav button{min-width:0;min-height:48px;padding:6px 2px;font-size:12px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
#rt-main #app-nav button[aria-current=page]{background:var(--rt-gold);color:#261b0e}
#rt-main .field-help{margin:8px 0;color:var(--rt-muted);font-size:13px}
html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
@media print{#rt-main #app-nav{display:none!important}#rt-main{padding-bottom:0}}

#rt-main select:disabled{opacity:.6;cursor:default}

#rt-main .floating-inbox{position:fixed;z-index:80;right:max(12px,env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));width:min(340px,calc(100vw - 24px));background:#302129;border:1px solid #b49660;border-radius:14px;box-shadow:0 5px 24px #0006;margin:0;padding:10px 14px}#rt-main .floating-inbox>summary{min-height:26px;font-weight:600}#rt-main .floating-inbox>div{max-height:33vh;overflow:auto}#rt-main .floating-inbox section{padding:10px 0;border-top:1px solid var(--rt-line)}#rt-main .floating-inbox p{font-size:12px;margin:6px 0}#rt-main .floating-inbox button{margin:3px;font-size:12px}

/* Fine gold lines over a flat dark background; no glows or shaded corners. */
#rt-main{background-color:var(--rt-bg);background-image:repeating-linear-gradient(135deg,transparent 0 179px,rgba(235,194,110,.18) 179px 180px,transparent 180px 360px)}
#rt-main .floating-inbox{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;animation:rt-notice-in .25s ease-out}
#rt-main .floating-inbox>div{max-height:38vh}
@keyframes rt-notice-in{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#rt-main .floating-inbox{animation:none}}

/* Slow gold-line drift echoes the intro, without illuminated corners. */
#rt-main{animation:rt-line-drift 48s linear infinite}
@keyframes rt-line-drift{from{background-position:0 0}to{background-position:0 509.117px}}
@media(prefers-reduced-motion:reduce){#rt-main{animation:none}}