
/* Nếp Web V2.0: Desktop workspace; the mobile layout remains unchanged. */
.nep-desktop-sidebar,.nep-desktop-rail{display:none}
@media(min-width:1024px){
 html,body{min-width:0;overflow-x:hidden}
 .app{display:grid;max-width:none;min-height:100dvh;width:100%;margin:0;padding:0;background:#f7f7f3;box-shadow:none;grid-template-columns:238px minmax(0,1fr);grid-template-rows:70px auto;grid-template-areas:'sidebar top' 'sidebar work';align-items:stretch}
 .nep-desktop-sidebar{grid-area:sidebar;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow-y:auto;background:#fffefa;border-right:1px solid #dfe6db;padding:24px 14px 18px;z-index:30;scrollbar-width:thin}
 .top{grid-area:top;position:sticky;top:0;height:70px;background:#fafaf6ed;padding:12px 26px;border-bottom:1px solid #e5eae1;z-index:24}
 .page{grid-area:work;min-width:0;width:100%;max-width:1150px;margin:0 auto;padding:26px 30px 80px}
 .nav.nav15,#fab{display:none!important}
 .brandmark{height:34px;width:34px;border-radius:10px}.brandname{font-size:19px}.brandsub{font-size:11px}
 .nep-desktop-sidebar button{font-family:inherit}
 .nd-brand{display:flex;align-items:center;gap:12px;padding:0 10px}.nd-brandmark{background:#234f40;color:#fff;border-radius:15px;width:44px;height:44px;display:grid;place-items:center;font:700 29px/1 Georgia,serif;letter-spacing:-3px;padding-right:4px}
 .nd-brand strong{font-size:25px;letter-spacing:-1px;color:#244f40;line-height:1.1}.nd-brand strong span{color:#bd7853}.nd-brand small{display:block;color:#819086;font-size:11px;margin-top:4px}
 .nd-divider{height:1px;background:#e7ece5;margin:25px 12px 21px}
 .nd-navlabel{padding:0 14px 10px;color:#85938a;font-size:10px;letter-spacing:1.7px;font-weight:800}.nd-navlabel-second{margin-top:24px}
 .nd-nav{display:flex;flex-direction:column;gap:5px}
 .nd-nav button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#56695d;font-size:13px;font-weight:690;text-align:left;padding:0 12px;height:44px;min-height:44px;border-radius:12px;white-space:nowrap;transition:background .12s,color .12s}
 .nd-nav button:hover{background:#f1f4ee;color:#244f40}
 .nd-nav button.active{background:#e8f1e9;color:#244f40;font-weight:800}
 .nd-nav button.active::before{content:'';height:22px;width:3px;position:absolute;left:14px;border-radius:8px;background:#3c7c59}
 .nd-icon{width:21px;flex:0 0 21px;display:grid;place-items:center}.nd-icon svg{width:19px;height:19px;stroke-width:1.9}
 .nd-key{font-size:10px;margin-left:auto;color:#a2afa3;font-weight:500}
 .nd-spacer{flex:1;min-height:28px}
 .nd-tip{display:flex;flex-direction:column;gap:7px;padding:16px 15px;background:#eef3ec;border:1px solid #e4e9df;border-radius:15px;margin:2px 8px 15px}
 .nd-tip-icon{color:#487660;font-size:18px}.nd-tip b{font-size:12px;color:#244e3b}.nd-tip small{font-size:11px;color:#768579;line-height:1.6}
 .nd-footer{color:#8f9a90;font-size:10px;letter-spacing:.9px;padding:8px 11px}.nd-footer b{color:#597763}.nd-footer span{letter-spacing:0;font-size:9px}
 .v18-titlebar h1{font-size:28px!important}
 .v18-titlebar{margin-bottom:14px}
 .page>.v18-titlebar:first-child{margin-top:0}
 .cal4-month-wrap{margin-left:0;margin-right:0}
 .cal4-month-grid .cal4-cell{min-height:126px}
 .cal4-pill,.v17-month-item{font-size:11px;min-height:21px}
 .cal4-number{width:34px;height:34px;font-size:14px}
 .v17-stage-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .v17-stage-tile{min-height:90px;padding:13px 10px}
 .v17-stage-label{font-size:11px}
 .v17-stage-tile strong{font-size:26px}
 .v17-stat-grid,.report16-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
 .v17-month-weekdays span{font-size:12px}
 .v17-day{min-height:115px;padding:8px 5px}
 .cloud-controls{right:24px;top:66px}
 .cloud-indicator{bottom:22px;left:calc(238px + (100vw - 238px)/2)}
 .sheet{max-width:580px;left:50%;transform:translateX(-50%)}
 .sheet-overlay{z-index:200}
}
@media(min-width:1380px){
 .app{grid-template-columns:238px minmax(0,1fr) 284px;grid-template-rows:70px auto;grid-template-areas:'sidebar top rail' 'sidebar work rail'}
 .top{grid-area:top}.page{grid-area:work;max-width:1050px;padding:25px 29px 70px}
 .nep-desktop-rail{display:block;grid-area:rail;position:sticky;top:0;height:100dvh;overflow-y:auto;scrollbar-width:thin;border-left:1px solid #e4eae0;background:#fffefa;padding:28px 19px;z-index:28}
 .nd-rail-inner{display:flex;flex-direction:column;gap:13px}
 .nd-railtop{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:850;letter-spacing:1.2px;color:#788b7d}.nd-railtop time{letter-spacing:0;font-weight:600;color:#65766a}
 .nd-rail-title{font:700 22px/1.25 Georgia,'Times New Roman',serif;color:#274d3c;margin:4px 0 6px}
 .nd-focus-box{display:flex;flex-direction:column;gap:7px;background:#234f40;border-radius:15px;padding:18px;color:#fff}
 .nd-focus-kicker{color:#c0ddcc;font-size:10px;font-weight:800;letter-spacing:1.05px}.nd-focus-box strong{font-size:15px;line-height:1.5}.nd-focus-box span{font-size:11px;color:#d9e8dc}
 .nd-ministats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nd-ministats>div{border:1px solid #e5e9df;border-radius:13px;padding:13px;background:#fff}.nd-ministats strong{display:block;color:#244f40;font-size:25px;line-height:1.2}.nd-ministats small{font-size:10px;color:#809085}
 .nd-rail-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:11px}.nd-rail-heading b{font-size:13px;color:#294d3a}.nd-rail-heading button{border:0;background:none;color:#376c53;font-size:11px;font-weight:700;min-height:36px;cursor:pointer}
 .nd-upcoming-list{display:grid;gap:8px}.nd-upcoming-item{border:1px solid #e8ece5;border-radius:12px;background:#fff;padding:11px 12px;display:flex;align-items:flex-start;gap:10px}.nd-upcoming-hour{font-size:12px;color:#427357;font-weight:820;min-width:44px}.nd-upcoming-item strong{font-size:12px;color:#344b3d;font-weight:700;line-height:1.45}.nd-upcoming-item small{display:block;margin-top:4px;color:#94a096;font-size:10px}.nd-upcoming-list p{font-size:12px;color:#809086;padding:12px;background:#f7f8f4;border-radius:11px}
 .nd-rail-action{display:flex;align-items:center;gap:11px;background:#e7f0e8;color:#295942;border:1px solid #dae8de;border-radius:11px;min-height:43px;padding:8px 12px;text-align:left;font-weight:750;font-size:11px}.nd-rail-action.muted{background:#fff;border-color:#e6ece5;color:#5a7563}.nd-rail-action svg{width:16px;height:16px}
 .nd-rail-note{color:#96a096;font-size:10px;line-height:1.6;margin-top:14px}
 .cloud-indicator{left:calc(238px + (100vw - 238px - 284px)/2)}
 .cloud-controls{right:305px}
}
@media(min-width:1024px) and (max-height:670px){.nd-tip{display:none}.nd-navlabel-second{margin-top:10px}.nd-divider{margin:15px 12px}}
