body{margin:0;background:#f5f9f6}.team-shell{max-width:1120px;min-height:80vh}.team-shell p{overflow-wrap:anywhere}.team-shell .team-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.team-head h1{margin:4px 0}.team-shell button,.team-shell a{touch-action:manipulation}.team-shell .team-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.team-tabs button{width:auto;background:transparent;color:#68716d;min-height:42px}.team-tabs button[aria-selected=true]{background:#d8e7dc;color:#202735}.team-auth{max-width:460px;margin:20px auto}.team-shell label{display:block;font-size:14px;font-weight:550;margin-bottom:7px}.team-shell input,.team-shell textarea,.team-shell select{width:100%;margin-bottom:16px;min-width:0}.team-shell .guest-button{background:#719f86;color:#202735}.team-shell .guest-button.guest-soft{background:#e3eee5}.team-shell .team-text{background:transparent;width:auto;padding:7px;font-size:14px;min-height:40px}.team-message{padding:14px;border-radius:13px;background:#e3eee5;margin:14px 0;color:#202735!important}.team-message:empty{display:none}.team-error{background:#fff0e4}.team-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);gap:22px;align-items:start}.team-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}.team-toolbar select,.team-toolbar input{width:auto;flex:1;margin:0;max-width:180px}.team-toolbar .guest-button{width:auto;min-width:42px}.team-toolbar .team-label{flex:2;text-align:center;font-size:16px;font-weight:600;min-width:145px}.team-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.team-stat{display:flex;gap:12px;align-items:center;padding:10px 0;min-width:0}.team-stat>span{display:grid;place-items:center;background:#e1ecdf;color:#68716d;width:46px;height:46px;flex-shrink:0;border-radius:12px;font-size:22px}.team-stat strong{font-size:27px;line-height:1.2;display:block}.team-stat small{display:block;line-height:1.3}.team-job{display:block;width:100%;background:white;border:0;border-radius:15px;color:#202735;text-align:left;padding:15px 17px;margin-bottom:10px;cursor:pointer;font:inherit}.team-job:hover,.team-job:focus-visible{box-shadow:0 0 0 2px #719f86}.team-job-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.team-job-head strong{font-size:23px}.team-job small{display:block;color:#68716d;line-height:1.5}.team-state{display:inline-block;border-radius:20px;padding:5px 9px;font-size:12px;white-space:normal;flex-shrink:0;max-width:45%;text-align:center;background:#fff2d9}.team-state.doing{background:#e7eef8}.team-state.done{background:#e1eee3}.team-state.hold{background:#ece8f2}.team-date-title{font-size:16px;margin:22px 0 12px}.team-detail{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.team-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.team-detail-head h2{font-size:27px}.team-detail-head button{width:auto;background:transparent}.team-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.team-fields .wide{grid-column:1/-1}.team-detail hr{border:0;border-top:1px solid #e0e9e3;margin:24px 0}.team-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.team-photos figure{margin:0;min-width:0}.team-photos img{width:100%;height:95px;object-fit:cover;border-radius:9px}.team-photos figcaption{font-size:11px;overflow-wrap:anywhere;color:#68716d}.team-code{font:15px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;background:white;padding:16px;border-radius:12px}.team-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.team-person{background:white;border-radius:16px;padding:18px}.team-person .guest-button{margin-top:12px;font-size:13px;min-height:40px}.team-person h3{margin:0}.team-import{max-width:650px}.team-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:18px 0}.team-month button{background:white;border:0;border-radius:10px;min-height:55px;padding:8px 4px;font:inherit;cursor:pointer;color:#202735}.team-month small{display:block;font-size:11px;color:#68716d}.team-month .selected{background:#d8e7dc}.team-month>span{text-align:center;font-size:12px;color:#68716d}.team-shell footer{font-size:12px;border-top:1px solid #e1e9e3;margin-top:28px}.team-shell a{color:inherit}.team-shell button:disabled{opacity:.5;cursor:wait}.team-shell .team-hint{font-size:13px}.team-shell .team-auth input{font-size:16px}.team-shell [hidden]{display:none!important}@media(max-width:700px){.team-shell{padding:18px 14px}.team-layout{grid-template-columns:1fr}.team-detail{position:static;max-height:none}.team-stat{gap:7px}.team-stat>span{width:32px;height:32px;border-radius:9px;font-size:19px}.team-stat strong{font-size:23px}.team-stat small{font-size:11px}.team-toolbar .team-label{order:0;min-width:100px}.team-toolbar select{max-width:92px;flex:0 1 auto}.team-toolbar input{max-width:145px}.team-summary{gap:6px}.team-tabs button{font-size:14px;padding:10px}.team-detail-head h2{font-size:25px}.team-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep the approved soft selected tab in both desktop and mobile. */
.team-shell .team-tabs .guest-button{background:transparent;color:#68716d}.team-shell .team-tabs .guest-button[aria-selected=true]{background:#d8e7dc;color:#202735}

/* Operational hierarchy: compact header, summary, date controls, full-width list. */
.team-shell{max-width:1280px}
.team-shell .team-head{margin-bottom:12px;align-items:center}
.team-head h1{font-size:25px;margin:5px 0}
.team-head p{font-size:13px;margin:0}
.team-shell .team-tabs{margin:16px 0 20px;padding-bottom:14px;border-bottom:1px solid #e0e9e3}
.team-shell .team-tabs .guest-button{min-height:40px;padding:9px 16px}
.team-summary{margin:12px 0 22px;gap:20px}
.team-stat{padding:4px 0}
.team-toolbar{display:grid;grid-template-columns:92px 36px minmax(120px,1fr) 36px 64px 152px 170px;gap:8px;align-items:center;margin:0 0 22px;padding:12px 0;border-top:1px solid #e0e9e3;border-bottom:1px solid #e0e9e3}
.team-toolbar .guest-sr{position:absolute}
.team-toolbar input,.team-toolbar select{width:100%;max-width:none;min-height:42px;padding:9px 10px;font-size:14px;margin:0}
.team-toolbar .team-label{min-width:0;font-size:15px}
.team-toolbar .guest-button{width:100%;min-width:0;min-height:42px;padding:9px}
.team-layout{display:block}
.team-layout.has-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}
.team-date-title{margin:8px 0 12px;font-size:15px}
.team-layout>section>.guest-card{padding:28px;text-align:center;margin:0;background:#fff}
.team-shell footer{margin-top:26px;padding-top:16px}
.team-shell footer p{margin:0 0 8px;font-size:11px}
@media(max-width:850px){.team-toolbar{grid-template-columns:84px 30px minmax(110px,1fr) 30px 60px}.team-toolbar #team-day,.team-toolbar #team-worker{grid-row:2}.team-toolbar #team-day{grid-column:1/4}.team-toolbar #team-worker{grid-column:4/6}.team-layout.has-detail{grid-template-columns:1fr}}
@media(max-width:480px){.team-shell{padding:18px 14px}.team-head h1{font-size:23px}.team-head>div>strong{font-size:21px!important}.team-summary{gap:8px;margin:10px 0 18px}.team-toolbar{gap:4px;grid-template-columns:76px 24px minmax(90px,1fr) 24px 52px}.team-toolbar .team-label{font-size:13px}.team-toolbar input,.team-toolbar select{font-size:13px}.team-shell .team-tabs{gap:2px}.team-shell .team-tabs .guest-button{padding:9px;font-size:13px}}

/* Original PropertyOS wordmark and consistent operational icons. */
.team-wordmark{display:block;width:164px;height:auto;max-width:100%;filter:brightness(0);object-fit:contain}
.team-shell .team-head{padding-bottom:8px}
.team-head h1{margin-top:16px;font-weight:650;letter-spacing:-.6px}
.team-head p{color:#68716d}
.team-stat>span svg{width:25px;height:25px}
.team-powered{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 13px}
.team-powered>span{font-size:11px;color:#68716d}
.team-powered .team-wordmark{width:103px;opacity:.8}
.team-shell footer a{color:#68716d;text-decoration:none;font-size:12px}
.team-shell footer a:hover{text-decoration:underline}
.team-shell{min-height:0}
.team-shell .team-job{transition:box-shadow .15s ease}
.team-shell .team-toolbar input,.team-shell .team-toolbar select{border-color:#e0e9e3;border-radius:12px;background-color:#fff}
@media(max-width:600px){.team-wordmark{width:142px}.team-head h1{margin-top:12px}.team-stat>span svg{width:22px;height:22px}}


.team-wordmark{filter:none}

/* A quiet team sign-in: original brand, no extra heading or outer frame. */
.team-shell.team-auth-shell{max-width:560px;margin:36px auto;padding:28px 32px;border:0;box-shadow:none;background:#f5f9f6}
.team-auth-shell .team-head{justify-content:center;margin:8px 0 28px;padding:0}
.team-auth-shell .team-wordmark{width:185px;margin-inline:auto}
.team-shell input:not([type="checkbox"]):not([type="radio"]),.team-shell textarea,.team-shell select{border:0!important;box-shadow:none!important;background:#fff;border-radius:12px;padding:14px}
.team-shell .team-tabs .guest-button{border:0;border-radius:0;background:transparent!important;position:relative;color:#68716d}
.team-shell .team-tabs .guest-button[aria-selected="true"]{color:#202735!important}
.team-shell .team-tabs .guest-button[aria-selected="true"]:after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;background:#719f86;border-radius:2px}
.team-auth-shell .team-tabs{justify-content:center;border-bottom:0;padding-bottom:0;margin:0 0 28px;gap:18px}
.team-auth-shell .team-auth{margin:0 auto}
.team-auth-shell .team-powered .team-wordmark{width:103px;margin:0}
@media(max-width:600px){.team-shell.team-auth-shell{margin:0 auto;padding:32px 20px}.team-auth-shell .team-head{margin:12px 0 30px}}

/* Team access shares the main entrance scene; authenticated workspaces stay light. */
body.team-auth-mode{min-height:100vh;min-height:100dvh;box-sizing:border-box;display:grid;align-items:center;padding:40px 20px;background:linear-gradient(110deg,#23344b 0%,#18232f 45%,#0f151c 100%);position:relative;isolation:isolate;color:#fff}
body.team-auth-mode:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,14,20,.13),rgba(12,16,21,.63)),url('./assets/login-scene.jpg') center/cover no-repeat;opacity:.8;animation:team-auth-ambient 28s ease-in-out infinite alternate;transform-origin:center}
body.team-auth-mode .team-shell.team-auth-shell{width:100%;max-width:520px;margin:0 auto;padding:28px 30px;background:rgba(18,24,29,.56);border:0;box-shadow:none;border-radius:24px;color:#fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.team-auth-shell .team-head{margin:12px 0 30px}
.team-auth-shell .team-head .team-wordmark{width:205px}
.team-auth-shell label{color:#fff}
.team-auth-shell input:not([type="checkbox"]):not([type="radio"]),.team-auth-shell textarea,.team-auth-shell select{background:#10161b!important;color:#fff!important;border:0!important;box-shadow:none!important;caret-color:white}
.team-auth-shell input::placeholder,.team-auth-shell textarea::placeholder{color:#bfc6c2}
.team-auth-shell input:focus-visible,.team-auth-shell textarea:focus-visible,.team-auth-shell select:focus-visible{outline:2px solid #719f86;outline-offset:3px}
.team-shell.team-auth-shell .team-tabs .guest-button{color:#bcc7c1!important}
.team-shell.team-auth-shell .team-tabs .guest-button[aria-selected="true"]{color:#fff!important}
.team-auth-shell .guest-button[type="submit"]{background:#719f86;color:#fff}
.team-auth-shell .team-hint,.team-auth-shell footer p,.team-auth-shell footer a,.team-auth-shell .team-powered>span{color:#d1d8d3!important}
.team-auth-shell footer{border-top:1px solid rgba(255,255,255,.18)}
.team-auth-shell .team-powered .team-wordmark{opacity:1}
@keyframes team-auth-ambient{from{transform:scale(1.015) translate3d(-.3%,0,0)}to{transform:scale(1.055) translate3d(.3%,-.35%,0)}}
@media(max-width:700px){body.team-auth-mode{padding:32px 16px}body.team-auth-mode:before{background-position:30% center}body.team-auth-mode .team-shell.team-auth-shell{padding:26px 20px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){body.team-auth-mode:before{animation:none;transform:none}}

/* Brand sits directly over the scene, outside the form panel. */
body.team-auth-mode{display:flex;flex-direction:column;justify-content:center;gap:28px}
#team-entrance-brand{position:relative;z-index:1;flex:none;text-align:center;width:100%}
#team-entrance-brand[hidden]{display:none}
#team-entrance-brand img{display:block;width:260px;max-width:72vw;height:auto;margin:0 auto}
.team-auth-shell .team-head{display:none}
body.team-auth-mode .team-auth-shell{position:relative;z-index:1;flex:none}
@media(max-width:700px){body.team-auth-mode{gap:24px}#team-entrance-brand img{width:235px}}

.team-auth-shell .team-hint a{color:#e1e8e3;text-decoration:underline;text-underline-offset:3px;font-size:13px}

.team-demo-entry{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.team-demo-entry a.guest-button{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;background:#719f86;color:#fff;border:0;font-weight:600}


/* Private operational workspace: compact controls, independent profile sections. */
.team-access-tabs{display:none!important}.team-login-actions{display:flex;align-items:stretch;gap:10px}.team-login-actions button{flex:1}.team-login-actions select{width:72px!important}
.team-period{display:flex;gap:16px;align-items:center;margin:18px 0}.team-period .team-tabs{flex:1}.team-period button{text-transform:uppercase;font-size:12px}.team-date-picker{position:relative;width:36px;height:40px;display:grid;place-items:center;margin:0;font-size:25px}.team-date-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.team-open-section{padding:22px 0;background:none;border:0;box-shadow:none}.team-open-section h2{font-size:22px;font-weight:600;margin:0 0 20px}.team-open-section form{display:grid;gap:15px}.team-open-section form label{display:grid;gap:7px}.team-open-section input{border:0;background:#edf2ee;padding:14px;border-radius:12px;color:#202735;min-width:0}
.team-clock-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.team-clock-controls>div{display:flex;gap:12px}.team-clock-controls button{margin:0}
.team-inline-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.team-inline-head input{max-width:180px}.team-record-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e5ece6;font-size:14px;flex-wrap:wrap}
.team-profile-head{display:flex;align-items:center;gap:18px;margin:0 0 28px}.team-profile-head h2{margin:0}.team-avatar{width:64px;height:64px;background:#dce9df;border-radius:50%;display:grid;place-items:center;font-size:22px}.team-document-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e5ece6;text-decoration:none}.team-document-row small{display:block;color:#7e8d82;margin-top:4px}
.team-vacation-row{padding:20px 0;border-bottom:1px solid #e5ece6}.team-vacation-row>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.team-vacation-row form{margin:15px 0;grid-template-columns:1fr 1fr}.team-vacation-row form button{grid-column:1/-1}
.team-summary{background:#edf3ed!important;border:0!important}.team-stat>span{background:#365e4c!important;color:#fff!important}
.team-state{background:#fce8e5!important;color:#29332f!important;border:0!important;border-radius:999px!important;padding:5px 11px!important;min-height:28px;font-size:12px!important}.team-state.doing{background:#e5f0fa!important}.team-state.done{background:#e2f1e7!important}.team-state.hold{background:#eee8f3!important}
.team-demo-link{display:inline-block!important;margin:16px auto}
@media(max-width:700px){.team-tabs{overflow-x:auto;flex-wrap:nowrap!important}.team-tabs button{white-space:nowrap}.team-period{gap:10px}.team-period .team-tabs{gap:14px!important}.team-period button{padding:10px 0}.team-clock-controls{gap:14px}.team-clock-controls>div{width:100%}.team-inline-head{align-items:flex-start;flex-wrap:wrap}}

.team-chat-history{display:grid;gap:14px;margin:22px 0}.team-chat-history article{max-width:85%;padding:14px;background:#eaf0e9;border-radius:16px}.team-chat-history article.mine{margin-left:auto;background:#dce8df}.team-chat-history p{margin:0 0 6px;white-space:pre-wrap}.team-chat-history small{font-size:11px;color:#788679}.team-open-section textarea{border:0;background:#edf2ee;border-radius:14px;padding:16px;resize:vertical}.team-avatar{position:relative;overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-avatar input{position:absolute;inset:0;opacity:0;cursor:pointer}.team-person form{margin-top:18px}.team-person label{font-size:13px}

.team-shell{border:0!important;box-shadow:none!important}.team-clock-controls{max-width:640px}.team-date-picker svg{width:23px;height:23px}
