.task-page-header{align-items:center;margin-bottom:23px}.task-page-header h1{margin-bottom:0}.task-page-header .material-create{height:36px;font-size:11px}.material-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:20px}.material-search{max-width:470px;min-width:180px;height:38px;padding:0 12px;background:white;border:1px solid #dfe5eb;border-radius:6px}.material-search .icon{width:15px;height:15px;color:#9aa5ae}.material-search input{font-size:12px;min-width:0}.material-view-toggle{display:flex;gap:3px;padding:3px;border:1px solid #dfe5eb;border-radius:6px;background:#fff;flex:none}.material-view-toggle button{display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:4px;font-size:11px;color:#82909b;white-space:nowrap}.material-view-toggle button .icon{width:14px;height:14px}.material-view-toggle button.active{background:#f0f3f8;color:#1c2834}.material-view-toggle button:hover{color:#1c2834}.material-list-scroll{overflow-x:auto}.materials-table{table-layout:fixed}.materials-table .material-topic-col{width:auto}.materials-table .material-platform-col{width:215px}.materials-table .material-deadline-col{width:125px}.materials-table .material-state-col{width:170px}.materials-table th{padding-top:14px;padding-bottom:14px}.materials-table td{padding-top:22px;padding-bottom:22px;vertical-align:middle}.material-title{display:flex;align-items:center;gap:12px;width:100%;padding:0;background:none;text-align:left;font-size:13px;font-weight:500;color:#1c2834;line-height:1.7;overflow-wrap:anywhere}.material-title:hover{color:#b35749}.material-title .icon{width:13px;height:13px;color:#a4b0ba;margin-left:auto;flex:none}.material-channel-list{display:flex;gap:6px;flex-wrap:wrap}.material-channel{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border-radius:4px;background:#f0f3f8;color:#768490;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.material-no-platforms,.material-no-deadline{font-size:11px;color:#a0abb5}.material-status-select{height:35px;width:100%;max-width:166px;padding:0 27px 0 10px;border:1px solid #dfe5eb;border-radius:5px;background:#fafbfd;color:#75828d;font-size:11px;cursor:pointer}.material-status-select:disabled{cursor:default;opacity:.7}.material-status-waiting{background:#f5f7f9;color:#88949d}.material-status-active{background:#fbf0ec;color:#b4695b}.material-status-done{background:#eff4e9;color:#7b8e69}.material-deadline{display:inline-flex;align-items:center;gap:6px;color:#788792;font-size:10px;white-space:nowrap}.material-deadline .icon{width:12px;height:12px}.material-deadline.is-overdue{color:#c16a59}.material-deadline.is-done{color:#93a086}.task-empty,.material-search-empty{text-align:center;min-height:310px;padding:58px 24px}.task-empty-icon{display:inline-grid;place-items:center;height:40px;width:40px;color:#adb7bf;margin-bottom:13px}.task-empty-icon .icon{height:31px;width:31px}.task-empty h2,.material-search-empty h2{font-size:18px;font-weight:500;color:#6c7a85;margin:0 0 10px}.task-empty p,.material-search-empty p{font-size:12px;line-height:1.8;color:#96a1aa;margin:0 0 22px}.task-empty>.button{font-size:11px}.material-search-empty{min-height:210px;padding:55px 24px}
.materials-board-scroll{overflow-x:auto;padding-bottom:12px;overscroll-behavior-x:contain;outline-offset:4px}.materials-board{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:17px;min-width:784px;align-items:stretch}.materials-status-column{min-height:360px;border:1px solid #e0e5eb;border-radius:7px;background:#f0f3f7;padding:0 12px 12px;transition:background .15s,border-color .15s}.materials-status-heading{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 3px}.materials-status-heading h2{font-size:12px;font-weight:500;color:#6e7e8b;margin:0}.materials-status-heading>span{font-size:10px;color:#a4afb8;font-variant-numeric:tabular-nums}.materials-status-cards{min-height:285px;display:flex;flex-direction:column;gap:11px}.material-overview-card{padding:16px 14px;border:1px solid #dfe5eb;border-radius:6px;background:#fff;min-width:0;box-shadow:0 2px 3px #20324404}.material-overview-card[draggable=true]{cursor:grab}.material-overview-card[draggable=true]:active{cursor:grabbing}.material-overview-card:focus-visible{outline:2px solid #b2bdc7;outline-offset:3px}.material-overview-title{display:block;text-align:left;width:100%;padding:0;font-size:13px;line-height:1.7;font-weight:500;color:#263644;overflow-wrap:anywhere}.material-overview-title:hover{color:#b35749}.material-overview-card .material-channel-list{margin-top:15px}.material-overview-card .material-channel{font-size:9px;padding:2px 7px}.material-overview-footer{margin-top:15px;border-top:1px solid #f0f3f6;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.materials-column-empty{padding:26px 8px;text-align:center;font-size:11px;color:#a8b2bb}.materials-status-column[data-material-board-status=done]{background:#f1f4ee;border-color:#e2e8dc}.materials-status-column[data-material-board-status=done] .materials-status-heading h2{color:#7d8c70}.materials-status-column.is-drop-target{border-color:#d1a99f;background:#f8ede9}.material-overview-card.is-dragging{opacity:.4}
.material-back{margin-bottom:24px}.material-detail-header{align-items:flex-start;gap:28px;margin-bottom:23px}.material-detail-header h1{font-size:27px;color:#1c2834;line-height:1.45;overflow-wrap:anywhere;max-width:850px;margin:0}.material-menu{position:relative;flex:none}.material-menu>summary{list-style:none;width:32px;height:32px;color:#94a1ac;cursor:pointer}.material-menu>summary::-webkit-details-marker{display:none}.material-menu[open]>summary,.material-menu>summary:hover{background:#eef2f6;color:#596c7b}.material-menu-panel{position:absolute;z-index:15;right:0;top:39px;min-width:190px;padding:6px;background:white;border:1px solid #dce3e9;border-radius:6px;box-shadow:0 8px 23px #20324416}.material-menu-panel>button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;text-align:left;font-size:11px;color:#6e7e8b;border-radius:4px;white-space:nowrap}.material-menu-panel>button:hover{background:#f1f4f7}.material-menu-panel .icon{width:14px;height:14px;color:#9aa8b2}.material-menu-panel .material-menu-delete{color:#b26d5d;border-top:1px solid #eef2f5;border-radius:0 0 4px 4px;margin-top:4px;padding-top:12px}.material-menu-panel .material-menu-delete .icon{color:#c28d80}.material-detail-meta{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:28px}.material-overall-state{width:165px;flex:none}.material-overall-state>span,.material-deadline-field>label{display:block;font-size:10px;color:#8d9aa5;margin-bottom:7px}.material-deadline-field{width:155px;flex:none}.material-deadline-field input{width:100%;height:35px;padding:0 9px;border:1px solid #dfe5eb;border-radius:5px;background:#fff;font-size:11px;color:#6e7e8b;min-width:0}.material-source{font-size:10px;color:#94a1ac;align-self:center;margin-left:auto;padding-top:16px}.material-source .icon{width:11px;height:11px}.material-board-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:10px;outline-offset:4px}.material-board{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px;min-width:898px;align-items:stretch}.material-column{border:1px solid #e0e6eb;border-radius:7px;background:#f0f3f7;min-height:330px;padding:0 10px 10px;transition:background .15s,border-color .15s}.material-column-heading{min-height:51px;padding:13px 3px;display:flex;align-items:center;justify-content:space-between;gap:10px}.material-column-heading h2{font-size:11px;font-weight:500;color:#758591;line-height:1.5;margin:0}.material-column-heading>span{font-size:9px;color:#a4afb8;font-variant-numeric:tabular-nums}.material-column-cards{display:flex;flex-direction:column;gap:10px;min-height:260px}.platform-card{padding:13px 11px 12px;border:1px solid #dfe5eb;border-radius:6px;background:#fff;min-width:0;box-shadow:0 2px 3px #20324404}.platform-card[draggable=true]{cursor:grab}.platform-card[draggable=true]:active{cursor:grabbing}.platform-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.platform-card-heading h3{font-size:12px;font-weight:500;color:#4b5e6d;margin:0;overflow-wrap:anywhere}.platform-grip{display:inline-flex;color:#b2bec7}.platform-grip .icon{width:13px;height:17px;stroke-width:1.3}.platform-material-url{width:100%;height:34px;min-width:0;padding:7px 8px;border:1px solid #dce3e9;border-radius:5px;background:#fff;color:#1c2834;font-size:11px;line-height:18px;cursor:text}.platform-material-url::placeholder{color:#8b98a4}.platform-material-url[aria-invalid=true]{border-color:#e74c3c}.platform-material-url:read-only{background:#f7f9fb}.platform-card:focus-visible{outline:2px solid #8a9da9;outline-offset:3px}.material-column-empty{padding:20px 0;text-align:center;font-size:10px;color:#aab5be}.material-column.is-drop-target,.material-column.is-drag-over,.material-column.drag-over{background:#e8edf3;border-color:#b2c1cc}.platform-card.is-dragging,.platform-card.dragging{opacity:.45}.material-column[data-kanban-status=published]{background:#f1f4ee;border-color:#e2e8dc}.material-column[data-kanban-status=published] .material-column-heading h2{color:#7d8c70}
@media(max-width:1100px){.materials-table .material-platform-col{width:170px}.materials-table .material-deadline-col{width:105px}.materials-table .material-state-col{width:155px}.material-title{font-size:12px}.material-status-select{font-size:10px}.materials-table th,.materials-table td{padding-left:15px;padding-right:15px}.material-detail-header h1{font-size:24px}.material-board{grid-template-columns:repeat(5,180px);min-width:948px}.materials-board{grid-template-columns:repeat(3,minmax(235px,1fr));gap:13px;min-width:731px}}
@media(max-width:650px){.task-page-header{margin-bottom:20px}.task-page-header .material-create{height:32px;font-size:10px;padding:0 10px}.material-toolbar{gap:10px;flex-wrap:wrap;margin-bottom:17px}.material-search{flex-basis:100%;max-width:none;height:36px}.material-view-toggle{margin-left:auto}.material-view-toggle button{height:28px;font-size:10px;padding:0 10px}.materials-table,.materials-table tbody{display:block;width:100%}.materials-table thead{display:none}.materials-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:16px 14px;padding:19px 15px;border-bottom:1px solid #e7ecf0}.materials-table tbody tr:last-child{border-bottom:0}.materials-table tbody td{display:block;border:0;padding:0;min-width:0}.materials-table .material-topic,.materials-table .material-platforms{grid-column:1/-1}.material-title{font-size:12px;line-height:1.8}.materials-table .material-deadline-cell::before,.materials-table .material-state::before{content:attr(data-label);display:block;font-size:9px;color:#9da9b3;margin-bottom:8px}.material-channel{font-size:9px;padding:3px 7px}.material-status-select{height:33px;max-width:none;font-size:10px;min-width:0}.material-deadline{font-size:10px;min-height:33px}.task-empty{min-height:280px;padding:42px 18px}.task-empty h2{font-size:17px}.task-empty p{font-size:11px;max-width:250px;margin-left:auto;margin-right:auto}.material-search-empty{min-height:190px;padding:48px 18px}.material-search-empty h2{font-size:16px}.materials-board{grid-template-columns:repeat(3,260px);gap:12px;min-width:804px}.materials-board-scroll{margin-right:-15px;padding-right:15px}.materials-status-column{padding:0 10px 10px;min-height:320px}.materials-status-cards{min-height:250px}.material-overview-card{padding:15px 12px}.material-overview-title{font-size:12px}.material-back{margin-bottom:20px}.material-detail-header{gap:15px;margin-bottom:22px}.material-detail-header h1{font-size:22px}.material-detail-meta{gap:15px 12px;margin-bottom:24px}.material-overall-state,.material-deadline-field{width:calc(50% - 6px)}.material-overall-state>span,.material-deadline-field>label{font-size:9px}.material-source{margin:0;padding:0;font-size:10px;flex-basis:100%}.material-board{grid-template-columns:repeat(5,180px);gap:10px;min-width:940px}.material-column{min-height:310px}.material-column-heading h2{font-size:11px}.material-column-cards{min-height:240px}.platform-card{padding:14px 11px}.material-board-scroll{margin-right:-15px;padding-right:15px;padding-bottom:12px}}

.material-overview-heading{display:flex;align-items:flex-start;gap:12px}.material-overview-heading .material-overview-title{flex:1;min-width:0}.material-grip{flex:none;padding-top:2px;touch-action:none;cursor:grab}.material-grip .icon{width:14px;height:18px}.material-deadline-input-wrap{display:flex;align-items:center;gap:4px}.material-deadline-input-wrap input{flex:1;min-width:0}.material-deadline-clear{width:25px;height:35px;flex:none;display:inline-grid;place-items:center;color:#a6b0b9;border-radius:4px}.material-deadline-clear:hover{background:#f1f4f7;color:#a86a5b}.material-deadline-clear .icon{height:12px;width:12px}

.material-publication-progress{display:block;font-size:9px;line-height:1.6;color:#91a087;margin-top:7px}.material-overview-footer{flex-wrap:wrap;gap:8px}.material-overview-footer .material-publication-progress{margin-top:0}.platform-card-name{min-width:0}.platform-inactive{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#a48b68}.material-empty-platforms{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-5px 0 19px;font-size:11px;color:#99a4ad}.material-empty-platforms .text-link{display:inline-flex;align-items:center;gap:5px;font-size:11px}.material-empty-platforms .text-link .icon{height:12px;width:12px}

/* Finished materials have their own lower working surface. */
.material-section-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px}.material-section-heading h2{margin:0;font-size:14px;font-weight:600;letter-spacing:-.1px;color:#314a5c}.material-section-mark{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #f4d5bf;border-radius:6px;background:#fff1e6;color:#df7a43;flex:none}.material-section-mark .icon{width:16px;height:16px;stroke-width:1.8}.material-section-count{display:inline-grid;place-items:center;min-width:23px;height:22px;border-radius:5px;background:#fff0e3;color:#bd693a;font-size:10px;font-variant-numeric:tabular-nums}.material-section-completed{margin-top:48px;padding-top:30px;border-top:1px solid #e7dacf}.material-group-empty{padding:26px 20px;font-size:12px;color:#8a9aa6;text-align:center}.material-section-work .materials-board{grid-template-columns:repeat(2,minmax(250px,1fr));min-width:517px}.materials-status-heading h3{font-size:12px;font-weight:500;color:#6e7e8b;margin:0}.material-section-completed .materials-board-scroll{overflow:visible;padding:0}.material-section-completed .materials-board{display:block;min-width:0}.material-section-completed .materials-status-column{padding:0;min-height:110px;border:1px solid transparent;background:transparent}.material-section-completed .materials-status-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:110px;align-content:start}.material-section-completed .materials-column-empty{grid-column:1/-1;display:grid;place-items:center;margin:0;border:1px solid #e1e7ec;border-radius:7px;background:#fff;min-height:110px;padding:25px;color:#8a9aa6}.material-section-completed .materials-status-column.is-drop-target{border-color:var(--accent);background:#fff1e9;border-radius:7px}.material-section-completed .material-overview-card{align-self:start}
@media(max-width:1100px){.material-section-completed .materials-status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.material-section-heading{gap:9px;margin-bottom:13px}.material-section-heading h2{font-size:13px}.material-section-mark{height:27px;width:27px}.material-section-mark .icon{height:15px;width:15px}.material-section-completed{margin-top:36px;padding-top:25px}.material-section-work .materials-board{grid-template-columns:repeat(2,260px);min-width:532px}.material-section-completed .materials-board-scroll{margin-right:0;padding-right:0}.material-section-completed .materials-status-cards{grid-template-columns:1fr;gap:11px}.material-group-empty{font-size:11px;padding:24px 16px}}

.material-channel{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%}
.material-channel .platform-type-tag{font-size:8px;padding:1px 4px;background:transparent;border-color:transparent}
.platform-card-name>.platform-type-tag{margin-top:5px;white-space:normal}
.material-channel-options .check-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.material-channel-options .platform-type-tag{margin-left:auto}
.material-platform-manager-row .platform-type-tag{margin-left:7px}

/* Client work shares the board while retaining its own designation. */
.material-client-badge{display:inline-block;margin-top:6px;padding:2px 7px;border:1px solid #e1e6ec;border-radius:4px;background:#f3f5f7;color:#6f7f8d;font-size:9px;font-weight:400;line-height:1.5}.material-overview-card>.material-client-badge{margin:8px 0 0}.material-scope-filter{min-width:152px;height:35px;background:#fff}.material-scope-field{width:165px;flex:none}.material-scope-field>label{display:block;font-size:10px;color:#8d9aa5;margin-bottom:7px}.material-scope-field>select{width:100%;height:35px;padding:0 9px;border:1px solid #dfe5eb;border-radius:5px;background:#fff;font-size:11px;color:#4c6273}.material-scope-field>select:disabled{color:#7d8b95;background:#f5f7f9;opacity:1}@media(min-width:651px) and (max-width:950px){.material-toolbar{flex-wrap:wrap}.material-search{flex:1 1 220px}.material-view-toggle{margin-left:auto}}@media(max-width:650px){.material-scope-filter{height:32px;min-width:145px;max-width:calc(100% - 170px);font-size:10px}.material-scope-field{width:calc(50% - 6px)}.material-scope-field>label{font-size:9px}}

/* A material price always exposes its budget or manually entered source. */
.material-cost-panel{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 20px;margin:-5px 0 25px;border:1px solid #dce4ea;border-radius:8px;background:#fff}.material-cost-input{width:190px;flex:none}.material-cost-input label{display:block;color:#5f7482;font-size:11px;margin-bottom:8px}.material-cost-input input{width:100%;height:38px;padding:8px 11px;border:1px solid #dbe3e9;border-radius:5px;background:#fff;color:#294555;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.material-cost-input input::placeholder{color:#58717f;opacity:1}.material-cost-input input:read-only{background:#f7f9fb}.material-cost-input input[aria-invalid=true]{border-color:#d97a55}.material-cost-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;min-width:0;flex-wrap:wrap}.material-cost-source{display:block;color:#58717f;font-size:11px;font-weight:500}.material-cost-source.is-manual{color:#b96a45}.material-cost-calculation{display:block;margin-top:6px;color:#8a99a4;font-size:10px}.material-cost-actions{display:flex;align-items:flex-end;flex-direction:column;gap:9px}.material-cost-actions .text-link{font-size:10px;color:#78909f;padding:0}.material-cost-actions .material-cost-budget{display:flex;align-items:center;gap:6px;color:#bb734f}.material-cost-budget .icon{height:12px;width:12px}.material-cost-overage{flex-basis:100%;color:#b96a45;font-size:10px}.material-cost-error:empty{display:none}.material-cost-error{display:block;flex-basis:100%;font-size:11px;color:#b65f47;margin-top:-8px}@media(max-width:650px){.material-cost-panel{align-items:flex-start;gap:15px;padding:15px;margin-bottom:20px}.material-cost-input{width:100%}.material-cost-input input{font-size:16px}.material-cost-summary{width:100%;gap:13px}.material-cost-actions{align-items:flex-start}.material-cost-calculation{font-size:9px}}

/* Shared platform identities and a complete keyboard path through the board. */
.material-channel{gap:6px;padding:4px 7px 4px 5px;background:#f7f9fb;border-color:#e6ebef;line-height:1.5}.material-channel-logo{display:inline-flex;flex:none}.material-channel .platform-mark{width:20px;height:20px;border-radius:5px;flex:none}.material-channel-name{font-size:10px;color:#415a6a;font-weight:500}.material-channel .platform-type-tag{font-size:8px;line-height:1.4;color:#718593;padding:0 2px}.platform-card-brand{display:flex;align-items:center;gap:8px;min-width:0}.platform-card-brand>span{display:inline-flex;flex:none}.platform-card-brand .platform-mark{width:25px;height:25px;border-radius:6px}.platform-card-brand h3{font-size:12px;font-weight:600;color:#324d5e}.platform-card-name>.platform-type-tag{font-size:8px;color:#7b8d9a;background:#f6f8fa;border-color:#e9edf1;margin-top:7px}.platform-card-heading{align-items:flex-start;gap:7px;margin-bottom:12px}.platform-grip{padding:6px 0 6px 5px;flex:none}.platform-stage-select{width:100%;height:32px;margin-top:9px;padding:0 8px;border:1px solid #dfe6ec;border-radius:5px;background:#f8fafb;color:#526e80;font-size:10px;cursor:pointer}.platform-stage-select:focus-visible,.material-menu-trigger:focus-visible,.material-menu>summary:focus-visible{outline:2px solid #db8258;outline-offset:3px}.platform-stage-select:disabled{background:#f4f6f8;color:#8898a4;cursor:default;opacity:1}.platform-card .published-card-link{min-height:30px}.material-state-actions{display:flex;align-items:center;gap:8px}.material-state-actions .material-status-select{flex:1;min-width:0}.material-menu-trigger{width:32px;height:32px;flex:none;display:inline-grid;place-items:center;border-radius:6px;color:#8193a0}.material-menu-trigger:hover,.material-menu-trigger[aria-expanded=true]{background:#edf2f6;color:#3c586a}.material-menu-trigger .icon{height:17px;width:17px}.materials-table .material-state-col{width:185px}.material-overview-actions{display:flex;align-items:center;gap:1px;flex:none;margin:-4px -5px 0 0}.material-overview-actions .material-grip{padding:6px 4px 6px 1px}.material-menu-panel>button{min-height:36px}.material-returned-note{display:flex;align-items:center;gap:10px;padding:14px 17px;margin:-5px 0 23px;border:1px solid #e7d9c9;border-radius:7px;background:#fff9f3;color:#755b46;font-size:12px}.material-returned-note>.icon{color:#ca8051;height:17px;width:17px;flex:none}.material-returned-note .text-link{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:11px;color:#a96640;min-height:32px}.material-returned-note .text-link>.icon{height:13px;width:13px}.material-status-select:disabled,.material-deadline-field input:disabled{opacity:1;background:#f3f6f8;color:#8999a5;cursor:default}.material-overview-heading{gap:8px}
@media(max-width:1100px){.materials-table .material-state-col{width:178px}.material-state-actions{gap:5px}}@media(max-width:650px){.materials-table tbody tr{grid-template-columns:minmax(0,1fr) 163px}.material-channel{padding:4px 6px}.material-channel-name{font-size:10px}.material-channel .platform-type-tag{font-size:8px}.material-returned-note{flex-wrap:wrap;padding:12px 14px;font-size:11px;gap:7px}.material-returned-note .text-link{font-size:10px}.platform-stage-select{font-size:11px;height:34px}.material-overview-actions{margin-top:-3px}}