/* Optional issue layout. Shares theme tokens and the popup lifecycle with Classic. */
.kanban-issue-popup.simplified {
    container: simple-issue / inline-size;
    width: min(90vw, 70rem);
}
.kanban-issue-popup.simplified.maximized { width: calc(100vw - 1rem); }
.kanban-issue-popup.simplified .kanban-issue-popup-content {
    display: block;
    overflow: auto;
    scrollbar-gutter: stable;
}
.kanban-issue-popup.simplified .kanban-issue-popup-main {
    overflow: visible;
    gap: 1rem;
    padding: 1.15rem 1.4rem 1.4rem;
}
.kanban-issue-popup.simplified .kanban-issue-popup-summary-text,
.kanban-issue-popup.simplified .kanban-issue-popup-summary input {
    font-size: 1.35rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.kanban-issue-simple-essential {
    background: var(--issue-popup-sidebar);
    border: 1px solid var(--issue-popup-border);
    border-radius: .65rem;
    padding: .7rem .85rem;
}
.kanban-issue-simple-fields,
.kanban-issue-simple-essential .kanban-issue-popup-properties-readonly {
    display: grid;
    gap: .7rem 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kanban-issue-simple-fields label { display: grid; gap: .3rem; min-width: 0; }
.kanban-issue-simple-fields label > span,
.kanban-issue-popup.simplified .kanban-issue-popup-properties-readonly dt {
    color: var(--issue-popup-muted);
    font-size: var(--issue-popup-meta-font);
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
}
.kanban-issue-simple-fields :is(input, select),
.kanban-issue-simple-more-content {
    box-sizing: border-box;
    background: var(--issue-popup-control);
    border: 1px solid var(--issue-popup-border);
    border-radius: .4rem;
    color: var(--issue-popup-text);
    font: inherit;
    font-size: var(--issue-popup-control-font);
    min-height: 2.1rem;
    min-width: 0;
    padding: .35rem .45rem;
    width: 100%;
}
.kanban-issue-simple-fields :is(input, select):focus-visible,
.kanban-issue-simple-more-content:focus-visible,
.kanban-issue-popup.simplified summary:focus-visible {
    outline: 2px solid var(--issue-popup-accent);
    outline-offset: 2px;
}
.kanban-issue-popup.simplified .kanban-issue-popup-properties-readonly > div {
    align-content: start;
    align-items: start;
    border: 0;
    gap: .22rem;
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
}
.kanban-issue-popup.simplified .kanban-issue-popup-properties-readonly dd {
    font-size: var(--issue-popup-body-font);
    margin: 0;
    overflow-wrap: anywhere;
}
.kanban-issue-simple-essential .kanban-issue-popup-properties-readonly dd { font-weight: 650; }
.kanban-issue-simple-additional {
    border-bottom: 1px solid var(--issue-popup-border);
    padding-bottom: .7rem;
}
.kanban-issue-simple-additional > summary {
    border-radius: .3rem;
    color: var(--issue-popup-accent);
    cursor: pointer;
    font-size: var(--issue-popup-body-font);
    font-weight: 650;
    padding: .15rem 0;
}
.kanban-issue-simple-additional > summary small {
    color: var(--issue-popup-muted);
    font-size: var(--issue-popup-small-font);
    font-weight: 400;
    margin-left: .65rem;
}
.kanban-issue-simple-additional > .kanban-issue-simple-fields,
.kanban-issue-simple-additional > .kanban-issue-popup-properties-readonly {
    display: grid;
    gap: .9rem 1.2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .9rem;
}
.kanban-issue-simple-additional .kanban-issue-popup-audit {
    border-top: 1px solid var(--issue-popup-border);
    display: grid;
    gap: .45rem 1.2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
    padding-top: .7rem;
}
.kanban-issue-popup.simplified .kanban-issue-popup-tags { padding: 0; border: 0; }
.kanban-issue-popup.simplified .kanban-issue-popup-tags-heading { margin-bottom: .35rem; }
.kanban-issue-popup.simplified .kanban-issue-popup-interested-users {
    border: 0;
    padding: 0;
}
.kanban-issue-popup.simplified .kanban-issue-popup-description-readonly {
    font-size: var(--issue-popup-body-font);
    line-height: 1.5;
    -webkit-line-clamp: 5;
}
.kanban-issue-popup.simplified .kanban-issue-popup-description-editor textarea { min-height: 6rem; }
.kanban-issue-popup.simplified .kanban-issue-popup-activity-hub { padding-top: .2rem; }
.kanban-issue-popup.simplified .kanban-issue-popup-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .55rem;
    overflow: visible;
    padding-bottom: .3rem;
}
.kanban-issue-simple-more-content { margin-left: auto; width: auto; max-width: 100%; }
.kanban-issue-popup.simplified .kanban-issue-popup-composer { margin-top: .75rem; }
.kanban-issue-popup.simplified .kanban-issue-popup-composer-actions { grid-template-columns: auto minmax(0, 1fr); }
.kanban-issue-popup.simplified .kanban-issue-popup-composer-actions > small {
    font-size: var(--issue-popup-small-font);
    text-align: right;
}
.kanban-issue-simple-actions { position: relative; }
.kanban-issue-simple-actions > summary {
    background: var(--issue-popup-control);
    border: 1px solid var(--issue-popup-border);
    border-radius: .4rem;
    color: var(--issue-popup-text);
    cursor: pointer;
    font-size: var(--issue-popup-small-font);
    font-weight: 600;
    list-style: none;
    padding: .36rem .6rem;
    white-space: nowrap;
}
.kanban-issue-simple-actions > summary::-webkit-details-marker { display: none; }
.kanban-issue-simple-actions > summary::after { content: " ▾"; }
.kanban-issue-simple-actions[open] > summary::after { content: " ▴"; }
.kanban-issue-simple-actions > div {
    background: var(--issue-popup-control);
    border: 1px solid var(--issue-popup-border);
    border-radius: .5rem;
    box-shadow: 0 .4rem 1.2rem #0003;
    display: grid;
    gap: .35rem;
    min-width: 12rem;
    padding: .45rem;
    position: absolute;
    right: 0;
    top: calc(100% + .4rem);
    z-index: 8;
}
.kanban-issue-simple-actions .kanban-issue-popup-history-button { justify-content: flex-start; }
.kanban-issue-popup.simplified .kanban-issue-popup-footer { gap: .7rem; }
.kanban-issue-popup.simplified .kanban-issue-popup-footer > span { min-width: 0; }
.kanban-issue-popup.simplified .kanban-issue-popup-footer > div { flex-shrink: 0; }
@container simple-issue (max-width: 720px) {
    .kanban-issue-popup.simplified .kanban-issue-popup-main { padding: .85rem; }
    .kanban-issue-simple-fields,
    .kanban-issue-simple-essential .kanban-issue-popup-properties-readonly,
    .kanban-issue-simple-additional > .kanban-issue-simple-fields,
    .kanban-issue-simple-additional > .kanban-issue-popup-properties-readonly { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kanban-issue-popup.simplified .kanban-issue-popup-header { align-items: start; gap: .5rem; }
    .kanban-issue-popup.simplified .kanban-issue-popup-identity { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    .kanban-issue-popup.simplified .kanban-issue-popup-header-actions { flex-wrap: wrap; justify-content: flex-end; }
    .kanban-issue-simple-additional > summary small { display: none; }
    .kanban-issue-popup.simplified .kanban-issue-popup-footer { flex-wrap: wrap; }
    .kanban-issue-popup.simplified .kanban-issue-popup-footer > div { margin-left: auto; }
}
@container simple-issue (max-width: 420px) {
    .kanban-issue-popup.simplified .kanban-issue-popup-header { flex-wrap: wrap; }
    .kanban-issue-popup.simplified .kanban-issue-popup-header-actions { margin-left: auto; }
    .kanban-issue-simple-additional .kanban-issue-popup-audit { grid-template-columns: 1fr; }
    .kanban-issue-simple-more-content { margin-left: 0; }
    .kanban-issue-popup.simplified .kanban-issue-popup-composer-actions { grid-template-columns: 1fr; }
    .kanban-issue-popup.simplified .kanban-issue-popup-composer-actions > small { text-align: left; }
}