/* Shared disclosures keep secondary controls one click away. */
[hidden] { display: none !important; }
.list-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-block: 1.25rem; color: var(--color-muted); font-size: .85rem; }
.quick-action-form { display: flex; flex-wrap: wrap; align-items: start; gap: .65rem; }
.quick-action-form > input[name="title"] { flex: 1 1 14rem; min-width: 0; }
.quick-action-form > .form-more { flex: 1 0 100%; min-width: 0; }
.quick-action-form .form-field { display: grid; gap: .35rem; margin-bottom: .75rem; }
.quick-action-form .form-field :is(input, select, textarea) { width: 100%; min-width: 0; }
.action-checkbox:disabled { cursor: default; }
.action-check:has(.action-checkbox:disabled) { cursor: default; }
.simple-form > .form-more { margin-top: .75rem; }
.ui-disclosure { position: relative; width: max-content; max-width: 100%; }
.ui-disclosure > summary, .more-info > summary {
    display: flex; align-items: center; gap: .45rem; min-height: 2.5rem;
    list-style: none; cursor: pointer; border-radius: var(--radius);
}
.ui-disclosure > summary::-webkit-details-marker, .more-info > summary::-webkit-details-marker { display: none; }
.disclosure-arrow { color: var(--color-muted); font-size: .9rem; }
details[open] > summary > .disclosure-arrow { transform: rotate(180deg); }
.ui-disclosure > summary:focus-visible, .more-info > summary:focus-visible,
.scope-links a:focus-visible {
    outline: 2px solid var(--color-primary); outline-offset: 3px;
}
.ui-disclosure[open] { z-index: 80; }
.dropdown-panel {
    position: absolute; inset-block-start: calc(100% + .35rem); inset-inline-end: 0;
    z-index: 100; min-width: 11rem; width: max-content; max-width: calc(100vw - 2rem);
    max-height: min(65vh, 30rem); overflow-y: auto; padding: .35rem;
    background: var(--color-surface); color: var(--color-text);
    border: 1px solid var(--color-border); border-radius: var(--radius);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .14);
}
.ui-disclosure.opens-up > .dropdown-panel { inset-block-start: auto; inset-block-end: calc(100% + .35rem); }
.dropdown-panel a, .dropdown-panel button {
    display: flex; align-items: center; justify-content: flex-start; gap: .6rem;
    width: 100%; min-height: 2.6rem; padding: .55rem .8rem; border: 0;
    border-radius: calc(var(--radius) - 2px); background: transparent;
    color: var(--color-text); font: inherit; font-size: .88rem; text-align: start;
    text-decoration: none; cursor: pointer; white-space: normal;
}
.dropdown-panel a:hover, .dropdown-panel button:hover,
.dropdown-panel a:focus-visible, .dropdown-panel button:focus-visible {
    background: var(--color-surface-alt); color: var(--color-primary);
}
.dropdown-panel a:focus-visible, .dropdown-panel button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; }
.dropdown-panel hr { border: 0; border-top: 1px solid var(--color-border); margin: .3rem .5rem; }
.dropdown-panel form { margin: 0; }
.menu-description { display: grid; gap: .3rem; padding: .65rem .8rem; border-top: 1px solid var(--color-border); font-size: .8rem; color: var(--color-muted); }
.menu-description strong { font-weight: 600; color: var(--color-text); }
.site-header .ui-disclosure[open] { z-index: 1300; }
.site-header .brand { display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; min-width: 0; text-decoration: none; }
.brand-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; max-width: 100%; }
.brand-image { display: block; width: 240px; height: 64px; object-fit: cover; border-radius: 10px; background: #fff; }
.brand-caption { color: var(--color-muted); font-size: .75rem; font-weight: 500; line-height: 1.5; }
@media (max-width: 600px) {
    .brand-image { width: 200px; height: 54px; }
}
.site-nav { gap: .4rem; }
.site-nav > a, .site-nav > details > summary { padding: .35rem .65rem; border-radius: var(--radius); font-size: .92rem; }
.site-nav a[aria-current], .site-nav summary.is-active, .site-nav > a:hover { background: var(--color-surface-alt); color: var(--color-primary); text-decoration: none; }
.nav-notifications, .nav-messenger-notifications { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; min-height: 2.5rem; color: var(--color-text); border-radius: var(--radius); }
.nav-notifications:hover, .nav-messenger-notifications:hover { background: var(--color-surface-alt); text-decoration: none; }
.nav-notifications:focus-visible, .nav-messenger-notifications:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.nav-notifications .nav-badge, .nav-messenger-notifications .nav-badge { position: absolute; inset-block-start: -.1rem; inset-inline-end: -.15rem; min-width: 1.1rem; font-size: .65rem; line-height: 1.5; padding: .1rem .3rem; }
.user-box { flex-wrap: nowrap; gap: .5rem; }
.account-menu-trigger { padding-inline: .25rem; }
.account-menu-name { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-links { min-width: 14rem; }
.status-picker > summary { padding: .15rem .35rem .15rem .55rem; border: 1px solid var(--color-border); background: var(--color-surface); }
.status-picker > summary:hover, .row-more > summary:hover { border-color: var(--color-primary); }
.status-picker .status-badge { font-size: .82rem; }
.status-picker > summary {
    min-height: 0; height: 1.75rem; padding-block: 0;
}
.status-picker .status-badge {
    min-height: 0; padding-block: 0; line-height: 1.4;
}
.project-list-card .status-picker { width: 8.5rem; }
.project-list-card .status-picker > summary { justify-content: space-between; }
.status-options .status-choice.is-current { display: none; }
.status-options .status-choice-label { text-align: start; }
.status-form.is-loading .status-picker { pointer-events: none; opacity: .65; }
.row-more > summary { padding-inline: .65rem; border: 1px solid var(--color-border); color: var(--color-muted); font-size: .85rem; }
table.data-table, table.data-table tr { overflow: visible; }
.action-context { display: block; margin-top: .3rem; color: var(--color-muted); font-size: .8rem; line-height: 1.8; }
table.work-list-table td { vertical-align: middle; }
.work-list-title { display: block; min-width: 0; overflow-wrap: anywhere; }
.work-list-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .35rem; }
.work-list-tools .action-row-tools { order: 1; gap: .35rem; }
.work-list-tools :is(.row-tool, .hours-trigger, .description-trigger, .result-trigger) {
    box-sizing: border-box; inline-size: 2rem; block-size: 2rem;
}
@media (min-width: 761px) {
    .work-list-tools { flex-wrap: nowrap; }
    /* Each tool keeps its own slot, so the description icon does not move when a result button is present. */
    .work-list-tools { display: grid; grid-template-columns: repeat(4, 2rem); justify-content: end; gap: .35rem; }
    .work-list-tools > *, .work-list-tools .action-row-tools > * { grid-row: 1; }
    .work-list-tools .action-row-tools { display: contents; }
    .work-list-tools > .description-trigger { grid-column: 1; }
    .work-list-tools > .result-trigger { grid-column: 2; }
    .work-list-tools .hours-trigger { grid-column: 3; }
    .work-list-tools a.row-tool { grid-column: 4; }
    .work-list-table td[data-label="مهلت انجام"] .inline-field-trigger { white-space: nowrap; }
}
@media (min-width: 1051px) {
    .work-list-table td[data-label="عملیات"] { width: 1%; }
}
@media (max-width: 1050px) {
    table.task-list-table td { align-items: center; }
}
/* Work lists on phones (and task cards on tablets): title, context, then one line of chips and tools. */
@media (max-width: 1050px) {
    table.task-list-table tr { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .5rem; padding: .75rem .85rem; }
    table.task-list-table td { display: flex; flex: 0 1 auto; align-items: center; gap: .3rem; min-width: 0; max-width: 100%; padding: 0; border: 0; }
    table.task-list-table td::before { display: none; }
    table.task-list-table td:is([data-label="عنوان"], [data-label="پروژه"], [colspan]) { flex: 1 1 100%; }
    table.task-list-table td[data-label="عنوان"] { font-weight: 600; }
    table.task-list-table td[data-label="پروژه"] { margin-top: -.3rem; font-size: .8rem; }
    table.task-list-table td[data-label="پروژه"] a { color: var(--color-muted); }
    table.task-list-table td[data-label="اولویت"][data-priority="100"],
    table.task-list-table td[data-label="دسترسی"]:has(> .empty:only-child) { display: none; }
    table.task-list-table td[data-label="اولویت"] { min-height: 2rem; padding: .2rem .55rem; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface-alt); font-size: .78rem; }
    table.task-list-table td:is([data-label="اولویت"], [data-label="مهلت انجام"])::before { display: inline; content: attr(data-label); color: var(--color-muted); font-size: .68rem; font-weight: 400; }
    table.task-list-table td[data-label="مهلت انجام"]:has(.empty)::before { display: none; }
    table.task-list-table td[data-label="عملیات"] { order: 10; margin-inline-start: auto; }
    table.task-list-table td .inline-field-trigger { min-height: 2rem; padding: .2rem .5rem; border: 1px solid var(--color-border); background: var(--color-surface-alt); font-size: .78rem; white-space: nowrap; }
    table.task-list-table td .inline-field-trigger .empty { padding: 0; }
    table.task-list-table td .user-name { max-inline-size: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 1050px) {
    table.action-list-table tr { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .5rem; padding: .75rem .85rem; }
    table.action-list-table td { display: flex; flex: 0 1 auto; align-items: center; gap: .3rem; min-width: 0; max-width: 100%; padding: 0; border: 0; }
    table.action-list-table td::before { display: none; }
    table.action-list-table td:is([data-label="عنوان"], [colspan]) { display: block; flex: 1 1 100%; font-weight: 600; }
    table.action-list-table td[data-label="عنوان"] .action-context { margin-top: .15rem; font-weight: 400; }
    table.action-list-table td[data-label="مهلت انجام"]::before { display: inline; content: attr(data-label); color: var(--color-muted); font-size: .68rem; font-weight: 400; }
    table.action-list-table td[data-label="مهلت انجام"]:has(.empty)::before { display: none; }
    table.action-list-table td[data-label="عملیات"] { order: 10; margin-inline-start: auto; }
    table.action-list-table td .inline-field-trigger { min-height: 2rem; padding: .2rem .5rem; border: 1px solid var(--color-border); background: var(--color-surface-alt); font-size: .78rem; white-space: nowrap; }
    table.action-list-table td .inline-field-trigger .empty { padding: 0; }
    table.action-list-table td .user-name { max-inline-size: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.scope-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; margin-bottom: 1.1rem; }
.scope-links { display: flex; flex-wrap: wrap; gap: .25rem; padding: .25rem; border: 1px solid var(--color-border); background: var(--color-surface); border-radius: var(--radius); }
.scope-links a { display: flex; align-items: center; min-height: 2.4rem; padding: .4rem .75rem; border-radius: calc(var(--radius) - 2px); color: var(--color-muted); font-size: .85rem; text-decoration: none; }
.scope-links a[aria-current] { background: var(--color-surface-alt); color: var(--color-primary); font-weight: 600; }
.scope-links a:hover { background: var(--color-surface-alt); color: var(--color-text); }
.scope-reset { color: var(--color-muted); font-size: .8rem; padding-block: .5rem; }
.scope-user-form { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.scope-user-form label { font-size: .85rem; color: var(--color-muted); }
.scope-user-form select { min-width: 10rem; max-width: 100%; padding: .5rem; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-surface); color: var(--color-text); font: inherit; font-size: .85rem; }
.entity-breadcrumb { display: block; color: var(--color-muted); font-size: .85rem; margin-bottom: .4rem; }
.entity-detail-card { padding-block: .8rem; }
.detail-grid.detail-essentials { display: flex; flex-wrap: wrap; gap: .75rem 2rem; align-items: flex-start; margin-bottom: .5rem; }
.detail-essentials .detail-field { flex: 0 1 auto; border: 0; background: transparent; padding: .2rem 0; }
.detail-essentials .detail-label { font-size: .75rem; }
.detail-essentials .detail-value-with-icon { min-height: 2.5rem; }
.more-info { border-top: 1px solid var(--color-border); margin-bottom: .7rem; }
.more-info > summary { flex-wrap: wrap; gap: .3rem .5rem; padding-block: .55rem; font-size: .88rem; color: var(--color-text); }
.disclosure-hint { color: var(--color-muted); font-size: .75rem; font-weight: 400; }
.more-info[open] > summary { margin-bottom: .5rem; }
.more-info > .detail-grid { margin-block: .5rem 1rem; }
.detail-actions { margin-bottom: 0; gap: .4rem; }
.detail-actions .btn { width: auto; padding: .4rem .75rem; font-size: .85rem; }
.detail-actions .btn-danger { background: transparent; color: var(--color-danger); }
.detail-actions .btn-danger:hover { background: var(--color-danger-bg); }
.project-detail-tags { margin-bottom: .75rem; }
.project-card-menu > summary {
    justify-content: center; width: 2.75rem; min-height: 2.75rem; padding: 0;
    color: var(--color-muted); border: 1px solid transparent;
}
.project-card-menu > summary:hover, .project-card-menu[open] > summary {
    background: var(--color-surface-alt); color: var(--color-text); border-color: var(--color-border);
}
.project-card-menu .dropdown-panel > a { min-height: 2.75rem; }
.project-card-menu .dropdown-panel svg { flex-shrink: 0; }
.project-card-menu .project-menu-delete { color: var(--color-danger); }
.project-card-menu .project-menu-delete:hover, .project-card-menu .project-menu-delete:focus-visible { background: var(--color-danger-bg); }
.project-card-mobile-icon, .project-created-short, .project-menu-info { display: none; }
.project-list-card .status-options,
.project-detail-card .status-options { inset-inline-start: 0; inset-inline-end: auto; }
.project-detail-card .detail-essentials .detail-field { display: flex; align-items: center; gap: .5rem; max-width: 100%; }
.project-detail-card .detail-essentials .detail-label { margin-bottom: 0; flex-shrink: 0; }
.project-detail-card .detail-essentials .detail-value-with-icon { min-height: 1.75rem; }
.project-detail-more { display: flow-root; border-top: 1px solid var(--color-border); padding-top: .4rem; }
.project-detail-more > .detail-actions { float: inline-end; min-height: 2.5rem; margin-inline-start: 1rem; }
.project-detail-more > .more-info { border: 0; margin: 0; }
.project-detail-more > .more-info > summary { padding-block: .4rem; }
.project-detail-more > .more-info > .detail-grid { clear: both; }
.ui-icon { flex-shrink: 0; vertical-align: middle; }
.entity-page-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.25rem; margin-block-end: 1rem; }
.entity-page-header .page-title { margin: 0; min-width: 0; overflow-wrap: anywhere; flex: 1 1 16rem; }
.entity-resource-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.entity-resource-tools .entity-resource-button {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
    min-height: 2.5rem; padding: .4rem .65rem; border: 1px solid var(--color-border);
    border-radius: var(--radius); background: var(--color-surface); color: var(--color-muted);
    font: inherit; font-size: .8rem; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.entity-resource-tools .entity-resource-button:hover,
.entity-resource-tools details[open] > summary { color: var(--color-primary); border-color: var(--color-primary); background: var(--color-surface-alt); }
.entity-resource-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.activity-section { margin-block-start: 1.5rem; }
.activity-disclosure { border-block-start: 1px solid var(--color-border); }
.activity-disclosure > summary { display: flex; align-items: center; gap: .5rem; min-height: 3.25rem; padding: .6rem .2rem; color: var(--color-text); font-size: .9rem; font-weight: 600; cursor: pointer; list-style: none; }
.activity-disclosure > summary::-webkit-details-marker { display: none; }
.activity-disclosure > summary > .disclosure-arrow { margin-inline-start: auto; }
.activity-disclosure > summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: var(--radius); }
.activity-panel { margin-block: .15rem .8rem; }
.form-more { margin-block: .4rem 1rem; }
.form-more > summary { margin-bottom: 0; }
.today-summary { margin-block: .5rem 1.25rem; border-top: 0; }
.today-summary[open] { padding-bottom: .75rem; }
.today-group .section-title { display: flex; gap: .5rem; align-items: center; }
.overdue-group .section-title { color: var(--color-danger); }
.today-action-list { margin-bottom: 0; }
.today-action-list .action-title { font-weight: 600; }
.today-action-list .action-task-link { font-size: .82rem; margin-top: .2rem; }
.today-action-list .action-due { color: var(--color-text); }
.today-action-list .action-item > .status-form { flex: 0 0 8.5rem; }
.today-action-list .status-picker { width: 8.5rem; }
.today-action-list .status-picker > summary { justify-content: space-between; }
.today-action-list .status-picker .status-badge {
    box-sizing: border-box; width: 6.25rem; flex: 0 0 6.25rem; text-align: center;
}
.today-action-list .action-tools {
    display: flex; align-items: center; justify-content: flex-end;
    flex: 0 0 9rem; gap: .35rem;
}
.today-action-list .action-tools :is(.row-tool, .hours-trigger, .description-trigger, .result-trigger) {
    box-sizing: border-box; inline-size: 2rem; block-size: 2rem;
}
.overdue-group .action-due { color: var(--color-danger); }
:root[data-theme="dark"] .scope-user-form select { color-scheme: dark; }
@media (max-width: 760px) {
    .site-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem .75rem; padding: .65rem 1rem; }
    .site-header .brand { grid-column: 1; grid-row: 1; font-size: 1rem; }
    .site-header .user-box { grid-column: 2; grid-row: 1; width: auto; justify-content: flex-end; }
    .site-nav { grid-column: 1 / -1; grid-row: 2; gap: .35rem; }
    .nav-search { grid-column: 1 / -1; grid-row: 3; min-width: 0; max-width: none; width: 100%; }
    .site-nav .dropdown-panel { inset-inline-start: 0; inset-inline-end: auto; }
    .action-list-table .action-edit-cell { width: auto; }
    .scope-links { width: 100%; flex-wrap: nowrap; }
    .scope-links a { flex: 1 1 auto; justify-content: center; white-space: nowrap; }
    /* Four filters form an even 2×2 grid instead of leaving one alone on a second row. */
    .scope-links:has(> a:nth-child(4)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* Profile sections stay one row and scroll sideways rather than wrapping under the active tab. */
    .profile-tabs { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
    .profile-tabs::-webkit-scrollbar { display: none; }
    .profile-tabs a { flex: 0 0 auto; white-space: nowrap; }
    .scope-user-form { width: 100%; }
    .scope-user-form select { flex: 1; min-width: 0; }
    .detail-grid.detail-essentials { gap: .6rem 1.5rem; }
    .detail-actions .btn { width: auto; }
    .project-detail-more > .detail-actions { float: none; justify-content: flex-end; margin-inline-start: 0; margin-bottom: .3rem; }
    .project-detail-more > .detail-actions > .btn { flex: 0 1 auto; }
    /* Action lists (today, focus mode, task list view): check and title, then status, owner,
       deadline and tools as one line of chips under the title. */
    .action-list .action-item { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .5rem; padding-block: .8rem; }
    .action-list .action-check { align-self: flex-start; padding: .15rem; }
    .action-list .action-checkbox { width: 20px; height: 20px; }
    .action-list .action-main { flex: 1 1 calc(100% - 2.5rem); min-width: 0; }
    .action-list .action-item:not(:has(> .action-check)) > .action-main { flex-basis: 100%; }
    .action-list .action-item > :is(.status-form, .action-cell) { order: 2; display: flex; flex: 0 0 auto; width: auto; }
    .action-list .action-item > .action-cell::before { display: none; }
    .action-list .action-item:has(> .action-check) > .action-cell[data-label="وضعیت"] { margin-inline-start: 2rem; }
    .action-list .action-tools { order: 3; flex: 0 0 auto; margin-inline-start: auto; justify-content: flex-end; }
    .action-list .action-cell .inline-field-trigger { min-height: 2rem; padding: .2rem .5rem; border: 1px solid var(--color-border); background: var(--color-surface-alt); font-size: .78rem; white-space: nowrap; }
    .action-list .action-cell .inline-field-trigger .empty { padding: 0; }
    .action-list .action-cell .user-name { max-inline-size: 8.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .action-list .status-picker { width: auto; }
    .action-list .status-picker .status-badge { width: auto; flex: 0 0 auto; }
}
@media (max-width: 640px) {
    .project-list-card { padding: .65rem .75rem; gap: .5rem; border-radius: 12px; }
    .project-list-card .project-card-main { align-items: flex-start; flex-direction: column; gap: .35rem; }
    .project-list-card .project-card-title { align-items: flex-start; font-size: .92rem; line-height: 1.7; padding-block: .35rem; }
    .project-list-card .project-emoji { flex-shrink: 0; margin-inline-end: 0; }
    .project-list-card .tag-badge-row { gap: .25rem; }
    .project-list-card .tag-badge { font-size: .72rem; padding: .15rem .5rem; min-height: 1.75rem; }
    .project-list-card .project-card-meta {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "status priority" "owner created";
        gap: .5rem .65rem;
    }
    .project-list-card .project-card-field { grid-template-columns: auto minmax(0, 1fr); gap: .35rem; }
    .project-list-card .project-card-label { font-size: .72rem; }
    .project-list-card .project-list-status { display: flex; }
    .project-list-card .project-list-status > .project-card-label,
    .project-list-card .project-card-label-text {
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
        overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
    }
    .project-list-card .project-card-status-form .status-picker > summary { border-color: transparent; padding-inline: 0 .35rem; background: transparent; }
    .project-list-card .status-picker > summary:hover { border-color: var(--color-border); }
    .project-list-card .project-list-priority { justify-self: end; padding: .1rem .45rem; border-radius: 6px; background: var(--color-surface-alt); font-size: .78rem; }
    .project-list-card .project-list-priority .project-card-value { font-weight: 600; }
    .project-list-card .project-list-owner { font-size: .78rem; }
    .project-list-card .project-list-created { justify-self: end; color: var(--color-muted); font-size: .72rem; }
    .project-list-card .project-created-short { display: inline; white-space: nowrap; }
    .project-list-card .project-card-mobile-icon { display: block; }
    .project-list-card .project-list-access, .project-list-card .project-created-full { display: none; }
    .project-list-card .project-menu-info { display: grid; }
}
@media (max-width: 420px) {
    .site-header .brand { font-size: .9rem; }
    .site-header .brand-image { max-width: 100%; height: auto; }
    .account-menu-name { display: none; }
    .disclosure-hint { flex-basis: 100%; }
}
.inline-field { display: inline-flex; align-items: center; gap: .3rem; min-width: 0; max-width: 100%; }
.inline-field-trigger {
    display: inline-flex; align-items: center; gap: .3rem; min-height: 2.5rem;
    max-width: 100%; padding: .25rem .35rem; border: 1px solid transparent;
    border-radius: var(--radius); background: transparent; color: inherit;
    font: inherit; text-align: start; cursor: pointer;
}
.inline-field-trigger:hover, .inline-field-trigger:focus-visible,
.inline-field-trigger[aria-expanded="true"] {
    border-color: var(--color-border); background: var(--color-surface-alt);
}
.inline-field-trigger time { white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
.inline-field-trigger .disclosure-arrow { color: var(--color-muted); }
.inline-field-editor {
    position: fixed; z-index: 1050; width: min(19rem, calc(100vw - 1rem));
    max-height: calc(100vh - 1rem); overflow-y: auto; box-sizing: border-box;
    padding: .8rem; border: 1px solid var(--color-border); border-radius: var(--radius);
    background: var(--color-surface); color: var(--color-text);
    box-shadow: 0 8px 24px #0003; text-align: start; white-space: normal;
}
.inline-field-editor[hidden], .inline-field-error[hidden] { display: none; }
.inline-field-form { display: grid; gap: .65rem; margin: 0; }
.inline-field-form select, .inline-field-form input:not([type="hidden"]) {
    width: 100%; min-width: 0; min-height: 2.75rem; box-sizing: border-box;
    padding: .4rem .5rem; border: 1px solid var(--color-border); border-radius: var(--radius);
    background: var(--color-surface); color: var(--color-text); font: inherit;
}
.inline-field-actions { display: flex; gap: .5rem; }
.inline-field-actions .btn { flex: 1; }
.inline-field-error { margin: 0; color: var(--color-danger); font-size: .8rem; }
.inline-field-feedback { color: var(--color-muted); font-size: .75rem; }
.inline-field-form[aria-busy="true"] { opacity: .65; }
.inline-field-editor .jalali-datepicker.is-inline {
    position: static; width: 100%; max-width: 100%; box-sizing: border-box;
    padding: .4rem; box-shadow: none;
}

.notification-menu > summary { justify-content: center; }
.notification-menu > .notification-dropdown { display: flex; flex-direction: column; width: 23rem; max-width: calc(100vw - 1.5rem); max-height: min(75dvh, 36rem); padding: 0; overflow: hidden; }
.notification-dropdown h2 { margin: 0; padding: .85rem 1rem; font-size: .95rem; border-bottom: 1px solid var(--color-border); }
.notification-preview-list { min-height: 0; list-style: none; padding: .3rem; margin: 0; max-height: min(48vh, 24rem); overflow-y: auto; overscroll-behavior: contain; }
.notification-preview-list li + li { border-top: 1px solid var(--color-border); }
.notification-dropdown .notification-preview { display: grid; gap: .3rem; padding: .7rem; overflow-wrap: anywhere; }
.notification-preview strong { font-size: .85rem; font-weight: 600; }
.notification-preview-body { font-size: .82rem; white-space: pre-line; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.notification-preview small { font-size: .72rem; color: var(--color-muted); }
.notification-preview-empty, .notification-menu-status { padding: 1rem; margin: 0; font-size: .82rem; color: var(--color-muted); }
.notification-dropdown .notification-view-all { justify-content: center; border-top: 1px solid var(--color-border); border-radius: 0; font-size: .78rem; color: var(--color-primary); }

.notification-dropdown h2, .notification-dropdown .notification-view-all { flex-shrink: 0; }

.action-row-tools {display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}
.row-tool {display:inline-flex;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border:1px solid var(--color-border);border-radius:7px;color:var(--color-muted);background:var(--color-surface)}
.row-tool:hover,.row-tool:focus-visible {color:var(--color-primary);outline:2px solid var(--color-focus-ring);outline-offset:1px}
.row-tool-delete:hover {color:var(--color-danger)}

.work-metadata {display:inline-flex;gap:.25rem;flex-wrap:wrap;align-items:center;max-width:100%;font-size:.72rem}
.work-priority {font-size:.7rem;white-space:nowrap}

.page-filter-dialog {box-sizing:border-box;inline-size:min(680px,calc(100vw - 24px));max-block-size:85dvh;overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);padding:20px}
.page-filter-dialog::backdrop {background:#0005}
.page-filter-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.page-filter-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-filter-grid .form-field {min-width:0;margin:0 0 12px}
.page-filter-grid select,.page-filter-grid input {width:100%;max-width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);font:inherit}
.page-filter-grid select[multiple] {min-height:90px}
.page-filter-dialog .actions-row {flex-wrap:wrap}
@media(max-width:480px) {.page-filter-grid {grid-template-columns:minmax(0,1fr)}}

.priority-value { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; white-space: nowrap; }
.priority-shape { --priority-color: var(--color-primary); display: inline-grid; place-items: center; flex: 0 0 1.2rem; width: 1.2rem; height: 1.2rem; border-radius: 4px; color: var(--priority-color); background: color-mix(in srgb, var(--priority-color) 12%, transparent); }
.priority-shape .ui-icon { width: 14px; height: 14px; }
.priority-shape[data-priority="25"] { --priority-color: var(--color-danger); }
.priority-shape[data-priority="50"] { --priority-color: #b77912; }
.priority-shape[data-priority="200"] { --priority-color: var(--color-muted); }
.priority-label { color: var(--color-text); }