/* V7: readable type, activity colours and a consistent green workspace. */
:root{--ink:#1d3545;--muted:#52687a;--line:#d8e3e9;--shadow:0 4px 0 #dce7e9,0 12px 25px #20445409}
body{font-size:16px;color:var(--ink);background:#f2f7f8}
.sidebar{width:238px;padding:26px 18px;overflow-y:auto}.shell{margin-left:238px}main{padding:26px 30px}
.brand{font-size:22px;gap:10px}.brand-symbol{width:48px;height:48px;font-size:32px;line-height:1;font-weight:900;letter-spacing:0;border-radius:13px;background:#07845b;box-shadow:inset 0 2px 1px #ffffff50,0 4px 0 #075f43}.brand small{font-size:12px;color:#526b60;letter-spacing:1px}
nav{margin-top:30px;gap:9px}nav button{font-size:16px;color:#445d6e;padding:13px 12px}#main-nav svg{width:23px;height:23px}nav button.active{background:linear-gradient(135deg,#11a578,#07835e);color:#fff;box-shadow:inset 0 1px 1px #ffffff70,0 4px 0 #086e50}
.topbar{padding:0 30px;height:70px}.breadcrumb,.top-actions,.top-actions .text-button,.sync,.bell{font-size:14px;color:#476173}.identity{font-size:16px}.bell b{font-size:13px}
.hero{min-height:150px;padding:22px 26px;background:linear-gradient(105deg,#fff,#e8f6ef);border:1px solid #b8dcca;box-shadow:0 5px 0 #d0e5d9;gap:20px}.hero h1{font-size:34px;line-height:1.4}.hero h1 span{font-size:21px;font-weight:600;color:#365d4e}.hero>div{width:100%}.hero-routine{margin-top:16px;max-width:620px}.hero-routine .rest-note{display:none}
.rest-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #bdd4cc;border-radius:11px;overflow:hidden;background:#ffffffdf;box-shadow:0 3px 0 #dcebe3}.rest-table>div{display:flex;gap:8px;align-items:center;justify-content:center;padding:9px 10px;border-right:1px solid #c9ded4}.rest-table>div:last-child{border:0}.rest-table span{font-size:14px;color:#52665e}.rest-table strong{font-size:15px;color:#175d43}.rest-note{font-size:14px;color:#536961;margin:12px 0 0;line-height:1.7}
.side-note{margin-top:22px;padding:15px 12px;background:#f4faf7;border:1px solid #c7ded2;box-shadow:0 3px 0 #dce9e1;border-radius:14px}.side-note h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 12px}.side-note h3 svg{width:20px;height:20px}.side-note .rest-table{display:block;box-shadow:none}.side-note .rest-table>div{justify-content:space-between;border-right:0;border-bottom:1px solid #d8e5de;padding:8px}.side-note .rest-table>div:last-child{border:0}.side-note .rest-table strong{font-size:14px}.side-note .rest-note{font-size:13px;margin:12px 0 0;color:#4e665a;line-height:1.7}.side-bottom{font-size:10px;color:#667b71}
.red-reminder,.notice{font-size:14px;color:#b3293f;line-height:1.8}.notice{background:#fff1f2;border-color:#cf4055}.button{font-size:15px;padding:9px 15px}.text-button{font-size:14px;color:#426579}.sectionbar h2{font-size:24px}.sectionbar p,.eyebrow{font-size:14px;color:#526c63}.sectionbar{margin:24px 2px 18px}
.filter-panel{padding:20px}.person-filter{font-size:15px;color:#344e60;padding:9px 13px}.person-filter i{font-size:13px;width:25px;height:25px}.person-filter.xingyi.selected,.person-filter.wangshuo.selected,.person-filter.xiaofu.selected{background:#087e5c;border-color:#087e5c;box-shadow:0 3px 0 #075a42}.range-form label{font-size:14px;color:#526478}.range-form input,.range-form select,.range-form .button{font-size:14px}.range-form input{width:150px}.range-form .text-button{font-size:14px}.date-tab span{font-size:14px;color:#526a7f}.date-tab strong{font-size:20px;color:#263f55}.date-tab.selected{background:linear-gradient(145deg,#23946d,#087c5a);border-color:#087c5a;box-shadow:0 4px 0 #086147}.date-tab.selected span,.date-tab.selected strong{color:white}.date-tab.selected i{background:#d4ffec}
.day-head h3{font-size:27px}.day-head h3 span,.day-head p,.day-rest{font-size:14px;color:#46667c}.people-header strong{font-size:18px}.people-header small{font-size:13px;color:#536675}.people-header i{font-size:14px;width:29px;height:29px}.period-title h4{font-size:19px}.period-title span{font-size:14px;color:#596e7d}.column-empty,.after-work{font-size:14px;color:#546a7a}.people-grid{gap:16px}
.work-card{padding:17px;border-width:1px;border-top-width:4px;border-radius:13px;box-shadow:0 4px 0 #dce6e9}.card-title{font-size:17px;font-weight:750;line-height:1.65;color:#1a3243}.card-meta{gap:6px;flex-wrap:wrap}.card-meta time,.category-pill{font-size:13px}.card-meta time{font-weight:500;color:#39556d;margin-left:auto}.card-footer{font-size:14px;color:#3d576c}.card-footer .text-button{font-size:14px}.quick-result,.quick-time{font-size:14px;min-height:36px}.quick-result{padding:5px 10px}.quick-time{color:#315f74}.task-place{font-size:14px;color:#425f70;border-top:1px solid #ffffffb3;padding-top:8px;margin-top:10px;line-height:1.6}.work-card.rest-card{opacity:1}.work-card.rest-card .card-title{color:#4c5d6c}
.blue{--event:#2564c1;--event-bg:#e6f0ff;--event-line:#a8c8f1;--event-text:#214c86}.teal{--event:#087e78;--event-bg:#ddf3ee;--event-line:#88cec1;--event-text:#125b57}.violet{--event:#7952b8;--event-bg:#eee5fb;--event-line:#c3a6ec;--event-text:#58378b}.coral{--event:#c85b2d;--event-bg:#fff0e3;--event-line:#efb58f;--event-text:#8f431f}.green{--event:#398151;--event-bg:#e7f3df;--event-line:#abd298;--event-text:#345c2b}.rose,.pink{--event:#b9426c;--event-bg:#fbe4ed;--event-line:#e5a6bf;--event-text:#893050}.amber{--event:#a77012;--event-bg:#fff2d8;--event-line:#dfc378;--event-text:#75520c}.slate,.gray{--event:#687785;--event-bg:#e9eef2;--event-line:#b9c5d0;--event-text:#405365}
.work-card{background:var(--event-bg,#edf7f2);border-color:var(--event-line,#bdd4cb);border-top-color:var(--event,#20886b)}.work-card .category-pill{background:var(--event,#20886b);color:white}.work-card.completed{opacity:.8}.work-card.completed .card-title{text-decoration:line-through}
.schedule-panel{padding:22px}.schedule-heading h3{font-size:23px}.schedule-heading h3 span,.schedule-hint{font-size:15px;color:#435f74}.schedule-hint{margin:15px 0}.timeline-person strong{font-size:18px;color:#29445b}.timeline-person small{font-size:14px;color:#53697e}.time-corner,.time-label{font-size:14px;color:#33536f;font-weight:600}.timeline-grid{grid-template-columns:76px repeat(3,minmax(0,1fr))}.timeline-grid.columns-1{grid-template-columns:76px minmax(0,1fr)}.timeline-grid.columns-2{grid-template-columns:76px repeat(2,minmax(0,1fr))}.timeline-grid.columns-4{grid-template-columns:76px repeat(4,minmax(0,1fr))}.timeline-grid.columns-5{grid-template-columns:76px repeat(5,minmax(0,1fr))}.timeline-grid.columns-6{grid-template-columns:76px repeat(6,minmax(0,1fr))}
.schedule-item{background:var(--event-bg,#edf7f2);border:1px solid var(--event-line,#bdd4cb);border-left:4px solid var(--event,#20886b);box-shadow:0 2px 0 #0000000a;padding:11px;color:var(--event-text,#254a3c);border-radius:9px}.schedule-item time{font-size:14px;color:var(--event-text,#254a3c);font-weight:700}.schedule-item strong{font-size:16px;line-height:1.65;color:var(--event-text,#254a3c)}.schedule-item small{font-size:13px;color:#485e6a}.schedule-place{display:block;font-size:13px;line-height:1.6;margin-top:4px;color:var(--event-text,#254a3c)}.time-cell.continuing{background:var(--event-bg,#eef3f7);border-left:4px solid var(--event,#9bb8d0)}.continuation{font-size:13px;color:var(--event-text,#456277);opacity:1}.time-cell{min-height:38px}.empty-slot{font-size:18px}.week-table th,.week-table td{font-size:15px}.week-table .person-chip{font-size:16px}.week-add{font-size:14px;padding:12px}.week-rest{font-size:15px}.month-day b{font-size:19px}.month-day small,.weekday{font-size:14px}
.quick-launch{padding:19px}.quick-launch button{font-size:16px;color:#28495a}.launch-icon{width:47px;height:47px;border-radius:14px}.launch-icon svg{width:28px;height:28px}.launch-icon.mint{color:#067c59;background:#ccefe0}.launch-icon.sky{color:#245fbb;background:#d7e8ff}.launch-icon.violet{color:#7043aa;background:#e6d8f8}.launch-icon.peach{color:#ad5820;background:#ffe4c9}.segmented button,.report-presets button{font-size:15px}.segmented .selected,.report-presets button:hover{background:#107d5f;color:white}
.info-panel p,.info-panel li,.info-panel table,.info-panel small,.content-card p,.channel-tags span,.account-card p,.account-card small,.pending-row small,.member-progress small{font-size:15px;color:#415d6e;line-height:1.85}.info-panel h3{font-size:21px;color:#243d50}.info-panel h4,.account-card h4{font-size:18px;color:#243d50}.table-scroll th,.table-scroll td{font-size:15px;padding:14px}.content-card .eyebrow{font-size:14px}.status,.person-chip{font-size:14px}.saved-note{background:#eef5f4;color:#314f45}.account-id{word-break:break-all}.report-card span{font-size:16px}.report-card strong{font-size:35px}.report-intro p,.report-intro .eyebrow{font-size:15px}.report-intro{background:#edf6f1}.report-card.mint{background:#ddf0e7}.report-card.sky{background:#e2edf9}.report-card.rose{background:#f9e4e8}.report-card.peach{background:#fff0df}
.profile-panel.v7-profile{background:linear-gradient(110deg,#fff,#edf6f0);border:1px solid #bfd8cc;box-shadow:0 5px 0 #d6e7de;display:flex;gap:22px;align-items:center;padding:28px;border-radius:18px}.profile-info{flex:1;min-width:0}.profile-info h2{font-size:29px;margin:0 0 9px}.profile-info p{font-size:16px;color:#455f52;margin:10px 0}.profile-info small{font-size:14px;color:#51685d}.member-avatar{width:50px;height:50px;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#289978,#0d6c51);color:#fff;font-size:25px;line-height:1;display:inline-grid;place-items:center;box-shadow:inset 0 1px 1px #ffffff80,0 4px 0 #b5d6c7;overflow:hidden}.member-avatar.large{width:84px;height:84px;font-size:40px;border-radius:22px}.member-avatar img{display:block;width:100%;height:100%;object-fit:cover}.avatar-edit{padding:0;background:none;color:#34574a;flex-shrink:0}.avatar-edit small{font-size:13px;display:block;margin-top:10px}.role-tags{display:flex;flex-wrap:wrap;gap:6px}.role-tag{font-size:13px;font-weight:600;color:#236049;background:#e4f1e9;padding:3px 9px;border:1px solid #c5dece;border-radius:7px}.settings-row strong{font-size:18px}.settings-row small{font-size:15px;color:#566c7a}.settings-icon{background:#e6f2ed;color:#13775a;box-shadow:0 3px 0 #c8ded2}.settings-row{padding:20px 22px}.settings-row b{font-size:24px;color:#557564}.routine-panel{max-width:960px}.v7-member{align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid #dce5e4}.member-info{flex:1;min-width:0}.member-info h3{font-size:20px;margin:0 0 9px}.member-info h3 small{font-size:13px;margin-left:12px;color:#567669}.member-info p{font-size:15px;color:#4c6357;margin:9px 0 0}.member-row>.button{margin-top:4px}.position-options{display:flex;flex-wrap:wrap;gap:8px}.position-options label{display:flex;align-items:center;gap:6px;font-size:15px;background:#f6faf7;border:1px solid #d6e5db;padding:7px 10px;border-radius:8px;cursor:pointer;margin:0}.position-options label:has(input:checked){background:#ddf2e6;border-color:#64ac8b;color:#136345}.position-options input{width:17px;height:17px;accent-color:#16815f}.avatar-picker{display:flex;align-items:center;gap:20px;margin:12px 0 24px}.avatar-picker>div:nth-child(2){display:grid;gap:8px}.avatar-file-label{cursor:pointer;position:relative;overflow:hidden}.avatar-file-label input{position:absolute;width:1px;height:1px;opacity:0}
.priority-side{margin-top:22px;background:#fff7f6;border:1px solid #ecc5c5;border-radius:14px;padding:12px;box-shadow:0 3px 0 #efd9d7}.priority-heading{display:flex;align-items:center;gap:8px;width:100%;padding:0;background:none;color:#802d3c;font-size:16px}.priority-heading>span{margin-left:auto;font-size:23px}.red-ring{width:27px;height:27px;border:2px solid #d83e52;border-radius:50%;color:#ba273d;display:inline-grid;place-items:center;font-size:13px;font-style:normal;font-weight:800;background:white;flex-shrink:0}.priority-short{display:block;text-align:left;padding:10px 0;background:none;width:100%;border-bottom:1px solid #f0dcd8}.priority-short b{font-size:14px;color:#63313c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.priority-short small{font-size:12px;color:#805863;display:block;margin-top:3px}.priority-side>p{font-size:14px;color:#7c5b60;margin:10px 0}.priority-add{font-size:14px;color:#a02d42;background:white;border:1px solid #e7bec5;padding:7px 8px;border-radius:8px;width:100%;margin-top:9px}.urgency-badge{font-size:13px;font-weight:700;background:#fff0f0;color:#ae223c;padding:2px 7px;border:1px solid #df8c9b;border-radius:6px}.urgent-entry{margin:22px 0}.urgent-entry>div{display:flex;gap:10px;align-items:center;font-size:15px;margin-bottom:12px}.urgent-entry .work-card{max-width:760px}.mobile-urgent{display:none}.history-bottom{text-align:center;padding:20px}.history-list time,.history-list small{font-size:14px;color:#52697b}.history-list article{padding:20px 4px}.history-list p{font-size:16px;color:#2e4b60}.history-list .unread{background:#f1f8f4}.history-list .unread-dot{font-size:12px}.activity-heading p{font-size:15px}.activity-heading h3{font-size:23px}
dialog{font-size:16px;max-width:min(720px,calc(100vw - 32px))}dialog h2{font-size:23px}dialog label{font-size:15px;color:#344f5f}dialog input:not([type=checkbox]):not([type=file]),dialog textarea,dialog select{font-size:16px;color:#243e52}dialog .muted,dialog p,dialog .form-error{font-size:15px}dialog legend{font-size:16px;font-weight:700;color:#294b41}.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-block p,.mini-checkin p{font-size:16px}.login-card p{font-size:15px}.login-card h1{font-size:37px}.login-card label,.login-people button{font-size:16px}footer{font-size:13px;color:#587065}footer span{font-size:13px}
@media(max-width:1100px) and (min-width:761px){.sidebar{width:208px;padding:22px 13px}.shell{margin-left:208px}main{padding:24px 20px}.brand{font-size:20px}.brand-symbol{width:44px;height:44px}.people-grid{gap:10px}.work-card{padding:13px}.card-title{font-size:16px}.card-meta time{font-size:13px}.topbar{padding:0 20px}.top-actions{gap:10px}}
@media(max-width:760px){body{font-size:16px}.sidebar{display:none}.shell{margin-left:0}main{padding:16px 13px 92px}.topbar{height:57px;padding:0 15px}.top-actions{gap:12px}.hero{padding:19px 17px;min-height:155px}.hero h1{font-size:28px}.hero h1 span{display:block;font-size:17px;margin:3px 0 0}.hero-routine{margin-top:12px}.rest-table>div{padding:8px 5px;flex-direction:column;gap:0}.rest-table span{font-size:13px}.rest-table strong{font-size:14px}.red-reminder{font-size:14px;margin:14px 2px}.quick-launch{padding:14px 8px;gap:4px}.quick-launch button{font-size:14px;gap:9px}.launch-icon{width:43px;height:43px}.mobile-urgent{display:flex;align-items:center;gap:9px;text-align:left;font-size:15px;padding:12px 14px;margin:16px 0;background:#fff5f3;color:#9a3545;border:1px solid #ecc6cc;border-radius:11px;box-shadow:0 3px 0 #efdddb}.mobile-urgent span{font-size:13px;color:#6f4e56;margin-left:auto}body:not([data-screen=day]):not([data-screen=mine]):not([data-screen=range]) .mobile-urgent{display:none}.person-filter{padding:7px 10px;font-size:15px}.filter-top{gap:8px;align-items:flex-start}.person-filters{gap:6px}.filter-panel{padding:14px}.new-task,.filter-top .button{font-size:14px;padding:8px 11px}.date-tabs{gap:5px}.date-tab{min-width:58px;padding:7px 5px}.date-tab span{font-size:13px}.date-tab strong{font-size:18px}.range-form input{width:135px}.compact-filter{font-size:14px;color:#3e5d6d}.day-board{padding:15px}.day-head{align-items:flex-start}.day-head h3{font-size:24px}.day-head p{font-size:14px}.notice{font-size:14px;padding:10px}.day-rest{font-size:13px}.people-header strong{font-size:16px}.work-card{padding:15px}.card-title{font-size:17px}.card-meta time{font-size:13px}.card-footer,.card-footer .text-button{font-size:14px}.quick-result,.quick-time{font-size:14px}.schedule-panel{padding:15px}.schedule-heading h3{font-size:19px}.schedule-hint{font-size:14px}.schedule-item strong{font-size:16px}.timeline-person strong{font-size:16px}.timeline-person small{font-size:13px}.time-label{font-size:13px}.timeline-grid:not(.columns-1){min-width:760px}.timeline-grid.columns-1{grid-template-columns:60px minmax(0,1fr)}.week-table .schedule-item{padding:10px}.week-table th{font-size:15px}.profile-panel.v7-profile{padding:20px 17px;gap:15px;flex-wrap:wrap}.profile-info{flex:1;min-width:170px}.profile-info h2{font-size:25px}.profile-info p{font-size:15px}.profile-panel.v7-profile>.button{margin-left:auto}.member-avatar.large{width:70px;height:70px;border-radius:18px;font-size:34px}.role-tag{font-size:13px}.settings-row{padding:18px 16px}.settings-row strong{font-size:17px}.settings-row small{font-size:14px}.settings-icon{width:42px;height:42px}.v7-member{gap:11px;flex-wrap:wrap}.member-info{min-width:175px}.member-row>.button{margin-left:auto}.info-panel{padding:18px}.info-panel p,.info-panel small,.info-panel table,.content-card p,.pending-row small{font-size:15px}.info-panel h3{font-size:20px}.activity-heading{gap:12px;flex-wrap:wrap}.activity-heading h3{font-size:21px}.report-card span{font-size:15px}.report-card strong{font-size:31px}.mobile-nav span{font-size:14px}.mobile-nav svg{width:23px;height:23px}.mobile-nav button.active{color:#087a57}dialog{padding:21px 17px;max-width:calc(100vw - 20px);width:calc(100vw - 20px)}dialog h2{font-size:21px}.form-row.two{grid-template-columns:1fr}.position-options label{font-size:14px;padding:7px}.avatar-picker{gap:16px}.table-scroll{overflow:auto}.table-scroll th,.table-scroll td{min-width:120px}.history-list time{font-size:13px}}

/* QingTeng mascot identity, 2026-10-29 */
.sidebar .brand{gap:10px;letter-spacing:0;font-size:21px;line-height:1.5}
.brand-mascot{display:block;width:68px;height:68px;object-fit:contain;flex:0 0 68px;filter:drop-shadow(0 4px 5px #315b2318)}
.sidebar .brand>span{min-width:0;white-space:nowrap}
.sidebar .brand small{font-size:13px;letter-spacing:1px;margin-top:2px}
.hero>div{width:auto;flex:1;min-width:0}
.hero .hero-mascot{display:block;width:150px;height:150px;flex:0 0 150px;object-fit:contain;align-self:center;margin:-12px 9px -12px 0;filter:drop-shadow(0 6px 6px #44663319)}
.hero{min-height:174px}
.login-card .login-mascot{display:block;width:128px;height:128px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 6px 6px #4466331a)}
.login-card>.eyebrow{text-align:center;font-size:12px;letter-spacing:1.3px;margin:0 0 14px;color:#617b6d}
.login-card h1{text-align:center;margin:10px 0 20px;line-height:1.35}
.login-people button{white-space:nowrap}
.battle-brand-title{display:flex;gap:10px;align-items:center;min-width:0}
.battle-mascot{display:block;width:58px;height:58px;object-fit:contain;flex:0 0 58px}
@media(max-width:760px){
 .hero{gap:10px;min-height:156px}
 .hero .hero-mascot{width:102px;height:118px;flex:0 0 102px;margin:0 -5px 0 0}
 .hero-routine .rest-table{font-size:12px}
 .login-page{padding:20px 16px}
 .login-card{padding:26px 24px}
 .login-card .login-mascot{width:116px;height:116px}
 .login-people{gap:5px}
 .login-people button{font-size:14px;padding:9px 4px}
 .battle-brand-title{gap:7px}
 .battle-mascot{width:46px;height:46px;flex-basis:46px}
 .battle-brand-title h2{font-size:18px;line-height:1.45}
 .battle-brand-title h2 span{display:block;font-size:15px}
 .battle-brand .battle-back{white-space:nowrap}
}