.work-tabs,.work-counts{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.work-counts span{padding:12px;background:#fff;border:1px solid #d7e4e8;border-radius:8px}.work-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;align-items:end}.work-form label{display:flex;flex-direction:column;gap:6px;min-width:0}.work-form .wide{grid-column:1/-1}.work-form input,.work-form select,.work-form textarea{width:100%;box-sizing:border-box}.work-form textarea{min-height:90px}.work-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #d7e4e8}.work-row>*{min-width:0;overflow-wrap:anywhere}.work-info{display:grid;grid-template-columns:100px 1fr;gap:8px}.work-info dd{margin:0}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.danger,.notice.error{color:#b42318}.product-card small{display:block;margin:6px 0 14px}.shop-choice{display:inline-flex!important;flex-direction:row!important;align-items:center;margin:8px}.shop-choice input{width:auto}.work-form fieldset{min-width:0;border:1px solid #d7e4e8}.work-row[hidden],.shop-choice[hidden]{display:none!important}@media(max-width:700px){.work-form{grid-template-columns:1fr}.work-counts{gap:8px}.work-row{align-items:flex-start;flex-direction:column}.work-info{grid-template-columns:80px 1fr}.topbar nav{flex-wrap:wrap}.panel{min-width:0}}

.work-form label{margin:0}.work-form fieldset{padding:10px 12px}.work-form textarea{font:inherit;padding:8px;border:1px solid #bcc9d0;border-radius:6px}

/* Work pages: compact task cards and explicit role-specific tabs. */
.task-compose{max-width:1100px;margin-inline:auto}.task-compose .work-form{margin-top:0}.compose-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.compose-actions button{min-width:150px}.time-shortcuts{display:flex;flex-wrap:wrap;gap:6px}.time-shortcuts button{font-size:12px;padding:5px 8px}.work-counts{gap:8px}.work-counts button{border:1px solid #d7e4e8;border-radius:8px;background:#fff;padding:10px 14px}.work-counts button.selected{background:#e5f3f0;border-color:#087e80;color:#076a6c}.task-search{display:block;max-width:380px}.task-search input{width:100%;margin-top:6px}.task-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.task-card{border:1px solid #d7e4e8;border-radius:9px;padding:18px;background:#fafcfc;min-width:0}.task-card[hidden]{display:none}.task-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-card-heading a{font-size:18px;font-weight:700;overflow-wrap:anywhere}.task-badge{white-space:nowrap;background:#e5f3f0;padding:4px 8px;border-radius:5px;font-size:12px}.task-card-people{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;color:#597080}.task-card-people strong{color:#17354a}.task-card-times{display:grid;gap:8px;color:#597080;font-size:13px}.task-card-times strong{font-weight:500;color:#17354a;margin-left:10px}.task-card-footer{border-top:1px solid #d7e4e8;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.task-card-footer strong{font-size:15px}.task-list-panel h2{margin-bottom:4px}.task-compose input[type=search]{background:#f7fafb}@media(max-width:1050px){.task-cards{grid-template-columns:1fr}}@media(max-width:700px){.task-card{padding:14px}.task-card-heading a{font-size:17px}.task-card-times strong{display:block;margin:3px 0 0}.compose-actions{align-items:stretch}.compose-actions button{width:100%}}

.person-field{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px}.person-picker>summary{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:40px;border:1px solid #bcc9d0;border-radius:6px;background:white;padding:8px 12px;list-style:none;cursor:pointer}.person-picker>summary::-webkit-details-marker{display:none}.person-options{position:absolute;left:0;right:0;top:100%;padding:10px;background:white;border:1px solid #bcc9d0;border-radius:6px;box-shadow:0 6px 18px #17354a20;z-index:30}.person-options input{margin-bottom:8px}.person-options select{height:180px;padding:0}.person-options option{padding:7px 10px}.task-attachment-image{display:block;max-width:100%;max-height:360px;width:auto;object-fit:contain;border:1px solid #d7e4e8;border-radius:6px;margin:10px 0}.task-nav-badge{float:right;border-radius:12px;background:#087e80;color:white;min-width:22px;text-align:center;font-size:12px;padding:0 5px}.work-notice{position:fixed;right:20px;bottom:20px;z-index:150;width:300px;max-width:calc(100vw - 32px);padding:18px;background:white;border:1px solid #087e80;border-radius:9px;box-shadow:0 5px 22px #17354a25}.work-notice p{margin:10px 0}.work-notice button{float:right}.work-notice-error{position:fixed;bottom:4px;right:16px;background:#fff4e5;color:#8a4b08;font-size:12px;padding:4px 8px;z-index:149}.task-nav-badge[hidden],.work-notice[hidden],.work-notice-error[hidden]{display:none}

.task-list-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.task-list-tools label{display:flex;flex-direction:column;gap:6px}.task-list-tools .task-search{flex:1;min-width:180px}.task-list-tools .task-search input{margin:0}.task-list-tools select{min-width:150px}.work-counts a{border:1px solid #d7e4e8;border-radius:6px;padding:9px 14px}.work-counts a.selected{background:#e5f3f0;color:#087e80;border-color:#087e80}.task-cards{display:flex;flex-direction:column;gap:8px}.task-card{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(140px,.85fr) minmax(220px,1.4fr) minmax(140px,.9fr);gap:16px;align-items:center;padding:13px 16px}.task-card-heading{flex-direction:column;gap:6px}.task-card-heading a{font-size:15px}.task-card-people{margin:0;flex-direction:column;gap:5px;font-size:13px}.task-card-times{gap:5px;font-size:12px}.task-card-times strong{margin-left:6px}.task-card-footer{border:0;padding:0;margin:0;align-items:flex-end;flex-direction:column;gap:9px}.task-card-footer strong{font-size:14px}.time-safe{color:#087b55}.time-soon{color:#a65c00}.task-card-footer .danger{color:#b42318}@media(max-width:1000px){.task-card{grid-template-columns:1fr 1fr}.task-card-footer{align-items:flex-start}.task-card-times strong{display:block;margin:3px 0 0}}@media(max-width:600px){.task-card{grid-template-columns:1fr}.task-card-heading{flex-direction:row}.task-card-people{flex-direction:row;flex-wrap:wrap}.task-card-footer{flex-direction:row;align-items:center}.task-list-tools{gap:8px}}