/* Shared, compact surfaces for detail, workspace, inbox, admin and publishing. */
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage],[data-view=pay],[data-view=task]){padding-top:22px}
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage],[data-view=pay]) h1{font-size:25px;line-height:1.4;letter-spacing:.2px;margin:0}
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage],[data-view=pay]) .section-head{margin:0 0 18px;gap:16px}
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage],[data-view=pay]) .section-head p{margin:6px 0 0;font-size:13px;color:#5a6b66}
#app .panel{border-color:#dbe3dd;border-radius:11px;box-shadow:none}
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage]) .panel{padding:18px 20px;margin-bottom:12px}
#app .panel h3{font-size:16px;line-height:1.5;margin:8px 0}
#app .panel p{font-size:13px;line-height:1.75;color:#5a6b66}
#app .stats{gap:12px;margin:0 0 18px}
#app .stat{padding:16px 18px;border:1px solid #dbe3dd;background:#fffefa;border-radius:10px}
#app .stat strong{font-size:25px;line-height:1.3;margin-top:7px}
#app .stat span{font-size:12px;color:#5a6b66}
#app .tabs{gap:8px;margin-bottom:18px;flex-wrap:wrap}
#app .tabs button{background:transparent;font-size:13px;padding:9px 13px;border-radius:7px;color:#52665a}
#app .tabs button.active{color:#176b55;background:#edf3ec;border-color:#b9cebe;font-weight:600}
#app .actions{gap:8px;flex-wrap:wrap}
#app .actions button,#app .manage-link{font-size:13px;padding:8px 12px;min-height:36px;border-radius:7px}
#app button:not(.primary):not(.active):not(.card-share):not(.text):not([data-category]):not([data-platform]){color:#315d46}
.task-breadcrumb{margin-bottom:14px}
.task-detail-content .panel{padding:22px 24px;margin-bottom:14px}
.task-page h2{font-size:18px;margin-bottom:12px}
.task-detail-action{padding:20px}
.task-detail-action p{margin:8px 0;font-size:13px}
.task-detail-action .manage-link:not(.primary){display:block;text-align:center;margin-top:8px;border:1px solid #b6c9ba}
.task-page .task-flow{border-radius:10px;background:#f0f4f2}
.task-page .task-flow .flow-number{width:24px;height:24px}
.notice-item{display:block;transition:border-color 150ms;background:white}
.notice-item.unread{border-left:3px solid #176b55;background:#fafcf8}
#app .notice-item h3{margin:7px 0}
#app .notice-item .muted{font-size:12px;color:#5a6b66}
#app .pill{font-size:12px;padding:4px 8px;border-radius:5px;color:#42604d;background:#edf2e8}
.admin-layout{gap:20px}
.admin-sidebar{background:#fafbf7;border-color:#dbe3dd;border-radius:10px}
.admin-sidebar nav a{font-size:13px;border-radius:6px;padding:10px 12px;color:#52665a}
.admin-sidebar nav a.active{color:#176b55;background:#e8f0e7;font-weight:650}
.admin-content .stats{margin-bottom:16px}
.admin-content table{font-size:13px}
.admin-content th,.admin-content td{padding:10px 12px;color:#40564a}
.admin-content th{background:#f1f4ed;font-weight:600}
.admin-content .notice{padding:10px 14px;border-radius:7px;font-size:13px;line-height:1.7}
.pay-layout{margin-top:16px;gap:20px}
.pay-layout aside{padding-top:20px}
dialog#modal{border-color:#dbe3dd;border-radius:12px}
dialog .modal-header{padding:14px 22px}
dialog .modal-header h2{font-size:21px}
#modal-body{padding:20px 24px 24px}
#modal-body label{font-size:13px;margin-top:12px}
#modal-body .notice{font-size:13px;line-height:1.75;padding:12px 14px;border-radius:8px}
dialog#modal.publish-page[open]{margin-top:20px}
dialog.publish-page .modal-header{background:#fffefa}
dialog.publish-page .draft-bar{padding:8px 12px;margin-bottom:14px;background:#f3f6f0;font-size:12px}
dialog.publish-page .draft-bar button{font-size:12px;padding:6px 10px}
dialog.publish-page .publish-step-hint{padding:8px 10px;margin:6px 0 14px!important}
dialog.publish-page .release-layout{gap:24px}
dialog.publish-page .release-section-title{font-size:16px;margin:20px 0 12px;padding-bottom:9px}
dialog.publish-page .release-guide{padding:16px;background:#f6f8f3;border-color:#dbe3dd}
dialog.publish-page .release-guide h3{font-size:16px}
dialog.publish-page .release-guide section{padding:12px 0 2px}
dialog.publish-page .release-guide p{font-size:12px;line-height:1.75;margin:7px 0}
dialog.publish-page .release-budget{font-size:20px}
dialog.publish-page .job-section{font-size:16px;margin-top:20px;margin-bottom:12px}
dialog.publish-page .markdown-editor{border-radius:8px;border-color:#cad9ca}
dialog.publish-page .md-source{background:#f5f7f0}
dialog.publish-page .template-heading{margin:12px 0 6px}
dialog.publish-page .release-modes{margin-bottom:10px}
#app .empty{padding:32px 20px;font-size:14px}
@media(max-width:800px){
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage],[data-view=pay],[data-view=task]){padding-top:16px}
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage],[data-view=pay]) h1{font-size:22px}
#app .stat{padding:12px}#app .stat strong{font-size:21px}
#app .stats{gap:8px}
#app:is([data-view=work],[data-view=inbox],[data-view=admin],[data-view=manage]) .panel{padding:16px}
#app .actions button,#app .manage-link{min-height:40px}
.task-detail-content .panel,.task-detail-action{padding:18px}
.task-detail-action{position:static;grid-row:auto}
dialog.publish-page #modal-body{padding:14px 16px 22px}
dialog.publish-page .modal-header{padding:12px 16px}
dialog.publish-page .release-guide{padding:14px}
.admin-layout{gap:14px}
}