:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--accent2:#0f766e;--danger:#b91c1c}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.master-minimum-link{display:block;text-decoration:none;color:inherit;margin:16px 0}.master-minimum-link:hover,.master-minimum-link:focus-visible{border-color:var(--accent)}.master-dropdown>summary{display:flex;align-items:center;justify-content:center;min-height:64px;width:26px;color:var(--muted);cursor:pointer;list-style:none}.master-dropdown>summary::-webkit-details-marker{display:none}.bottom-nav .master-dropdown:not([open])>.new-submenu{display:none}.bottom-nav .master-dropdown[open]>.new-submenu{display:block}.bottom-nav .new-submenu>a{display:block;width:auto;min-width:0;min-height:0;flex:none;font-size:14px;line-height:1.4;padding:12px;color:#222}
/* Reserve a complete touch target next to the master-data link while scrolling. */
.bottom-nav .master-menu{flex-shrink:0}.bottom-nav .master-dropdown{flex:0 0 44px;min-width:44px;width:44px}.bottom-nav .master-dropdown>summary{width:44px;min-width:44px}.bottom-nav .master-menu>a{scroll-margin-inline-end:44px}
/* Keep the fixed mobile menu outside the disclosure wrapper's zero-height box.
   Native details/summary still controls visibility, keyboard focus and toggling. */
.bottom-nav .master-dropdown[open]::details-content{display:contents;content-visibility:visible;contain:none}
@media(max-width:800px){.bottom-nav .new-submenu{position:fixed;left:12px;right:12px;bottom:68px;min-width:0;max-height:calc(100dvh - 92px);overflow-y:auto}}
.minimum-stock{margin-bottom:18px;min-width:0}.minimum-search{margin-top:16px;max-width:680px}.minimum-search label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.minimum-search>div{display:flex;gap:10px}.minimum-search input{flex:1;min-width:0}.minimum-stock input{border:1px solid #d1d5db;border-radius:10px;padding:10px;background:#fff;font:inherit}.minimum-stock button{border:1px solid #d1d5db;border-radius:10px;padding:10px 13px;background:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.minimum-stock button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.minimum-table-wrap{max-width:100%;overflow-x:auto}.minimum-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.minimum-table th,.minimum-table td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.minimum-table th{color:var(--muted);font-size:12px}.minimum-table th:first-child,.minimum-table td:first-child{padding-left:0;min-width:190px}.minimum-table td>strong,.minimum-table td>small{display:block}.minimum-table td>small{color:var(--muted);margin-top:5px}.minimum-table td:not(:first-child){white-space:nowrap}.minimum-edit{display:flex;align-items:center;gap:8px;margin:0}.minimum-edit input{width:125px}.minimum-shortfall{color:var(--danger);font-weight:800}.minimum-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.minimum-pagination a{color:var(--accent);font-weight:700}.minimum-pagination span{color:var(--muted);font-size:13px}
@media(max-width:600px){.minimum-search>div{flex-wrap:wrap}.minimum-search input{flex-basis:100%}.minimum-table,.minimum-table tbody{display:block}.minimum-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.minimum-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:12px 0}.minimum-table tr:last-child{border-bottom:0}.minimum-table td{display:block;border:0;padding:8px 0;min-width:0!important;white-space:normal!important}.minimum-table td:first-child,.minimum-table td:nth-child(4),.minimum-table td:nth-child(5),.minimum-table tr[data-catalog-item] td:nth-child(3){grid-column:1/-1}.minimum-table td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:6px}.minimum-edit input{width:120px;min-width:0}.minimum-edit{flex-wrap:wrap}}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
/* Long headings and identifiers must wrap instead of enlarging the mobile viewport.
   Keep scrollable tables intact; no horizontal overflow is clipped. */
.app-shell{min-width:0;overflow-wrap:anywhere}.app-shell .panel{min-width:0}
body{margin:0}.topbar{height:64px;background:#111827;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1180px)/2));gap:16px}.topbar strong{display:block}.topbar span{font-size:12px;color:#cbd5e1}.topbar a{color:white}.user-chip{font-size:13px}.app-shell{max-width:1180px;margin:auto;padding:28px 18px 100px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.hero h1{margin:3px 0;font-size:clamp(26px,4vw,38px)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--accent)}.muted{color:var(--muted)}.status-dot{font-size:13px;color:var(--accent2)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats article,.panel,.project{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.stats span,.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:24px;margin:7px 0}.panel-head,.project-mini,.project-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.panel h2,.project h2{margin:3px 0}.linkbtn{color:var(--accent);font-weight:700;text-decoration:none}.project-mini{margin-top:18px}.project-mini span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.progress{height:8px;background:#eef1f5;border-radius:99px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:var(--accent);border-radius:99px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.horizon{font-size:12px;color:var(--muted)}.project small{display:block;margin-top:14px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:5}.bottom-nav a{width:min(20%,150px);min-height:64px;text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:700;font-size:16px}.bottom-nav a span{font-size:11px}.bottom-nav a.active{color:var(--accent)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,410px);background:white;border:1px solid var(--line);border-radius:24px;padding:28px}.brand-mark{width:52px;height:52px;border-radius:15px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}.login-card h1{margin-bottom:0}.form-stack{display:grid;gap:15px;margin-top:24px}.form-stack label{font-size:13px;font-weight:700}.form-stack input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px}.primary{border:0;border-radius:12px;background:var(--accent);color:white;min-height:46px;font-size:15px;font-weight:800;cursor:pointer}.tiny{font-size:11px;color:var(--muted);margin-top:18px}.alert{background:#fef2f2;color:var(--danger);padding:12px;border-radius:12px;margin-top:16px}
@media(max-width:760px){.stats,.roadmap{grid-template-columns:1fr}.topbar{padding:0 14px}.user-chip{max-width:45%;text-align:right}.hero{align-items:start}.app-shell{padding-top:20px}.bottom-nav a{font-size:14px}.bottom-nav a span{font-size:9px}}


.notice{background:#ecfdf5;color:#047857;padding:12px 14px;border:1px solid #a7f3d0;border-radius:12px;margin-bottom:16px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:16px}.month-switch{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:14px;padding:8px 10px}.month-switch a{width:32px;height:32px;display:grid;place-items:center;text-decoration:none;color:var(--accent);font-weight:900;border-radius:9px}.count-badge,.owner{font-size:11px;font-weight:800;background:#eef2ff;color:#3730a3;padding:5px 8px;border-radius:99px}.event-list{display:grid;gap:10px;margin-top:16px}.event-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-left:4px solid #64748b;border-radius:13px;padding:11px;background:#fff}.event-row.type-work{border-left-color:#16a34a}.event-row.type-task{border-left-color:#2563eb}.event-row.type-vacation,.event-row.type-absence,.event-row.type-sick_leave{border-left-color:#f59e0b}.event-date strong,.event-date span{display:block}.event-date span,.event-main small{font-size:11px;color:var(--muted)}.event-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.edit-link{font-size:12px;font-weight:800;color:var(--accent);text-decoration:none}.empty-state{padding:28px 10px;text-align:center;color:var(--muted)}.calendar-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.calendar-form label{font-size:12px;font-weight:800}.calendar-form input,.calendar-form select,.calendar-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;background:white;font:inherit}.calendar-form textarea{resize:vertical}.calendar-form .wide{grid-column:1/-1}.calendar-form .check{display:flex;align-items:center;gap:8px;font-weight:700}.calendar-form .check input{width:auto;margin:0}.delete-form{margin-top:10px}.danger-btn{width:100%;min-height:42px;border:1px solid #fecaca;background:#fff;color:var(--danger);border-radius:11px;font-weight:800;cursor:pointer}
@media(max-width:900px){.calendar-layout{grid-template-columns:1fr}.event-form-panel{order:-1}}
@media(max-width:600px){.calendar-form{grid-template-columns:1fr}.calendar-form .wide{grid-column:auto}.event-row{grid-template-columns:54px 1fr}.edit-link{grid-column:2}.month-switch{align-self:flex-start}.hero{flex-direction:column}.event-top{align-items:flex-start}}


.capacity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.capacity-card{background:#fff;border:1px solid var(--line);border-left:5px solid #16a34a;border-radius:16px;padding:15px}.capacity-card span,.capacity-card small{display:block;color:var(--muted)}.capacity-card strong{display:block;font-size:23px;margin:4px 0}.capacity-card.cap-1{border-left-color:#f59e0b}.capacity-card.cap-0{border-left-color:#dc2626}.workforce-panel{margin-bottom:16px}.absence-form{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px;align-items:end}.absence-form label{font-size:11px;font-weight:800}.absence-form input,.absence-form select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:white}.absence-form .wide{grid-column:span 2}.absence-list{display:grid;gap:7px;margin-top:14px}.absence-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;background:#fffbeb;border-radius:10px}.absence-row small{display:block;color:var(--muted);margin-top:2px}.mini-danger{border:0;background:transparent;color:var(--danger);font-weight:800;cursor:pointer}
@media(max-width:900px){.absence-form{grid-template-columns:1fr 1fr}.absence-form .wide{grid-column:1/-1}}
@media(max-width:600px){.capacity-grid{grid-template-columns:1fr 1fr}.capacity-card strong{font-size:19px}.absence-form{grid-template-columns:1fr}.absence-form .wide{grid-column:auto}.absence-row{align-items:flex-start}}

/* Weekly workforce planner */
.week-planner{margin-bottom:20px}.week-switch{display:flex;gap:8px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px}.week-day{min-width:150px;border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#f9fafb}.week-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.week-day-head span{font-size:.82rem;color:#6b7280}.week-team{background:#fff;border-radius:10px;padding:8px;margin-top:8px;border:1px solid #eef0f3}.week-team-title{display:flex;justify-content:space-between;gap:6px;font-size:.78rem;margin-bottom:6px}.week-team-title b{white-space:nowrap}.week-job{display:block;text-decoration:none;color:inherit;background:#f3f4f6;border-radius:8px;padding:7px;margin-top:6px}.week-job strong,.week-job small{display:block}.week-job small{margin-top:3px;color:#6b7280;font-size:.72rem}.week-empty{color:#9ca3af;font-size:.72rem}@media(max-width:760px){.week-grid{grid-template-columns:repeat(7,minmax(180px,180px));scroll-snap-type:x proximity}.week-day{scroll-snap-align:start}.week-planner .panel-head{align-items:flex-start;gap:10px}.week-switch{flex-wrap:wrap}}

/* Weekly planner matrix v2 */
.week-table{overflow-x:auto;border:1px solid #e5e7eb;border-radius:14px}.week-row{display:grid;grid-template-columns:150px repeat(7,minmax(125px,1fr));min-width:1025px}.week-row+.week-row{border-top:1px solid #e5e7eb}.week-header{background:#f3f4f6}.week-team-label,.week-cell,.week-cell-head{padding:10px;border-right:1px solid #e5e7eb}.week-row>*:last-child{border-right:0}.week-team-label{display:flex;align-items:center;background:#fff;position:sticky;left:0;z-index:2}.week-header .week-team-label{background:#f3f4f6;z-index:3}.week-cell-head{text-align:center}.week-cell-head strong,.week-cell-head span{display:block}.week-cell-head span{font-size:.75rem;color:#6b7280;margin-top:2px}.week-cell{min-height:92px;position:relative;background:#fff}.capacity-pill{display:inline-block;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:999px;background:#eef2f7;margin-bottom:6px}.week-free{display:block;font-size:.72rem;color:#9ca3af;margin-top:8px}.week-cell .week-job{margin-top:4px;padding:6px}.week-cell .week-job strong{font-size:.78rem;line-height:1.2}.cap-cell-1{background:#fffaf0}.cap-cell-0{background:#fff1f2}@media(max-width:760px){.week-row{grid-template-columns:105px repeat(7,145px);min-width:1120px}.week-team-label{font-size:.76rem;padding:8px}.week-cell,.week-cell-head{padding:7px}.week-cell{min-height:82px}}

/* Weekly planner matrix v3 — strong table layout */
.week-planner .week-table{display:block;width:100%;overflow-x:auto;border:1px solid #d1d5db;border-radius:12px;background:#fff}
.week-planner .week-row{display:grid!important;grid-template-columns:160px repeat(7,minmax(145px,1fr))!important;min-width:1175px!important;margin:0!important;padding:0!important}
.week-planner .week-row>*{box-sizing:border-box}
.week-planner .week-header{background:#f3f4f6!important}
.week-planner .week-team-label,.week-planner .week-cell,.week-planner .week-cell-head{display:block!important;padding:10px!important;border-right:1px solid #d1d5db!important;border-radius:0!important;margin:0!important}
.week-planner .week-row>*:last-child{border-right:0!important}
.week-planner .week-row+.week-row{border-top:1px solid #d1d5db!important}
.week-planner .week-team-label{position:sticky;left:0;z-index:3;background:#fff!important;font-weight:700}
.week-planner .week-header .week-team-label{background:#f3f4f6!important}
.week-planner .week-cell-head{text-align:center!important;font-size:.85rem}
.week-planner .week-cell-head strong,.week-planner .week-cell-head span{display:block!important}
.week-planner .week-cell{min-height:108px!important;position:relative}
.week-planner .cap-cell-2{background:#ecfdf3!important}
.week-planner .cap-cell-1{background:#fff8db!important}
.week-planner .cap-cell-0{background:#fff1f2!important}
.week-planner .capacity-pill{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;padding:3px 7px;border-radius:999px;font-weight:800;font-size:.72rem;background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.08)}
.week-planner .week-free{display:block!important;margin-top:12px;font-weight:700;font-size:.75rem}
.week-planner .cap-cell-2 .week-free{color:#166534}
.week-planner .week-job{display:block!important;margin-top:8px!important;padding:7px!important;border-radius:7px!important;background:rgba(255,255,255,.8)!important;border:1px solid rgba(0,0,0,.08)!important}
@media(max-width:760px){.week-planner .week-row{grid-template-columns:110px repeat(7,150px)!important;min-width:1160px!important}.week-planner .week-cell{min-height:96px!important}}

/* Semantic weekly planner table v4 */
.planner-table-wrap{width:100%;overflow-x:auto;border:1px solid #d8dee8;border-radius:14px;background:#fff}
.planner-table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:fixed}
.planner-table th,.planner-table td{border-right:1px solid #d8dee8;border-bottom:1px solid #d8dee8;padding:10px;vertical-align:top}
.planner-table tr:last-child th,.planner-table tr:last-child td{border-bottom:0}.planner-table th:last-child,.planner-table td:last-child{border-right:0}
.planner-table thead th{background:#f4f6f9;text-align:center;font-size:.84rem}.planner-table thead th:first-child{width:150px;text-align:left}.planner-table thead small{display:block;color:#667085;font-weight:500;margin-top:2px}
.planner-table .team-name{position:sticky;left:0;z-index:2;background:#fff;text-align:left;width:150px}
.planner-day{height:118px}.planner-day.free-2{background:#edf9f0}.planner-day.free-1{background:#fff8df}.planner-day.free-0{background:#fff0f1}
.member-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.member-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.7rem;font-weight:800;border:1px solid transparent}.member-badge.free{background:#dcfce7;color:#166534;border-color:#86efac}.member-badge.busy{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.free-count{display:block;font-size:.76rem;margin-bottom:8px}.planner-job{display:block;text-decoration:none;color:#111827;background:rgba(255,255,255,.8);border:1px solid #d8dee8;border-radius:8px;padding:7px;font-size:.76rem;font-weight:700;margin-top:6px}.planner-job small{display:block;color:#667085;font-weight:500;margin-top:3px}.no-job{display:block;color:#98a2b3;font-size:.72rem;margin-top:8px}
@media(max-width:760px){.planner-table{min-width:1120px}.planner-table thead th:first-child,.planner-table .team-name{width:105px}.planner-table th,.planner-table td{padding:7px}.planner-day{height:108px}}

.finance-fields{border:1px solid #d9dde5;border-radius:14px;padding:16px;margin:8px 0}
.finance-fields legend{font-weight:700;padding:0 8px}
.finance-grid,.labour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.labour-grid{margin-top:16px}
.labour-person{border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.labour-person strong{grid-column:1/-1}
@media(max-width:720px){.finance-grid,.labour-grid,.labour-person{grid-template-columns:1fr}}


/* Action-first home */
.task-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.task-summary-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.task-summary-card span,.task-summary-card small{display:block;color:var(--muted)}.task-summary-card strong{display:block;font-size:30px;margin:5px 0}.task-summary-card small{font-size:11px;font-weight:700}.task-summary-card:hover{border-color:#a5b4fc;transform:translateY(-1px)}
.task-summary-card.all-clear{grid-column:span 2;border-left:5px solid #16a34a}.task-summary.preview{opacity:.78}
.task-panel{margin-bottom:18px}.task-list{display:grid;gap:8px;margin-top:14px}.task-row{display:grid;grid-template-columns:78px 1fr auto 22px;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:#fff}
.task-row:hover{background:#f8fafc}.task-priority{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.04em;color:#475569}.task-row.priority-urgent{border-left:5px solid #dc2626}.task-row.priority-today{border-left:5px solid #f59e0b}.task-main strong,.task-main small{display:block}.task-main small{color:var(--muted);margin-top:3px}.task-wait{font-size:11px;font-weight:800;background:#f1f5f9;border-radius:999px;padding:5px 8px;white-space:nowrap}
@media(max-width:850px){.task-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.task-summary{grid-template-columns:1fr 1fr}.task-summary-card{padding:13px}.task-summary-card strong{font-size:25px}.task-row{grid-template-columns:1fr 22px}.task-priority,.task-wait{grid-column:1}.task-main{grid-column:1}.task-row>span:last-child{grid-column:2;grid-row:1/4}.task-summary-card.all-clear{grid-column:1/-1}}

.project-list{display:grid;gap:9px;margin-top:14px}.project-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:#fff}.project-row:hover{background:#f8fafc}.project-row strong,.project-row small{display:block}.project-row small{color:var(--muted);margin-top:4px}.project-row>b{font-size:11px;color:#475569;text-transform:uppercase}@media(max-width:650px){.project-row{grid-template-columns:1fr auto}.project-row>b{grid-column:1/-1}}

.master-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}.project-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.project-kpis article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.project-kpis span{display:block;color:var(--muted);font-size:12px}.project-kpis strong{display:block;font-size:25px;margin-top:4px}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:9px 14px}.detail-grid dt{color:var(--muted);font-size:12px}.detail-grid dd{margin:0;font-weight:650}.task-actions{display:flex;gap:6px}.task-actions form{margin:0}.task-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-weight:700;cursor:pointer}.project-history{margin-top:16px}.history-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-row time,.history-row small{font-size:11px;color:var(--muted);display:block}.task-view-switch{display:flex;gap:6px;margin:-8px 0 16px;overflow-x:auto}.task-view-switch a{white-space:nowrap;text-decoration:none;color:#475569;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800}.task-view-switch a.active{background:#111827;color:#fff;border-color:#111827}.optional{font-weight:500;color:var(--muted)}
@media(max-width:800px){.master-layout{grid-template-columns:1fr}.project-kpis{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:90px 1fr}.history-row{grid-template-columns:1fr}.bottom-nav{justify-content:flex-start;overflow-x:auto}.bottom-nav a{min-width:82px;flex:0 0 82px}}

/* The separate Offers folder shares the existing horizontally scrollable mobile navigation. */
.bottom-nav>a,.bottom-nav>.new-menu{min-width:62px;flex-shrink:0}@media(max-width:800px){.bottom-nav{overflow-x:auto;justify-content:flex-start}.bottom-nav>a{flex:0 0 66px}.bottom-nav>.new-menu{flex:0 0 auto}.bottom-nav>.new-menu>a{width:66px;min-width:66px}}