/* BSG365 Task Manager — V10 editorial dashboard system. No third-party CSS dependency. */
:root{color-scheme:light;--bg:#faf9fd;--surface:#fff;--text:#28243e;--muted:#858198;--line:#eeedf4;--violet:#7564da;--violet-strong:#6653cd;--lavender:#f2efff;--soft-shadow:0 3px 20px rgba(57,43,107,.035);--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.52 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:var(--violet-strong)}a:hover{color:#493b9d}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aea1ff;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;line-height:1.25}h2{font-size:17px;letter-spacing:-.4px}small,.small{font-size:11px}.muted{color:var(--muted)}.ui-icon{flex-shrink:0;vertical-align:middle}.bsg-v10 .is-hidden{display:none!important}
/* Sidebar */
.app-sidebar{position:fixed;z-index:40;top:0;bottom:0;left:0;width:244px;background:var(--surface);border-right:1px solid #eeedf5;display:flex;flex-direction:column;padding:22px 14px 15px}.brand{display:flex;align-items:center;gap:10px;margin:0 7px 24px;color:#24213b}.brand:hover{color:#24213b}.brand-mark{width:35px;height:35px;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#6a56d5,#b19bed);border-radius:12px;box-shadow:0 5px 14px #7660d03d}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy strong{font-size:17px;letter-spacing:-.55px;font-weight:800}.brand-copy small{font-size:11px;color:#9290a3;margin-top:2px;font-weight:500}.workspace-switcher{display:flex;align-items:center;gap:9px;border:1px solid #eeedf5;border-radius:12px;padding:10px 9px;min-height:56px;margin:0 2px 24px;background:#fff}.workspace-avatar{height:31px;width:31px;flex-shrink:0;display:grid;place-items:center;background:#f1eaff;border-radius:10px;color:#745dc5;font-weight:800}.workspace-name{display:flex;flex-direction:column;min-width:0;flex:1}.workspace-name strong{font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.workspace-name small{color:#a09bb3;font-size:10px}.workspace-caret{color:#aba4bd;display:grid;place-items:center;transform:rotate(90deg)}.workspace-caret svg{width:14px;height:14px}.sidebar-scroll{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#e6e2f4 transparent}.sidebar-caption{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#a7a3b9;display:block;padding:0 12px;margin-bottom:10px}.side-navigation{display:grid;gap:3px}.side-link{display:flex;align-items:center;gap:12px;border-radius:9px;color:#59566a;font-weight:550;padding:10px 12px;min-height:39px;font-size:12px;transition:background .16s,color .16s}.side-link .ui-icon{width:17px;height:17px;color:#838097}.side-link:hover{background:#f8f6ff;color:#5d4bb7}.side-link.active{background:#f1edff;color:#6653c8;font-weight:750}.side-link.active .ui-icon{color:#6755cc}.sidebar-project-header{display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:9px}.sidebar-project-header .sidebar-caption{margin:0}.sidebar-project-header>a{background:#f4f1ff;color:#6e5cce;display:grid;place-items:center;border-radius:6px;width:22px;height:22px;font-size:17px;font-weight:600;margin-right:9px}.project-links{display:grid;gap:2px}.project-links>a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#69647d;font-size:11px;min-width:0}.project-links>a>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-links a:hover{color:var(--violet-strong)}.project-dot{height:7px;width:7px;display:inline-block;border-radius:3px;flex-shrink:0}.p-1{background:#8d75e9}.p-2{background:#19b4a8}.p-3{background:#ffb95e}.p-4{background:#f28ea9}.sidebar-bottom{padding-top:12px}.upgrade-note{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 13px;background:linear-gradient(145deg,#7864d8,#a596ef);border-radius:13px;color:white}.upgrade-note:hover{color:white}.upgrade-note>span:first-child{font-size:12px;font-weight:700}.upgrade-note small{font-size:10px;color:#ede8ff;line-height:1.5}.upgrade-link{font-weight:700;font-size:10px;border-radius:8px;background:#fff;color:#6554bb;padding:7px 9px;margin-top:2px;display:flex;align-items:center;gap:4px}.upgrade-link svg{width:12px;height:12px}.sidebar-account{margin-top:14px;padding:13px 2px 0;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line)}.account-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f9d9b3;color:#79572f;font-weight:750}.account-info{min-width:0;flex:1;display:flex;flex-direction:column}.account-info strong{font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-info small{font-size:10px;color:#9995a6}.logout-form{margin:0}.logout-btn{background:transparent!important;color:#a29bb3!important;border:0!important;padding:5px!important;border-radius:8px!important}.logout-btn:hover{background:#f5f2ff!important}
/* Content shell */
.app-shell{margin-left:244px;min-height:100vh;min-width:0}.app-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(22px,3vw,46px);background:rgba(255,255,255,.8);border-bottom:1px solid #f0edf5}.topbar-left,.topbar-actions,.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb{gap:8px;font-size:11px;color:#a6a2b5;white-space:nowrap}.breadcrumb svg{width:12px;height:12px}.breadcrumb strong{color:#595169;font-weight:650}.topbar-actions{gap:14px}.header-search{display:flex;align-items:center;gap:9px;width:220px;color:#a39cb1;background:#f8f7fb;border:1px solid #f0edf6;border-radius:9px;padding:8px 11px}.header-search svg{width:15px;height:15px}.header-search input{width:100%;background:transparent;border:0;outline:0!important;color:#3b3555;padding:0;font-size:11px}.header-search input::placeholder{color:#aaa4b8}.topbar-new{display:flex;align-items:center;gap:4px;background:#7564da;border-radius:8px;color:#fff;padding:9px 12px;font-size:11px;font-weight:750;white-space:nowrap}.topbar-new:hover{color:#fff;background:#6451c9}.topbar-new svg{width:14px;height:14px}.topbar-bell{display:grid;place-items:center;width:30px;height:30px;color:#7b748b}.page-content{max-width:1490px;margin:0 auto;padding:29px clamp(22px,3vw,46px) 55px;min-height:calc(100vh - 68px)}.app-footer{display:none}.mobile-menu,.mobile-shade{display:none}
/* Dashboard opening */
.dashboard-greeting{margin-bottom:18px}.today-line{color:#9690a5;font-size:11px;margin-bottom:7px}.dashboard-greeting h1{font-size:29px;font-weight:800;letter-spacing:-1.1px;margin-bottom:4px}.greeting-star{color:#bba3ef;font-size:25px}.greeting-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.greeting-bottom>p{font-size:23px;line-height:1.35;letter-spacing:-.7px;color:#8e76d9;margin-bottom:0}.greeting-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;border:1px solid #e6e2f1;color:#494359;background:#fff;padding:7px 10px;border-radius:20px;font-weight:650}.action-pill:hover{border-color:#af9fe9;color:#6654c5}.action-pill.primary{color:white;background:#8370db;border-color:#8370db;box-shadow:0 3px 8px #8f7bd33a}.action-pill svg{width:13px;height:13px}.notice-banner{border:1px solid #f4e1b5;background:#fff9e9;color:#7e5b1b;border-radius:10px;font-size:12px;padding:11px 15px;margin:13px 0}
/* Four understated KPIs */
.quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:11px;padding:12px 14px;box-shadow:var(--soft-shadow)}.metric-icon{width:32px;height:32px;background:#f3efff;color:#8e75d6;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.metric-icon svg{width:16px;height:16px}.metric>div{min-width:0;display:flex;flex-direction:column}.metric-title{font-size:10px;color:#898397;white-space:nowrap}.metric strong{font-size:19px;line-height:1.2;letter-spacing:-.45px}
/* Dashboard bento */
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:16px;align-items:start}.dashboard-column{min-width:0;display:flex;flex-direction:column;gap:16px}.widget{background:#fff;border:1px solid #eeebf5;border-radius:15px;box-shadow:var(--soft-shadow);padding:17px 18px;min-width:0}.widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.widget-heading{display:flex;gap:8px;align-items:center;min-width:0}.widget-heading h2{font-size:13px;font-weight:800;letter-spacing:-.25px;margin:0;white-space:nowrap}.widget-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.widget-icon svg{width:14px;height:14px}.widget-icon.lavender{color:#8166cc;background:#f4f1fd}.widget-count{font-size:10px;color:#a9a3b8}.widget-all{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#8b819f;white-space:nowrap}.widget-all svg{height:12px;width:12px}.task-group{border-top:1px solid #f3f1f7;padding-top:11px;margin-top:8px}.task-group-title{display:flex;align-items:center;gap:5px;font-size:10px}.task-group-title small{color:#a4a0ae}.status-chip{border-radius:5px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.15px}.chip-blue{color:#357dbe;background:#e3f3ff}.chip-violet{color:#8265ad;background:#efe4ff}.chip-peach{color:#ad7742;background:#fff0e2}.task-line{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 0 6px 1px;border-bottom:1px solid #f4f2f8}.task-mini-form{flex-shrink:0;margin:0}.task-checkbox{width:17px!important;height:17px!important;padding:0!important;border:1.5px solid #cfc8e3!important;border-radius:5px!important;background:#fff!important;display:grid;place-items:center;color:transparent!important}.task-checkbox svg{width:12px;height:12px}.task-checkbox:hover{background:#ece8fd!important;color:#7564da!important;border-color:#9f8dea!important}.task-line-main{display:flex;min-width:0;flex:1;flex-direction:column}.task-line-main strong{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-line-main small{color:#aaa4ba;font-size:9px}.priority-tag{font-size:9px;white-space:nowrap;padding:3px 6px;border-radius:5px;background:#f2f0f7;color:#8a819a}.priority-high,.priority-urgent{background:#ffecf0;color:#d66c87}.priority-low{background:#edf9f4;color:#5b9c81}.task-due{font-size:9px;color:#817d91;white-space:nowrap;min-width:35px;text-align:right}.task-due.is-overdue{color:#ce5f7d;font-weight:750}.widget-add{margin-top:13px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;color:#777086}.widget-add svg{width:14px;height:14px}.empty-state{text-align:center;padding:30px 10px;color:#9690a5;font-size:11px}.empty-state strong{display:block;color:#6b647b;margin:6px 0}.empty-state p{margin:0}.empty-state.compact{padding:15px 0}.empty-illustration{display:inline-grid;place-items:center;height:34px;width:34px;background:#f1eefa;border-radius:10px;font-size:23px;color:#8c78d7}
/* Goals */
.goals-widget{padding-bottom:19px}.goal-line{display:flex;align-items:center;gap:13px;padding:9px 0}.goal-details{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}.goal-details strong{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-details small{font-size:9px;color:#a59db5}.goal-bar{height:5px;width:75px;flex-shrink:0;overflow:hidden;background:#f0edf5;border-radius:8px}.goal-bar>span{height:100%;display:block;background:#23c5b2;border-radius:8px}.goal-bar .gbar-2{background:#f2b66c}.goal-bar .gbar-3{background:#8e79e4}.goal-percent{font-size:10px;color:#6a627b;min-width:30px;text-align:right}
/* Projects */
.dashboard-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-tile{min-width:0;display:flex;align-items:center;gap:9px;border-radius:9px;padding:10px 8px;color:#413a52}.project-tile:hover{background:#faf8ff}.project-tile strong{display:block;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tile small{display:block;font-size:9px;color:#a5a0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-symbol{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:white;font-size:12px}.project-symbol.p-1{background:#8868e5}.project-symbol.p-2{background:#44babe}.project-symbol.p-3{background:#eeac65}.project-symbol.p-4{background:#ed8aac}.project-symbol.create{font-size:20px;background:#fff;border:1.5px dashed #d3cbec;color:#a39aba}.create-project strong{font-size:10px}.project-meta{min-width:0}
/* Calendar */
.calendar-heading{display:flex;gap:12px;align-items:center;white-space:nowrap}.calendar-heading span{font-size:10px;color:#666076}.calendar-heading a{display:grid;place-items:center;font-size:19px;color:#81788f;line-height:1}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week-day{min-width:0;min-height:67px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#878193}.week-day>span{font-size:9px}.week-day>strong{font-size:12px;color:#484158}.week-day.today{background:#8670e0;color:#fff}.week-day.today strong{color:#fff}.week-day i{display:block;width:4px;height:4px;border-radius:50%;background:#8a75d6}.week-day.today i{background:#fff}.calendar-events{margin-top:13px}.calendar-event{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f3fd;border-radius:9px;padding:11px 12px;margin-top:8px;color:#48405f}.calendar-event>div{min-width:0;display:flex;flex-direction:column;gap:1px}.calendar-event strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event small{font-size:9px;color:#8e87a5}.event-mark{background:#fff;border-radius:7px;color:#8371cf;display:grid;place-items:center;width:25px;height:25px}.event-mark svg{width:14px;height:14px}.calendar-empty{font-size:11px;color:#9c95ad;background:#fbfaff;border-radius:9px;padding:14px}
/* Reminders */
.reminders-caption{font-size:10px;color:#a29aad;margin:-7px 0 6px}.reminder-line{display:flex;align-items:center;gap:10px;padding:9px 1px;border-bottom:1px solid #f5f3f8;color:#464055}.reminder-line:last-child{border-bottom:0}.reminder-dot{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#9883ed}.reminder-dot.urgent{background:#ee7d97}.reminder-text{min-width:0;flex:1;display:flex;flex-direction:column}.reminder-text strong{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-text small{font-size:9px;color:#aaa3b8}.reminder-line>svg{width:13px;height:13px;color:#b4afc2}
/* Quota */
.quota-widget{margin-top:16px}.quota-subtitle{font-size:10px;color:#9690a4;margin:-7px 0 14px}.quota-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.quota-item{min-width:0;display:flex;flex-direction:column;gap:9px}.quota-item>span{font-size:10px;color:#706982;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quota-item strong{font-size:13px}.quota-item strong small{color:#a7a1b4;font-size:11px;font-weight:500}.quota-track{height:5px;background:#eeebf3;border-radius:10px;overflow:hidden}.quota-track span{display:block;height:100%;background:#8d7bdc;border-radius:10px}.quota-track span.quota-full{background:#f08d9d}
/* Shared functional pages: projects, task forms, billing, administration */
.page-heading{margin-bottom:23px}.page-heading h1{margin:5px 0 4px}.page-heading p{font-size:12px;color:#9290a0;margin:0}.overline{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#9b88d2}.panel,.card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--soft-shadow);padding:22px;margin-bottom:17px}.panel h2,.card h2{font-size:16px;color:#3e3653;margin-bottom:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}.grid>.card,.grid>.panel{margin-bottom:0}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.cols>.panel{min-width:0}.stat{font-size:30px;letter-spacing:-1px;color:#7766c9;font-weight:800}.bar{height:7px;border-radius:10px;overflow:hidden;background:#eeeaf6}.bar>span{height:100%;display:block;background:#8c78df}button,.btn{background:var(--violet);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:650;font-size:12px;display:inline-block;line-height:1.3}button:hover,.btn:hover{background:var(--violet-strong);color:#fff}button.secondary,.btn.secondary{background:#f2efff;color:#6655bb}button.secondary:hover,.btn.secondary:hover{background:#e6dfff}.danger,button.danger{background:#dc627e}.nav{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.nav a{background:#f4f1ff;border-radius:8px;padding:8px 12px;font-size:11px}.nav a:hover{background:#ebe6fd}label{display:block;font-weight:650;font-size:12px;margin:12px 0 10px}label input,label select,label textarea{margin-top:5px}input,select,textarea{background:#fff;border:1px solid #e3dfeb;border-radius:8px;padding:10px 11px;width:100%;color:#342e4a;font-weight:400;font-size:12px}textarea{min-height:85px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto}form.inline{display:flex;flex-wrap:wrap;gap:9px;align-items:center}form.inline input,form.inline select{width:auto;min-width:120px}form.inline label{margin:0}.tablewrap{overflow-x:auto}table{border-collapse:collapse;min-width:570px;width:100%}td,th{padding:12px 11px;text-align:left;border-bottom:1px solid #f0edf5;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#817a96;background:#faf9fd}td{color:#5a536b}.pill{font-size:10px;padding:4px 8px;background:#f2efff;border-radius:20px;color:#6655bb;display:inline-block;margin-left:8px}.error{padding:12px 14px;border-radius:9px;background:#fff0f1;border:1px solid #f6d9db;color:#b33e55;margin-bottom:17px}.success{padding:12px 14px;background:#e8f9f0;color:#22734c;border-radius:9px}.right{float:right}.hero{padding:60px 35px;border-radius:17px;text-align:center;background:linear-gradient(135deg,#7561d2,#a89ce7);color:#fff}.hero h1{font-size:37px}.hero p{font-size:16px}
/* Public site / auth screens */
.public-header{padding:18px clamp(18px,5vw,60px);background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeebf4}.public-header .brand{margin:0}.public-header nav{display:flex;align-items:center;gap:20px;font-size:12px}.public-main{max-width:1100px;margin:38px auto;padding:0 20px 45px}.auth-page{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.auth-box{width:100%;max-width:450px;background:#fff;border:1px solid #efecf6;border-radius:20px;padding:33px;box-shadow:0 20px 70px #47377b12;text-align:right}.auth-box h1{font-size:26px;color:#382e51}.auth-hint{color:#88809b}.auth-language{position:absolute;top:0;left:0}.lang-toggle{background:#f0ecff;color:#6655ba}.phone-input{display:flex;gap:8px}.phone-input select{max-width:53%;min-width:0}.phone-input input{flex:1;min-width:0}.phone-field-label{font-size:12px}.phone-field-label small,.phone-field-help{font-size:10px;color:#9891a8}.auth-submit{width:100%;margin-top:14px;padding:13px}.auth-links{text-align:center;margin-top:18px;font-size:12px}.pin-label{font-size:12px}
@media(max-width:1240px){.app-sidebar{width:214px}.app-shell{margin-left:214px}.page-content{padding-left:22px;padding-right:22px}.app-topbar{padding:0 22px}.dashboard-columns{gap:12px}.widget{padding:16px 14px}.quota-grid{gap:10px}.goal-bar{width:58px}}
@media(max-width:1050px){.dashboard-columns{grid-template-columns:1fr}.dashboard-column{display:grid;grid-template-columns:1fr;align-items:start}.dashboard-column:first-child{grid-template-columns:1fr 1fr}.dashboard-column:first-child .task-widget{grid-column:1 / 3}.dashboard-column:nth-child(2){grid-template-columns:1fr 1fr}.dashboard-column:nth-child(2) .projects-widget{grid-column:1 / 3}.quick-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.header-search{width:160px}}
@media(max-width:760px){.app-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:244px;box-shadow:12px 0 60px #30214d1e}.sidebar-open .app-sidebar{transform:translateX(0)}.mobile-shade{display:none;position:fixed;inset:0;background:#261d425c;z-index:35}.sidebar-open .mobile-shade{display:block}.app-shell{margin-left:0}.mobile-menu{border:none;background:transparent;color:#685e7c;display:grid;place-items:center;width:31px;height:31px;padding:0!important}.app-topbar{height:62px;padding:0 18px}.page-content{padding:23px 16px 48px}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.header-search{width:170px}.topbar-new span{display:none}.topbar-new{padding:9px}.topbar-actions{gap:7px}.quota-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cols{grid-template-columns:1fr}}
@media(max-width:530px){.header-search{display:none}.breadcrumb{font-size:10px}.dashboard-greeting h1{font-size:25px}.greeting-bottom>p{font-size:19px}.greeting-actions{width:100%}.dashboard-column:first-child,.dashboard-column:nth-child(2){display:flex;flex-direction:column}.dashboard-column:first-child .task-widget,.dashboard-column:nth-child(2) .projects-widget{width:100%}.dashboard-columns{display:flex;flex-direction:column}.dashboard-column{width:100%}.quota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.widget{padding:16px 12px}.priority-tag{display:none}.metric{padding:10px;gap:8px}.metric-icon{height:28px;width:28px}.metric strong{font-size:18px}.page-content{padding-left:12px;padding-right:12px}.public-header{padding:15px}.public-header nav{gap:9px}.public-header .brand-copy small{display:none}.public-main{padding:0 13px}.auth-box{padding:22px}.goal-bar{width:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* V11 Workspace 2026 */
.task-title-link{font-weight:800;color:var(--ink);text-decoration:none}.task-title-link:hover{color:var(--primary)}
.task-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px}.task-detail-grid aside{display:grid;gap:18px;align-content:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-list{display:grid;gap:8px;margin:12px 0}.mini-list a{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.status-chip{font-size:12px;background:#f0edff;color:#6c55c8;padding:4px 8px;border-radius:999px}.quick-subtask{display:flex;gap:8px}.quick-subtask input{flex:1}.comment-list{display:grid;gap:10px;margin-top:14px}.comment-list article{padding:12px;background:#faf9ff;border:1px solid #eeeafd;border-radius:14px}.comment-list small{display:block;color:var(--muted);margin-top:2px}.comment-list p{margin:8px 0 0}.activity-list{display:grid;gap:13px}.activity-list>div{display:flex;gap:10px}.activity-list i{width:9px;height:9px;border-radius:50%;background:#8c70e8;margin-top:7px;box-shadow:0 0 0 4px #f0ebff}.activity-list span{display:grid}.activity-list small{color:var(--muted);margin-top:3px}
.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.kanban-col{background:#f6f5fb;border:1px solid #e8e5f2;border-radius:18px;padding:12px;min-height:540px}.kanban-col header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.kanban-col header h2{font-size:15px;margin:0}.kanban-col header span{background:white;border:1px solid var(--line);border-radius:999px;padding:2px 8px}.kanban-card{background:#fff;border:1px solid #e6e3ef;border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:0 5px 18px rgba(31,27,55,.04)}.kanban-card>a{text-decoration:none;color:var(--ink)}.kanban-card>div{display:flex;justify-content:space-between;margin:10px 0;color:var(--muted);font-size:12px}.kanban-card select{font-size:12px;padding:7px}.priority-urgent{color:#b42318}.priority-high{color:#b54708}.priority-medium{color:#6941c6}.priority-low{color:#027a48}
.calendar-nav{display:flex;align-items:center;gap:12px}.month-calendar{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays strong{padding:12px;text-align:center;background:#faf9fd;border-bottom:1px solid var(--line);font-size:12px}.calendar-cell{min-height:125px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.calendar-cell.outside{background:#fbfbfd;color:#aaa}.calendar-cell.today .day-num{background:#7257d5;color:#fff}.day-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800}.cal-task{display:block;margin-top:6px;padding:5px 7px;border-radius:7px;background:#f3f0ff;color:#5941b7;text-decoration:none;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid currentColor}
.notification-list{padding:0;overflow:hidden}.notification-list article{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.notification-list article.unread{background:#faf8ff}.notification-list p{margin:4px 0;color:var(--muted)}.notification-list small{color:var(--muted)}
@media(max-width:900px){.task-detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.calendar-cell{min-height:90px;padding:5px}.cal-task{font-size:9px}.calendar-weekdays strong{font-size:10px;padding:8px 2px}}

/* V18 Home summary and My Tasks quick editor */
.v18-home-summary,.v18-dashboard-summary{margin:18px 0 26px;display:grid;gap:16px}.v18-summary-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.v18-summary-head h2{margin:3px 0 0}.v18-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v18-stat,.v18-assignment{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;text-decoration:none;color:inherit;min-width:0;box-shadow:var(--soft-shadow);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.v18-stat:hover,.v18-assignment:hover{border-color:#7c86ff;transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.08)}.v18-stat-icon{width:38px;height:38px;border-radius:12px;background:#f2edff;color:#8e75d6;display:grid;place-items:center;flex-shrink:0}.v18-stat-icon .ui-icon{width:17px;height:17px}.v18-stat-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}.v18-stat-copy small{font-size:12px;color:#8f86a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v18-stat-copy strong{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;color:#241b37;margin-top:4px}.v18-category-head{margin-top:8px}.v18-category-select{display:flex;align-items:center;gap:10px}.v18-category-select select{min-width:160px}.v18-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}.v18-inline-editor{position:relative}.v18-inline-editor summary{cursor:pointer;white-space:nowrap;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:12px}.v18-quick-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:12px;background:var(--surface,#fff);border:1px solid #cbd5e1;border-radius:10px;margin-top:8px;min-width:min(520px,75vw)}.v18-quick-form label{flex:1 1 110px;font-size:12px}.v18-quick-form input,.v18-quick-form select{max-width:100%;width:100%}.v18-quick-form button{white-space:nowrap}@media(max-width:1100px){.v18-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.v18-stats-grid,.v18-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.v18-stats-grid,.v18-assignment-grid{grid-template-columns:1fr}.v18-category-select{width:100%}.v18-category-select select{flex:1;min-width:0}.v18-stat,.v18-assignment{padding:13px 14px}.v18-stat-copy strong{font-size:18px}.v18-quick-form{min-width:220px}}

/* V18.4: Compact inline task controls */
.v18-due-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}
.v18-due-inline input{width:180px;max-width:100%;font-size:12px;padding:6px}
.v18-due-inline button,.v18-assign-inline button{font-size:12px;padding:7px 10px;white-space:nowrap}
.v18-assign-inline{margin:0}
.v18-assigned-label{font-size:12px;color:#6756b9;white-space:nowrap}
.v18-dashboard-trends{display:block}
.v18-dashboard-trends>.panel{width:100%}

/* V18.5 - Personalizable dashboard */
.v185-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.v185-dashboard-item{min-width:0;margin:0!important}.v185-dashboard-item[hidden]{display:none!important}.v185-dashboard-grid>.v18-dashboard-summary,.v185-dashboard-grid>.v18-dashboard-trends,.v185-dashboard-grid>.v17-dash-work,.v185-dashboard-grid>.v17-performance-panel,.v185-dashboard-grid>.quota-widget{grid-column:1/-1}.v185-dashboard-grid>.v18-dashboard-trends .panel{width:100%}.v185-dashboard-grid>.widget{align-self:start}.v185-sort-list{display:grid;gap:10px;margin:20px 0}.v185-sort-item{display:flex;align-items:center;gap:14px;background:#faf9ff;border:1px solid #e6e0f5;padding:12px 14px;border-radius:12px;min-height:58px;cursor:grab}.v185-sort-item.is-dragging{opacity:.5}.v185-sort-item strong{flex:1}.v185-grip{font-size:24px;color:#7b65cb}.v185-visible{display:flex;align-items:center;gap:7px;font-size:13px}.v185-move-buttons{display:flex;gap:5px}.v185-move-buttons button{padding:5px 9px}.v185-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:800px){.v185-dashboard-grid{grid-template-columns:1fr}.v185-dashboard-grid>*{grid-column:1!important}.v185-sort-item{gap:8px;padding:10px}.v185-sort-item strong{font-size:13px}}

/* V18.7: My Tasks is a separate dashboard summary, with its own category filter. */
.v18-my-tasks-summary{margin:0 0 26px;display:grid;gap:14px}
.v18-my-tasks-summary .v18-assignment-grid{margin-top:0}

/* V18.8 My Tasks customizable full width */
.v185-dashboard-grid>.v18-my-tasks-summary{grid-column:1/-1;min-width:0}

/* V18.9 AJAX loading feedback and section ordering */
.v189-loading{opacity:.68;pointer-events:none}.v185-dashboard-grid>.v18-my-tasks-summary{grid-column:1/-1;min-width:0}

/* V18.11: responsive inline AJAX Tasks */
.v1811-task-scroll{overflow-x:auto}.v1811-task-table{min-width:860px;width:100%}.v1811-task-table td{vertical-align:middle}.v1811-task-table td small{display:block}.v1811-task-table .v1811-field{width:100%;min-width:130px;max-width:215px;font-size:12px;padding:7px}.v1811-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;cursor:grab;background:#f2eeff;border-radius:9px;color:#7958c9;font-size:24px;user-select:none}.v1811-dragging{opacity:.45}.v1811-complete,.v1811-assign-me{border:0;border-radius:8px;background:#f1edff;color:#6554bc;font-size:12px;padding:7px 10px;margin-top:5px;cursor:pointer}.v1811-complete:disabled,.v1811-assign-me:disabled{opacity:.55;cursor:default}.v1811-error{color:#ad2046;padding:7px}.v1811-ok{color:#497251;padding:7px}.v1811-task-table tr{transition:background .15s}.v1811-task-table tr:hover{background:#faf9ff}@media(max-width:720px){.v1811-task-scroll{overflow:visible}.v1811-task-table{min-width:0;display:block}.v1811-task-table thead{display:none}.v1811-task-table tbody{display:grid;gap:12px}.v1811-task-table tbody tr[data-task-id]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:14px;border:1px solid #e9e5f2;border-radius:14px;background:#fff}.v1811-task-table tbody td{display:flex;flex-direction:column;gap:4px;border:none!important;padding:0!important;min-width:0}.v1811-task-table tbody td::before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:#9a91ad;font-size:10px}.v1811-task-table tbody td:nth-child(1){grid-column:1;grid-row:1}.v1811-task-table tbody td:nth-child(2){grid-column:1/-1;grid-row:2}.v1811-task-table tbody td:nth-child(3){grid-column:2;grid-row:1}.v1811-task-table tbody td:nth-child(4),.v1811-task-table tbody td:nth-child(5),.v1811-task-table tbody td:nth-child(6){grid-column:span 1}.v1811-task-table tbody td:nth-child(7){grid-column:1/-1}.v1811-task-table .v1811-field{max-width:100%;min-width:0;width:100%;box-sizing:border-box}.v1811-task-table .v17-row-actions{flex-wrap:wrap}.v1811-task-table .v17-row-actions>a,.v1811-task-table .v17-row-actions button{font-size:12px}}

.v1811-drag-handle{touch-action:none}

/* V18.13 — touch-friendly task cards on phones, desktop table unchanged */
@media (max-width: 720px) {
  .v1811-task-panel{padding:12px!important;max-width:100%;min-width:0;overflow:visible}
  .v1811-task-scroll{overflow:visible!important;width:100%;max-width:100%}
  .v1811-task-table{display:block;width:100%;min-width:0!important;border:0;border-collapse:separate}
  .v1811-task-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%}
  .v1811-task-table tbody tr[data-task-id]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;padding:16px!important;background:#fff;border:1px solid #e5e1f1;border-radius:18px;box-shadow:0 4px 16px rgba(33,24,66,.045);width:100%;min-width:0;box-sizing:border-box}
  .v1811-task-table tbody td{min-width:0!important;max-width:100%;box-sizing:border-box;border:0!important;padding:0!important;display:flex;flex-direction:column;gap:6px;align-items:stretch;overflow-wrap:anywhere}
  .v1811-task-table tbody td::before{content:attr(data-label);font-size:10px;line-height:1.3;letter-spacing:.065em;text-transform:uppercase;color:#8e849f;font-weight:700}
  .v1811-task-table tbody td:nth-child(1){grid-column:1;grid-row:1;align-items:flex-start}
  .v1811-task-table tbody td:nth-child(1)::before{display:none}
  .v1811-task-table tbody td:nth-child(2){grid-column:1/-1;grid-row:2;padding-bottom:12px!important;border-bottom:1px solid #eeeaf6!important}
  .v1811-task-table tbody td:nth-child(2) a{font-size:16px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
  .v1811-task-table tbody td:nth-child(2) small{font-size:12px;color:#9489a8}
  .v1811-task-table tbody td:nth-child(3){grid-column:2;grid-row:1;align-items:flex-end;text-align:right;font-size:12px;color:#6a5c91}
  .v1811-task-table tbody td:nth-child(3)::before{display:none}
  .v1811-task-table tbody td:nth-child(4){grid-column:1/-1;grid-row:3}
  .v1811-task-table tbody td:nth-child(5){grid-column:1;grid-row:4}
  .v1811-task-table tbody td:nth-child(6){grid-column:2;grid-row:4}
  .v1811-task-table tbody td:nth-child(7){grid-column:1/-1;grid-row:5;border-top:1px solid #eeeaf6!important;padding-top:12px!important}
  .v1811-task-table .v1811-field{display:block;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px;box-sizing:border-box;padding:9px 10px;font-size:14px!important;background:#fcfbff;border:1px solid #ded8ef;border-radius:10px;color:#302448}
  .v1811-task-table input[type="datetime-local"]{font-family:inherit;font-size:13px!important}
  .v1811-drag-handle{min-width:44px;min-height:44px;border-radius:12px;touch-action:none;cursor:grab}
  .v1811-task-table .v1811-complete,.v1811-task-table .v1811-assign-me{width:100%;min-height:42px;margin:4px 0 0;border-radius:10px;font-size:13px;font-weight:700}
  .v1811-task-table .v17-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}
  .v1811-task-table .v17-row-actions>a,.v1811-task-table .v17-row-actions form,.v1811-task-table .v17-row-actions button{width:100%;min-width:0;box-sizing:border-box}
  .v1811-task-table .v17-row-actions>a,.v1811-task-table .v17-row-actions button{display:flex;justify-content:center;align-items:center;min-height:44px;padding:9px;font-size:13px;white-space:normal;text-align:center}
  .v1811-task-table tbody tr:not([data-task-id]){display:block;padding:18px;border:1px solid #eeeaf6;border-radius:12px}
  .v1811-task-table tbody tr:not([data-task-id]) td{display:block}
  .v1811-task-table tbody tr:not([data-task-id]) td::before{display:none}
  .v1811-task-panel .v16-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .v1811-task-panel .v16-pager .btn{min-height:40px;display:inline-flex;align-items:center}
  .v16-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .v16-filter-grid label{min-width:0;font-size:12px}
  .v16-filter-grid input,.v16-filter-grid select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:42px}
  .v16-filter-grid button{min-height:42px}
}
@media (max-width:380px){
  .v1811-task-table tbody tr[data-task-id]{padding:12px!important;gap:10px 8px}
  .v1811-task-table tbody td:nth-child(5),.v1811-task-table tbody td:nth-child(6){grid-column:1/-1}
  .v1811-task-table tbody td:nth-child(5){grid-row:4}
  .v1811-task-table tbody td:nth-child(6){grid-row:5}
  .v1811-task-table tbody td:nth-child(7){grid-row:6}
  .v16-filter-grid{grid-template-columns:1fr!important}
}

/* V18.18 collapsible task filters */
.v1818-filters{margin-bottom:16px;padding:0!important;overflow:hidden}
.v1818-filter-trigger{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:15px 20px;color:var(--ink,#20163e)}
.v1818-filter-trigger::-webkit-details-marker{display:none}
.v1818-filter-trigger>span:first-child{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.v1818-filter-trigger small{font-size:12px;color:#88819f;font-weight:400}
.v1818-filter-trigger .ui-icon{color:#7963df}
.v1818-filter-chevron{font-size:25px;line-height:1;transition:transform .15s}
.v1818-filters[open] .v1818-filter-chevron{transform:rotate(180deg)}
.v1818-filter-content{border-top:1px solid #ece8f6;padding:18px 20px 20px}
.v1818-filter-content .v16-filter-grid{margin:0}
@media(max-width:600px){.v1818-filter-trigger{padding:13px 14px}.v1818-filter-trigger small{flex-basis:100%;padding-left:29px}.v1818-filter-content{padding:14px}.v1818-filter-content .v16-filter-grid{display:grid;grid-template-columns:1fr}.v1818-filter-content .v16-filter-grid>*{min-width:0}}

/* V18.21: phone sign-in vertically stacked and mobile friendly */
.auth-box .phone-input-stacked{display:flex;flex-direction:column;gap:10px;width:100%;align-items:stretch}
.auth-box .phone-input-stacked select,.auth-box .phone-input-stacked input{display:block;width:100%;max-width:none;min-width:0;box-sizing:border-box;min-height:44px}
.auth-box .phone-input-stacked input{direction:ltr;text-align:left}
.auth-box .remember-device{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:12px;line-height:1.7;color:#5e5672;cursor:pointer}
.auth-box .remember-device input{flex:0 0 auto;width:17px;height:17px}

/* V19.4.2: compact, professional dashboard date filter. */
.v194-date-toolbar{margin:8px 0 18px;padding:10px 12px;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;max-width:430px;box-shadow:0 6px 18px rgba(35,24,72,.05)}
.v194-date-toolbar form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.v194-main-filter{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;min-width:220px}
.v194-date-toolbar select,.v194-date-toolbar input{min-height:38px;max-width:100%;font-size:13px}
.v194-date-toolbar label{font-size:12px;font-weight:700;color:#463d67;letter-spacing:.02em}
.v194-main-filter label{display:flex;align-items:center;gap:6px}
.v194-custom-range{display:flex;align-items:end;gap:8px;flex-wrap:wrap;flex-basis:100%}
.v194-custom-range[hidden]{display:none!important}
.v194-custom-range label{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;color:#6b6385}
.v194-custom-range input{min-width:135px}
.v194-actions{display:flex;align-items:end;margin-left:auto}
.v194-apply,.v194-date-reset,.v194-date-toolbar .secondary{min-height:38px}
.v194-date-help{margin:6px 0 0;color:var(--muted,#64748b);font-size:11px;line-height:1.4}
.v194-date-toolbar.v194-loading{opacity:.6;pointer-events:none}
@media(max-width:540px){.v194-date-toolbar{max-width:none;padding:10px}.v194-date-toolbar form{align-items:stretch;flex-direction:column}.v194-main-filter,.v194-actions,.v194-custom-range{width:100%;min-width:0}.v194-date-toolbar select,.v194-date-toolbar button,.v194-custom-range input{width:100%}.v194-custom-range label{width:100%}}

/* Keep the filter visible without occupying excessive width. */
.v185-dashboard-grid>.v194-date-toolbar{grid-column:1/-1;justify-self:start;margin:0 0 4px;position:sticky;top:8px;z-index:12}
@media(max-width:800px){.v185-dashboard-grid>.v194-date-toolbar{position:relative;top:auto;max-width:none}}

/* V19.4.2: portrait-first behavior on phones. */
.v194-orientation-guard{display:none;position:fixed;inset:0;z-index:9999;background:rgba(245,243,252,.97);backdrop-filter:blur(6px);padding:28px;align-items:center;justify-content:center;text-align:center}
.v194-orientation-card{max-width:360px;background:#fff;border:1px solid #e6e2f4;border-radius:20px;padding:24px 20px;box-shadow:0 18px 40px rgba(35,24,72,.12)}
.v194-orientation-icon{font-size:34px;line-height:1;margin-bottom:10px}
.v194-orientation-card h3{margin:0 0 8px;font-size:22px;color:#2f2948}
.v194-orientation-card p{margin:0;color:#625b78;line-height:1.7;font-size:14px}
body.force-portrait-active{overflow:hidden}
body.force-portrait-active .v194-orientation-guard{display:flex}

/* V20.1 Smart Date Filter */
.v194-date-toolbar{max-width:510px;padding:13px 15px;border-radius:16px}
.v194-date-toolbar form{display:flex;flex-direction:column;align-items:stretch;gap:9px}
.v194-filter-top,.v201-control-row{display:flex;gap:8px;align-items:center}
.v194-filter-top{justify-content:space-between}.v194-filter-top label{display:flex;align-items:center;gap:7px}
.v201-info{font-size:15px;color:#837aa5;cursor:help}.v201-control-row select{flex:1;min-width:0}
.v201-control-row button{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.v194-date-toolbar button[hidden]{display:none!important}
.v201-quick{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.v201-quick-btn{border:1px solid #e8e2fa;background:#fbfaff;color:#5d5180;border-radius:9px;padding:6px 10px;font-size:12px;cursor:pointer}
.v201-quick-btn.is-active{background:#7256d9;color:#fff;border-color:#7256d9}
.v201-quick-btn:focus-visible{outline:2px solid #7256d9;outline-offset:2px}
.v201-filter-status{margin:0;color:#71668f;font-size:12px}.v201-filter-status.is-error{color:#ae314a}
.v194-date-toolbar.v194-loading{opacity:.78;pointer-events:none}
@media(max-width:540px){.v194-date-toolbar{max-width:none;padding:12px}.v194-date-toolbar form{display:flex;flex-direction:column;gap:9px}.v201-control-row{width:100%}.v201-control-row select{width:auto;min-width:0}.v201-control-row button{width:auto}.v201-quick{display:none}.v194-custom-range{width:100%}}

/* V20.2: wide, right-first dashboard filter. CSS is deliberately last to override legacy compact styles. */
.v185-dashboard-grid>.v194-date-toolbar,.v194-date-toolbar{width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;justify-self:stretch!important;position:relative!important;top:auto!important;margin:0 0 12px!important;padding:18px 22px!important;border-radius:17px;box-shadow:0 6px 22px rgba(35,24,72,.035)}
.v194-date-toolbar form{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px 20px;direction:ltr}
.v194-filter-top{order:0;flex:0 0 auto;min-width:165px;justify-content:flex-end;gap:10px;direction:rtl}
.v194-filter-top label{font-size:13px;white-space:nowrap;direction:ltr}
.v201-control-row{order:1;flex:0 1 260px;min-width:190px;direction:rtl}
.v201-control-row select{width:100%;min-width:160px;direction:ltr;text-align:left;border-radius:10px}
.v201-control-row button{direction:ltr}
.v201-quick{order:2;display:flex;flex:1 1 320px;justify-content:flex-start;flex-direction:row-reverse;gap:7px;min-width:0;direction:ltr}
.v201-quick-btn{min-height:37px;padding:8px 14px;border:1px solid #ded8ee;border-radius:10px;background:#faf9ff;color:#5b5180;font-weight:600;transition:background .15s,border-color .15s,transform .15s}
.v201-quick-btn:hover{background:#eee9fd;border-color:#ac96f0;transform:translateY(-1px)}
.v201-quick-btn.is-active{background:#7554d8;border-color:#7554d8;color:#fff;box-shadow:0 2px 7px rgba(117,84,216,.16)}
.v194-custom-range{order:3;flex:0 0 100%;justify-content:flex-end;direction:rtl;padding-top:8px;border-top:1px solid #f0edf6}
.v194-custom-range label{direction:ltr}.v201-filter-status{order:4;flex:0 0 100%;text-align:right}
@media(max-width:920px){.v194-date-toolbar form{justify-content:flex-end}.v201-quick{flex:1 1 100%;justify-content:flex-end}.v194-filter-top{min-width:0}}
@media(max-width:540px){.v185-dashboard-grid>.v194-date-toolbar,.v194-date-toolbar{padding:14px!important}.v194-date-toolbar form{flex-direction:column;align-items:stretch;gap:12px}.v194-filter-top{width:100%;justify-content:flex-start;flex:0 0 auto}.v201-control-row{flex:0 0 auto;width:100%;min-width:0}.v201-control-row select{width:100%}.v201-quick{display:flex!important;flex:0 0 auto;justify-content:flex-end;gap:6px;flex-wrap:wrap}.v201-quick-btn{min-height:34px;padding:6px 9px;font-size:11px}.v194-custom-range{width:100%;justify-content:stretch}.v194-custom-range label{flex:1 1 100%;width:100%}.v194-custom-range input{width:100%}}