/* Shared compact actions; history uses the approved point-card hierarchy. */
.button.button-icon,.task-card .task-actions form .button.button-icon { width:46px;min-width:46px;height:46px;padding:0;flex:0 0 46px;border-radius:50%; }
.button-icon svg { width:20px;height:20px; }
.catalog-filters.history-filters { grid-template-columns:minmax(150px,2fr) repeat(3,minmax(120px,1fr)) 112px; }
.catalog-filters.history-filters:not(:has([name="child"])) { grid-template-columns:minmax(150px,2fr) repeat(2,minmax(120px,1fr)) 112px; }
.task-card.history-entry { grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:20px minmax(46px,auto) minmax(21px,auto);row-gap:4px; }
.history-entry > .task-main { display:contents; }
.history-entry > .task-main > .task-people { grid-column:2;grid-row:1; }
.history-entry > .task-main > h3 { grid-column:2;grid-row:2;align-self:center;margin:0;overflow-wrap:anywhere; }
.history-entry > .task-point { grid-column:1;grid-row:2; }
.history-entry > .task-main > .task-info { grid-column:2;grid-row:3; }
.history-entry > .task-actions { grid-column:3;grid-row:2;max-width:240px; }
.history-entry time { white-space:nowrap; }
.reversal-amount { display:flex;align-items:center;gap:12px; }
.history-pagination { display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:24px; }
@media(max-width:900px) {
 .catalog-filters.history-filters,.catalog-filters.history-filters:not(:has([name="child"])) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .catalog-filters.history-filters > input { grid-column:1/-1; }
 .catalog-filters.history-filters > .button { grid-column:-2/-1; }
}
@media(max-width:600px) {
 .task-card.history-entry { grid-template-columns:46px minmax(0,1fr);column-gap:var(--card-mobile-gap); }
 .history-entry > .task-actions { grid-column:2;grid-row:4;max-width:100%; }
 .history-entry .task-actions form { width:100%; }
 .history-entry .task-actions input { min-width:0;width:100%; }
}

@media(max-width:600px) { .catalog-filters.history-filters,.catalog-filters.history-filters:not(:has([name="child"])) { grid-template-columns:minmax(0,1fr); } .catalog-filters.history-filters > .button { grid-column:1; } }

/* Profile controls share the same input/action capsule as login. */
.profile-settings .avatar-picker { position:relative;padding:0;cursor:pointer;flex-shrink:0;border:2px solid var(--blue); }
.avatar-picker:focus-within { outline:3px solid var(--blue);outline-offset:4px; }
.profile-identity { position:relative;overflow:visible; }
.profile-identity .eyebrow { position:absolute;top:100%;left:0;margin:4px 0 0;font-size:14px; }
.profile-settings .settings-profile { margin-bottom:36px; }
.profile-control { width:100%; }
.profile-control input[type="time"] { flex:1 1 0;width:0;min-width:0;border:0 !important;min-height:0;height:44px;padding:0 10px;border-radius:0 !important;box-shadow:none;background:transparent; }
.time-control > svg { width:20px;height:20px;flex:0 0 20px;margin-left:16px;fill:none;stroke:currentColor;stroke-width:1.5; }
.time-control input::-webkit-calendar-picker-indicator { display:none; }
.profile-control > .button { margin-left:auto; }
.profile-settings .color-controls { gap:0;margin:10px 0; }
.profile-settings .color-controls input[type="color"] { width:34px;min-width:34px;min-height:34px;height:34px;padding:0;border:0;border-radius:50%;overflow:hidden;margin-left:16px;cursor:pointer; }
.color-controls input::-webkit-color-swatch-wrapper { padding:0; }
.color-controls input::-webkit-color-swatch { border:0;border-radius:50%; }
.color-controls input::-moz-color-swatch { border:0;border-radius:50%; }
.profile-session-actions { display:flex;justify-content:flex-end;gap:8px;align-items:center; }
.profile-session-actions form { margin:0; }
.profile-login > h1 { margin-bottom:24px; }
.profile-login > .back-link { margin:20px 0 0;text-align:center; }
@media(max-width:600px) { .profile-settings .settings-profile { margin-bottom:36px; } }

.profile-settings .avatar-picker input[type="file"] { position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer; }

/* Shared dropdowns: outlined trigger and text-only options. */
.app-select { position:relative;min-width:0; }
.app-select .enhanced-select { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;padding:0;min-height:0; }
.app-select .select-trigger, .task-tabs .other-task-tabs summary { width:100%;min-height:46px;border:1px solid var(--blue);border-radius:999px;background:transparent;color:var(--text);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;cursor:pointer; }
.app-select .select-trigger::after { content:'⌄';color:var(--blue); }
.app-select .select-options, .task-tabs .other-task-tabs[open] > div { position:absolute;z-index:20;top:calc(100% + 6px);right:0;min-width:100%;width:max-content;max-width:min(320px,85vw);max-height:320px;overflow:auto;padding:8px;background:#1c1c1e;border:1px solid #303034;border-radius:18px;box-shadow:0 8px 24px #0003; }
.app-select .select-options[hidden] { display:none; }
.app-select [role="option"], .task-tabs .other-task-tabs > div a { display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;background:transparent;border:0;border-radius:0;color:#fff;font-size:14px;line-height:1.4;cursor:pointer;outline:none; }
.app-select [role="option"]:hover, .app-select [role="option"]:focus, .task-tabs .other-task-tabs > div a:hover, .task-tabs .other-task-tabs > div a:focus-visible { color:var(--blue);background:transparent; }
.app-select [aria-disabled="true"] { opacity:.5;cursor:default; }
.app-select .select-trigger:focus-visible { outline:2px solid var(--blue);outline-offset:3px; }
.task-toolbar .app-select { min-width:152px; }
@media(max-width:600px) { .task-tabs .other-task-tabs[open] > div { left:0;right:auto; } }
.app-select [role="option"], .task-tabs .other-task-tabs > div a { font-weight:400; }

/* my-app-design audit: one SVG chevron, visible keyboard focus and motion preference. */
:root { --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.app-select .select-trigger::after, .task-tabs .other-task-tabs summary::after { content:'';width:20px;height:20px;flex:0 0 20px;margin:0;background:var(--blue);mask:var(--select-chevron) center/contain no-repeat; }
.app-select .select-trigger { text-align:left;overflow-wrap:anywhere; }
.app-select [role="option"] { overflow-wrap:anywhere; }
.app-select [role="option"][hidden] { display:none; }
.app-select [role="option"]:focus-visible { outline:1px solid var(--blue);outline-offset:-2px;border-radius:6px; }
.app-select .select-trigger[aria-invalid="true"] { border-color:#c43140; }
:where(a,button,input,textarea,summary):focus-visible { outline:2px solid var(--blue);outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important;animation:none !important;transition:none !important; } }