:root{ --bg:#f4f5f7;--panel:#fff;--panel-2:#f8f9fb;--text:#20242a;--muted:#717781;--border:#dfe3e8; --red:#c62828;--red-soft:#ffebee;--green:#2e7d32;--green-soft:#e8f5e9;--accent:#20242a;--accent-contrast:#fff;--shadow:0 8px 22px rgba(24,29,36,.07) } *{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)} button,input,select{font:inherit}button,a{touch-action:manipulation}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;background:var(--panel);border-bottom:1px solid var(--border)} .app-header h1{margin:0;font-size:26px}.app-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:12px;font-size:13px}.app-shell{padding:18px 20px 40px;max-width:1800px;margin:0 auto} .tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px}.tab{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:12px 18px;min-height:48px;font-weight:800;white-space:nowrap;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)} .legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:12px;margin-bottom:12px}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}.legend-assignee{background:linear-gradient(180deg,#D14343 0 33%,#7C3AED 33% 66%,#2563EB 66%)} .add-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px;margin-bottom:14px}.add-form{display:grid;grid-template-columns:minmax(220px,2fr) minmax(175px,1.2fr) minmax(130px,.9fr) minmax(135px,.9fr) minmax(135px,.9fr) auto auto;gap:8px;align-items:center} input,select{width:100%;min-width:0;border:1px solid var(--border);border-radius:9px;background:white;color:var(--text);padding:9px 10px;min-height:40px}.check{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}.check input{width:17px;height:17px;min-height:auto}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;padding:9px 12px;min-height:40px;font-weight:750;cursor:pointer}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button.ghost{background:transparent} .workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:14px;align-items:start}.board{min-width:0;border:1px solid var(--border);border-radius:16px;padding:12px;background-color:var(--panel);background-image:linear-gradient(rgba(100,105,112,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(100,105,112,.045) 1px,transparent 1px);background-size:26px 26px}.category{margin-bottom:20px}.category:last-child{margin-bottom:0}.category-title{font-weight:850;font-size:16px;margin:1px 2px 9px}.lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.lane{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}.lane-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--border);font-size:13px;font-weight:800}.lane-title-wrap{display:flex;align-items:center;gap:5px;min-width:0}.lane-title{overflow-wrap:anywhere}.edit-section{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:3px 6px;min-height:30px;cursor:pointer}.edit-section:hover{background:var(--panel-2);color:var(--text)}.lane-count{font-size:11px;color:var(--muted)}.lane-body{min-height:118px;padding:8px;display:flex;flex-direction:column;gap:8px}.lane-body.drag-over{outline:2px dashed #8b919a;outline-offset:-5px;background:#f4f6f8} .task-card{background:white;border:1px solid var(--border);border-right:7px solid var(--assignee-color,#6B7280);border-radius:10px;padding:9px;box-shadow:0 2px 7px rgba(20,25,30,.035);cursor:grab;min-width:0}.task-card:active{cursor:grabbing}.task-title{font-weight:780;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.pill{border:1px solid var(--border);border-radius:999px;background:var(--panel-2);padding:2px 7px;font-size:11px;color:var(--muted)}.pill.red{background:var(--red-soft);border-color:#ffcdd2;color:#9f1d1d}.pill.green{background:var(--green-soft);border-color:#c8e6c9;color:#27672b}.task-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.task-controls select,.task-controls input[type=date]{min-height:34px;padding:5px 7px;font-size:12px}.today-switch{display:flex;align-items:center;gap:6px;grid-column:1/-1;font-size:12px;font-weight:700}.today-switch input{width:17px;height:17px;min-height:auto}.empty{border:1px dashed var(--border);border-radius:9px;padding:10px;text-align:center;color:var(--muted);font-size:11px} .today-panel{position:sticky;top:12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.today-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.today-header h2{margin:0;font-size:19px}.today-header p{margin:3px 0 0;color:var(--muted);font-size:12px}.count-badge{min-width:28px;height:28px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:850}.today-list{display:flex;flex-direction:column;gap:8px;min-height:110px}.today-card{border:1px solid var(--border);border-right:7px solid var(--assignee-color,#6B7280);border-radius:10px;padding:9px;background:white}.today-actions{display:grid;gap:6px;margin-top:8px}.today-actions .button{min-height:36px;font-size:12px}.status{min-height:20px;margin-top:10px;color:var(--muted);font-size:12px} .modal-backdrop{position:fixed;inset:0;background:rgba(18,22,28,.38);display:flex;align-items:flex-start;justify-content:center;padding:90px 16px 20px;z-index:100}.modal-backdrop[hidden]{display:none}.modal{width:min(460px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:17px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.modal h3{margin:0 0 5px;font-size:18px}.modal p{margin:0 0 11px;color:var(--muted);font-size:13px}.modal-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px} .auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f1f3f5}.auth-card{width:min(520px,100%);background:white;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 5px}.auth-card>p{color:var(--muted);margin:0 0 18px}.stack{display:grid;gap:12px}.stack label{font-size:13px;font-weight:700}.stack label input{margin-top:5px}.stack hr{width:100%;border:0;border-top:1px solid var(--border)}.alert{padding:10px 12px;border-radius:9px;margin-bottom:12px;font-size:13px}.alert.error{background:#ffebee;color:#9f1d1d}.alert.success{background:#e8f5e9;color:#27672b} @media(max-width:1100px){.add-form{grid-template-columns:2fr 1.4fr 1fr 1fr}.add-form .check{grid-column:auto}.workspace{grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr)}} @media(max-width:850px){.app-header{align-items:flex-start;padding:16px}.app-shell{padding:12px}.workspace{grid-template-columns:1fr}.today-panel{position:static;grid-row:1}.add-form{grid-template-columns:1fr 1fr}.add-form #new-title{grid-column:1/-1}.lanes{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}} @media(max-width:520px){.app-header{flex-direction:column}.header-actions{width:100%;justify-content:space-between}.add-form{grid-template-columns:1fr}.add-form #new-title{grid-column:auto}.lanes{grid-template-columns:1fr}.tabs{margin-right:-12px}.modal-backdrop{padding-top:40px}} /* v1.1 client/customer layer */ .add-form{grid-template-columns:minmax(220px,2fr) minmax(150px,1.1fr) minmax(175px,1.2fr) minmax(130px,.9fr) minmax(135px,.9fr) minmax(135px,.9fr) auto auto} .pill.customer{background:#eef2ff;border-color:#d9e0ff;color:#404b72;font-weight:700} .task-controls .client-select{grid-column:1/-1} .modal-wide{width:min(900px,100%)} .modal-heading-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start} .client-add-form{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(170px,1fr) minmax(140px,.8fr) auto;gap:8px;margin:12px 0 14px} .clients-list{display:grid;gap:8px;max-height:55vh;overflow:auto;padding-right:2px} .client-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(170px,1fr) minmax(140px,.8fr) auto auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)} .client-row input{min-height:36px;padding:6px 8px} .client-row .button{min-height:36px;padding:6px 9px} @media(max-width:1100px){.add-form{grid-template-columns:2fr 1.2fr 1.4fr 1fr}.client-add-form,.client-row{grid-template-columns:1fr 1fr}.client-row .button{width:100%}} @media(max-width:700px){.client-add-form,.client-row{grid-template-columns:1fr}.modal-heading-row{align-items:center}} /* v1.2 management, team logins, and updater */ .button.danger{border-color:#efc2c2;background:#fff5f5;color:#9f1d1d} .admin-shell{max-width:1500px;margin:0 auto;padding:20px 22px 50px;display:grid;gap:16px} .admin-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 3px 14px rgba(24,29,36,.035)} .admin-panel h2{margin:0 0 4px;font-size:20px}.admin-panel h3{margin:18px 0 7px;font-size:15px}.admin-panel>p,.admin-panel-heading p{margin:0 0 14px;color:var(--muted);font-size:13px}.admin-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} .admin-add-grid{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(130px,.6fr) minmax(200px,1fr) auto;gap:8px;margin:12px 0 16px}.admin-add-grid.assignee-add{grid-template-columns:minmax(220px,1.5fr) minmax(190px,1fr) auto;max-width:850px} .admin-category-list,.assignee-list{display:grid;gap:12px}.admin-category,.assignee-row{border:1px solid var(--border);border-radius:12px;padding:11px;background:var(--panel-2)}.admin-category.inactive,.assignee-row.inactive{opacity:.62} .admin-category-head{display:grid;grid-template-columns:90px minmax(200px,1fr) auto;gap:7px;margin-bottom:9px}.admin-section-list{display:grid;gap:6px}.admin-section-row{display:flex;gap:6px;align-items:center;padding:6px;border:1px solid var(--border);border-radius:9px;background:white}.admin-section-row.inactive{opacity:.6}.inline-form{display:flex;gap:6px;align-items:center}.grow{flex:1;min-width:0}.inline-form.grow input{flex:1}.admin-add-step{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:7px;max-width:620px;margin-top:9px}.archive-category-form{margin-top:8px} .assignee-main{display:flex;align-items:center;gap:7px}.assignee-main>.inline-form{flex:1}.assignee-main select{max-width:190px}.login-row{display:flex;gap:7px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.login-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1.2fr) auto;gap:7px;flex:1}.login-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)} .update-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px;max-width:720px;margin:12px 0}.small{font-size:12px}.muted{color:var(--muted)}.history-list{display:grid;gap:5px;color:var(--muted);font-size:12px} /* v1.2 add row no longer has separate owner dropdown; assignee controls all handoffs. */ .add-form{grid-template-columns:minmax(220px,2fr) minmax(150px,1.1fr) minmax(175px,1.2fr) minmax(145px,1fr) minmax(135px,.9fr) auto auto} @media(max-width:950px){.admin-add-grid{grid-template-columns:1fr 1fr}.admin-add-grid.assignee-add{grid-template-columns:1fr 1fr}.admin-category-head{grid-template-columns:80px 1fr auto}.assignee-main{align-items:stretch;flex-wrap:wrap}.login-row{align-items:stretch;flex-direction:column}.login-form{grid-template-columns:1fr 1fr auto}.update-form{grid-template-columns:1fr auto}} @media(max-width:650px){.admin-shell{padding:12px}.admin-add-grid,.admin-add-grid.assignee-add,.admin-category-head,.admin-add-step,.login-form,.update-form{grid-template-columns:1fr}.admin-section-row{align-items:stretch;flex-direction:column}.inline-form{align-items:stretch}.assignee-main{align-items:stretch;flex-direction:column}.assignee-main select{max-width:none}} /* v1.2.1 Manage dashboard rebuild */ .manage-shell{max-width:1600px;margin:0 auto;padding:18px 20px 50px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start} .manage-nav{position:sticky;top:14px;display:grid;gap:7px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:0 3px 14px rgba(24,29,36,.035)} .manage-nav-item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-decoration:none;color:var(--text);padding:10px;border-radius:11px;border:1px solid transparent;transition:.15s ease} .manage-nav-item:hover{background:var(--panel-2)}.manage-nav-item.active{background:#20242a;color:#fff;border-color:#20242a}.manage-nav-item.active small{color:#cbd0d6} .manage-nav-item strong{display:block;font-size:13px}.manage-nav-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.nav-icon{width:36px;height:36px;border-radius:9px;background:var(--panel-2);display:grid;place-items:center;font-size:17px;font-weight:900}.manage-nav-item.active .nav-icon{background:rgba(255,255,255,.12)} .manage-content{min-width:0}.manage-page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.manage-page-head h2{font-size:27px;margin:2px 0 5px}.manage-page-head p{margin:0;color:var(--muted);font-size:13px;max-width:760px;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850;color:var(--muted)}.version-chip{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap} .manage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.manage-stat{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px;min-width:0}.manage-stat>strong{display:block;font-size:25px;line-height:1}.manage-stat>span{display:block;font-weight:800;font-size:13px;margin-top:7px}.manage-stat>small{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .manage-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.manage-action-card{display:flex;gap:12px;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px;transition:.15s ease}.manage-action-card:hover{border-color:#b9bec5;transform:translateY(-1px);box-shadow:var(--shadow)}.manage-action-card h3{font-size:15px;margin:0 0 5px}.manage-action-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 9px}.action-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;font-size:18px;font-weight:900}.text-link{font-size:12px;font-weight:800} .manage-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manage-card{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:15px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.card-head h3,.manage-card h3{margin:0 0 3px;font-size:16px}.card-head p,.manage-card>p{margin:0;color:var(--muted);font-size:12px}.small-button{min-height:32px;padding:5px 9px;font-size:12px}.compact-list{display:grid;gap:3px}.compact-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border-radius:9px;text-decoration:none;color:var(--text)}a.compact-row:hover{background:var(--panel-2)}.compact-icon,.avatar-mini{width:32px;height:32px;border-radius:8px;background:var(--panel-2);display:grid;place-items:center;font-size:14px}.avatar-mini{border-radius:999px;font-size:11px;font-weight:850;background:#eceff3}.compact-main{min-width:0}.compact-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-main small{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:8px;height:8px;border-radius:99px;background:#c5c9cf}.status-dot.online{background:var(--green)} .quick-create{position:relative}.quick-create>summary{list-style:none;cursor:pointer}.quick-create>summary::-webkit-details-marker{display:none}.quick-create-form{position:absolute;right:0;top:48px;z-index:20;width:min(420px,calc(100vw - 44px));display:grid;gap:9px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 16px 40px rgba(20,25,30,.14)}.quick-create-form label,.edit-box label,.row-menu-box label,.person-edit-form label,.private-login-form label{font-size:11px;font-weight:800;color:var(--muted)}.quick-create-form label input,.quick-create-form label select,.edit-box label input,.row-menu-box label input,.person-edit-form label input,.person-edit-form label select,.private-login-form label input{margin-top:4px;color:var(--text)} .structure-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:12px;align-items:start}.category-picker{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:8px;display:grid;gap:4px}.picker-label{padding:6px 8px 4px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.category-pick{display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid transparent}.category-pick:hover{background:var(--panel-2)}.category-pick.active{background:#f0f2f4;border-color:#d9dde2}.category-pick-icon{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--border);display:grid;place-items:center}.category-pick strong{display:block;font-size:12px}.category-pick small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.muted-pick{opacity:.65}.archived-block{border-top:1px solid var(--border);margin-top:5px;padding-top:5px}.archived-block>summary{cursor:pointer;color:var(--muted);font-size:11px;padding:6px 8px;font-weight:750} .structure-editor{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:16px;min-width:0}.structure-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--border)}.structure-title{display:flex;gap:12px;align-items:center}.structure-big-icon{width:48px;height:48px;border-radius:12px;background:var(--panel-2);display:grid;place-items:center;font-size:21px}.structure-title h3{font-size:21px;margin:1px 0 3px}.structure-title p{margin:0;color:var(--muted);font-size:11px}.edit-popover{position:relative}.edit-popover>summary{list-style:none;cursor:pointer}.edit-popover>summary::-webkit-details-marker{display:none}.edit-box{position:absolute;right:0;top:46px;z-index:15;width:300px;background:white;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-template-columns:70px 1fr;gap:8px;box-shadow:0 14px 35px rgba(20,25,30,.13)}.edit-box .button{grid-column:1/-1}.process-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:17px 0 8px}.process-heading h4{margin:0 0 2px;font-size:14px}.process-heading p{margin:0;color:var(--muted);font-size:11px}.process-list{display:grid;gap:6px}.process-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:11px;padding:8px 9px;background:#fff}.process-row.inactive{opacity:.55;background:var(--panel-2)}.process-number{width:28px;height:28px;border-radius:8px;background:var(--panel-2);display:grid;place-items:center;font-size:11px;font-weight:850}.process-info strong{display:block;font-size:12px}.process-info small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.process-actions,.process-move{display:flex;gap:4px;align-items:center}.icon-button{border:1px solid var(--border);background:var(--panel);color:var(--text);width:32px;min-height:32px;padding:0;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer;font-weight:850}.icon-button:hover{background:var(--panel-2)}.row-menu{position:relative}.row-menu>summary{list-style:none}.row-menu>summary::-webkit-details-marker{display:none}.row-menu-box{position:absolute;right:0;top:38px;width:270px;z-index:12;background:white;border:1px solid var(--border);border-radius:12px;padding:11px;box-shadow:0 14px 35px rgba(20,25,30,.14)}.row-menu-box form{display:grid;gap:7px}.row-menu-box .danger-form{margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}.add-process-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.danger-zone{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.danger-zone>summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:750}.danger-zone>div{margin-top:8px;padding:10px;border-radius:10px;background:#fff8f8;border:1px solid #f1d6d6}.danger-zone p{font-size:11px;color:#7c5757;margin:0 0 8px}.button:disabled{opacity:.45;cursor:not-allowed} .team-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.team-summary span{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--muted)}.team-summary strong{color:var(--text);margin-right:3px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.person-card{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:13px;min-width:0}.person-top{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}.person-avatar{width:44px;height:44px;border-radius:999px;background:#e8ebef;display:grid;place-items:center;font-weight:900;font-size:13px}.person-name h3{font-size:15px;margin:0 0 5px}.person-badges{display:flex;flex-wrap:wrap;gap:4px}.work-count{text-align:center;min-width:43px}.work-count strong{display:block;font-size:17px;line-height:1}.work-count small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.access-note{font-size:11px;margin-top:10px;padding:8px 9px;border-radius:9px;background:#f3f8f3;color:#39633c}.access-note.muted{background:var(--panel-2);color:var(--muted)}.person-manage{margin-top:10px;border-top:1px solid var(--border);padding-top:9px}.person-manage>summary{list-style:none;cursor:pointer;width:100%}.person-manage>summary::-webkit-details-marker{display:none}.person-manage-body{display:grid;gap:10px;margin-top:10px}.person-edit-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.8fr) auto;gap:7px;align-items:end}.login-box{border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--panel-2)}.login-box h4{margin:0 0 2px;font-size:12px}.login-box p{margin:0 0 9px;color:var(--muted);font-size:10px}.private-login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end}.login-toggle-form{margin-top:7px}.person-danger{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--border);padding-top:9px}.person-danger strong{display:block;font-size:11px;color:#8e2f2f}.person-danger small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.archived-people{margin-top:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:9px 11px}.archived-people>summary{cursor:pointer;font-weight:800;font-size:11px}.archived-people-list{display:grid;gap:6px;margin-top:9px}.archived-person{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px;border-radius:8px;background:var(--panel-2)}.archived-person strong,.archived-person small{display:block}.archived-person strong{font-size:11px}.archived-person small{font-size:9px;color:var(--muted);margin-top:2px} .update-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}.update-primary{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px}.update-icon{width:54px;height:54px;border-radius:14px;background:var(--panel-2);display:grid;place-items:center;font-size:25px;font-weight:900}.update-primary h3{font-size:18px;margin:2px 0 4px}.update-primary p{line-height:1.5}.update-drop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}.file-drop{position:relative;border:1px dashed #b9bec5;background:var(--panel-2);border-radius:10px;min-height:44px;padding:10px 12px;display:flex;align-items:center;font-size:12px;font-weight:750;overflow:hidden}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.safe-update{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px;border-radius:9px;background:#f3f8f3;color:#39633c}.safe-update p{font-size:10px!important;margin:0!important;color:inherit!important}.update-history{display:grid;gap:6px}.update-history-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:8px;border-radius:9px;background:var(--panel-2)}.version-badge{font-size:10px;font-weight:850;background:#20242a;color:white;border-radius:999px;padding:4px 7px}.update-history-row strong,.update-history-row small{display:block}.update-history-row strong{font-size:11px}.update-history-row small{color:var(--muted);font-size:9px;margin-top:2px}.empty-state{text-align:center;padding:30px}.empty-state p{color:var(--muted)}.small-empty{padding:16px} @media(max-width:1150px){.manage-stats{grid-template-columns:repeat(2,1fr)}.manage-action-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.update-layout{grid-template-columns:1fr}.private-login-form{grid-template-columns:1fr 1fr}.private-login-form .button{grid-column:1/-1}.structure-layout{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:850px){.manage-shell{grid-template-columns:1fr;padding:12px}.manage-nav{position:static;grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.manage-nav-item{grid-template-columns:30px 1fr}.nav-icon{width:30px;height:30px}.manage-two-col{grid-template-columns:1fr}.structure-layout{grid-template-columns:1fr}.category-picker{display:flex;overflow-x:auto;gap:5px}.picker-label,.archived-block{display:none}.category-pick{min-width:190px}.manage-page-head{align-items:flex-start}.update-primary{grid-template-columns:1fr}.update-icon{width:44px;height:44px}.person-edit-form{grid-template-columns:1fr 1fr}.person-edit-form .button{grid-column:1/-1}} @media(max-width:600px){.app-header{padding:14px}.manage-page-head{flex-direction:column}.manage-stats{grid-template-columns:1fr 1fr}.manage-stat{padding:12px}.manage-stat>strong{font-size:20px}.manage-action-card{padding:12px}.manage-nav{margin-right:-12px;border-radius:12px 0 0 12px}.structure-editor{padding:12px}.structure-title-row{flex-direction:column}.edit-popover{width:100%}.edit-popover>summary{width:100%}.edit-box{position:static;width:100%;margin-top:7px}.process-row{grid-template-columns:30px minmax(0,1fr)}.process-actions{grid-column:1/-1;justify-content:flex-end}.row-menu-box{position:fixed;left:14px;right:14px;top:auto;width:auto}.add-process-row{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.private-login-form,.person-edit-form{grid-template-columns:1fr}.private-login-form .button,.person-edit-form .button{grid-column:auto}.update-drop{grid-template-columns:1fr}.quick-create{width:100%}.quick-create>summary{width:100%}.quick-create-form{position:static;width:100%;margin-top:7px}.manage-stats{gap:7px}.person-danger{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap}} /* v1.2.2 Manage redesign — Markerboard-style admin */ .mg-admin-page{background:var(--bg)} .mg-shell{max-width:1600px;padding-top:16px} .mg-top-tabs{margin-bottom:14px}.mg-top-tabs .tab{text-decoration:none} .mg-alert{margin-bottom:14px} .mg-page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:4px 0 16px}.mg-page-head h2{font-size:25px;margin:2px 0 4px}.mg-page-head p{margin:0;color:var(--muted);font-size:13px}.mg-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--muted)}.mg-version{background:var(--accent);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;white-space:nowrap} .mg-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.mg-stat-card{text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;box-shadow:0 3px 14px rgba(24,29,36,.035)}.mg-stat-card:hover{border-color:#bcc2ca;transform:translateY(-1px)}.mg-stat-icon{width:48px;height:48px;border-radius:12px;background:var(--panel-2);display:grid;place-items:center;font-size:20px;font-weight:900}.mg-stat-card strong{display:block;font-size:22px;line-height:1}.mg-stat-card b{display:block;font-size:13px;margin-top:4px}.mg-stat-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px} .mg-overview-board,.mg-workflow-board{padding:16px}.mg-board-title,.mg-workflow-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.mg-board-title h3,.mg-workflow-head h3{margin:0;font-size:19px}.mg-board-title p,.mg-workflow-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.mg-overview-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9px}.mg-overview-category{text-decoration:none;color:var(--text);border:1px solid var(--border);background:rgba(255,255,255,.92);border-radius:12px;padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center}.mg-overview-category:hover{background:#fff;border-color:#bcc2ca}.mg-overview-icon{width:38px;height:38px;background:var(--panel-2);border-radius:10px;display:grid;place-items:center;font-size:17px}.mg-overview-category strong,.mg-overview-category small{display:block}.mg-overview-category strong{font-size:12px}.mg-overview-category small{font-size:10px;color:var(--muted);margin-top:3px} .mg-category-tabs{margin-bottom:10px}.mg-category-tabs .tab{text-decoration:none}.mg-workflow-title{display:flex;gap:11px;align-items:center}.mg-workflow-icon{width:50px;height:50px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);display:grid;place-items:center;font-size:22px}.mg-head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} .mg-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.mg-process-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;min-height:142px;display:flex;flex-direction:column}.mg-process-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.mg-step-number{width:30px;height:30px;background:var(--accent);color:white;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900}.mg-open-count{font-size:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 7px;color:var(--muted)}.mg-process-card h4{font-size:15px;margin:11px 0 3px}.mg-process-card p{font-size:10px;color:var(--muted);margin:0 0 12px;line-height:1.4}.mg-process-actions{display:flex;gap:5px;margin-top:auto;justify-content:flex-end}.mg-process-actions form{margin:0}.mg-icon-btn{width:34px;height:34px;border:1px solid var(--border);background:var(--panel);border-radius:8px;color:var(--text);font-weight:900;cursor:pointer}.mg-icon-btn:hover{background:var(--panel-2)}.mg-icon-btn:disabled{opacity:.28;cursor:not-allowed}.mg-wide-empty{grid-column:1/-1;padding:28px} .mg-archive-box{margin-top:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:9px 11px}.mg-archive-box>summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--muted)}.mg-archive-list{display:grid;gap:6px;margin-top:9px}.mg-archive-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--panel-2);border-radius:9px;padding:8px}.mg-archive-list strong,.mg-archive-list small{display:block}.mg-archive-list strong{font-size:11px}.mg-archive-list small{font-size:9px;color:var(--muted);margin-top:2px} .mg-team-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.mg-team-summary>span{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:11px 13px}.mg-team-summary strong{display:block;font-size:19px}.mg-team-summary small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mg-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mg-person-card{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:13px;box-shadow:0 3px 14px rgba(24,29,36,.03);min-width:0}.mg-person-header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center}.mg-avatar{width:46px;height:46px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}.mg-person-header h3{font-size:15px;margin:0}.mg-person-header p{font-size:10px;color:var(--muted);margin:3px 0 0}.mg-person-count{text-align:center}.mg-person-count strong{display:block;font-size:18px;line-height:1}.mg-person-count small{font-size:8px;color:var(--muted);letter-spacing:.08em}.mg-person-status{min-height:55px;margin:11px 0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:9px;background:var(--panel-2);border-radius:10px}.mg-person-status small{font-size:9px;color:var(--muted)}.mg-manage-person{width:100%} .mg-update-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:12px}.mg-update-card{padding:17px}.mg-update-hero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center}.mg-update-hero>span{width:54px;height:54px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900}.mg-update-hero h3{margin:0;font-size:19px}.mg-update-hero p{margin:4px 0 0;color:var(--muted);font-size:11px}.mg-update-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:17px}.mg-file-picker{position:relative;border:1px dashed #b9bec5;border-radius:11px;padding:10px 12px;background:var(--panel-2);overflow:hidden}.mg-file-picker strong,.mg-file-picker small{display:block}.mg-file-picker strong{font-size:12px}.mg-file-picker small{font-size:9px;color:var(--muted);margin-top:2px}.mg-file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.mg-safe-note{display:flex;gap:8px;margin-top:10px;background:var(--green-soft);border:1px solid #c8e6c9;color:#27672b;border-radius:10px;padding:9px;font-size:10px}.mg-safe-note strong{white-space:nowrap}.mg-history-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:15px}.mg-history-card h3{margin:0;font-size:16px}.mg-history-card>p{margin:3px 0 12px;font-size:10px;color:var(--muted)}.mg-history-list{display:grid;gap:7px}.mg-history-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;background:var(--panel-2);border-radius:9px;padding:8px}.mg-version-pill{font-size:9px;font-weight:900;background:var(--accent);color:#fff;border-radius:999px;padding:5px 7px}.mg-history-list strong,.mg-history-list small{display:block}.mg-history-list strong{font-size:10px}.mg-history-list small{font-size:9px;color:var(--muted);margin-top:2px} .mg-modal-backdrop{z-index:150}.mg-modal{width:min(520px,100%);padding:18px}.mg-person-modal{width:min(640px,100%)}.mg-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.mg-modal-head h3{margin:0;font-size:19px}.mg-modal-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.mg-close{border:1px solid var(--border);background:var(--panel-2);width:36px;height:36px;border-radius:9px;font-size:20px;cursor:pointer}.mg-modal hr{border:0;border-top:1px solid var(--border);margin:15px 0}.mg-danger-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.mg-danger-row strong,.mg-danger-row small{display:block}.mg-danger-row strong{font-size:11px;color:#8e2f2f}.mg-danger-row small{font-size:9px;color:var(--muted);margin-top:2px}.mg-login-panel{margin-top:14px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.mg-login-panel h4{margin:0;font-size:13px}.mg-login-panel>div>p{margin:3px 0 11px;color:var(--muted);font-size:10px}.mg-inline-action{margin-top:8px} @media(max-width:1100px){.mg-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-update-grid{grid-template-columns:1fr}.mg-stat-grid{grid-template-columns:1fr 1fr 1fr}} @media(max-width:800px){.mg-page-head,.mg-board-title,.mg-workflow-head{align-items:flex-start;flex-direction:column}.mg-head-actions{justify-content:flex-start}.mg-stat-grid,.mg-team-summary{grid-template-columns:1fr}.mg-people-grid{grid-template-columns:1fr}.mg-process-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mg-update-form{grid-template-columns:1fr}.mg-top-tabs,.mg-category-tabs{margin-right:-12px}.mg-overview-categories{grid-template-columns:1fr 1fr}} @media(max-width:520px){.mg-overview-categories{grid-template-columns:1fr}.mg-workflow-title{align-items:flex-start}.mg-process-grid{grid-template-columns:1fr}.mg-danger-row{align-items:flex-start;flex-direction:column}.mg-stat-card{grid-template-columns:42px 1fr}.mg-stat-icon{width:42px;height:42px}.mg-shell{padding-left:12px;padding-right:12px}} /* v1.2.3 — WordPress-inspired fluid admin shell */ .mb-admin-page{background:#f0f0f1;min-height:100vh} .mb-admin-frame{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh} .mb-admin-sidebar{background:#1d2327;color:#f0f0f1;display:flex;flex-direction:column;min-width:0;position:sticky;top:0;height:100vh;align-self:start} .mb-admin-brand{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none;color:#fff;min-height:70px}.mb-brand-mark{width:36px;height:36px;border-radius:8px;background:#fff;color:#1d2327;display:grid;place-items:center;font-size:18px;font-weight:900}.mb-admin-brand strong,.mb-admin-brand small{display:block}.mb-admin-brand strong{font-size:14px}.mb-admin-brand small{font-size:10px;color:#a7aaad;margin-top:2px} .mb-admin-nav{padding:8px 0}.mb-admin-nav a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:44px;padding:7px 14px;color:#dcdcde;text-decoration:none;border-left:4px solid transparent;font-size:13px}.mb-admin-nav a:hover{background:#2c3338;color:#72aee6}.mb-admin-nav a.active{background:#2271b1;color:#fff;border-left-color:#72aee6}.mb-admin-nav a span{font-size:17px;text-align:center}.mb-admin-nav a b{font-weight:600} .mb-admin-sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.09);display:grid;gap:8px}.mb-admin-sidebar-bottom a{color:#dcdcde;text-decoration:none;font-size:12px}.mb-admin-sidebar-bottom a:hover{color:#72aee6}.mb-admin-sidebar-bottom small{color:#8c8f94;font-size:10px} .mb-admin-main{min-width:0}.mb-admin-topbar{min-height:48px;background:#fff;border-bottom:1px solid #c3c4c7;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 20px}.mb-admin-topbar>div:first-child{display:flex;gap:10px;align-items:baseline;min-width:0}.mb-admin-topbar strong{font-size:13px}.mb-admin-topbar span{font-size:11px;color:#646970}.mb-admin-user{display:flex;align-items:center;gap:12px;white-space:nowrap}.mb-admin-user a{color:#2271b1;text-decoration:none;font-size:12px} .mb-admin-content{padding:22px clamp(18px,2.1vw,34px) 46px;min-width:0}.mb-admin-alert{max-width:none;margin:0 0 16px;border-left:4px solid currentColor;border-radius:2px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.04)} .mb-page-titlebar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px}.mb-page-titlebar h1{font-size:24px;font-weight:500;line-height:1.25;margin:0;color:#1d2327}.mb-page-titlebar p{margin:4px 0 0;color:#646970;font-size:13px}.mb-version-chip{background:#fff;border:1px solid #c3c4c7;border-radius:3px;padding:7px 10px;font-size:12px;font-weight:600} .mb-admin-page .button{border-radius:3px;min-height:32px;padding:5px 10px;font-size:12px;font-weight:600;border-color:#8c8f94;background:#f6f7f7}.mb-admin-page .button:hover{background:#f0f0f1;border-color:#50575e}.mb-admin-page .button.primary{background:#2271b1;border-color:#2271b1;color:#fff}.mb-admin-page .button.primary:hover{background:#135e96;border-color:#135e96}.mb-admin-page .button.danger{background:#fff;border-color:#d63638;color:#b32d2e}.mb-admin-page .button.ghost{background:transparent} .mb-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.mb-metric-strip-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-metric-strip>a,.mb-metric-strip>div{background:#fff;border:1px solid #c3c4c7;border-radius:3px;padding:15px 16px;text-decoration:none;color:#1d2327;min-width:0}.mb-metric-strip strong{font-size:23px;font-weight:500;display:block;line-height:1}.mb-metric-strip span{display:block;font-size:12px;font-weight:600;margin-top:7px}.mb-metric-strip small{display:block;color:#646970;font-size:10px;margin-top:3px} .mb-wp-panel{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.04);min-width:0;margin-bottom:18px}.mb-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #c3c4c7}.mb-panel-heading h2{margin:0;font-size:15px;font-weight:600}.mb-panel-heading p{margin:4px 0 0;color:#646970;font-size:11px}.mb-panel-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.mb-workflow-heading{padding:16px}.mb-workflow-name{display:flex;align-items:center;gap:11px;min-width:0}.mb-category-icon{width:40px;height:40px;border-radius:4px;background:#f0f0f1;border:1px solid #dcdcde;display:grid;place-items:center;font-size:18px;flex:0 0 auto} .mb-category-nav{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px;border-bottom:1px solid #c3c4c7;padding-left:0}.mb-category-nav a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#2271b1;background:#f6f7f7;border:1px solid #c3c4c7;border-bottom:0;border-radius:3px 3px 0 0;padding:8px 12px;font-size:12px;font-weight:600;margin-bottom:-1px}.mb-category-nav a:hover{background:#fff}.mb-category-nav a.active{background:#fff;color:#1d2327;border-bottom-color:#fff}.mb-category-nav a span{font-size:14px} .mb-list-table{width:100%;min-width:0}.mb-list-head,.mb-list-row{display:grid;align-items:center;min-width:0}.mb-list-head{background:#f6f7f7;border-bottom:1px solid #c3c4c7;color:#50575e;font-size:11px;font-weight:600}.mb-list-head>span{padding:8px 10px}.mb-list-row{border-bottom:1px solid #dcdcde;color:#1d2327;background:#fff}.mb-list-row:last-child{border-bottom:0}.mb-list-row:hover{background:#f6f7f7}.mb-list-row>span{padding:10px;min-width:0;font-size:12px}.mb-list-row strong,.mb-list-row small{display:block}.mb-list-row strong{font-size:12px}.mb-list-row small{font-size:10px;color:#646970;margin-top:2px}.mb-list-row em{font-size:11px;color:#646970;font-style:normal}.mb-board-list .mb-list-head,.mb-board-list .mb-list-row{grid-template-columns:minmax(260px,2fr) minmax(100px,.6fr) minmax(100px,.6fr) 70px}.mb-board-list .mb-list-row{text-decoration:none}.mb-primary-cell{display:flex!important;align-items:center;gap:9px}.mb-primary-cell>i{width:34px;height:34px;display:grid;place-items:center;background:#f0f0f1;border:1px solid #dcdcde;border-radius:4px;font-style:normal;flex:0 0 auto}.mb-row-link{justify-self:end;color:#2271b1;font-weight:600} .mb-process-table .mb-list-head,.mb-process-table .mb-list-row{grid-template-columns:70px minmax(220px,1.7fr) minmax(180px,1.15fr) 80px 120px}.mb-process-row>span:first-child{display:flex;justify-content:center}.mb-order-badge{width:30px;height:30px;border-radius:50%;background:#1d2327;color:#fff;display:grid;place-items:center;font-size:11px}.mb-process-name strong{font-size:13px}.mb-row-actions{display:flex;justify-content:flex-end;gap:4px}.mb-row-actions form{margin:0}.mb-small-btn{width:30px;height:30px;border:1px solid #8c8f94;border-radius:3px;background:#f6f7f7;color:#2c3338;cursor:pointer;font-weight:700}.mb-small-btn:hover{background:#fff;border-color:#50575e}.mb-small-btn:disabled{opacity:.35;cursor:not-allowed}.mb-table-empty{padding:22px;color:#646970;font-size:12px;text-align:center;background:#fff} .mb-users-table .mb-list-head,.mb-users-table .mb-list-row{grid-template-columns:minmax(220px,1.6fr) minmax(130px,.9fr) minmax(180px,1.1fr) 90px 90px}.mb-avatar{background:#2271b1!important;border-color:#2271b1!important;color:#fff;font-size:11px;font-weight:700}.mb-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:600}.mb-status.good{background:#edfaef;color:#1d6b2a}.mb-status.muted{background:#f0f0f1;color:#646970}.mb-manage-user{min-width:72px} .mb-archived{background:#fff;border:1px solid #c3c4c7;border-radius:2px;margin:12px 0}.mb-archived>summary{padding:10px 12px;cursor:pointer;font-size:11px;font-weight:600;color:#50575e;background:#f6f7f7}.mb-archived-list{display:grid}.mb-archived-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid #dcdcde}.mb-archived-list strong,.mb-archived-list small{display:block}.mb-archived-list strong{font-size:11px}.mb-archived-list small{font-size:10px;color:#646970;margin-top:2px} .mb-two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;align-items:start}.mb-update-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px}.mb-drop-file{position:relative;border:1px dashed #8c8f94;background:#f6f7f7;border-radius:2px;padding:12px;overflow:hidden}.mb-drop-file span,.mb-drop-file strong{display:block}.mb-drop-file span{font-size:10px;color:#646970}.mb-drop-file strong{font-size:12px;margin-top:3px}.mb-drop-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.mb-notice-good{margin:0 16px 16px;border-left:4px solid #00a32a;background:#f6fff8;padding:10px 12px;display:grid;gap:2px}.mb-notice-good strong{font-size:11px}.mb-notice-good span{font-size:10px;color:#50575e}.mb-history-list{display:grid}.mb-history-list>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;padding:10px 14px;border-top:1px solid #dcdcde}.mb-history-list>div:first-child{border-top:0}.mb-history-list b{font-size:11px;color:#2271b1}.mb-history-list strong,.mb-history-list small{display:block}.mb-history-list strong{font-size:11px}.mb-history-list small{font-size:10px;color:#646970;margin-top:2px} .mb-admin-modal-backdrop{z-index:180}.mb-admin-modal{width:min(540px,100%);border-radius:3px;padding:0;background:#fff}.mb-person-modal{width:min(680px,100%)}.mb-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid #c3c4c7}.mb-modal-head h3{margin:0;font-size:16px;font-weight:600}.mb-modal-head p{margin:4px 0 0;color:#646970;font-size:11px}.mb-close{border:0;background:transparent;font-size:24px;color:#646970;cursor:pointer;line-height:1;min-height:28px}.mb-admin-modal>.stack{padding:16px}.mb-admin-modal>.stack+hr,.mb-admin-modal>hr{margin:0;border:0;border-top:1px solid #dcdcde}.mb-admin-modal .stack label{font-size:12px}.mb-admin-modal input,.mb-admin-modal select{border-radius:2px;min-height:36px}.mb-danger-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px}.mb-danger-row strong,.mb-danger-row small{display:block}.mb-danger-row strong{font-size:11px;color:#b32d2e}.mb-danger-row small{font-size:10px;color:#646970;margin-top:2px}.mb-login-panel{padding:16px;background:#f6f7f7;border-top:1px solid #dcdcde}.mb-login-panel h4{margin:0;font-size:13px}.mb-login-panel p{margin:3px 0 12px;color:#646970;font-size:10px}.mb-login-panel .stack{padding:0}.mb-inline-action{margin:9px 0 0} @media(max-width:1050px){.mb-admin-frame{grid-template-columns:190px minmax(0,1fr)}.mb-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-two-column{grid-template-columns:1fr}.mb-process-table,.mb-users-table,.mb-board-list{overflow-x:auto}.mb-process-table .mb-list-head,.mb-process-table .mb-list-row{min-width:820px}.mb-users-table .mb-list-head,.mb-users-table .mb-list-row{min-width:760px}.mb-board-list .mb-list-head,.mb-board-list .mb-list-row{min-width:620px}} @media(max-width:760px){.mb-admin-frame{grid-template-columns:1fr}.mb-admin-sidebar{position:static;height:auto}.mb-admin-brand{min-height:56px}.mb-admin-nav{display:flex;overflow-x:auto;padding:0}.mb-admin-nav a{grid-template-columns:auto auto;gap:5px;border-left:0;border-bottom:3px solid transparent;white-space:nowrap;padding:8px 12px}.mb-admin-nav a.active{border-bottom-color:#72aee6}.mb-admin-sidebar-bottom{display:none}.mb-admin-topbar{display:none}.mb-admin-content{padding:16px 12px 36px}.mb-page-titlebar{align-items:flex-start;flex-direction:column}.mb-category-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:1px}.mb-metric-strip,.mb-metric-strip-3{grid-template-columns:1fr 1fr}.mb-panel-heading{align-items:flex-start;flex-direction:column}.mb-panel-actions{justify-content:flex-start}.mb-workflow-name{align-items:flex-start}.mb-update-form{grid-template-columns:1fr}.mb-archived-list>div{align-items:flex-start}} @media(max-width:480px){.mb-metric-strip,.mb-metric-strip-3{grid-template-columns:1fr}.mb-page-titlebar h1{font-size:22px}.mb-admin-content{padding-left:10px;padding-right:10px}.mb-admin-nav a span{font-size:14px}.mb-admin-nav a{font-size:11px}.mb-danger-row{align-items:flex-start;flex-direction:column}} /* v1.3 weekly planning + flexible markerboard columns */ .board-view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.view-switch{display:inline-flex;border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:3px;gap:3px}.view-mode{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 13px;min-height:38px;font-size:12px;font-weight:800;cursor:pointer}.view-mode.active{background:var(--accent);color:var(--accent-contrast)}.week-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.week-controls .button{min-height:36px;padding:7px 10px}.week-controls strong{min-width:150px;text-align:center;font-size:12px} .lanes{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding-bottom:2px}.lane{flex:1 1 0;min-width:160px;transition:flex-grow .18s ease}.lane.expanded{flex-grow:2}.lane-head-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.expand-lane{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:7px;min-width:29px;min-height:29px;padding:3px 6px;cursor:pointer;font-size:14px;font-weight:800}.expand-lane:hover{background:var(--panel-2);color:var(--text)} .weekly-planner{min-width:0}.week-lanes{align-items:stretch}.week-lanes .lane{min-width:135px}.week-lanes .lane.expanded{flex-grow:2.2}.weekly-lane.is-current-day{border-color:#9aa0a8;box-shadow:inset 0 3px 0 var(--accent)}.weekly-lane-title{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.weekly-lane-title small{display:block;color:var(--muted);font-size:10px;font-weight:650}.weekly-task-card{cursor:grab}.weekly-task-card:active{cursor:grabbing}.weekly-task-card .task-meta{margin-top:6px}.weekly-task-card .pill{font-size:10px}.week-lanes .lane-body{min-height:180px} .today-actions{grid-template-columns:1fr}.today-actions .button:not(.primary){background:var(--panel-2)} @media(max-width:1100px){.lane{min-width:180px}.week-lanes .lane{min-width:150px}} @media(max-width:850px){.board-view-toolbar{align-items:flex-start;flex-direction:column}.week-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.week-controls strong{order:-1;width:100%;text-align:left}.lanes{display:flex;overflow-x:auto}.lane{min-width:210px;flex:1 0 210px}.lane.expanded{flex-basis:380px}.week-lanes .lane{min-width:180px;flex-basis:180px}.week-lanes .lane.expanded{flex-basis:330px}} @media(max-width:520px){.view-switch{width:100%}.view-mode{flex:1}.lanes{flex-direction:column;overflow:visible}.lane,.lane.expanded,.week-lanes .lane,.week-lanes .lane.expanded{min-width:0;flex:auto}.week-controls{display:grid;grid-template-columns:auto 1fr auto}.week-controls strong{grid-column:1/-1}.week-controls #week-today{width:100%}} /* v1.3.1 task planning language + roomy task editor */ .add-form{grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(170px,1.1fr) minmax(135px,.9fr) minmax(135px,.9fr) minmax(135px,.9fr) auto auto;align-items:end} .add-field{display:grid;gap:4px;min-width:0}.add-field>span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.035em}.add-field input,.add-field select{width:100%}.add-field-title{min-width:220px}.add-today-check{align-self:center;white-space:nowrap;margin-bottom:8px}.add-submit{margin-bottom:0} .compact-task-card{cursor:pointer}.compact-task-card[draggable="true"]{cursor:grab}.compact-task-card[draggable="true"]:active{cursor:grabbing}.task-quick-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid #edf0f2}.compact-today-switch{grid-column:auto;margin:0}.open-task-hint{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}.weekly-open-hint{margin-top:7px;padding-top:6px;border-top:1px solid #edf0f2}.compact-task-card:hover{border-color:#c7ccd2;box-shadow:0 4px 12px rgba(20,25,30,.075)} .task-detail-modal{width:min(780px,100%);max-height:calc(100vh - 72px);overflow:auto;padding:0}.task-modal-heading-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px 20px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel);z-index:2}.task-modal-heading-row h3{font-size:21px;margin:2px 0 3px}.task-modal-heading-row p{margin:0;color:var(--muted);font-size:12px}.task-modal-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.modal-x{appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:9px;width:38px;height:38px;min-height:38px;font-size:23px;line-height:1;cursor:pointer;flex:0 0 auto}.task-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:18px 20px}.task-field{display:grid;gap:6px;min-width:0}.task-field>span:first-child{font-size:11px;font-weight:800;color:#4f5660}.task-field-wide{grid-column:1/-1}.task-field input,.task-field select,.task-field textarea{width:100%;border:1px solid #cfd4da;border-radius:9px;background:#fff;color:var(--text);padding:9px 10px;min-height:40px;font:inherit}.task-field textarea{resize:vertical;min-height:120px;line-height:1.45}.task-field input:disabled,.task-field select:disabled,.task-field input[readonly]{background:#f2f4f6;color:#686e76;cursor:not-allowed}.task-today-field{align-content:start}.task-check-line{display:flex!important;align-items:center;gap:8px;min-height:40px;border:1px solid #cfd4da;border-radius:9px;padding:8px 10px;background:#fff;color:var(--text)!important;font-size:12px!important;font-weight:700!important}.task-check-line input{width:18px!important;height:18px;min-height:auto!important}.task-readonly-note{margin:0 20px 4px;padding:10px 12px;border-left:4px solid #8c8f94;background:#f6f7f7;color:#50575e;font-size:11px}.task-modal-actions{padding:14px 20px 18px;margin:0;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--panel);z-index:2} .today-card{cursor:pointer}.today-card .button{cursor:pointer} @media(max-width:1250px){.add-form{grid-template-columns:2fr 1.15fr 1.25fr 1fr 1fr 1fr}.add-today-check{grid-column:auto}.add-submit{width:100%}} @media(max-width:900px){.add-form{grid-template-columns:1fr 1fr 1fr}.add-field-title{grid-column:1/-1}.task-detail-modal{max-height:calc(100vh - 34px)}.task-modal-heading-row{padding:15px 16px 12px}.task-detail-grid{padding:15px 16px}.task-modal-actions{padding:12px 16px 15px}} @media(max-width:620px){.add-form{grid-template-columns:1fr 1fr}.add-field-title{grid-column:1/-1}.add-today-check{grid-column:1/-1;margin:2px 0}.add-submit{grid-column:1/-1}.task-detail-grid{grid-template-columns:1fr;gap:11px}.task-field-wide{grid-column:auto}.task-detail-modal{max-height:calc(100vh - 18px)}.task-modal-backdrop{padding:9px}.task-modal-heading-row{position:static}.task-modal-actions{position:sticky}.task-modal-heading-row h3{font-size:18px}.open-task-hint{display:none}} /* v1.4 installable PWA + per-user appearance */ html[data-theme="light"]{color-scheme:light} html[data-theme="system"]{color-scheme:light} html[data-theme="dark"]{color-scheme:dark;--bg:#111418;--panel:#191d22;--panel-2:#22272e;--text:#edf1f5;--muted:#a7afb9;--border:#343b44;--red:#ef5350;--red-soft:#3a2023;--green:#66bb6a;--green-soft:#1b3420;--accent:#dce2e8;--accent-contrast:#15191e;--shadow:0 10px 28px rgba(0,0,0,.30)} html[data-theme="dark"] body{background:var(--bg);color:var(--text)} html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#20252b;color:var(--text);border-color:var(--border)} html[data-theme="dark"] .lane{background:rgba(31,36,42,.96)} html[data-theme="dark"] .task-card,html[data-theme="dark"] .today-card{background:#20252b;box-shadow:0 2px 8px rgba(0,0,0,.18)} html[data-theme="dark"] .board{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)} html[data-theme="dark"] .lane-body.drag-over{background:#272d34} html[data-theme="dark"] .pill.customer{background:#242d48;border-color:#38466d;color:#c9d4ff} html[data-theme="dark"] .client-row{background:var(--panel-2)} html[data-theme="dark"] .auth-page{background:#101318} html[data-theme="dark"] .auth-card{background:var(--panel);border-color:var(--border)} html[data-theme="dark"] .alert.error{background:#3a2023;color:#ffb4b4} html[data-theme="dark"] .alert.success{background:#1b3420;color:#a9e5ad} html[data-theme="dark"] .task-quick-row,html[data-theme="dark"] .weekly-open-hint{border-color:var(--border)} html[data-theme="dark"] .compact-task-card:hover{border-color:#59616b;box-shadow:0 4px 14px rgba(0,0,0,.26)} html[data-theme="dark"] .task-field>span:first-child{color:var(--muted)} html[data-theme="dark"] .task-field input,html[data-theme="dark"] .task-field select,html[data-theme="dark"] .task-field textarea,html[data-theme="dark"] .task-check-line{background:#20252b;color:var(--text);border-color:var(--border)} html[data-theme="dark"] .task-field input:disabled,html[data-theme="dark"] .task-field select:disabled,html[data-theme="dark"] .task-field input[readonly]{background:#171b20;color:#8f98a3} html[data-theme="dark"] .task-readonly-note{background:#23282e;color:#c3c9d0;border-left-color:#747d87} html[data-theme="dark"] .modal{background:var(--panel);border-color:var(--border)} html[data-theme="dark"] .appearance-control select{background:var(--panel-2)} html[data-theme="dark"] .mb-admin-page{background:var(--bg);color:var(--text)} html[data-theme="dark"] .mb-admin-topbar{background:var(--panel);border-color:var(--border)} html[data-theme="dark"] .mb-admin-topbar span{color:var(--muted)} html[data-theme="dark"] .mb-admin-user a{color:#76b7ea} html[data-theme="dark"] .mb-admin-alert{background:var(--panel)} html[data-theme="dark"] .mb-admin-page .button{background:var(--panel-2);border-color:#59616b;color:var(--text)} html[data-theme="dark"] .mb-admin-page .button:hover{background:#2a3037;border-color:#77818c} html[data-theme="dark"] .mb-admin-page .button.ghost{background:transparent} html[data-theme="dark"] .mb-admin-page .button.danger{background:#2b1b1d;border-color:#a84446;color:#ff9a9c} html[data-theme="dark"] .mb-metric-strip>a,html[data-theme="dark"] .mb-metric-strip>div{background:var(--panel);border-color:var(--border);color:var(--text)} html[data-theme="dark"] .mb-metric-strip small{color:var(--muted)} html[data-theme="dark"] .mb-wp-panel{background:var(--panel);border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.20)} html[data-theme="dark"] .mb-panel-heading{border-color:var(--border)} html[data-theme="dark"] .mb-panel-heading p{color:var(--muted)} html[data-theme="dark"] .mb-category-icon{background:var(--panel-2);border-color:var(--border)} html[data-theme="dark"] .mb-category-nav{border-color:var(--border)} html[data-theme="dark"] .mb-category-nav a{color:#79b8e8;background:#20252b;border-color:var(--border)} html[data-theme="dark"] .mb-category-nav a:hover{background:#272d34} html[data-theme="dark"] .mb-category-nav a.active{background:var(--panel);color:var(--text);border-bottom-color:var(--panel)} html[data-theme="dark"] .mb-list-head{background:#20252b;border-color:var(--border);color:#c1c8d0} html[data-theme="dark"] .mb-list-row{background:var(--panel);border-color:var(--border);color:var(--text)} html[data-theme="dark"] .mb-list-row:hover{background:#20252b} html[data-theme="dark"] .mb-list-row small,html[data-theme="dark"] .mb-list-row em{color:var(--muted)} html[data-theme="dark"] .mb-primary-cell>i{background:var(--panel-2);border-color:var(--border)} html[data-theme="dark"] .mb-row-link{color:#79b8e8} html[data-theme="dark"] .mb-order-badge{background:#dce2e8;color:#15191e} html[data-theme="dark"] .mb-small-btn{background:#252b32;border-color:#59616b;color:var(--text)} html[data-theme="dark"] .mb-small-btn:hover{background:#303740;border-color:#77818c} html[data-theme="dark"] .mb-table-empty{background:var(--panel);color:var(--muted)} html[data-theme="dark"] .mb-status.good{background:#1b3420;color:#a9e5ad} html[data-theme="dark"] .mb-status.muted{background:#252b32;color:#b2bac4} html[data-theme="dark"] .mb-drop-file{background:#20252b;border-color:#59616b} html[data-theme="dark"] .mb-drop-file span{color:var(--muted)} html[data-theme="dark"] .mb-notice-good{background:#19341f;border-left-color:#4fbd64} html[data-theme="dark"] .mb-notice-good span{color:#b9d9bf} html[data-theme="dark"] .mb-history-list>div{border-color:var(--border)} html[data-theme="dark"] .mb-history-list b{color:#79b8e8} html[data-theme="dark"] .mb-history-list small{color:var(--muted)} html[data-theme="dark"] .mb-admin-modal{background:var(--panel)} html[data-theme="dark"] .mb-modal-head{border-color:var(--border)} html[data-theme="dark"] .mb-modal-head p,html[data-theme="dark"] .mb-close{color:var(--muted)} html[data-theme="dark"] .mb-admin-modal>.stack+hr,html[data-theme="dark"] .mb-admin-modal>hr{border-color:var(--border)} html[data-theme="dark"] .mb-danger-row small{color:var(--muted)} html[data-theme="dark"] .mb-login-panel{background:#20252b;border-color:var(--border)} html[data-theme="dark"] .mb-login-panel p{color:var(--muted)} html[data-theme="dark"] .mb-archived{background:var(--panel);border-color:var(--border)} html[data-theme="dark"] .mb-archived summary{color:var(--text)} html[data-theme="dark"] .mb-archived-list>div{border-color:var(--border)} html[data-theme="dark"] .mb-page-titlebar h1{color:var(--text)} html[data-theme="dark"] .mb-page-titlebar p{color:var(--muted)} html[data-theme="dark"] .mb-version-chip{background:var(--panel);border-color:var(--border);color:var(--text)} html[data-theme="dark"] .mb-archived>summary{background:var(--panel-2);color:var(--text)} @media (prefers-color-scheme: dark){ html[data-theme="system"]{color-scheme:dark;--bg:#111418;--panel:#191d22;--panel-2:#22272e;--text:#edf1f5;--muted:#a7afb9;--border:#343b44;--red:#ef5350;--red-soft:#3a2023;--green:#66bb6a;--green-soft:#1b3420;--accent:#dce2e8;--accent-contrast:#15191e;--shadow:0 10px 28px rgba(0,0,0,.30)} html[data-theme="system"] body{background:var(--bg);color:var(--text)} html[data-theme="system"] input,html[data-theme="system"] select,html[data-theme="system"] textarea{background:#20252b;color:var(--text);border-color:var(--border)} html[data-theme="system"] .lane{background:rgba(31,36,42,.96)} html[data-theme="system"] .task-card,html[data-theme="system"] .today-card{background:#20252b;box-shadow:0 2px 8px rgba(0,0,0,.18)} html[data-theme="system"] .board{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)} html[data-theme="system"] .lane-body.drag-over{background:#272d34} html[data-theme="system"] .pill.customer{background:#242d48;border-color:#38466d;color:#c9d4ff} html[data-theme="system"] .client-row{background:var(--panel-2)} html[data-theme="system"] .auth-page{background:#101318} html[data-theme="system"] .auth-card{background:var(--panel);border-color:var(--border)} html[data-theme="system"] .alert.error{background:#3a2023;color:#ffb4b4} html[data-theme="system"] .alert.success{background:#1b3420;color:#a9e5ad} html[data-theme="system"] .task-quick-row,html[data-theme="system"] .weekly-open-hint{border-color:var(--border)} html[data-theme="system"] .compact-task-card:hover{border-color:#59616b;box-shadow:0 4px 14px rgba(0,0,0,.26)} html[data-theme="system"] .task-field>span:first-child{color:var(--muted)} html[data-theme="system"] .task-field input,html[data-theme="system"] .task-field select,html[data-theme="system"] .task-field textarea,html[data-theme="system"] .task-check-line{background:#20252b;color:var(--text);border-color:var(--border)} html[data-theme="system"] .task-field input:disabled,html[data-theme="system"] .task-field select:disabled,html[data-theme="system"] .task-field input[readonly]{background:#171b20;color:#8f98a3} html[data-theme="system"] .task-readonly-note{background:#23282e;color:#c3c9d0;border-left-color:#747d87} html[data-theme="system"] .modal{background:var(--panel);border-color:var(--border)} html[data-theme="system"] .appearance-control select{background:var(--panel-2)} html[data-theme="system"] .mb-admin-page{background:var(--bg);color:var(--text)} html[data-theme="system"] .mb-admin-topbar{background:var(--panel);border-color:var(--border)} html[data-theme="system"] .mb-admin-topbar span{color:var(--muted)} html[data-theme="system"] .mb-admin-user a{color:#76b7ea} html[data-theme="system"] .mb-admin-alert{background:var(--panel)} html[data-theme="system"] .mb-admin-page .button{background:var(--panel-2);border-color:#59616b;color:var(--text)} html[data-theme="system"] .mb-admin-page .button:hover{background:#2a3037;border-color:#77818c} html[data-theme="system"] .mb-admin-page .button.ghost{background:transparent} html[data-theme="system"] .mb-admin-page .button.danger{background:#2b1b1d;border-color:#a84446;color:#ff9a9c} html[data-theme="system"] .mb-metric-strip>a,html[data-theme="system"] .mb-metric-strip>div{background:var(--panel);border-color:var(--border);color:var(--text)} html[data-theme="system"] .mb-metric-strip small{color:var(--muted)} html[data-theme="system"] .mb-wp-panel{background:var(--panel);border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.20)} html[data-theme="system"] .mb-panel-heading{border-color:var(--border)} html[data-theme="system"] .mb-panel-heading p{color:var(--muted)} html[data-theme="system"] .mb-category-icon{background:var(--panel-2);border-color:var(--border)} html[data-theme="system"] .mb-category-nav{border-color:var(--border)} html[data-theme="system"] .mb-category-nav a{color:#79b8e8;background:#20252b;border-color:var(--border)} html[data-theme="system"] .mb-category-nav a:hover{background:#272d34} html[data-theme="system"] .mb-category-nav a.active{background:var(--panel);color:var(--text);border-bottom-color:var(--panel)} html[data-theme="system"] .mb-list-head{background:#20252b;border-color:var(--border);color:#c1c8d0} html[data-theme="system"] .mb-list-row{background:var(--panel);border-color:var(--border);color:var(--text)} html[data-theme="system"] .mb-list-row:hover{background:#20252b} html[data-theme="system"] .mb-list-row small,html[data-theme="system"] .mb-list-row em{color:var(--muted)} html[data-theme="system"] .mb-primary-cell>i{background:var(--panel-2);border-color:var(--border)} html[data-theme="system"] .mb-row-link{color:#79b8e8} html[data-theme="system"] .mb-order-badge{background:#dce2e8;color:#15191e} html[data-theme="system"] .mb-small-btn{background:#252b32;border-color:#59616b;color:var(--text)} html[data-theme="system"] .mb-small-btn:hover{background:#303740;border-color:#77818c} html[data-theme="system"] .mb-table-empty{background:var(--panel);color:var(--muted)} html[data-theme="system"] .mb-status.good{background:#1b3420;color:#a9e5ad} html[data-theme="system"] .mb-status.muted{background:#252b32;color:#b2bac4} html[data-theme="system"] .mb-drop-file{background:#20252b;border-color:#59616b} html[data-theme="system"] .mb-drop-file span{color:var(--muted)} html[data-theme="system"] .mb-notice-good{background:#19341f;border-left-color:#4fbd64} html[data-theme="system"] .mb-notice-good span{color:#b9d9bf} html[data-theme="system"] .mb-history-list>div{border-color:var(--border)} html[data-theme="system"] .mb-history-list b{color:#79b8e8} html[data-theme="system"] .mb-history-list small{color:var(--muted)} html[data-theme="system"] .mb-admin-modal{background:var(--panel)} html[data-theme="system"] .mb-modal-head{border-color:var(--border)} html[data-theme="system"] .mb-modal-head p,html[data-theme="system"] .mb-close{color:var(--muted)} html[data-theme="system"] .mb-admin-modal>.stack+hr,html[data-theme="system"] .mb-admin-modal>hr{border-color:var(--border)} html[data-theme="system"] .mb-danger-row small{color:var(--muted)} html[data-theme="system"] .mb-login-panel{background:#20252b;border-color:var(--border)} html[data-theme="system"] .mb-login-panel p{color:var(--muted)} html[data-theme="system"] .mb-archived{background:var(--panel);border-color:var(--border)} html[data-theme="system"] .mb-archived summary{color:var(--text)} html[data-theme="system"] .mb-archived-list>div{border-color:var(--border)} html[data-theme="system"] .mb-page-titlebar h1{color:var(--text)} html[data-theme="system"] .mb-page-titlebar p{color:var(--muted)} html[data-theme="system"] .mb-version-chip{background:var(--panel);border-color:var(--border);color:var(--text)} html[data-theme="system"] .mb-archived>summary{background:var(--panel-2);color:var(--text)} } .appearance-control{display:grid;gap:2px;min-width:96px}.appearance-control>span{font-size:9px!important;line-height:1;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.045em}.appearance-control select{min-height:34px;padding:5px 28px 5px 8px;font-size:11px;font-weight:750;border-radius:8px;background:var(--panel);color:var(--text);border:1px solid var(--border)}.admin-appearance{min-width:92px}.auth-install{width:100%;margin-top:10px}.pwa-help-copy p{margin:0;color:var(--muted);line-height:1.5}.pwa-help-copy strong{color:var(--text)} @media(max-width:760px){.appearance-control{min-width:88px}.mb-admin-topbar .appearance-control{display:none}} @media(max-width:560px){.header-actions{flex-wrap:wrap;justify-content:flex-start}.header-user-name{margin-left:auto}.appearance-control{order:3;min-width:120px}.pwa-install-button{order:2}} /* v1.4.3 — assignee-owned card colors */ .mb-users-table .mb-list-head,.mb-users-table .mb-list-row{grid-template-columns:minmax(210px,1.3fr) minmax(110px,.55fr) minmax(150px,.8fr) minmax(170px,1fr) minmax(90px,.45fr) auto} .mb-color-swatch{display:inline-block;width:16px;height:16px;border-radius:5px;background:var(--assignee-color,#6B7280);vertical-align:-3px;margin-right:7px;border:1px solid rgba(0,0,0,.12)} .mb-avatar{box-shadow:inset -4px 0 0 var(--assignee-color,#6B7280)} .mb-field-help{display:block;font-size:11px;font-weight:500;color:var(--muted);margin:3px 0 7px} .mb-admin-modal input[type=color]{width:100%;height:44px;padding:4px;border:1px solid var(--border);border-radius:9px;background:var(--panel);cursor:pointer} html[data-theme=dark] .pill.red,html[data-theme=dark] .pill.green,html[data-theme=system] .pill.red,html[data-theme=system] .pill.green{background:var(--panel-2);border-color:var(--border);color:var(--muted)} @media(max-width:900px){.mb-users-table .mb-list-head,.mb-users-table .mb-list-row{grid-template-columns:minmax(180px,1.25fr) minmax(90px,.5fr) minmax(125px,.8fr) minmax(145px,1fr) minmax(72px,.4fr) auto}} /* v1.4.3 — browser vs installed-app display mode */ html.app-mode .pwa-install-button, body.app-mode .pwa-install-button{display:none!important} @media (display-mode:standalone),(display-mode:window-controls-overlay),(display-mode:minimal-ui){ .pwa-install-button{display:none!important} } /* v1.4.4 — read-only schedule details on compact task cards */ .task-meta .pill.schedule-do,.task-meta .pill.schedule-deadline{font-weight:750;color:var(--text);background:var(--panel-2)} .task-meta .pill.schedule-do::before{content:"◷ ";color:var(--muted)} .task-meta .pill.schedule-deadline::before{content:"◆ ";color:var(--muted);font-size:.82em} .task-meta .pill.muted-schedule{font-weight:650;color:var(--muted)} html[data-theme="dark"] .task-meta .pill.schedule-do,html[data-theme="dark"] .task-meta .pill.schedule-deadline{background:#262c33;border-color:#3b434d;color:#f0f3f6} @media (prefers-color-scheme:dark){html[data-theme="system"] .task-meta .pill.schedule-do,html[data-theme="system"] .task-meta .pill.schedule-deadline{background:#262c33;border-color:#3b434d;color:#f0f3f6}} /* v1.4.5 — laptop-first Weekly Mode */ .week-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap} .week-nav{display:flex;align-items:center;gap:7px;min-width:0}.week-nav strong{min-width:150px;text-align:center;font-size:12px}.week-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.week-option{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}.week-option input{width:16px;height:16px;min-height:auto;margin:0} .workspace.weekly-workspace{grid-template-columns:minmax(0,1fr)}.workspace.weekly-workspace.weekly-today-visible{grid-template-columns:minmax(0,3fr) minmax(260px,1fr)} .weekly-planner{display:grid;gap:11px;min-width:0}.week-day-scroller{display:flex;align-items:stretch;gap:11px;overflow-x:auto;overflow-y:hidden;padding:1px 2px 10px;scrollbar-gutter:stable;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.week-day-scroller .weekly-lane{flex:0 0 clamp(270px,24vw,340px);min-width:270px;scroll-snap-align:start;transition:flex-basis .18s ease}.week-day-scroller .weekly-lane.expanded{flex:0 0 clamp(540px,48vw,680px);min-width:540px}.weekly-lane-head{padding:8px 10px}.weekly-lane-title{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;column-gap:7px;row-gap:0}.weekly-lane-title .lane-title{font-size:13px}.weekly-lane-title small{font-size:10px;white-space:nowrap}.weekly-day-body{min-height:260px}.weekly-lane.is-current-day{border-color:#9aa0a8;box-shadow:inset 0 3px 0 var(--accent)} .week-scroll-hint{padding:0 3px;color:var(--muted);font-size:10px;font-weight:650} .week-unscheduled{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;transition:border-color .15s ease,background .15s ease}.week-unscheduled.drag-over{outline:2px dashed #8b919a;outline-offset:-4px}.week-unscheduled-toggle{appearance:none;border:0;width:100%;min-height:52px;padding:9px 11px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.week-unscheduled-toggle:hover{background:var(--panel-2)}.week-unscheduled-title{display:grid;gap:1px}.week-unscheduled-title strong{font-size:13px}.week-unscheduled-title small{font-size:10px;color:var(--muted);font-weight:600}.week-unscheduled-meta{display:flex;align-items:center;gap:9px}.week-unscheduled-count{width:26px;height:26px;min-width:26px;background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.week-unscheduled-caret{color:var(--muted);font-size:14px}.week-unscheduled-body{border-top:1px solid var(--border);padding:9px}.week-unscheduled-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:8px}.week-unscheduled-grid .weekly-task-card{max-width:360px}.week-unscheduled-empty{grid-column:1/-1} .weekly-task-card .task-meta{gap:4px}.weekly-task-card .pill{font-size:10px}.weekly-task-card .open-task-hint{font-size:9px} html[data-theme="dark"] .week-unscheduled,html[data-theme="dark"] .week-option{background:var(--panel);border-color:var(--border)}html[data-theme="dark"] .week-unscheduled-toggle:hover{background:var(--panel-2)} @media (prefers-color-scheme:dark){html[data-theme="system"] .week-unscheduled,html[data-theme="system"] .week-option{background:var(--panel);border-color:var(--border)}html[data-theme="system"] .week-unscheduled-toggle:hover{background:var(--panel-2)}} @media(max-width:1100px){.board-view-toolbar{align-items:flex-start}.week-controls{justify-content:flex-start}.week-day-scroller .weekly-lane{flex-basis:300px;min-width:300px}.week-day-scroller .weekly-lane.expanded{flex-basis:590px;min-width:590px}} @media(max-width:850px){.workspace.weekly-workspace,.workspace.weekly-workspace.weekly-today-visible{grid-template-columns:1fr}.week-controls{width:100%;display:grid;gap:8px}.week-nav{justify-content:flex-start;flex-wrap:wrap}.week-nav strong{order:-1;width:100%;text-align:left}.week-options{justify-content:flex-start}.week-day-scroller .weekly-lane{flex:0 0 280px;min-width:280px}.week-day-scroller .weekly-lane.expanded{flex:0 0 540px;min-width:540px}.weekly-day-body{min-height:220px}} @media(max-width:520px){.week-nav{display:grid;grid-template-columns:auto 1fr auto}.week-nav strong{grid-column:1/-1}.week-nav #week-today{width:100%}.week-options{display:grid;grid-template-columns:1fr 1fr;width:100%}.week-option{justify-content:center}.week-day-scroller{margin-right:-12px;padding-right:12px;scroll-snap-type:x mandatory}.week-day-scroller .weekly-lane{flex:0 0 min(84vw,310px);min-width:min(84vw,310px)}.week-day-scroller .weekly-lane.expanded{flex:0 0 min(94vw,430px);min-width:min(94vw,430px)}.week-unscheduled-grid{grid-template-columns:1fr}.week-unscheduled-grid .weekly-task-card{max-width:none}.week-scroll-hint{display:none}} /* v1.4.6 client directory page */ .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .clients-page-shell{max-width:1700px} .clients-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px} .clients-page-head h2{margin:2px 0 5px;font-size:30px}.clients-page-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:850;color:var(--muted)} .client-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px} .client-summary-card{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:13px 15px;display:flex;align-items:baseline;gap:9px;min-width:0}.client-summary-card strong{font-size:24px}.client-summary-card span{font-size:12px;color:var(--muted);font-weight:750} .client-create-panel,.clients-directory-panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;box-shadow:0 2px 10px rgba(24,29,36,.03)} .client-create-panel{padding:15px;margin-bottom:14px}.client-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.client-panel-heading h3{margin:0 0 3px;font-size:17px}.client-panel-heading p{margin:0;color:var(--muted);font-size:12px} .client-page-form{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(190px,1fr) minmax(170px,.85fr) auto;gap:9px;align-items:end}.client-page-form label,.client-inline-edit label,.clients-directory-toolbar label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--muted)} .clients-directory-panel{overflow:hidden}.clients-directory-toolbar{padding:12px;display:grid;grid-template-columns:minmax(260px,1fr) 150px 180px auto;gap:9px;align-items:end;border-bottom:1px solid var(--border);background:var(--panel-2)}.clients-directory-toolbar .client-search{align-self:end}.client-result-count{justify-self:end;align-self:center;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap} .client-table-wrap{width:100%;overflow-x:auto}.client-table{width:100%;border-collapse:collapse;min-width:840px}.client-table th{padding:9px 12px;text-align:left;background:var(--panel-2);border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.client-table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px}.client-table tbody tr:last-child td{border-bottom:0}.client-data-row:hover td{background:color-mix(in srgb,var(--panel-2) 55%,transparent)}.client-table td strong{display:block;font-size:13px}.client-table td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.client-table a{color:inherit;text-underline-offset:2px}.client-actions-col{text-align:right!important}.client-row-actions{text-align:right;white-space:nowrap}.client-row-actions .button{min-height:34px;padding:6px 9px;font-size:11px;margin-left:5px} .client-open-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;border-radius:999px;padding:0 8px;background:var(--panel-2);border:1px solid var(--border);font-weight:800;color:var(--muted)}.client-open-badge.has-work{background:#eef3f8;color:#334155} .client-status-chip{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;border:1px solid var(--border)}.client-status-chip.active{background:#eaf5ec;color:#246a2b;border-color:#cde7d1}.client-status-chip.archived{background:var(--panel-2);color:var(--muted)} .client-edit-row td{background:var(--panel-2)!important;padding:12px 14px 14px}.client-inline-edit{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(190px,1fr) minmax(170px,.85fr) auto;gap:9px;align-items:end}.client-edit-actions{display:flex;gap:7px;align-items:end}.client-edit-actions .button{white-space:nowrap} .client-directory-empty{padding:30px;text-align:center;color:var(--muted);font-size:13px} html[data-theme="dark"] .client-open-badge.has-work{background:#253143;color:#d6e6fa;border-color:#40516a}html[data-theme="dark"] .client-status-chip.active{background:#1d3323;color:#aee5b4;border-color:#31533a}html[data-theme="dark"] .client-data-row:hover td{background:#20252b} @media(max-width:980px){.clients-directory-toolbar{grid-template-columns:1fr 1fr}.clients-directory-toolbar .client-search{grid-column:1/-1}.client-result-count{justify-self:start}.client-page-form,.client-inline-edit{grid-template-columns:1fr 1fr}.client-edit-actions{grid-column:1/-1}} @media(max-width:700px){.clients-page-head{flex-direction:column}.clients-page-head .button{width:100%}.client-summary-grid{grid-template-columns:1fr}.client-page-form{grid-template-columns:1fr}.clients-directory-toolbar{grid-template-columns:1fr}.clients-directory-toolbar .client-search{grid-column:auto}.client-result-count{justify-self:start}.client-table{min-width:0}.client-table thead{display:none}.client-table,.client-table tbody{display:block}.client-data-row,.client-edit-row{display:grid;border-bottom:1px solid var(--border)}.client-data-row{grid-template-columns:1fr 1fr;padding:10px}.client-data-row td{border:0;padding:6px;min-width:0}.client-data-row td:first-child{grid-column:1/-1}.client-row-actions{text-align:left;grid-column:1/-1}.client-row-actions .button{margin:0 5px 0 0}.client-edit-row td{display:block;border:0;padding:10px}.client-inline-edit{grid-template-columns:1fr}.client-edit-actions{grid-column:auto}.client-table-wrap{overflow:visible}} /* v1.4.7 company + primary contact client records */ .client-migration-note{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:11px 14px;border:1px solid color-mix(in srgb,#d97706 35%,var(--border));border-radius:12px;background:color-mix(in srgb,#d97706 9%,var(--panel));font-size:12px;line-height:1.45}.client-migration-note strong{color:var(--text)}.client-migration-note span{color:var(--muted)} .client-page-form-v147{grid-template-columns:minmax(160px,1.3fr) minmax(160px,1.3fr) minmax(160px,1.2fr) minmax(145px,1fr) auto} .client-table-v147{min-width:1030px}.client-muted-cell{color:var(--muted)}.client-contact-needed{display:inline-flex;align-items:center;border:1px dashed color-mix(in srgb,#d97706 60%,var(--border));border-radius:999px;padding:3px 7px;color:#d97706;font-size:10px;font-weight:800} .client-inline-edit-v147{grid-template-columns:minmax(150px,1.25fr) minmax(150px,1.25fr) minmax(150px,1.15fr) minmax(140px,1fr) auto} .client-page-form label span small,.client-inline-edit label span small{font-weight:600;color:var(--muted);font-size:10px;margin-left:3px} @media(max-width:1050px){.client-page-form-v147{grid-template-columns:1fr 1fr}.client-page-form-v147 .button{align-self:end}.client-inline-edit-v147{grid-template-columns:1fr 1fr}.client-inline-edit-v147 .client-edit-actions{grid-column:1/-1}} @media(max-width:700px){.client-page-form-v147,.client-inline-edit-v147{grid-template-columns:1fr}.client-table-v147{min-width:0}.client-data-row{grid-template-columns:1fr 1fr}.client-data-row td:first-child{grid-column:auto}.client-data-row td:nth-child(1),.client-data-row td:nth-child(2){grid-column:auto}.client-data-row td:nth-child(3),.client-data-row td:nth-child(4){grid-column:auto}.client-row-actions{grid-column:1/-1}} /* v1.4.9 branding controls + tablet task-entry/modal refinements */ .app-brand-block{min-width:0}.app-brand-logo{display:block;max-width:min(340px,42vw);max-height:48px;width:auto;height:auto;object-fit:contain;object-position:left center}.auth-brand-logo{display:block;max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain;margin:0 0 14px}.mb-admin-brand-logo{display:block;max-width:170px;max-height:44px;width:auto;height:auto;object-fit:contain;object-position:left center;background:#fff;border-radius:6px;padding:3px 5px} .mb-branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mb-branding-panel{min-width:0}.mb-brand-preview{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;min-height:220px;display:grid;place-items:center;padding:24px;margin:0 0 16px;overflow:hidden}.mb-logo-preview img{max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain}.mb-icon-preview img{width:min(190px,65%);height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%;box-shadow:0 8px 24px rgba(0,0,0,.12)}.mb-brand-default-word{font-size:34px;font-weight:850;letter-spacing:-.03em}.mb-brand-upload-form{display:grid;gap:10px}.mb-brand-upload-form label{display:grid;gap:6px;font-size:12px;font-weight:750}.mb-brand-upload-form label>span{color:#50575e}.mb-brand-upload-form input[type=file]{padding:7px;background:#fff}.mb-brand-upload-form>small{color:#646970;font-size:11px;line-height:1.45}.mb-brand-upload-form .button{justify-self:start}.mb-brand-reset-form{margin-top:9px}.mb-brand-note{display:grid;gap:3px;margin-top:15px;padding:11px 12px;border:1px solid var(--border);background:var(--panel-2);border-radius:8px}.mb-brand-note strong{font-size:11px}.mb-brand-note span{font-size:10px;color:var(--muted);line-height:1.45} html[data-theme="dark"] .mb-brand-upload-form input[type=file]{background:#20252b;color:var(--text);border-color:var(--border)}html[data-theme="dark"] .mb-brand-upload-form label>span{color:var(--muted)} /* Keep the task editor inside the usable device viewport. The details body scrolls while the header/actions stay visible. */ .task-modal-backdrop{align-items:center;padding:12px;overflow:auto;overscroll-behavior:contain}.task-detail-modal{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.task-modal-heading-row{position:static;flex:0 0 auto}.task-detail-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.task-readonly-note{flex:0 0 auto}.task-modal-actions{position:static;flex:0 0 auto} /* Tablet: row 1 is Task / Client / Category / Assignee. Row 2 is scheduling + Today + Add. */ @media (min-width:801px) and (max-width:1250px){ .add-form{grid-template-columns:minmax(220px,2fr) minmax(145px,1.15fr) minmax(165px,1.25fr) minmax(135px,1fr);align-items:end} .add-field-title,.add-field-client,.add-field-category,.add-field-assignee,.add-field-planned,.add-field-deadline,.add-today-check,.add-submit{grid-column:auto} .add-today-check{align-self:center;margin:0;min-height:40px} .add-submit{width:100%} .mb-branding-grid{grid-template-columns:1fr} } @media(max-width:800px){ .add-form{grid-template-columns:1fr 1fr;align-items:end} .add-field-title{grid-column:1/-1} .add-today-check{grid-column:auto;align-self:center;margin:0;min-height:40px} .add-submit{grid-column:auto;width:100%} .task-detail-modal{width:min(760px,calc(100vw - 18px));max-height:calc(100vh - 18px);max-height:calc(100dvh - 18px)} .task-modal-backdrop{padding:9px} .mb-branding-grid{grid-template-columns:1fr} } @media(max-width:560px){ .add-form{grid-template-columns:1fr} .add-field-title,.add-field-client,.add-field-category,.add-field-assignee,.add-field-planned,.add-field-deadline,.add-today-check,.add-submit{grid-column:1} .app-brand-logo{max-width:min(300px,78vw);max-height:44px} .task-detail-modal{width:calc(100vw - 10px);max-height:calc(100vh - 10px);max-height:calc(100dvh - 10px);border-radius:12px} .task-modal-backdrop{padding:5px} .task-modal-heading-row{padding:12px 13px 10px}.task-detail-grid{padding:12px 13px}.task-modal-actions{padding:10px 13px 12px} } /* v1.4.11 theme-specific branding */ .theme-logo-pair{display:block;min-width:0}.theme-logo-dark{display:none!important}.theme-logo-light{display:block!important} html[data-theme="dark"] .theme-logo-light{display:none!important}html[data-theme="dark"] .theme-logo-dark{display:block!important} html[data-theme="light"] .theme-logo-light{display:block!important}html[data-theme="light"] .theme-logo-dark{display:none!important} @media (prefers-color-scheme:dark){html[data-theme="system"] .theme-logo-light{display:none!important}html[data-theme="system"] .theme-logo-dark{display:block!important}} @media (prefers-color-scheme:light){html[data-theme="system"] .theme-logo-light{display:block!important}html[data-theme="system"] .theme-logo-dark{display:none!important}} .mb-admin-brand-logo{background:transparent;padding:0;border-radius:0}.mb-branding-grid-themes{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-logo-preview-light{background:#f7f8f9}.mb-logo-preview-dark{background:#171b20;border-color:#343b44}.mb-logo-preview-dark .light-word{color:#f4f6f8} @media(max-width:1320px){.mb-branding-grid-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-branding-grid-themes .mb-branding-panel:last-child{grid-column:1/-1}} @media(max-width:900px){.mb-branding-grid-themes{grid-template-columns:1fr}.mb-branding-grid-themes .mb-branding-panel:last-child{grid-column:auto}} /* v1.4.13 Safari/iPad Add Task layout Use two real row containers instead of relying on CSS Grid auto-placement. This avoids WebKit date-control intrinsic sizing pushing into adjacent cells. */ .add-row{display:contents} .add-row>*{min-width:0} @media (min-width:701px) and (max-width:1500px){ .add-form{display:block} .add-row{min-width:0;width:100%} .add-row-main{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.15fr) minmax(0,1.25fr) minmax(0,1fr); gap:9px 10px; align-items:end; } .add-row-schedule{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.72fr) minmax(150px,.72fr); gap:9px 10px; align-items:end; margin-top:9px; } .add-row .add-field-title,.add-row .add-field-client,.add-row .add-field-category,.add-row .add-field-assignee, .add-row .add-field-planned,.add-row .add-field-deadline,.add-row .add-today-check,.add-row .add-submit{ grid-column:auto!important; grid-area:auto!important; min-width:0; max-width:100%; } .add-field-planned,.add-field-deadline{overflow:hidden} .add-field-planned input[type="date"],.add-field-deadline input[type="date"]{ display:block; width:100%!important; min-width:0!important; max-width:100%!important; inline-size:100%!important; min-inline-size:0!important; max-inline-size:100%!important; box-sizing:border-box!important; -webkit-box-sizing:border-box!important; } .add-today-check{ align-self:end; min-height:40px; height:40px; margin:0; padding:0 4px; display:flex; align-items:center; white-space:nowrap; } .add-submit{width:100%;align-self:end;margin:0;min-height:40px} } @media (min-width:561px) and (max-width:800px){ .add-row-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .add-row-main .add-field-title{grid-column:1/-1!important} .add-row-main .add-field-assignee{grid-column:1/-1!important} .add-row-schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} } @media (max-width:560px){ .add-form{display:block} .add-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:0;min-width:0} .add-row-schedule{margin-top:9px} .add-row .add-field-title,.add-row .add-field-client,.add-row .add-field-category,.add-row .add-field-assignee, .add-row .add-field-planned,.add-row .add-field-deadline,.add-row .add-today-check,.add-row .add-submit{ grid-column:1!important;grid-area:auto!important;min-width:0;max-width:100% } .add-field-planned,.add-field-deadline{overflow:hidden} .add-field-planned input[type="date"],.add-field-deadline input[type="date"]{ display:block;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important } .add-today-check{margin:0;min-height:40px} .add-submit{width:100%} } /* Extra WebKit/tablet guard: if a touch-first Safari viewport is wider than the nominal tablet breakpoint, still use the two-row form instead of the single compressed row. */ @media (hover:none) and (pointer:coarse) and (min-width:701px){ .add-form{display:block} .add-row-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.15fr) minmax(0,1.25fr) minmax(0,1fr);gap:9px 10px;align-items:end} .add-row-schedule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.72fr) minmax(150px,.72fr);gap:9px 10px;align-items:end;margin-top:9px} .add-row>*{min-width:0;max-width:100%;grid-area:auto!important} .add-field-planned,.add-field-deadline{overflow:hidden} .add-field-planned input[type="date"],.add-field-deadline input[type="date"]{display:block;width:100%!important;min-width:0!important;max-width:100%!important;inline-size:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important} .add-today-check{align-self:end;min-height:40px;height:40px;margin:0;padding:0 4px;display:flex;align-items:center;white-space:nowrap} .add-submit{width:100%;align-self:end;margin:0;min-height:40px} } /* v1.4.13 — Safari/iPad date-field repair. Keep the native date input/picker, but let Markerboard own the visible shell and icon so WebKit cannot clip the control or hide the calendar affordance. */ .add-row-schedule .add-field-planned, .add-row-schedule .add-field-deadline{overflow:visible!important} .add-date-shell{position:relative;display:block;width:100%;min-width:0;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text)} .add-date-shell input[type="date"]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:9px 44px 9px 11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;box-shadow:none!important;line-height:normal!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;overflow:visible!important} .add-date-shell input[type="date"]:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px} .add-date-icon{position:absolute;right:11px;top:50%;width:20px;height:20px;transform:translateY(-50%);display:grid;place-items:center;color:var(--muted);pointer-events:none;z-index:2} .add-date-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} html[data-theme="dark"] .add-date-shell{background:#20252b;border-color:var(--border)} @media (prefers-color-scheme:dark){html[data-theme="system"] .add-date-shell{background:#20252b}} /* Hide WebKit's own tiny indicator when it is exposed; the input remains the real date control. */ .add-date-shell input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;top:0;width:44px;height:44px;margin:0;cursor:pointer} /* Wide touch/tablet layouts get a roomy second row. Narrow tablet portrait keeps the existing two-column rule instead of being forced into four cramped columns. */ @media (hover:none) and (pointer:coarse) and (min-width:901px){ .add-row-schedule{grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(150px,.58fr) minmax(150px,.58fr)!important;gap:10px 12px!important} .add-today-check{min-height:44px!important;height:44px!important;padding:0 8px!important} .add-submit{min-height:44px!important} } @media (hover:none) and (pointer:coarse) and (min-width:701px) and (max-width:900px){ .add-row-schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px 10px!important} .add-today-check,.add-submit{min-height:44px!important;height:auto!important} } /* v1.4.14 Account menu + Light/Dark-only appearance */ .account-menu{position:relative;display:inline-flex;align-items:center}.account-menu-trigger{gap:7px;white-space:nowrap}.account-caret{font-size:10px;color:var(--muted);transition:transform .15s ease}.account-menu-trigger[aria-expanded="true"] .account-caret{transform:rotate(180deg)} .account-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:250;width:230px;padding:7px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px rgba(18,22,28,.18)}.account-dropdown[hidden]{display:none}.account-menu-link{display:flex;align-items:center;width:100%;min-height:40px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13px;font-weight:750}.account-menu-link:hover{background:var(--panel-2)}.account-logout-link{color:#b42318}.account-menu-divider{height:1px;background:var(--border);margin:6px 4px}.account-user-name{padding:7px 10px 4px;font-size:12px;font-weight:850;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-theme-row{display:grid;grid-template-columns:auto 34px auto;align-items:center;gap:7px;padding:7px 10px 9px;font-size:11px;font-weight:750;color:var(--muted);cursor:pointer}.account-theme-row input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.account-theme-switch{position:relative;width:34px;height:20px;border-radius:999px;background:#c9ced5;border:1px solid #b8bec6;transition:.18s ease}.account-theme-switch:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s ease}.account-theme-row input:checked + .account-theme-switch{background:#343a43;border-color:#59616b}.account-theme-row input:checked + .account-theme-switch:after{transform:translateX(14px)}.account-theme-row input:focus-visible + .account-theme-switch{outline:2px solid #4c8bf5;outline-offset:2px} html[data-theme="dark"] .account-dropdown{background:var(--panel);border-color:var(--border);box-shadow:0 16px 40px rgba(0,0,0,.42)}html[data-theme="dark"] .account-menu-link:hover{background:var(--panel-2)}html[data-theme="dark"] .account-logout-link{color:#ff9a9c}html[data-theme="dark"] .account-theme-switch{background:#3a414a;border-color:#59616b}html[data-theme="dark"] .account-theme-row input:checked + .account-theme-switch{background:#e3e7eb;border-color:#c8cdd3}html[data-theme="dark"] .account-theme-row input:checked + .account-theme-switch:after{background:#171b20} @media(max-width:700px){.account-dropdown{position:fixed;right:12px;top:auto;margin-top:8px;width:min(260px,calc(100vw - 24px))}.header-actions{position:relative}.account-menu-trigger{min-height:40px}} /* v1.4.15 Compact Account menu spacing */ .account-dropdown{width:218px;padding:6px;border-radius:12px} .account-menu-link{min-height:34px;padding:6px 9px;border-radius:7px;font-size:12.5px;line-height:1.2} .account-menu-divider{margin:4px 3px 5px} .account-menu-footer{margin:0;padding:7px 9px 8px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)} .account-user-name{padding:0 0 6px;font-size:12px;line-height:1.2} .account-theme-row{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0;margin:0;min-height:22px;font-size:10.5px;line-height:1;font-weight:750} .account-theme-switch{flex:0 0 auto;width:30px;height:18px} .account-theme-switch:after{width:12px;height:12px;left:2px;top:2px} .account-theme-row input:checked + .account-theme-switch:after{transform:translateX(12px)} html[data-theme="dark"] .account-menu-footer{background:var(--panel-2)} @media(max-width:700px){.account-dropdown{width:min(232px,calc(100vw - 24px));padding:6px}.account-menu-link{min-height:36px}.account-menu-footer{padding:8px 9px}.account-theme-row{min-height:24px}} /* v1.4.16 Light-mode administration sidebar */ html[data-theme="light"] .mb-admin-sidebar{ background:#e5e7ea; color:#20242a; border-right:1px solid #cfd4da; } html[data-theme="light"] .mb-admin-brand{ color:#20242a; border-bottom-color:#c9ced4; } html[data-theme="light"] .mb-admin-brand small{color:#646b74} html[data-theme="light"] .mb-admin-nav a{ color:#343a42; border-left-color:transparent; } html[data-theme="light"] .mb-admin-nav a:hover{ background:#d8dce1; color:#20242a; } html[data-theme="light"] .mb-admin-nav a.active{ background:#cfd4da; color:#171b20; border-left-color:#6b737d; } html[data-theme="light"] .mb-admin-sidebar-bottom{ border-top-color:#c9ced4; } html[data-theme="light"] .mb-admin-sidebar-bottom a{color:#343a42} html[data-theme="light"] .mb-admin-sidebar-bottom a:hover{color:#111418} html[data-theme="light"] .mb-admin-sidebar-bottom small{color:#6b737d} @media(max-width:760px){ html[data-theme="light"] .mb-admin-sidebar{border-right:0;border-bottom:1px solid #cfd4da} html[data-theme="light"] .mb-admin-nav a.active{border-left-color:transparent;border-bottom-color:#6b737d} } /* v1.4.17 — Add Task is always two logical rows. Row 1: Task / Client / Category / Assignee Row 2: Do it on / Deadline / Add to Today / Add Narrow screens keep the same two-row structure and use local horizontal scrolling instead of reshuffling fields into a different order. */ .add-form{display:block!important;grid-template-columns:none!important} .add-row{min-width:0;width:100%} .add-row-main, .add-row-schedule{ display:grid!important; align-items:end; gap:9px 10px; min-width:0; width:100%; } .add-row-main{ grid-template-columns:minmax(240px,2fr) minmax(150px,1.15fr) minmax(170px,1.25fr) minmax(135px,1fr)!important; } .add-row-schedule{ grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(150px,.72fr) minmax(150px,.72fr)!important; margin-top:9px; } .add-row-main>* , .add-row-schedule>*{ grid-column:auto!important; grid-row:auto!important; grid-area:auto!important; min-width:0!important; max-width:100%; } .add-today-check{ align-self:end!important; min-height:44px!important; height:44px!important; margin:0!important; padding:0 8px!important; display:flex!important; align-items:center!important; white-space:nowrap; } .add-submit{ width:100%!important; align-self:end!important; min-height:44px!important; margin:0!important; } /* Keep exactly the same two rows on smaller screens. The form itself never changes field order; each row becomes a contained horizontal scroller when space is tight. */ @media(max-width:760px){ .add-panel{overflow:hidden} .add-row-main, .add-row-schedule{ overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; padding-bottom:3px; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; } .add-row-main{ grid-template-columns:250px 180px 210px 170px!important; min-width:840px!important; width:max-content!important; } .add-row-schedule{ grid-template-columns:190px 190px 165px 155px!important; min-width:730px!important; width:max-content!important; } } /* v1.4.17 Always-two-row Add Task layout */ .add-panel .add-form{ display:block!important; } .add-panel .add-row{ display:grid!important; width:100%; min-width:0; gap:9px 10px; align-items:end; } .add-panel .add-row-main{ grid-template-columns:minmax(240px,2fr) minmax(160px,1.15fr) minmax(180px,1.25fr) minmax(150px,1fr)!important; } .add-panel .add-row-schedule{ grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(150px,.72fr) minmax(150px,.72fr)!important; margin-top:9px; } .add-panel .add-row > *{ grid-column:auto!important; grid-row:auto!important; min-width:0; max-width:100%; } .add-panel .add-today-check{ align-self:end; min-height:44px!important; height:44px!important; margin:0!important; padding:0 8px!important; display:flex; align-items:center; white-space:nowrap; } .add-panel .add-submit{ min-height:44px; width:100%; margin:0!important; } .add-panel .add-date-shell{ width:100%; min-width:0; } /* On very small screens, preserve the same two semantic rows instead of stacking them into extra rows. Each row can scroll horizontally when four usable fields simply cannot fit within the viewport. */ @media(max-width:760px){ .add-panel{overflow:hidden} .add-panel .add-row{ overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; padding-bottom:4px; } .add-panel .add-row-main{ grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) minmax(180px,1.1fr) minmax(150px,.9fr)!important; min-width:780px; } .add-panel .add-row-schedule{ grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(150px,.72fr) minmax(150px,.72fr)!important; min-width:740px; } } /* v1.4.18 — Mobile Weekly Mode becomes a vertical day accordion. */ .mobile-weekly-planner{display:grid;gap:10px;min-width:0} .mobile-week-accordion{display:grid;gap:8px;min-width:0} .mobile-week-day{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;min-width:0} .mobile-week-day.is-current-day{border-color:#9aa0a8;box-shadow:inset 3px 0 0 var(--accent)} .mobile-week-day-toggle{appearance:none;width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;text-align:left;cursor:pointer;min-height:62px} .mobile-week-day-toggle:active{background:var(--panel-2)} .mobile-week-day.open .mobile-week-day-toggle{background:var(--panel-2)} .mobile-week-day-title{display:grid;gap:2px;min-width:0} .mobile-week-day-title strong{font-size:14px;line-height:1.2} .mobile-week-day-title small{font-size:10px;color:var(--muted);font-weight:650} .mobile-week-day-meta{display:flex;align-items:center;gap:9px;flex:0 0 auto} .mobile-week-day-count{width:27px;height:27px;min-width:27px;background:var(--panel-2);border:1px solid var(--border);color:var(--text)} .mobile-week-day-caret{color:var(--muted);font-size:14px;font-weight:800;min-width:12px;text-align:center} .mobile-week-day-body{display:grid;gap:8px;padding:9px;border-top:1px solid var(--border);min-width:0} .mobile-week-day-body .weekly-task-card{width:100%;max-width:none;min-width:0} .mobile-week-day-body .weekly-task-card[draggable="false"]{cursor:pointer} @media(max-width:700px), (max-width:900px) and (max-height:600px) and (pointer:coarse){ .weekly-workspace .board-shell,.weekly-workspace #board{min-width:0;overflow:visible} .mobile-weekly-planner .week-unscheduled{margin:0} .mobile-weekly-planner .week-unscheduled-grid{grid-template-columns:1fr} .mobile-weekly-planner .week-unscheduled-grid .weekly-task-card{max-width:none} .mobile-weekly-planner .week-unscheduled-title small{font-size:10px} .mobile-week-day .task-meta{gap:5px} .mobile-week-day .pill{font-size:10px} .mobile-week-day .open-task-hint{font-size:9px} } /* v1.4.20 — Selective client file importer */ .client-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .import-clients-shell{display:grid;gap:14px;max-width:none} .import-hero-panel,.import-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 5px 18px rgba(18,22,28,.05)} .import-hero-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px} .import-hero-panel h2,.import-card h3{margin:3px 0 6px;color:var(--text)} .import-hero-panel p,.import-card p{margin:0;color:var(--muted);max-width:900px;line-height:1.5} .import-file-badge{flex:0 0 auto;border:1px solid #9bc7aa;background:#edf8f0;color:#27643b;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;white-space:nowrap} html[data-theme="dark"] .import-file-badge{background:#173122;border-color:#315b40;color:#a7dab6} .import-flash{padding:11px 13px;border-radius:10px;border:1px solid var(--border);font-size:13px;font-weight:700} .import-flash.success{background:#edf8f0;border-color:#b8d8c1;color:#27643b}.import-flash.error{background:#fff0ef;border-color:#ebc0bc;color:#9d2a22} html[data-theme="dark"] .import-flash.success{background:#173122;border-color:#315b40;color:#a7dab6}html[data-theme="dark"] .import-flash.error{background:#3b1d1c;border-color:#6b3431;color:#ffb0aa} .import-card{padding:18px}.import-upload-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);gap:22px;align-items:end} .import-upload-copy{min-width:0}.import-upload-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;align-items:end}.import-file-picker{display:grid;gap:5px;min-width:0}.import-file-picker>span,.import-toolbar label>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted)} .import-file-picker input[type=file]{display:block;width:100%;min-width:0;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);font-size:11px}.import-file-picker input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:7px;padding:7px 9px;margin-right:8px;font-weight:750;cursor:pointer} .import-preview-card{padding:18px 18px 14px}.import-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.import-preview-heading h3{font-size:18px}.import-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.import-counts span{display:flex;align-items:baseline;gap:4px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);font-size:10px;color:var(--muted);white-space:nowrap}.import-counts strong{font-size:13px;color:var(--text)} .import-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,210px) auto auto auto;gap:8px;align-items:end;margin-bottom:10px}.import-toolbar label{display:grid;gap:4px}.import-toolbar input,.import-toolbar select{width:100%;min-width:0}.import-toolbar .button{white-space:nowrap} .import-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}.import-table{width:100%;border-collapse:collapse;min-width:820px;background:var(--panel)}.import-table th,.import-table td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:left;font-size:11px}.import-table th{position:sticky;top:0;z-index:2;background:var(--panel-2);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.import-table tbody tr:last-child td{border-bottom:0}.import-table tbody tr:hover td{background:color-mix(in srgb,var(--panel-2) 58%,transparent)}.import-table td strong{display:block;font-size:12px;color:var(--text)}.import-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.import-check-col{width:38px;text-align:center!important}.import-row-check,#import-check-all{width:16px;height:16px;accent-color:var(--accent)} .import-status-pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 8px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.import-status-pill.ready{background:#edf8f0;border-color:#b8d8c1;color:#27643b}.import-status-pill.duplicate{background:#f2f5f8;color:#46515d}html[data-theme="dark"] .import-status-pill.ready{background:#173122;border-color:#315b40;color:#a7dab6}html[data-theme="dark"] .import-status-pill.duplicate{background:#252b32;color:#c4cad0} .import-empty{padding:22px;text-align:center;color:var(--muted);font-size:12px}.import-clear-file-form{display:flex;justify-content:flex-end;margin-top:10px} @media(max-width:1050px){.import-upload-card{grid-template-columns:1fr}.import-upload-form{grid-template-columns:minmax(0,1fr) auto}.import-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto auto}.import-toolbar #import-submit{grid-column:1/-1;justify-self:end}} @media(max-width:700px){.client-head-actions{width:100%;justify-content:stretch}.client-head-actions .button{flex:1 1 auto}.import-clients-shell{gap:10px}.import-hero-panel{display:grid;padding:15px}.import-file-badge{justify-self:start}.import-card{padding:14px}.import-upload-card{gap:14px}.import-upload-form{grid-template-columns:1fr}.import-upload-form .button{width:100%}.import-preview-heading{display:grid}.import-counts{justify-content:flex-start}.import-toolbar{display:grid;grid-template-columns:1fr 1fr}.import-search{grid-column:1/-1}.import-toolbar #import-submit{grid-column:1/-1;justify-self:stretch}.import-toolbar .button{width:100%}.import-preview-card{padding:14px 10px 10px}.import-table-wrap{border-radius:8px}.import-clear-file-form .button{width:100%}} /* v1.4.21 — QuickBooks file import mapping repair */ .import-mapping-check{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 12px; padding:11px 12px; border:1px solid var(--border); border-radius:10px; background:var(--panel-2); } .import-mapping-check>div{display:grid;gap:2px;min-width:0} .import-mapping-check strong{font-size:11px;color:var(--text)} .import-mapping-check span{font-size:10px;line-height:1.45;color:var(--muted)} .import-mapping-check.is-swapped{ border-color:#e6b45e; background:#fff8e8; } html[data-theme="dark"] .import-mapping-check.is-swapped{ border-color:#70562a; background:#332814; } .import-mapping-check form{flex:0 0 auto;margin:0} .import-repair-card{margin-top:0} .import-repair-toolbar{ grid-template-columns:auto auto 1fr!important; justify-content:start; } .import-repair-toolbar #repair-submit{justify-self:end} .import-repair-table{min-width:720px} .import-repair-table td strong{display:block} .import-repair-table td small{margin:0} @media(max-width:700px){ .import-mapping-check{display:grid} .import-mapping-check form,.import-mapping-check .button{width:100%} .import-repair-toolbar{grid-template-columns:1fr 1fr!important} .import-repair-toolbar #repair-submit{grid-column:1/-1;justify-self:stretch} } /* v1.4.22 — phone layout cleanup Phones get a deliberately composed interface instead of squeezed desktop rows. */ .week-controls[hidden]{display:none!important} @media(max-width:600px){ html,body{max-width:100%;overflow-x:hidden} .app-header{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center!important; gap:10px 12px; padding:13px 14px 12px!important; } .app-brand-block{min-width:0} .app-brand-logo{max-width:min(215px,57vw)!important;max-height:42px!important} .app-header p{margin-top:3px;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .header-actions{width:auto!important;justify-content:flex-end!important;gap:6px} .pwa-install-button{display:none!important} .account-menu-trigger{min-height:38px!important;padding:7px 10px!important;font-size:12px} .app-shell{padding:11px 12px 34px!important} .board-view-toolbar{gap:9px;margin-bottom:9px} .view-switch{width:100%;padding:3px} .view-mode{min-height:40px;padding:8px 10px;font-size:12px} /* Weekly controls only exist visually in Weekly Mode. */ .week-controls{width:100%;gap:7px!important} .week-controls[hidden]{display:none!important} .week-nav{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;width:100%} .week-nav strong{grid-column:1/-1!important;grid-row:1;width:100%;min-width:0!important;text-align:left!important;font-size:12px;line-height:1.25} .week-nav #week-prev{grid-column:1;grid-row:2} .week-nav #week-today{grid-column:2;grid-row:2;width:100%} .week-nav #week-next{grid-column:3;grid-row:2} .week-options{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;width:100%} .week-option{min-width:0;justify-content:center;padding:6px 7px;font-size:10px} /* Category navigation is a compact chip rail; it scrolls, the page does not. */ .tabs{ width:calc(100% + 12px); margin-right:-12px!important; padding:0 12px 10px 0; gap:7px; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity; } .tab{scroll-snap-align:start;min-height:42px;padding:9px 13px;border-radius:10px;font-size:12px} .legend{margin:0 0 10px;gap:7px;font-size:10.5px;line-height:1.3} .legend span:not(:first-child){display:none} /* Mobile Add Task: all controls fit the viewport; no hidden horizontal row. */ .add-panel{padding:10px!important;border-radius:13px;overflow:visible!important;margin-bottom:12px} .add-panel .add-form{display:grid!important;gap:9px} .add-panel .add-row{ width:100%!important; min-width:0!important; overflow:visible!important; padding:0!important; display:grid!important; gap:8px!important; } .add-panel .add-row-main{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } .add-panel .add-row-main .add-field-title{grid-column:1/-1!important} .add-panel .add-row-main .add-field-client{grid-column:1!important} .add-panel .add-row-main .add-field-category{grid-column:2!important} .add-panel .add-row-main .add-field-assignee{grid-column:1/-1!important} .add-panel .add-row-schedule{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; margin-top:0!important; } .add-panel .add-field-planned{grid-column:1!important} .add-panel .add-field-deadline{grid-column:2!important} .add-panel .add-today-check{grid-column:1!important;width:100%;justify-content:flex-start;padding:0 7px!important} .add-panel .add-submit{grid-column:2!important;width:100%!important} .add-field>span{font-size:9px} .add-panel input,.add-panel select{min-height:42px;padding:8px 9px;font-size:12px} .add-panel .add-date-shell{min-width:0!important;width:100%!important} .add-panel .add-date-shell input{min-width:0!important;width:100%!important;padding-right:34px!important} .add-panel .add-date-icon{right:9px!important;width:18px!important;height:18px!important} .add-panel .add-today-check,.add-panel .add-submit{min-height:42px!important;height:42px!important;font-size:11px} /* Main content cards should consume the full phone width without side spill. */ .workspace{gap:11px} .board,.today-panel{border-radius:13px;min-width:0} .board{padding:9px} .today-panel{padding:10px} .today-header h2{font-size:18px} .today-header p{font-size:10.5px} .today-card{padding:9px} .today-actions .button{font-size:11px;min-height:38px} .task-title{font-size:12.5px} .pill{font-size:9.5px} /* Account menu stays on-screen under the compact header. */ .account-dropdown{right:10px!important;width:min(220px,calc(100vw - 20px))!important} } @media(max-width:380px){ .app-header{grid-template-columns:minmax(0,1fr) auto;padding-left:10px!important;padding-right:10px!important} .app-brand-logo{max-width:min(190px,54vw)!important;max-height:38px!important} .app-shell{padding-left:9px!important;padding-right:9px!important} .add-panel .add-row-main,.add-panel .add-row-schedule{gap:7px!important} .week-option span{white-space:normal;text-align:center;line-height:1.15} } /* v1.4.24 — iPhone / Apple Shortcuts Quick Add */ .mb-quickadd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.2fr);gap:18px;align-items:start} .mb-quickadd-grid>.mb-quickadd-test{grid-column:1/-1} .mb-quickadd-settings select{width:100%} .mb-check-line{display:flex!important;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)} .mb-check-line>input{width:20px!important;height:20px;min-width:20px;margin-top:2px} .mb-check-line>span{display:grid;gap:2px} .mb-check-line strong{font-size:14px} .mb-check-line small{color:var(--muted);font-size:12px;line-height:1.4} .mb-quickadd-toggle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)} .mb-quickadd-toggle small{color:var(--muted)} .mb-code-group{display:grid;gap:7px;margin:4px 0 16px} .mb-code-group>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .mb-code-box{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px} .mb-code-box code{flex:1;min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;color:var(--text)} .mb-code-box .button{flex:0 0 auto} .mb-secret-box{margin:16px 0;padding:16px;border:1px solid rgba(245,158,11,.38);background:rgba(245,158,11,.08);border-radius:14px} .mb-secret-box>strong{display:block;margin-bottom:3px} .mb-secret-box>p{margin:0 0 12px;color:var(--muted);font-size:13px} .mb-shortcut-steps{display:grid;gap:12px;margin:18px 0 0;padding:0;counter-reset:shortcut} .mb-shortcut-steps li{list-style:none;position:relative;display:grid;gap:4px;padding:14px 14px 14px 52px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);counter-increment:shortcut} .mb-shortcut-steps li:before{content:counter(shortcut);position:absolute;left:14px;top:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--text);color:var(--bg);font-weight:900;font-size:12px} .mb-shortcut-steps strong{font-size:14px} .mb-shortcut-steps span{color:var(--muted);font-size:13px;line-height:1.5} .mb-shortcut-steps code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.93em;color:var(--text)} .mb-quickadd-test-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center} .mb-quickadd-test-form input{min-width:0} @media(max-width:980px){.mb-quickadd-grid{grid-template-columns:1fr}.mb-quickadd-grid>.mb-quickadd-test{grid-column:auto}} @media(max-width:640px){.mb-code-box{align-items:stretch;flex-direction:column}.mb-code-box .button{width:100%}.mb-quickadd-test-form{grid-template-columns:1fr}.mb-shortcut-steps li{padding-left:48px}} /* v1.4.24 — keep Account dropdown reachable on iPhone/Safari */ @media(max-width:700px){ .account-dropdown{ position:fixed!important; top:var(--account-menu-top,72px)!important; right:max(10px,env(safe-area-inset-right))!important; bottom:auto!important; margin:0!important; max-height:var(--account-menu-max-height,calc(100dvh - 84px))!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; } } /* v1.5.0 — motivation, estimates, timers, and Today's Reward */ .today-reward{margin:0 0 14px;padding:14px;border:1px solid var(--line,#39414c);border-radius:14px;background:rgba(255,255,255,.025)} .today-reward-label{font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px} .today-reward-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.today-reward-row input{min-width:0;width:100%}.today-reward p{margin:7px 0 0;font-size:.78rem;opacity:.65;line-height:1.35} .add-row-schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(130px,.72fr) auto auto!important}.add-field-estimate select{width:100%;min-width:0} .task-timer-display{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border:1px solid var(--line,#39414c);border-radius:10px;margin-top:4px}.task-timer-display strong{font-size:1.25rem}.task-timer-display span{font-size:.8rem;opacity:.7}.task-timer-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px} .today-timer{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;row-gap:8px;margin:10px 0;padding:10px 0;border-top:1px solid rgba(128,128,128,.2);border-bottom:1px solid rgba(128,128,128,.2)}.today-timer-read{font-size:1.15rem}.today-timer>span{font-size:.78rem;opacity:.68}.today-timer-buttons{grid-column:1/-1;display:flex;gap:6px}.button.mini{padding:7px 10px;min-height:0;font-size:.78rem;flex:1}.task-timing-pill{font-variant-numeric:tabular-nums}.timer-running-pill{font-weight:800}.timer-paused-pill{opacity:.8} .completion-burst{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;pointer-events:none;background:rgba(0,0,0,.12);backdrop-filter:blur(2px)}.completion-burst[hidden]{display:none}.completion-burst-card{width:min(420px,calc(100vw - 36px));padding:26px;text-align:center;border-radius:22px;background:var(--panel,#20242a);border:1px solid var(--line,#39414c);box-shadow:0 24px 70px rgba(0,0,0,.35);transform:scale(.88);opacity:0}.completion-burst.pop .completion-burst-card{animation:mb-burst 2.55s cubic-bezier(.2,.8,.2,1)}.completion-burst-icon{width:68px;height:68px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:2.1rem;font-weight:900;background:#22c55e;color:#07130a;box-shadow:0 0 0 10px rgba(34,197,94,.12)}.completion-burst-card strong{display:block;font-size:1.55rem;margin-top:10px}.completion-burst-card p{margin:6px 0}.completion-burst-time{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.12);font-weight:750;line-height:1.35}.completion-burst-time:empty{display:none}@keyframes mb-burst{0%{transform:scale(.78);opacity:0}10%{transform:scale(1.04);opacity:1}18%,82%{transform:scale(1);opacity:1}100%{transform:scale(.98);opacity:0}} html[data-theme="light"] .today-reward{background:#f6f7f9} @media(max-width:700px){.add-row-schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.add-field-estimate{grid-column:1/-1}.today-reward-row{grid-template-columns:1fr}.today-reward-row .button{width:100%}.today-timer-buttons,.task-timer-actions{display:grid;grid-template-columns:repeat(3,1fr)}.completion-burst-card{padding:22px 18px}} .today-clear{font-weight:750;line-height:1.45;padding:18px!important} /* v1.5.1 — explicit timer-state controls */ .timer-control{position:relative;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;box-shadow:none} .timer-control.is-active{opacity:1!important;cursor:default!important;font-weight:850;box-shadow:0 0 0 2px rgba(255,255,255,.12) inset,0 0 0 1px currentColor} .timer-start.is-active{background:#1f8f4e!important;border-color:#1f8f4e!important;color:#fff!important} .timer-pause.is-active{background:#d79216!important;border-color:#d79216!important;color:#111!important} .timer-stop.is-active{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important} .timer-state-running .today-timer-read,.timer-state-running .task-timer-display strong{font-weight:900} .timer-state-paused .today-timer-read,.timer-state-paused .task-timer-display strong{opacity:.82} html[data-theme="light"] .timer-control.is-active{box-shadow:0 0 0 2px rgba(255,255,255,.28) inset,0 0 0 1px currentColor} /* v1.5.1 — explicit timer-state controls */ .timer-control{position:relative;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;box-shadow:none} .timer-control.is-active{opacity:1!important;cursor:default!important;font-weight:850;box-shadow:0 0 0 2px rgba(255,255,255,.12) inset,0 0 0 1px currentColor} .timer-start.is-active{background:#1f8f4e!important;border-color:#1f8f4e!important;color:#fff!important} .timer-pause.is-active{background:#d79216!important;border-color:#d79216!important;color:#111!important} .timer-stop.is-active{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important} .timer-state-running .today-timer-read,.timer-state-running .task-timer-display strong{font-weight:900} .timer-state-paused .today-timer-read,.timer-state-paused .task-timer-display strong{opacity:.82} html[data-theme="light"] .timer-control.is-active{box-shadow:0 0 0 2px rgba(255,255,255,.28) inset,0 0 0 1px currentColor} /* v1.5.2 — persistent sign-in, locked-in daily reward, red stopped state */ .remember-login{display:flex!important;align-items:flex-start;gap:10px;padding:10px 0 2px;cursor:pointer}.remember-login input{width:auto!important;margin:3px 0 0;flex:0 0 auto}.remember-login span{display:grid;gap:2px}.remember-login strong{font-size:.94rem}.remember-login small{font-size:.77rem;opacity:.65;line-height:1.35} .today-reward-display{text-align:center;padding:3px 4px 2px}.today-reward-text{font-size:1.18rem;font-weight:900;line-height:1.3;padding:5px 2px 7px}.today-reward-update{appearance:none;border:0;background:none;padding:2px 4px;color:inherit;font:inherit;font-size:.76rem;opacity:.62;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.today-reward-update:hover,.today-reward-update:focus-visible{opacity:1}.today-reward-editor[hidden],.today-reward-display[hidden]{display:none!important} .timer-stop.is-active{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important} html[data-theme="light"] .timer-stop.is-active{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important} /* v1.5.4 — Today becomes a first-class view; optional estimates; switch controls */ #board[hidden],#today-panel[hidden],#tabs[hidden],#board-legend[hidden],#add-panel[hidden]{display:none!important} .workspace,.workspace.weekly-workspace,.workspace.today-workspace,.workspace.category-workspace{display:block!important;grid-template-columns:none!important} .board{width:100%} /* Three primary views share the top switch. */ .view-switch{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));width:min(520px,100%);gap:3px} .view-mode{width:100%} /* Reusable accessible toggle used by Add to Today and Task Details. */ .switch-control{position:relative;display:inline-flex;align-items:center;gap:9px;min-width:0;cursor:pointer;user-select:none} .switch-control>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;margin:0!important;pointer-events:none} .switch-ui{position:relative;display:inline-block;flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:#c9ced5;border:1px solid #b8bec6;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease} .switch-ui::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24);transition:transform .16s ease} .switch-control>input:checked + .switch-ui{background:var(--accent);border-color:var(--accent)} .switch-control>input:checked + .switch-ui::after{transform:translateX(18px)} .switch-control>input:focus-visible + .switch-ui{outline:3px solid rgba(37,99,235,.28);outline-offset:2px} .switch-label{font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap} html[data-theme="dark"] .switch-ui{background:#4b535d;border-color:#626b76} html[data-theme="dark"] .switch-control>input:checked + .switch-ui{background:#f59e0b;border-color:#f59e0b} /* Add Task remains two semantic rows. Estimated time is optional and the Today choice is a switch. */ .add-panel .add-row-schedule{grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(155px,.76fr) minmax(155px,.76fr) minmax(110px,.58fr)!important} .add-panel .add-today-toggle{align-self:end;min-height:44px;height:44px;margin:0;padding:0 8px;justify-content:flex-start;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)} .add-panel .add-field-estimate>span{white-space:nowrap} .task-today-toggle{min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)} .compact-today-switch{margin-top:2px} .compact-today-switch .switch-ui{width:36px;height:20px} .compact-today-switch .switch-ui::after{width:14px;height:14px} .compact-today-switch>input:checked + .switch-ui::after{transform:translateX(16px)} .compact-today-switch .switch-label{font-size:11px} /* Today is a full-width work surface, not a sidebar. */ .today-panel{position:static!important;top:auto!important;width:100%;max-width:none;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)} .today-header{align-items:center;margin-bottom:14px} .today-header h2{font-size:25px;letter-spacing:-.02em} .today-header p{font-size:13px} .today-reward{margin-bottom:18px;padding:16px 18px} .today-reward-label{text-align:center} .today-reward-text{font-size:1.35rem} .today-list{display:grid;gap:12px;min-height:120px} .today-card{display:grid;grid-template-columns:minmax(260px,2fr) minmax(220px,1.25fr) minmax(260px,1.45fr) minmax(160px,.85fr);gap:16px;align-items:center;min-width:0;border:1px solid var(--border);border-right:8px solid var(--assignee-color,#6B7280);border-radius:13px;padding:15px 16px;background:white;box-shadow:0 2px 8px rgba(20,25,30,.04);cursor:pointer} .today-task-main{min-width:0} .today-task-title{font-size:19px;font-weight:880;line-height:1.25;overflow-wrap:anywhere} .today-task-sub{margin-top:7px;color:var(--muted);font-size:11.5px;font-weight:650;line-height:1.35;overflow-wrap:anywhere} .today-info{display:grid;gap:7px;min-width:0;padding:2px 0} .today-info-line{display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;align-items:baseline;min-width:0} .today-info-line>span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em} .today-info-line>strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere} .today-timer{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;min-width:0} .today-timer-readout{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0} .today-timer-read{font-size:1.35rem;font-variant-numeric:tabular-nums} .today-timer-readout>span{color:var(--muted);font-size:10.5px;font-weight:700;text-align:right} .today-timer-buttons{grid-column:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .today-timer-buttons .button{min-width:0;padding-left:7px;padding-right:7px} .today-actions{display:grid;gap:7px;margin:0!important;align-self:stretch} .today-actions .button{width:100%;min-height:38px;font-size:11.5px;line-height:1.2;padding:7px 9px} .today-clear{font-size:15px;text-align:center;padding:30px!important} html[data-theme="dark"] .today-card{background:#20252b} @media(max-width:1180px){ .today-card{grid-template-columns:minmax(240px,1.5fr) minmax(210px,1fr);align-items:start} .today-timer,.today-actions{align-self:stretch} .today-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1} } @media(max-width:760px){ .view-switch{width:100%} .add-panel .add-row-schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-width:0!important;width:100%!important;overflow:visible!important} .add-panel .add-field-planned{grid-column:1!important} .add-panel .add-field-deadline{grid-column:2!important} .add-panel .add-field-estimate{grid-column:1/-1!important} .add-panel .add-today-toggle{grid-column:1!important;width:100%;min-width:0} .add-panel .add-submit{grid-column:2!important} .today-panel{padding:12px;border-radius:13px} .today-header h2{font-size:22px} .today-reward{padding:14px 12px} .today-card{grid-template-columns:1fr;gap:13px;padding:14px;border-right-width:7px} .today-task-title{font-size:18px} .today-info{padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .today-info-line{grid-template-columns:88px minmax(0,1fr)} .today-timer-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important} .today-actions{grid-column:auto;grid-template-columns:1fr!important} .today-actions .button{min-height:42px;font-size:12px} } @media(max-width:420px){ .view-mode{padding-left:7px;padding-right:7px;font-size:11.5px} .switch-label{font-size:11px} .add-panel .add-today-toggle{padding-left:6px;padding-right:6px} .today-info-line{grid-template-columns:80px minmax(0,1fr)} .today-timer-readout{align-items:flex-start;flex-direction:column;gap:2px} .today-timer-readout>span{text-align:left} } @media(max-width:600px){.week-options{grid-template-columns:1fr!important}} /* v1.5.5 — passkeys, gliding view switch, clearer Today facts, and workweek-fit planner */ /* The selected Category / Weekly / Today segment glides instead of snapping. */ .view-switch{position:relative;isolation:isolate;overflow:hidden} .view-switch::before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 12px)/3);border-radius:9px;background:var(--accent);transform:translateX(0);transition:transform .3s cubic-bezier(.22,.8,.24,1),background-color .2s ease;pointer-events:none} .view-switch[data-mode="weekly"]::before{transform:translateX(calc(100% + 3px))} .view-switch[data-mode="today"]::before{transform:translateX(calc(200% + 6px))} .view-switch .view-mode{position:relative;z-index:1;transition:color .22s ease,transform .18s ease;background:transparent!important} .view-switch .view-mode.active{color:var(--accent-contrast)} .view-switch .view-mode:active{transform:scale(.985)} @media(prefers-reduced-motion:reduce){.view-switch::before,.view-switch .view-mode{transition:none!important}} /* Today facts are intentionally easier to scan from a working distance. */ .today-info-line>span{font-size:11.5px;letter-spacing:.04em} .today-info-line>strong{font-size:13.5px;font-weight:780} /* Put the workweek range and Weekend switch together as one visible planner control. */ .week-controls{flex:1;justify-content:flex-end} .week-nav{width:100%;justify-content:flex-end} .week-range-group{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:5px 9px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)} .week-range-group #week-label{min-width:180px;text-align:center;font-size:12px} .week-weekend-toggle{min-height:30px;padding-left:11px;border-left:1px solid var(--border)} .week-weekend-toggle .switch-ui{width:36px;height:20px} .week-weekend-toggle .switch-ui::after{width:14px;height:14px} .week-weekend-toggle>input:checked + .switch-ui::after{transform:translateX(16px)} .week-weekend-toggle .switch-label{font-size:11px} /* Five weekdays fill the available desktop/laptop width. Turning Weekend on adds two days and scrolling. */ @media(min-width:1000px){ .week-day-scroller.week-workweek:not(.week-has-expanded){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:hidden;overflow-y:visible;scroll-snap-type:none} .week-day-scroller.week-workweek:not(.week-has-expanded) .weekly-lane{min-width:0;flex:none;width:auto} .week-day-scroller.week-workweek.week-has-expanded .weekly-lane, .week-day-scroller.week-weekend-visible .weekly-lane{flex:0 0 calc((100% - 44px)/5);min-width:190px} .week-day-scroller.week-workweek.week-has-expanded .weekly-lane.expanded, .week-day-scroller.week-weekend-visible .weekly-lane.expanded{flex-basis:38%;min-width:380px} } @media(max-width:999px) and (min-width:701px){ .week-nav{justify-content:flex-start;flex-wrap:wrap} .week-range-group{order:-1;width:100%;justify-content:space-between} .week-range-group #week-label{min-width:0;text-align:left} } @media(max-width:700px){ .week-nav{display:grid;grid-template-columns:auto 1fr auto;gap:7px} .week-range-group{grid-column:1/-1;grid-row:1;order:0;width:100%;justify-content:space-between;padding:7px 9px} .week-range-group #week-label{min-width:0;text-align:left} .week-nav #week-prev{grid-column:1;grid-row:2} .week-nav #week-today{grid-column:2;grid-row:2;width:100%} .week-nav #week-next{grid-column:3;grid-row:2} .week-weekend-toggle{padding-left:9px} .today-info-line>span{font-size:11px} .today-info-line>strong{font-size:13px} } /* Password + passkey sign-in. */ .auth-passkey-divider{display:flex;align-items:center;gap:10px;margin:15px 0 12px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .auth-passkey-divider::before,.auth-passkey-divider::after{content:"";height:1px;flex:1;background:var(--border)} .passkey-login-button{width:100%;font-weight:800} .passkey-message{min-height:20px;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.45} .passkey-message.error{color:#a52222} html[data-theme="dark"] .passkey-message.error{color:#ff9f9f} .auth-passkey-message{text-align:center} .auth-password-note{margin:8px 0 0!important;text-align:center;font-size:11px!important;color:var(--muted)!important} /* Account > Security passkey management. */ .security-page-shell{max-width:1180px} .security-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px} .security-page-head h1{margin:3px 0 7px;font-size:30px;letter-spacing:-.025em} .security-page-head p{margin:0;max-width:760px;color:var(--muted);font-size:13px;line-height:1.55} .security-count{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:11px;font-weight:800;white-space:nowrap} .security-panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(24,29,36,.035)} .security-panel-copy h2{margin:0 0 5px;font-size:19px} .security-panel-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5} .passkey-setup-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start} .passkey-setup-controls{display:grid;gap:9px} .passkey-setup-controls label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800} .passkey-setup-controls label small{font-weight:650} .passkey-setup-card .passkey-message,.passkey-setup-card .security-note{grid-column:1/-1} .security-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);font-size:11px;line-height:1.45} .security-note strong{white-space:nowrap}.security-note span{color:var(--muted)} .passkey-list{display:grid;margin-top:14px;border:1px solid var(--border);border-radius:11px;overflow:hidden} .passkey-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border-bottom:1px solid var(--border);background:var(--panel)} .passkey-row:last-child{border-bottom:0}.passkey-row>div{display:grid;gap:3px;min-width:0}.passkey-row strong{font-size:13px}.passkey-row span{font-size:10.5px;color:var(--muted);overflow-wrap:anywhere} .security-empty{margin-top:14px;padding:18px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);text-align:center;font-size:12px} html[data-theme="dark"] .security-panel,html[data-theme="dark"] .security-count,html[data-theme="dark"] .passkey-row{background:var(--panel)} @media(max-width:760px){ .security-page-head{flex-direction:column;gap:10px}.security-page-head h1{font-size:25px} .passkey-setup-card{grid-template-columns:1fr}.passkey-setup-card .passkey-message,.passkey-setup-card .security-note{grid-column:auto} .security-note{display:grid;gap:3px}.security-note strong{white-space:normal} .passkey-row{align-items:flex-start;flex-direction:column}.passkey-row form,.passkey-row .button{width:100%} } /* v1.6.0/v1.6.1 — compact Add Task modal, editable board colors, flat icons, segmented view control */ .category-icon-svg,.mb-admin-cat-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.14em;flex:0 0 auto}.category-icon-text{display:inline-block;line-height:1}.icon-label{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-width:0}.mb-admin-cat-icon{width:18px;height:18px;vertical-align:-3px}.mb-primary-cell i .mb-admin-cat-icon{width:20px;height:20px}.mb-category-icon .mb-admin-cat-icon{width:24px;height:24px} /* Category colors */ .tab.active{background:var(--category-color,var(--accent));border-color:var(--category-color,var(--accent));color:var(--category-contrast,var(--accent-contrast))}.tab.active .category-icon-svg{stroke:currentColor}.category-title{border-left:5px solid var(--category-color,#6B7280);padding-left:9px}.lane-head{background:color-mix(in srgb,var(--section-color,var(--panel-2)) 16%,var(--panel));border-bottom-color:color-mix(in srgb,var(--section-color,var(--border)) 35%,var(--border))}.lane-head::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--section-color,#6B7280);border-radius:0 3px 3px 0}.lane-head{position:relative}.weekly-lane-head{background:var(--weekday-color,var(--panel-2));color:var(--weekday-contrast,var(--text));border-bottom-color:transparent}.weekly-lane-head .lane-count,.weekly-lane-head small{color:inherit;opacity:.8}.weekly-lane-head::before{display:none}.mobile-week-day-toggle{border-left:5px solid var(--weekday-color,#6B7280)}.mobile-week-day.open .mobile-week-day-toggle{background:color-mix(in srgb,var(--weekday-color,#6B7280) 15%,var(--panel))} /* Top view selector inspired by the connected-pill mockup. */ .board-view-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.view-switch{display:flex;align-items:stretch;justify-content:stretch;gap:0;width:100%;max-width:none;padding:0;border:0;background:transparent;overflow:visible;position:relative;isolation:auto;box-shadow:none}.view-switch::before{display:none!important}.view-switch .view-mode{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:82px;padding:16px 18px;background:var(--panel)!important;border:2px solid #62666e;border-radius:26px;color:var(--text);font-size:clamp(20px,2.2vw,38px);font-weight:850;letter-spacing:.025em;line-height:1;text-transform:uppercase;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .18s ease,box-shadow .25s ease}.view-switch .view-mode.active{z-index:3;background:var(--view-active-color,#F5AD3A)!important;color:#111317;border-color:#62666e;box-shadow:0 9px 22px rgba(0,0,0,.09)}.view-switch .view-mode:hover{z-index:2;border-color:#4f545c}.view-switch .view-mode:focus-visible{outline:none;z-index:4;box-shadow:0 0 0 3px rgba(66,133,244,.35),0 9px 22px rgba(0,0,0,.09)}.view-switch .view-mode:active{transform:translateY(1px) scale(.995)} html[data-theme="dark"] .view-switch .view-mode{border-color:#666b73}html[data-theme="dark"] .view-switch .view-mode.active{background:var(--view-active-color,#F5AD3A)!important;color:#111317;border-color:#7a7f87;box-shadow:0 12px 26px rgba(0,0,0,.28)} .add-task-launcher{white-space:nowrap;min-height:46px;padding:10px 17px}.week-controls{grid-column:1/-1}.week-nav{justify-content:flex-end} /* Add Task lives in a popup in every view instead of occupying board real estate. */ .add-task-modal-backdrop{z-index:160;padding-top:max(32px,env(safe-area-inset-top))}.add-task-modal{width:min(1050px,calc(100vw - 32px));max-height:calc(100dvh - 64px);overflow:auto}.add-task-modal .add-form{margin-top:14px;display:grid;gap:12px}.add-task-modal .add-row{gap:10px}.add-task-modal .add-row-main{grid-template-columns:minmax(220px,1.7fr) minmax(170px,1fr) minmax(180px,1.1fr) minmax(150px,.9fr)}.add-task-modal .add-row-schedule{grid-template-columns:minmax(145px,1fr) minmax(145px,1fr) minmax(150px,.9fr) minmax(150px,.8fr) minmax(120px,.7fr)}.add-task-modal .add-submit{width:100%;align-self:end}.add-task-modal .add-today-toggle{align-self:end;min-height:40px;justify-content:center;border:1px solid var(--border);border-radius:9px;padding:7px 10px;background:var(--panel-2)} /* Settings -> Colors */ .mb-color-settings{display:grid;gap:14px}.mb-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.mb-color-grid.two{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:760px}.mb-color-grid label{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--panel-2);font-size:12px;font-weight:750}.mb-color-grid input[type=color]{width:46px;height:36px;min-height:36px;padding:2px;border-radius:8px;cursor:pointer}.mb-color-label{display:inline-flex;align-items:center;gap:7px}.mb-color-processes{display:grid;gap:16px}.mb-color-process-group h3{margin:0 0 8px;font-size:13px}.mb-color-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;pointer-events:none}.mb-color-save .button{pointer-events:auto;box-shadow:0 10px 30px rgba(0,0,0,.16)} @media(max-width:999px){.view-switch .view-mode{min-height:72px;font-size:clamp(18px,3vw,28px);padding:14px 12px}.add-task-modal .add-row-main{grid-template-columns:1fr 1fr}.add-task-modal .add-field-title{grid-column:1/-1}.add-task-modal .add-row-schedule{grid-template-columns:1fr 1fr}.add-task-modal .add-field-estimate{grid-column:1/-1}.add-task-modal .add-today-toggle,.add-task-modal .add-submit{width:100%}} @media(max-width:700px){.board-view-toolbar{grid-template-columns:1fr auto;gap:9px}.view-switch{grid-column:1/-1}.view-switch .view-mode{min-height:62px;font-size:clamp(15px,5vw,22px);padding:11px 8px;border-radius:20px}.add-task-launcher{grid-column:1/-1;width:100%;min-height:42px}.week-controls{grid-column:1/-1}.add-task-modal-backdrop{padding:18px 10px}.add-task-modal{width:100%;max-height:calc(100dvh - 36px);border-radius:14px}.add-task-modal .add-row-main,.add-task-modal .add-row-schedule{grid-template-columns:1fr 1fr}.add-task-modal .add-field-title,.add-task-modal .add-field-assignee,.add-task-modal .add-field-estimate{grid-column:1/-1}.mb-color-grid.two,.mb-color-grid.weekdays{grid-template-columns:1fr}.mb-color-save{bottom:8px}} @media(max-width:460px){.view-switch .view-mode{min-height:56px;font-size:14px;letter-spacing:.015em;border-radius:17px}.add-task-modal .add-row-main,.add-task-modal .add-row-schedule{grid-template-columns:1fr}.add-task-modal .add-field-title,.add-task-modal .add-field-assignee,.add-task-modal .add-field-estimate{grid-column:auto}} @media(prefers-reduced-motion:reduce){.view-switch .view-mode{transition:none!important}} /* v1.6.2 — compact notched segmented control refinement */ .view-switch{ --vs-pad:4px; --vs-border:#646a73; --vs-shell:var(--panel); --vs-segment:calc((100% - (var(--vs-pad) * 2)) / 3); position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:0; width:min(560px,100%); max-width:100%; padding:var(--vs-pad); border:2px solid var(--vs-border); border-radius:24px; background:var(--vs-shell); overflow:hidden; isolation:isolate; box-shadow:0 1px 0 rgba(255,255,255,.04) inset; } .view-switch::before{ content:""; display:block !important; position:absolute; z-index:0; top:var(--vs-pad); bottom:var(--vs-pad); left:calc(var(--vs-pad) - 2px); width:calc(var(--vs-segment) + 8px); border-radius:20px; background:var(--view-active-color,#F5AD3A); box-shadow:0 6px 16px rgba(0,0,0,.16); transform:translateX(0); transition:transform .32s cubic-bezier(.22,.8,.24,1),background-color .22s ease,box-shadow .22s ease; pointer-events:none; } .view-switch[data-mode="weekly"]::before{transform:translateX(calc(var(--vs-segment) - 2px))} .view-switch[data-mode="today"]::before{transform:translateX(calc((var(--vs-segment) * 2) - 4px))} .view-switch .view-mode{ position:relative; z-index:1; width:100%; min-width:0; min-height:52px; padding:10px 18px; border:0 !important; border-radius:18px; background:transparent !important; color:var(--muted); font-size:clamp(14px,1.15vw,18px); font-weight:850; letter-spacing:.05em; line-height:1; text-transform:uppercase; transition:color .22s ease,transform .18s ease,opacity .22s ease; } .view-switch .view-mode.active{color:#121519} .view-switch .view-mode:hover{color:var(--text)} .view-switch .view-mode:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(66,133,244,.5)} .view-switch .view-mode:active{transform:translateY(1px) scale(.99)} .view-switch .view-mode:not(:last-child)::after{ content:""; position:absolute; right:0; top:13px; bottom:13px; width:1px; background:rgba(100,106,115,.7); transition:opacity .22s ease; } .view-switch[data-mode="category"] .view-mode:nth-child(1)::after, .view-switch[data-mode="weekly"] .view-mode:nth-child(1)::after, .view-switch[data-mode="weekly"] .view-mode:nth-child(2)::after, .view-switch[data-mode="today"] .view-mode:nth-child(2)::after{opacity:0} html[data-theme="dark"] .view-switch{ --vs-border:#5f6771; --vs-shell:rgba(20,26,35,.92); box-shadow:0 1px 0 rgba(255,255,255,.03) inset; } html[data-theme="dark"] .view-switch .view-mode{color:rgba(245,247,250,.9)} html[data-theme="dark"] .view-switch .view-mode.active{color:#101317} html[data-theme="dark"] .view-switch .view-mode:not(:last-child)::after{background:rgba(122,127,136,.58)} @media(max-width:700px){ .view-switch{width:100%;border-radius:20px} .view-switch .view-mode{min-height:48px;padding:9px 10px;font-size:clamp(12px,4vw,16px);letter-spacing:.04em} .view-switch::before{border-radius:16px} .view-switch .view-mode:not(:last-child)::after{top:10px;bottom:10px} } @media(max-width:460px){ .view-switch .view-mode{min-height:44px;padding:8px 7px;font-size:12px;letter-spacing:.03em} .view-switch{border-radius:18px} .view-switch::before{border-radius:14px} } @media(prefers-reduced-motion:reduce){ .view-switch::before,.view-switch .view-mode{transition:none !important} } /* v1.6.3 — fix duplicate active background during segmented-control transitions */ .view-switch .view-mode.active, html[data-theme="dark"] .view-switch .view-mode.active{ background:transparent !important; border:0 !important; box-shadow:none !important; } .view-switch .view-mode{ transition:color .20s ease,transform .18s ease,opacity .20s ease !important; } /* v1.6.4 — correct segmented slider travel math */ .view-switch::before{ left:2px !important; width:calc(33.333333% + 4px) !important; transform:none !important; transition:left .32s cubic-bezier(.22,.8,.24,1),background-color .22s ease,box-shadow .22s ease !important; } .view-switch[data-mode="category"]::before{left:2px !important} .view-switch[data-mode="weekly"]::before{left:calc(33.333333% - 1px) !important} .view-switch[data-mode="today"]::before{left:calc(66.666667% - 4px) !important} @media(prefers-reduced-motion:reduce){.view-switch::before{transition:none !important}} /* v1.6.5 — smaller, mathematically centered three-way view switch */ .view-switch{ width:min(430px,100%); --vs-pad:4px; } .view-switch::before{ left:var(--vs-pad) !important; width:calc((100% - (var(--vs-pad) * 2)) / 3) !important; transform:translateX(0) !important; transition:transform .32s cubic-bezier(.22,.8,.24,1),background-color .22s ease,box-shadow .22s ease !important; } .view-switch[data-mode="category"]::before{left:var(--vs-pad) !important;transform:translateX(0) !important} .view-switch[data-mode="weekly"]::before{left:var(--vs-pad) !important;transform:translateX(100%) !important} .view-switch[data-mode="today"]::before{left:var(--vs-pad) !important;transform:translateX(200%) !important} .view-switch .view-mode{ display:flex; align-items:center; justify-content:center; text-align:center; min-height:44px; padding:8px 10px; font-size:clamp(12px,1vw,15px); letter-spacing:.04em; } .view-switch .view-mode::after{display:none !important} @media(max-width:700px){ .view-switch{width:min(380px,100%)} .view-switch .view-mode{min-height:42px;padding:7px 7px;font-size:clamp(11px,3.4vw,14px)} } @media(max-width:460px){ .view-switch{width:100%} .view-switch .view-mode{min-height:40px;padding:6px 5px;font-size:11.5px;letter-spacing:.025em} } @media(prefers-reduced-motion:reduce){.view-switch::before{transition:none !important}} /* v1.6.6 — final segmented-control geometry cleanup IMPORTANT: older v1.6.1 rules gave the 2nd/3rd buttons negative margins. In the newer 3-column grid that shifted Weekly/Today left of their true thirds. */ .view-switch{ --vs-pad:3px; width:min(380px,100%); border-radius:21px; } .view-switch .view-mode, .view-switch .view-mode + .view-mode{ margin:0 !important; flex:none !important; box-sizing:border-box; min-height:40px; padding:7px 8px; border-radius:17px; font-size:clamp(12px,.9vw,14px); letter-spacing:.035em; } .view-switch::before{ top:var(--vs-pad) !important; bottom:var(--vs-pad) !important; left:var(--vs-pad) !important; width:calc((100% - (var(--vs-pad) * 2)) / 3) !important; border-radius:17px; box-shadow:0 4px 12px rgba(0,0,0,.14); transition:transform .26s cubic-bezier(.22,.8,.24,1),background-color .2s ease,box-shadow .2s ease !important; } .view-switch[data-mode="category"]::before{transform:translateX(0) !important} .view-switch[data-mode="weekly"]::before{transform:translateX(100%) !important} .view-switch[data-mode="today"]::before{transform:translateX(200%) !important} .view-switch .view-mode::after{display:none !important;content:none !important} @media(max-width:700px){ .view-switch{width:min(350px,100%);border-radius:20px} .view-switch .view-mode,.view-switch .view-mode + .view-mode{margin:0 !important;min-height:42px;padding:7px 6px;font-size:clamp(11px,3.2vw,13px);letter-spacing:.03em} .view-switch::before{border-radius:16px} } @media(max-width:460px){ .view-switch{width:100%} .view-switch .view-mode,.view-switch .view-mode + .view-mode{margin:0 !important;min-height:44px;font-size:11.5px} } @media(prefers-reduced-motion:reduce){.view-switch::before,.view-switch .view-mode{transition:none !important}} /* v1.6.7 — deliberate task deletion */ .task-modal-actions .task-delete-button{margin-right:auto} html[data-theme="dark"] .button.danger{border-color:#7d3b3b;background:#351f21;color:#ffb9b9} @media(max-width:520px){ .task-modal-actions .task-delete-button{width:100%;margin-right:0} .task-modal-actions #task-modal-save,.task-modal-actions #task-modal-cancel{flex:1 1 calc(50% - 4px)} } /* v1.6.8 — project totals + completed-task reporting */ .task-project-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:9px 11px;border-radius:9px;background:rgba(128,128,128,.08);font-variant-numeric:tabular-nums} .task-project-total span{font-size:.78rem;color:var(--muted);font-weight:700}.task-project-total strong{font-size:.98rem} .mb-completed-filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px;padding:14px 16px 16px} .mb-completed-filters label{display:grid;gap:7px}.mb-completed-filters label>span{font-size:12px;font-weight:800;color:var(--muted);line-height:1.35;padding:0 2px} .mb-completed-filter-actions{display:flex;gap:8px;align-items:center;white-space:nowrap} .mb-completed-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px} .mb-completed-metrics>div{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:16px;min-width:0} .mb-completed-metrics strong{display:block;font-size:1.5rem;line-height:1.15;font-variant-numeric:tabular-nums}.mb-completed-metrics span{display:block;margin-top:5px;font-weight:800}.mb-completed-metrics small{display:block;margin-top:5px;color:var(--muted);line-height:1.45} .mb-completed-project-list{display:grid;gap:10px}.mb-completed-project{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(128,128,128,.025)} .mb-completed-project>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(240px,1.8fr) minmax(100px,.55fr) minmax(100px,.55fr) minmax(120px,.65fr);gap:14px;align-items:center;padding:15px 16px}.mb-completed-project>summary::-webkit-details-marker{display:none}.mb-completed-project[open]>summary{border-bottom:1px solid var(--border)} .mb-completed-project-main,.mb-completed-project-number,.mb-completed-project-date{min-width:0}.mb-completed-project-main strong,.mb-completed-project-number strong,.mb-completed-project-date strong{display:block}.mb-completed-project-main span,.mb-completed-project-number span,.mb-completed-project-date span{display:block;color:var(--muted);font-size:12px;margin-top:5px;line-height:1.4}.mb-completed-project-number strong{font-variant-numeric:tabular-nums} .mb-completed-step-list{padding:4px 16px 12px}.mb-completed-step-head,.mb-completed-step-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(90px,.65fr));gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(128,128,128,.12)}.mb-completed-step-row:last-child{border-bottom:0}.mb-completed-step-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:850}.mb-completed-step-row span{font-size:13px;font-variant-numeric:tabular-nums} .mb-completed-report-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;margin:18px 0}.mb-report-table{display:grid}.mb-report-row{display:grid;grid-template-columns:minmax(160px,1fr) 80px 120px;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(128,128,128,.12)}.mb-report-row:last-child{border-bottom:0}.mb-report-row.mb-report-process{grid-template-columns:minmax(180px,1fr) 55px 55px 110px}.mb-report-row strong small{display:block;color:var(--muted);font-weight:600;margin-top:4px;line-height:1.4}.mb-report-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:850;line-height:1.35}.mb-report-row span:last-child{font-variant-numeric:tabular-nums} .mb-active-history-list,.mb-recurring-history{display:grid;gap:0}.mb-active-history-list>div,.mb-recurring-history>div{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(128,128,128,.12)}.mb-active-history-list>div:last-child,.mb-recurring-history>div:last-child{border-bottom:0}.mb-active-history-list span,.mb-recurring-history span{color:var(--muted);font-size:13px;line-height:1.4}.mb-active-history-list b,.mb-recurring-history b{font-variant-numeric:tabular-nums;white-space:nowrap} .mb-completed-note{display:flex;gap:10px;margin:18px 0 4px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:13px}.mb-completed-note strong{color:var(--text);white-space:nowrap} /* v1.6.9 — Completed Tasks spacing polish */ .mb-completed-page .mb-panel-heading p{margin-top:6px;line-height:1.45} .mb-completed-page .mb-table-empty{padding:24px 18px;line-height:1.45} @media(max-width:1180px){.mb-completed-filters{grid-template-columns:repeat(2,minmax(160px,1fr))}.mb-completed-filter-actions{grid-column:1/-1}.mb-completed-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-completed-report-grid{grid-template-columns:1fr}} @media(max-width:760px){.mb-completed-filters{grid-template-columns:1fr}.mb-completed-filter-actions{grid-column:auto}.mb-completed-filter-actions .button{flex:1}.mb-completed-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-completed-project>summary{grid-template-columns:1fr 1fr}.mb-completed-project-main{grid-column:1/-1}.mb-completed-step-head{display:none}.mb-completed-step-row{grid-template-columns:1fr 1fr}.mb-completed-step-row strong{grid-column:1/-1}.mb-active-history-list>div,.mb-recurring-history>div{grid-template-columns:1fr}.mb-completed-note{display:grid}.mb-completed-note strong{white-space:normal}} @media(max-width:480px){.mb-completed-metrics{grid-template-columns:1fr}.mb-completed-project>summary{grid-template-columns:1fr}.mb-completed-project-main{grid-column:auto}.mb-completed-step-row{grid-template-columns:1fr}.mb-completed-step-row strong{grid-column:auto}.mb-report-row,.mb-report-row.mb-report-process{grid-template-columns:minmax(130px,1fr) repeat(2,65px)}.mb-report-row.mb-report-process span:nth-child(3),.mb-report-row.mb-report-process.mb-report-head span:nth-child(3){display:none}} /* v1.6.10 — mobile Weekly range bar width fix An older <=520px rule made .week-controls a three-column grid, causing the week range / Show Weekend panel to occupy only the first grid cell. */ @media(max-width:700px){ .week-controls{display:block !important;width:100% !important;min-width:0 !important} .week-controls[hidden]{display:none !important} .week-nav{width:100% !important;min-width:0 !important} .week-range-group{width:100% !important;min-width:0 !important;max-width:none !important} .week-weekend-toggle{flex:0 0 auto;white-space:nowrap} } @media(max-width:390px){ .week-range-group{gap:8px;padding-left:8px;padding-right:8px} .week-weekend-toggle{padding-left:8px;gap:7px} .week-weekend-toggle .switch-label{font-size:10.5px} } /* v1.6.11 — Clients now lives inside the shared Settings / administration shell. */ .mb-clients-admin-page .clients-page-shell,.mb-client-import-admin-page .import-clients-shell{max-width:none;margin:0} .mb-clients-admin-page .clients-page-head h2{font-size:26px} @media(max-width:760px){.mb-clients-admin-page .clients-page-head h2{font-size:24px}} /* v1.6.12 — mobile Add Task modal: true single-column quick capture. Some iPhone/browser combinations can report a wider layout viewport, so pair the normal width breakpoint with a touch-first portrait guard. */ @media (max-width:700px), (hover:none) and (pointer:coarse) and (orientation:portrait){ .add-task-modal-backdrop{padding:12px 8px max(12px,env(safe-area-inset-bottom))!important} .add-task-modal{width:min(100%,560px)!important;max-height:calc(100dvh - 24px)!important;margin:0 auto!important;overflow-x:hidden!important} .add-task-modal .add-form{display:block!important;margin-top:12px!important} .add-task-modal .add-row-main, .add-task-modal .add-row-schedule{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; width:100%!important; min-width:0!important; } .add-task-modal .add-row-schedule{margin-top:10px!important} .add-task-modal .add-field-title, .add-task-modal .add-field-client, .add-task-modal .add-field-category, .add-task-modal .add-field-assignee, .add-task-modal .add-field-planned, .add-task-modal .add-field-deadline, .add-task-modal .add-field-estimate, .add-task-modal .add-today-toggle, .add-task-modal .add-submit{ grid-column:1!important; grid-area:auto!important; width:100%!important; min-width:0!important; max-width:100%!important; } .add-task-modal .add-today-toggle{justify-content:flex-start!important;min-height:44px!important;padding:8px 11px!important} .add-task-modal .add-submit{min-height:46px!important} .add-task-modal .task-modal-heading-row{padding:15px 14px 12px!important;gap:12px!important} .add-task-modal .task-modal-heading-row p{line-height:1.4!important} } @media(max-width:420px){ .add-task-modal-backdrop{padding-left:6px!important;padding-right:6px!important} .add-task-modal .task-modal-heading-row h3{font-size:20px!important} .add-task-modal .task-modal-heading-row p{font-size:11px!important} } /* v1.6.13 — searchable Add Task client picker + narrow phone title field. */ .client-search-picker{position:relative;min-width:0;width:100%} .client-picker-select{display:none!important} .client-picker-trigger{appearance:none;width:100%;min-width:0;min-height:40px;border:1px solid var(--border);border-radius:9px;background:white;color:var(--text);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer} .client-picker-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .client-picker-chevron{flex:0 0 auto;font-size:18px;line-height:1;color:var(--muted);transform:translateY(-1px)} .client-picker-trigger[aria-expanded="true"]{border-color:#1976b9;box-shadow:0 0 0 2px color-mix(in srgb,#1976b9 45%,transparent)} .client-picker-popover{position:absolute;z-index:220;top:calc(100% + 6px);left:0;right:0;min-width:min(360px,calc(100vw - 36px));padding:8px;border:1px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:0 14px 32px rgba(0,0,0,.18)} .client-picker-search{margin:0 0 7px;min-height:40px} .client-picker-options{display:grid;gap:3px;max-height:260px;overflow:auto;overscroll-behavior:contain} .client-picker-option{appearance:none;width:100%;border:0;border-radius:8px;background:transparent;color:var(--text);padding:9px 10px;text-align:left;display:grid;gap:2px;cursor:pointer} .client-picker-option:hover,.client-picker-option:focus-visible{outline:none;background:var(--panel-2)} .client-picker-option[aria-selected="true"]{background:color-mix(in srgb,var(--view-active-color,#F5AD3A) 18%,var(--panel));font-weight:800} .client-picker-option-name{min-width:0;overflow-wrap:anywhere} .client-picker-option small{font-size:10px;color:var(--muted);font-weight:600} .client-picker-empty{padding:12px 10px;color:var(--muted);font-size:11px;text-align:center} html[data-theme="dark"] .client-picker-trigger{background:#20252b;color:var(--text);border-color:var(--border)} html[data-theme="dark"] .client-picker-popover{background:var(--panel);border-color:var(--border);box-shadow:0 16px 36px rgba(0,0,0,.42)} @media (max-width:700px), (hover:none) and (pointer:coarse) and (orientation:portrait){ .add-task-modal .add-field-title input{width:calc(100% - 10px)!important;margin-left:5px!important;margin-right:5px!important} .add-task-modal .client-picker-popover{position:static;min-width:0;width:100%;margin-top:6px;box-shadow:none;max-height:none} .add-task-modal .client-picker-options{max-height:220px} } /* v1.6.15 — desktop Add Task client search should float outside the modal instead of being clipped. */ @media (min-width:701px) and (hover:hover){ .add-task-modal-backdrop{overflow-y:auto!important;overflow-x:visible!important} .add-task-modal{overflow:visible!important} .add-task-modal .add-row-main, .add-task-modal .add-field-client, .add-task-modal .client-search-picker{overflow:visible!important} .add-task-modal .add-field-client{position:relative;z-index:260} .add-task-modal .client-picker-popover{ z-index:520; right:auto; width:min(460px,calc(100vw - 48px)); max-width:calc(100vw - 48px); } } /* v1.6.16 — project attachments */ .task-attachments-field{border-top:1px solid var(--border);padding-top:14px} .task-attachments-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .task-attachments-heading>div{display:grid;gap:3px}.task-attachments-heading>div>span{font-size:11px;font-weight:800;color:#4f5660}.task-attachments-heading small{font-size:10.5px;line-height:1.4;color:var(--muted);font-weight:500} .task-attachment-dropzone{display:grid;place-items:center;gap:3px;min-height:68px;padding:13px;border:1.5px dashed #b7bec7;border-radius:11px;background:var(--panel-2);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease} .task-attachment-dropzone strong{font-size:12px}.task-attachment-dropzone span{font-size:10.5px;color:var(--muted)}.task-attachment-dropzone:hover,.task-attachment-dropzone:focus-visible,.task-attachment-dropzone.is-dragover{border-color:#2271b1;background:#edf6fd;outline:none}.task-attachment-dropzone.is-dragover{transform:scale(.995)}.task-attachment-dropzone.is-uploading{opacity:.6;pointer-events:none} .task-attachment-list{display:grid;gap:9px}.task-attachment-empty{padding:10px 12px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:11px;background:var(--panel-2)} .task-attachment-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--panel)} .task-attachment-preview{display:grid;place-items:center;width:76px;height:62px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);cursor:pointer;color:var(--text)}.task-attachment-preview img{width:100%;height:100%;object-fit:cover}.task-attachment-file-icon{font-size:11px;font-weight:900;letter-spacing:.06em;color:var(--muted)} .task-attachment-info{display:grid;gap:3px;min-width:0}.task-attachment-info>strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-attachment-info>span{font-size:10px;color:var(--muted)} .task-attachment-caption-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:4px}.task-attachment-caption-row input{min-height:34px!important;padding:6px 8px!important;font-size:11px!important}.task-attachment-caption-row .button{min-height:34px} .task-attachment-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.task-attachment-actions .button{justify-content:center;white-space:nowrap} .attachment-preview-backdrop{z-index:260;padding:18px}.attachment-preview-modal{width:min(980px,calc(100vw - 36px));max-height:calc(100dvh - 36px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.45)} .attachment-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--border)}.attachment-preview-head>div{display:grid;gap:3px;min-width:0}.attachment-preview-head strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-head span{font-size:11px;color:var(--muted)} .attachment-preview-body{min-height:0;flex:1;display:grid;place-items:center;padding:12px;background:#0f1114;overflow:auto}.attachment-preview-body img{max-width:100%;max-height:calc(100dvh - 170px);object-fit:contain;border-radius:6px}.attachment-preview-actions{display:flex;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--border)} .mb-completed-attachments{padding:4px 16px 16px;border-top:1px solid rgba(128,128,128,.12)}.mb-completed-attachments-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0 9px}.mb-completed-attachments-title strong{font-size:12px}.mb-completed-attachments-title span{font-size:10px;color:var(--muted)} .mb-completed-attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.mb-completed-attachment-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.mb-completed-attachment-preview{grid-row:1/3;display:grid;place-items:center;width:62px;height:58px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--panel)}.mb-completed-attachment-preview img{width:100%;height:100%;object-fit:cover}.mb-file-preview span{font-size:10px;font-weight:900;color:var(--muted)}.mb-completed-attachment-copy{display:grid;gap:2px;min-width:0}.mb-completed-attachment-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-completed-attachment-copy span,.mb-completed-attachment-copy small{font-size:9.5px;color:var(--muted);line-height:1.35}.mb-completed-attachment-card>.button{grid-column:2;justify-self:start} html[data-theme="dark"] .task-attachments-heading>div>span,html[data-theme="system"] .task-attachments-heading>div>span{color:var(--muted)} html[data-theme="dark"] .task-attachment-dropzone:hover,html[data-theme="dark"] .task-attachment-dropzone:focus-visible,html[data-theme="dark"] .task-attachment-dropzone.is-dragover,html[data-theme="system"] .task-attachment-dropzone:hover,html[data-theme="system"] .task-attachment-dropzone:focus-visible,html[data-theme="system"] .task-attachment-dropzone.is-dragover{background:#1b2b37;border-color:#58a6df} @media(max-width:620px){.task-attachments-heading{align-items:center}.task-attachments-heading small{max-width:250px}.task-attachment-card{grid-template-columns:64px minmax(0,1fr)}.task-attachment-preview{width:64px;height:58px}.task-attachment-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.task-attachment-caption-row{grid-template-columns:1fr}.task-attachment-caption-row .button{justify-self:start}.attachment-preview-backdrop{padding:8px}.attachment-preview-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.attachment-preview-body img{max-height:calc(100dvh - 150px)}.mb-completed-attachment-grid{grid-template-columns:1fr}} @media(max-width:420px){.task-attachments-heading{display:grid}.task-attachments-heading .button{justify-self:start}.task-attachment-card{grid-template-columns:56px minmax(0,1fr);padding:8px}.task-attachment-preview{width:56px;height:54px}.task-attachment-info>strong{font-size:11px}} .task-attachments-heading .button.mini,.task-attachment-actions .button.mini{flex:0 0 auto} /* v1.6.17 — per-category workflow behavior */ .mb-workflow-badge{display:inline-flex;align-items:center;margin-top:7px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .mb-workflow-badge.independent{border-style:dashed} /* v1.6.18 — administrator roles + per-team-member board access */ .mb-users-table .mb-list-head,.mb-users-table .mb-list-row{ grid-template-columns:minmax(210px,1.25fr) minmax(105px,.55fr) minmax(150px,.8fr) minmax(190px,1.15fr) minmax(105px,.55fr) minmax(80px,.4fr) auto; } .mb-board-access{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--panel)} .mb-board-access-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:10px} .mb-board-access-heading strong{font-size:12px} .mb-board-access-heading small{font-size:10px;color:var(--muted);line-height:1.45} .mb-board-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .mb-board-check{display:flex!important;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:var(--panel-2);font-size:11px!important;font-weight:600!important;cursor:pointer} .mb-board-check input{width:16px!important;height:16px!important;min-height:0!important;margin:0;flex:0 0 auto} .mb-board-check span{display:flex;align-items:center;gap:6px;min-width:0} .mb-board-check .mb-admin-cat-icon{width:15px;height:15px;flex:0 0 15px} .mb-access-role{margin-bottom:2px} @media(max-width:1050px){ .mb-users-table .mb-list-head,.mb-users-table .mb-list-row{min-width:1080px} } @media(max-width:620px){ .mb-board-access-grid{grid-template-columns:1fr} } html[data-theme="dark"] .mb-board-access,html[data-theme="dark"] .mb-board-check{background:var(--panel);border-color:var(--border)} html[data-theme="system"] .mb-board-access,html[data-theme="system"] .mb-board-check{background:var(--panel);border-color:var(--border)} /* v1.6.19 — make Team & Access person dialogs fully reachable and clarify board-access saves */ .mb-admin-modal-backdrop{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .mb-person-modal{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .mb-access-save-hint{display:block;margin-top:7px;color:var(--accent,#d86d22);font-style:normal;font-size:10px;font-weight:700;line-height:1.35} @media(max-width:620px){.mb-admin-modal-backdrop{padding:24px 10px 16px}.mb-person-modal{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}} /* v1.6.20 — collaborator project-creation permissions + Shared Boards */ .mb-board-permission-grid{display:grid;gap:8px} .mb-board-permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 10px;border:1px solid var(--border,#e2e5ea);border-radius:10px;background:rgba(107,114,128,.035)} .mb-board-create-check{display:flex!important;align-items:center;gap:7px!important;margin:0!important;font-size:12px;font-weight:700;color:#4b5563;white-space:nowrap} .mb-board-create-check input{width:auto!important;margin:0} .mb-sharing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px} .mb-share-invite-panel{border-color:#60a5fa!important;box-shadow:0 0 0 2px rgba(59,130,246,.08)} .mb-share-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center} .mb-share-copy-row input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px} .mb-share-table .mb-list-head,.mb-share-table .mb-list-row{grid-template-columns:minmax(160px,1.25fr) minmax(160px,1.35fr) minmax(100px,.7fr) minmax(120px,.9fr) auto} @media(max-width:900px){.mb-sharing-grid{grid-template-columns:1fr}.mb-share-table .mb-list-head{display:none}.mb-share-table .mb-list-row{display:grid;grid-template-columns:1fr;gap:8px}.mb-share-table .mb-list-row>span{display:flex;justify-content:space-between;align-items:center;gap:10px}.mb-share-copy-row{grid-template-columns:1fr}.mb-share-copy-row .button{width:100%}} @media(max-width:620px){.mb-board-permission-row{grid-template-columns:1fr;gap:8px}.mb-board-create-check{padding-left:28px;white-space:normal}} /* v1.6.21 — board visibility follows board permission; assignment controls active work */ .task-field textarea[readonly],.task-field textarea:disabled{background:#f2f4f6;color:#686e76;cursor:not-allowed} html[data-theme="dark"] .task-field textarea[readonly],html[data-theme="dark"] .task-field textarea:disabled{background:#20252b;color:#9da5ae} /* v1.6.22 — protect team credentials from browser autofill during permission saves */ .mb-current-login{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)} .mb-current-login>div{min-width:0}.mb-current-login span,.mb-current-login strong,.mb-current-login small{display:block}.mb-current-login span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.mb-current-login strong{margin-top:2px;font-size:14px;overflow-wrap:anywhere}.mb-current-login small{margin-top:3px;color:var(--muted);font-size:10px} .mb-credential-editor{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.mb-credential-editor[hidden]{display:none!important}.mb-credential-editor label+label{margin-top:10px}.mb-inline-help{font-size:10px;font-weight:500;color:var(--muted)}.mb-cancel-credentials{margin-top:10px} @media(max-width:620px){.mb-current-login{align-items:stretch;flex-direction:column}.mb-current-login .button{width:100%}} /* v1.6.24 persistent drag ordering */ .compact-task-card,.weekly-task-card,.today-card,.linked-card{position:relative} .task-reorder-handle{position:absolute;top:8px;right:8px;z-index:5;width:30px;height:30px;border:0;border-radius:8px;background:rgba(107,114,128,.10);color:var(--muted,#6b7280);display:grid;place-items:center;font-size:16px;line-height:1;letter-spacing:-3px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;padding:0} .task-reorder-handle:hover{background:rgba(107,114,128,.18);color:var(--text,#20242a)} .task-reorder-handle:active,.is-reordering .task-reorder-handle{cursor:grabbing} .compact-task-card.has-reorder-handle>.task-title,.weekly-task-card.has-reorder-handle>.task-title{padding-right:34px} .today-card.has-reorder-handle .today-task-main{padding-right:38px} .is-reordering{opacity:.72;outline:2px dashed rgba(245,173,58,.9);outline-offset:2px;box-shadow:0 10px 26px rgba(0,0,0,.12)!important} .task-reordering-active{user-select:none;-webkit-user-select:none} @media(max-width:700px){.task-reorder-handle{width:34px;height:34px;top:7px;right:7px}} /* v1.6.25 visible Today reorder grip */ .task-reorder-handle{border:1px solid rgba(107,114,128,.28);background:rgba(107,114,128,.14);color:var(--text,#20242a)} .task-reorder-dots{display:grid;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(3,4px);gap:3px;place-content:center;width:17px;height:20px} .task-reorder-dots i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor} .today-task-title-row{display:flex;align-items:center;gap:9px;min-width:0} .today-task-title-row .today-task-title{min-width:0;flex:1} .today-card.has-reorder-handle .today-task-main{padding-right:0} .today-inline-reorder-handle{position:relative!important;top:auto!important;right:auto!important;left:auto!important;flex:0 0 32px;width:32px;height:32px;background:var(--panel-2,#f4f5f6);border-color:var(--border,#d6d8dc);color:var(--muted,#5f6670)} .today-inline-reorder-handle:hover{background:rgba(245,173,58,.13);border-color:rgba(245,173,58,.55);color:var(--text,#20242a)} @media(max-width:700px){.today-inline-reorder-handle{flex-basis:36px;width:36px;height:36px}.today-task-title-row{gap:10px}} /* v1.6.26 legacy Today drag styling */ .today-list.task-drop-active{cursor:grabbing} .today-card.is-reordering{z-index:12;transform:scale(.997)} .task-reordering-active .today-card:not(.is-reordering){transition:transform .12s ease,opacity .12s ease} /* v1.6.27 Today drag rewrite: dedicated mouse/touch gesture */ .today-inline-reorder-handle{-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none;cursor:grab} .today-inline-reorder-handle:active,.today-card.is-reordering .today-inline-reorder-handle{cursor:grabbing} .today-list.task-drop-active{user-select:none;-webkit-user-select:none;touch-action:none} .today-card.is-reordering{position:relative;z-index:20;box-shadow:0 12px 30px rgba(0,0,0,.16)!important} /* v1.6.28 — manual timer correction */ .task-timer-actions{flex-wrap:wrap} .task-time-editor{margin-top:12px;padding:12px;border:1px solid var(--border,#d8dce2);border-radius:10px;background:rgba(107,114,128,.045)} .task-time-editor[hidden]{display:none!important} .task-time-editor-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px} .task-time-editor-heading strong{font-size:12px}.task-time-editor-heading span{font-size:10px;color:var(--muted,#6b7280);text-align:right} .task-time-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .task-time-inputs label,.task-time-reason{display:grid;gap:4px}.task-time-inputs label>span,.task-time-reason>span{font-size:10px;font-weight:700;color:var(--muted,#6b7280)} .task-time-inputs input,.task-time-reason input{width:100%;min-width:0;box-sizing:border-box} .task-time-reason{margin-top:9px}.task-time-reason small{font-weight:500} .task-time-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} html[data-theme="dark"] .task-time-editor{background:rgba(255,255,255,.035)} @media(max-width:520px){.task-time-editor-heading{display:block}.task-time-editor-heading span{display:block;text-align:left;margin-top:3px}.task-time-inputs{grid-template-columns:1fr 1fr 1fr;gap:6px}.task-time-editor-actions .button{flex:1 1 auto}} /* v1.6.29 — create a client without leaving Add Task */ .client-picker-add{width:100%;justify-content:flex-start;margin:7px 0 4px;min-height:36px;font-size:11px} #new-customer-browse[hidden],.quick-client-create[hidden]{display:none!important} .quick-client-create{display:grid;gap:10px;padding:3px 1px 1px} .quick-client-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid var(--border)} .quick-client-heading strong{font-size:12px} .quick-client-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px} .quick-client-fields label{display:grid;gap:4px;min-width:0} .quick-client-fields label>span{font-size:10px;font-weight:800;color:var(--muted)} .quick-client-fields label>span small{font-size:9px;font-weight:600} .quick-client-fields input{width:100%;min-width:0;min-height:38px;padding:8px 9px;font-size:12px} .quick-client-actions{display:flex;justify-content:flex-end} .quick-client-error{min-height:15px;font-size:10.5px;line-height:1.35;color:#b42318} html[data-theme="dark"] .quick-client-error{color:#ff8e86} @media(max-width:700px),(hover:none) and (pointer:coarse) and (orientation:portrait){ .add-task-modal .quick-client-fields{grid-template-columns:1fr} .add-task-modal .client-picker-add{min-height:44px} .add-task-modal .quick-client-fields input{min-height:44px;font-size:16px} .add-task-modal .quick-client-actions .button{width:100%;justify-content:center;min-height:44px} } /* v1.6.30 — large project ZIP handoff packages */ .task-project-packages-field{border-top:1px solid var(--border);padding-top:14px} .task-package-dropzone{display:grid;place-items:center;gap:3px;min-height:72px;padding:14px;border:1.5px dashed #9aa5b1;border-radius:11px;background:var(--panel-2);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease} .task-package-dropzone strong{font-size:12px}.task-package-dropzone span{font-size:10.5px;color:var(--muted)} .task-package-dropzone:hover,.task-package-dropzone:focus-visible,.task-package-dropzone.is-dragover{border-color:#2271b1;background:#edf6fd;outline:none}.task-package-dropzone.is-dragover{transform:scale(.995)}.task-package-dropzone.is-uploading{opacity:.6;pointer-events:none} .task-package-progress{display:grid;gap:7px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.task-package-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10.5px;color:var(--muted)}.task-package-progress strong{color:var(--text);font-variant-numeric:tabular-nums}.task-package-progress progress{width:100%;height:9px} .project-package-card{border-style:solid;background:linear-gradient(0deg,rgba(34,113,177,.035),rgba(34,113,177,.035)),var(--panel)}.project-package-card .task-attachment-preview{background:rgba(34,113,177,.08)}.project-package-card .task-attachment-file-icon{font-size:9px;text-align:center;line-height:1.2}.project-package-card .button.danger{white-space:normal;line-height:1.15} html[data-theme="dark"] .task-package-dropzone:hover,html[data-theme="dark"] .task-package-dropzone:focus-visible,html[data-theme="dark"] .task-package-dropzone.is-dragover{background:#1b2b37;border-color:#58a6df} @media(max-width:620px){.task-package-dropzone{min-height:66px}.project-package-card .task-attachment-actions{grid-template-columns:1fr 1fr}} .mb-completed-attachment-actions{grid-column:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mb-completed-attachment-actions form{margin:0}.mb-completed-attachment-actions .button{margin:0}