.status-task-public { color: var(--ct-body-color, #343a40); padding: 1rem; }
.status-task-public .tp-toolbar { padding: 1rem; margin-bottom: 1rem; background: var(--ct-secondary-bg, #fff); border: 1px solid var(--ct-border-color, #dee2e6); border-radius: .6rem; display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
.status-task-public .tp-heading { flex: 1 1 15rem; }
.status-task-public h1 { font-size: 1.4rem; margin: 0 0 .3rem; }
.status-task-public .tp-subtitle { margin: 0; color: var(--ct-secondary-color, #6c757d); }
.status-task-public label { display: grid; gap: .3rem; font-size: .85rem; }
.status-task-public .tp-search { flex: 1 1 14rem; }
.status-task-public input, .status-task-public select { min-height: var(--status-control-height, 2.75rem); }
.status-task-public .tp-toolbar button { min-height: var(--status-control-height, 2.75rem); display: inline-flex; align-items: center; justify-content: center; gap: .35rem; }
.status-task-public .tp-feedback { margin-bottom: .8rem; }
.status-task-public .tp-feedback[hidden], .status-task-public .tp-empty[hidden] { display: none; }
.status-task-public .tp-summary { margin: .5rem 0; color: var(--ct-secondary-color, #6c757d); font-size: .85rem; }
.status-task-public .tp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 1rem; }
.status-task-public .tp-card { padding: 1rem; border: 1px solid var(--ct-border-color, #dee2e6); border-radius: .6rem; background: var(--ct-secondary-bg, #fff); display: flex; flex-direction: column; gap: .65rem; min-width: 0; }
.status-task-public .tp-card h2 { font-size: 1.1rem; margin: 0; overflow-wrap: anywhere; }
.status-task-public .tp-card .tp-cover { width: 100%; height: 140px; object-fit: cover; border-radius: .35rem; }
.status-task-public .tp-card .tp-view { margin-top: auto; }
.status-task-public .tp-excerpt { color: var(--ct-secondary-color, #6c757d); margin: 0; overflow-wrap: anywhere; }
.status-task-public .tp-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
.status-task-public .tp-chip { padding: .2rem .45rem; border: 1px solid var(--ct-border-color, #dee2e6); border-radius: .3rem; font-size: .8rem; overflow-wrap: anywhere; }
.status-task-public .tp-state { font-weight: 600; display: inline-flex; align-items: center; gap: .3rem; }
.status-task-public .tp-state .mdi { font-size: 18px; }
.status-task-public .tp-empty { padding: 2rem; text-align: center; }
.status-task-public .tp-dialog { color: var(--ct-body-color, #343a40); background: var(--ct-secondary-bg, #fff); border: 1px solid var(--ct-border-color, #dee2e6); border-radius: .65rem; width: min(760px, calc(100vw - 1.2rem)); max-width: none; padding: 0; max-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 2rem); }
.status-task-public .tp-dialog::backdrop { background: #0008; }
.status-task-public .tp-dialog[open] { display: flex; flex-direction: column; }
.status-task-public .tp-dialog-header, .status-task-public .tp-dialog-footer { padding: .8rem 1rem; display: flex; align-items: center; gap: .75rem; flex-shrink: 0; }
.status-task-public .tp-dialog-header { border-bottom: 1px solid var(--ct-border-color, #dee2e6); }
.status-task-public .tp-dialog-header h2 { font-size: 1.25rem; margin: 0; flex: 1; overflow-wrap: anywhere; }
.status-task-public .tp-dialog-body { padding: 1rem; overflow: auto; overscroll-behavior: contain; min-height: 0; }
.status-task-public .tp-dialog-body h3 { font-size: 1.05rem; margin: 1rem 0 .5rem; }
.status-task-public .tp-rich { overflow-wrap: anywhere; }
.status-task-public .tp-rich img { max-width: 100%; height: auto; }
.status-task-public .tp-rich table { display: block; overflow: auto; max-width: 100%; }
.status-task-public .tp-results { display: grid; gap: .5rem; }
.status-task-public .tp-run { border: 1px solid var(--ct-border-color, #dee2e6); padding: .7rem; border-radius: .4rem; }
.status-task-public .tp-run time { display: block; font-size: .85rem; color: var(--ct-secondary-color, #6c757d); }
.status-task-public .tp-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: .6rem; }
.status-task-public .tp-gallery img { width: 100%; height: auto; border-radius: .35rem; }
.status-task-public .tp-map { height: 260px; border-radius: .4rem; border: 1px solid var(--ct-border-color, #dee2e6); }
.status-task-public .tp-dialog-footer { border-top: 1px solid var(--ct-border-color, #dee2e6); justify-content: end; padding-bottom: max(.8rem, env(safe-area-inset-bottom, 0px)); }
.status-task-public .tp-dialog button { min-height: 42px; }
.status-task-map-icon { background: var(--ct-secondary-bg, #fff); border: 1px solid #555; border-radius: 50%; text-align: center; line-height: 30px; }
.status-task-map-icon .mdi { vertical-align: middle; font-size: 25px; }
@media(max-width: 575px) { .status-task-public { padding: .65rem; } .status-task-public .tp-toolbar { padding: .75rem; } .status-task-public .tp-toolbar label:not(.tp-search) { flex: 1 1 8rem; } .status-task-public .tp-toolbar select { width: 100%; } }