/* Current positions are transient; recent activity remains available. */
[hidden]{display:none!important}
.flat-state{display:flex;align-items:center;gap:10px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--soft);font-size:12px}
.flat-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent-bg);color:var(--accent)}
.flat-icon svg{width:13px;height:13px}
.flat-state small{margin-left:auto;font-size:10px;color:var(--muted)}
.flat-state button{margin-left:auto;font-size:10px;color:var(--accent)}
.activity-section{margin-top:36px}
.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}
.activity-example-tag{font-size:9px;color:var(--muted);padding:5px 8px;border:1px solid var(--border);border-radius:5px;white-space:nowrap}
.activity-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.activity-order{font-size:9px;color:var(--muted)}
.activity-new{width:100%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:7px;color:var(--accent);background:var(--accent-bg);font-size:11px;padding:10px;margin-bottom:12px}
.activity-table-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
.activity-table{border-collapse:collapse;width:100%;table-layout:fixed}
.activity-table th{text-align:left;font-weight:450;font-size:10px;color:var(--muted);background:var(--surface-hover);padding:13px 16px;border-bottom:1px solid var(--border)}
.activity-table td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);font-size:11px;white-space:nowrap}
.activity-table tr:last-child td{border-bottom:0}
.activity-table tbody tr:hover{background:var(--surface-hover)}
.activity-table th:nth-child(1){width:12%}
.activity-table th:nth-child(2){width:27%}
.activity-table th:nth-child(3){width:9%}
.activity-table th:nth-child(4){width:10%;text-align:right}
.activity-table th:nth-child(5){width:15%}
.activity-table th:nth-child(6){width:15%}
.activity-table th:nth-child(7){width:12%;text-align:right}
.activity-time{font:10px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
.activity-symbol{font-weight:550}
.activity-quantity,.activity-duration{text-align:right;font:11px var(--mono);font-variant-numeric:tabular-nums}
.activity-duration{color:var(--soft)}
.activity-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:13px;min-height:35px}
.activity-pagination>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.activity-pagination>div{display:flex;gap:8px}
.activity-pagination button{font-size:11px;padding:7px 13px;border:1px solid var(--border);background:var(--surface);border-radius:6px;min-height:34px;color:var(--soft)}
.activity-pagination button:hover{color:var(--accent);border-color:var(--accent)}
.activity-pagination button span{color:var(--muted);margin-left:7px;font-size:9px}
.activity-empty{font-size:12px;text-align:center;padding:40px 20px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:var(--surface)}
.mobile-activity{display:none}
.demo-action{border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--soft);padding:5px 8px;font-size:10px;min-height:29px}
.demo-action:hover{color:var(--accent)}
@media(min-width:768px) and (max-width:1000px){
 .activity-table th,.activity-table td{padding:12px 10px;font-size:10px}
 .activity-table th:nth-child(1){width:12%}
 .activity-table th:nth-child(2){width:26%}
 .activity-table th:nth-child(3){width:8%}
 .activity-table th:nth-child(4){width:9%}
 .activity-table th:nth-child(5){width:16%}
 .activity-table th:nth-child(6){width:17%}
 .activity-table .quote{display:none}
 .activity-table .bot-cell{gap:6px}
 .activity-table .bot-name{font-size:9px}
 .activity-time{font-size:9px}
}
@media(max-width:767px){
 .flat-state{padding:14px 13px;font-size:10px;gap:8px;flex-wrap:wrap}
 .flat-state small{font-size:8px;margin-left:auto}
 .flat-icon{width:20px;height:20px}
 .flat-icon svg{width:12px;height:12px}
 .activity-section{margin-top:28px}
 .activity-heading{margin-bottom:14px;gap:9px}
 .activity-heading h2{font-size:18px}
 .activity-heading .section-description{font-size:9px;line-height:1.7}
 .activity-filter-note{display:block}
 .activity-example-tag{font-size:8px;padding:4px 6px;align-self:flex-start;margin-top:3px}
 .activity-toolbar{margin-bottom:10px}
 .activity-order{font-size:8px}
 .activity-table-wrap{display:none}
 .mobile-activity{display:block;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}
 .mobile-activity-row{padding:13px 12px;border-bottom:1px solid var(--border-subtle)}
 .mobile-activity-row:last-child{border-bottom:0}
 .activity-mobile-top{display:flex;align-items:center;gap:8px}
 .activity-mobile-top strong{font-size:11px;font-weight:550}
 .activity-mobile-top .quote{font-size:7px}
 .activity-mobile-top .side-tag{font-size:7px;padding:3px 4px}
 .activity-mobile-top time{margin-left:auto;font:8px var(--mono);color:var(--muted)}
 .activity-mobile-bottom{display:flex;align-items:center;gap:12px;margin-top:11px}
 .activity-mobile-bottom .bot-cell{gap:5px;flex:1;min-width:0}
 .activity-mobile-bottom .exchange-tag{font-size:7px;min-width:39px;padding:3px 4px}
 .activity-mobile-bottom .bot-name{font-size:8px;max-width:108px}
 .activity-mobile-bottom>span{font-size:7px;color:var(--muted);white-space:nowrap}
 .activity-mobile-bottom b{font:8px var(--mono);font-weight:400;color:var(--soft);margin-left:3px}
 .activity-pagination{margin-top:12px}
 .activity-pagination>span{font-size:9px}
 .activity-pagination button{font-size:10px;padding:6px 11px;min-height:32px}
 .activity-pagination button span{font-size:8px}
 .activity-new{font-size:10px;padding:9px}
 .demo-action{font-size:8px;min-height:28px;padding:5px 7px}
 .preview-dock{gap:7px;padding-left:9px;padding-right:9px}
 .preview-dock>label{display:none}
}
@media(max-width:360px){
 .activity-mobile-top{gap:6px}
 .activity-mobile-top .quote{display:none}
 .activity-mobile-bottom{gap:7px}
 .activity-mobile-bottom .bot-name{max-width:90px;font-size:7px!important}
 .flat-state small{margin-left:28px;width:100%}
}

.activity-completion-note{font-size:10px;color:var(--muted)}
.activity-close-time{color:var(--soft)}
.completion-label{font-size:8px;color:var(--muted)}
.completion-duration{margin-left:auto;font-size:8px;color:var(--muted)}
.completion-duration b{font:10px var(--mono);color:var(--soft);font-weight:500;margin-left:3px}
.completion-times{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--border-subtle);padding-top:10px;margin-top:11px;font-size:8px;color:var(--muted)}
.completion-times time{font:8px var(--mono);margin-left:3px;color:var(--soft)}
.completion-arrow{opacity:.5}
@media(max-width:767px){.activity-completion-note{font-size:9px}.activity-mobile-top .side-tag{font-size:7px}}
@media(max-width:360px){.completion-times{gap:5px;font-size:7px}.completion-times time{font-size:7px;margin-left:2px}}

.history-restricted{display:flex;align-items:center;gap:17px;padding:28px 24px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.history-lock{display:grid;place-items:center;width:40px;height:40px;background:var(--raised);border-radius:10px;color:var(--muted);flex-shrink:0}
.history-lock svg{width:21px;height:21px}
.history-restricted h3{font-size:13px;font-weight:500;margin:0;color:var(--soft)}
.history-restricted p{font-size:10px;color:var(--muted);margin-top:8px}
.history-private{margin-left:auto;color:var(--muted);font:8px var(--mono);letter-spacing:1px}
.access-preview{display:flex;gap:6px;align-items:center}
.access-preview>span{font-size:9px;color:var(--muted)}
.preview-dock .access-preview select{font-size:9px;min-height:29px;border:1px solid var(--border);border-radius:5px;padding:4px 6px;background:var(--surface);color:var(--soft)}
.demo-action:disabled{opacity:.35;cursor:default}
@media(max-width:767px){
 .history-restricted{padding:22px 15px;gap:12px}
 .history-lock{width:32px;height:32px;border-radius:8px}
 .history-lock svg{width:18px;height:18px}
 .history-restricted h3{font-size:10px;line-height:1.6}
 .history-restricted p{font-size:8px;line-height:1.6;margin-top:5px}
 .history-private{display:none}
 .preview-dock>.access-preview{display:flex}
 .access-preview>span{display:none}
 .preview-dock .access-preview select{font-size:8px;padding:4px;min-height:28px}
 .preview-dock{gap:5px}
 .preview-dock>.demo-action{display:none}
 .preview-dock>select{font-size:8px;padding-left:4px;padding-right:4px}
}