/* Page headings only; existing card and section headings retain their sizes. */
.app-page h1{font-family:"Special Elite",Georgia,serif!important;font-size:20px!important;line-height:1.25}
@media(max-width:700px){.app-page h1{font-size:16px!important}}
@media(max-width:600px){.app-page h1{font-size:12px!important}}
.sheet-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:100%;min-width:0;margin:0 0 6px}
.sheet-actions-row .sheet-floor-collapse{order:0;flex:0 1 auto;min-width:0;white-space:normal}
.sheet-actions-row .sheet-floor-collapse span{display:inline-block;line-height:18px}
.sheet-actions{position:relative;flex:0 0 auto}
#sheetActionsButton{display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;height:32px;padding:0;flex:none;border:0;background:transparent;box-shadow:none;color:var(--de-text);border-radius:4px}
#sheetActionsButton:hover{background:color-mix(in srgb,var(--de-accent) 15%,transparent)}
#sheetActionsButton:focus-visible{outline:2px solid var(--de-accent);outline-offset:2px}
#sheetActionsMenu{position:absolute;right:0;top:100%;z-index:12000;width:190px;max-width:calc(100vw - 32px);padding:4px;background:var(--de-panel);border:1px solid var(--de-structure);box-shadow:0 5px 14px #0005}
#sheetActionsMenu[hidden],#sheetActionsButton[hidden]{display:none}
#sheetActionsMenu button{display:block;width:100%;padding:8px;text-align:left;font-size:14px;flex:none}
#sheetActionsMenu button:focus-visible{outline:2px solid var(--de-accent);outline-offset:-2px}
@media(max-width:768px){.sheet-actions-row{width:100%;justify-content:space-between}.sheet-actions-row .sheet-floor-collapse{margin-left:0;text-align:left;flex:1 1 auto}}
@media(min-width:769px){
  .sheet-section-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--de-structure);padding-bottom:12px;margin-bottom:18px}
  .sheet-section-header>.tabs{order:0;flex:1 1 auto;margin:0;padding:0;border-bottom:0}
  .sheet-section-header>.sheet-actions-row{order:1;flex:0 1 auto;margin:0 0 0 auto}
  /* Align Special Elite's visible letters, rather than its asymmetric line box. */
  .sheet-section-header .sheet-floor-collapse span{translate:0 1.5px}
  .sheet-section-header #sheetActionsButton svg{translate:0 -1.5px}
}
.tabs[data-order-pending]{visibility:hidden}
.shortcut-highlight{outline-style:solid!important;outline-width:3px!important;outline-color:transparent;outline-offset:3px;box-shadow:0 0 0 6px transparent;animation:shortcut-fade 2.4s ease-in-out forwards}
@keyframes shortcut-fade{0%,50%,100%{outline-color:transparent;box-shadow:0 0 0 6px transparent}25%,75%{outline-color:var(--de-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--de-accent) 35%,transparent)}}
@media(prefers-reduced-motion:reduce){.shortcut-highlight{animation:none;outline-color:var(--de-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--de-accent) 35%,transparent)}}
#characterManageForm{--manage-control-height:42px}
#manageCharacterName,#manageGroupField .dcc-select-button{box-sizing:border-box!important;height:var(--manage-control-height)!important;min-height:var(--manage-control-height)!important;max-height:var(--manage-control-height)!important;padding:0 8px!important;line-height:20px!important}
#manageGroupField>select:not(.dcc-select select){box-sizing:border-box;height:var(--manage-control-height);min-height:var(--manage-control-height)}
#characterHistoryPage{--history-text-size:13px}
#characterHistoryPage .back-link,#characterHistoryPage .history-entry{font-size:var(--history-text-size)!important}
#characterHistoryPage .back-link{margin:0 0 16px;padding:2px 0;min-height:0}
#characterHistoryPage h1{margin:0 0 8px}
#characterHistoryPage .app-card{margin:0}
#characterHistoryPage #historyTimeline{padding:4px 10px}
#characterHistoryPage .history-table{display:table;width:100%;table-layout:auto;border-collapse:collapse;background:var(--de-panel);color:var(--de-text);font-size:var(--history-text-size)}
#characterHistoryPage .history-table th,#characterHistoryPage .history-table td{padding:3px 6px;border:0;border-bottom:1px solid var(--de-structure);text-align:left;vertical-align:middle;overflow-wrap:anywhere}
#characterHistoryPage .history-table th{font-weight:normal;font-size:12px}
#characterHistoryPage .history-table th:last-child,#characterHistoryPage .history-table td:last-child{width:1%;white-space:nowrap;text-align:left}
#characterHistoryPage .history-entry{display:table-row}
#characterHistoryPage .history-entry:last-child td{border-bottom:0}
@media(max-width:390px){#characterHistoryPage #historyTimeline{padding:4px}#characterHistoryPage .history-table th,#characterHistoryPage .history-table td{padding:3px}}
#characterHistoryPage .history-entry button,#characterHistoryPage .history-pagination button{min-height:26px!important;padding:3px 8px!important;font-size:12px!important}
.history-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:13px}
#historyPageSize,.history-pagination .dcc-select-button{width:70px;min-height:28px!important;height:28px!important;padding:2px 6px!important}

body.dcc-release #characterHistoryPage .history-table th:last-child,body.dcc-release #characterHistoryPage .history-table td:last-child{padding-left:8px;text-align:left}