.work-cleanup-card .card-h > div h3 { margin: 0 0 3px; }
.work-cleanup-card .card-h > div p { margin: 0; color: var(--text-3); font-size: 10.5px; }
.work-cleanup-card .card-b > p { margin: 0 0 12px; color: var(--text-2); font-size: 12px; line-height: 1.7; }
.cleanup-warning { display: flex; flex-direction: column; gap: 3px; margin-bottom: 15px; padding: 12px 14px; color: #8c5558; background: var(--danger-soft); border: 1px solid #efcfd1; border-radius: 7px; }
.cleanup-warning b { font-size: 12.5px; }
.cleanup-warning span { font-size: 11px; }
.cleanup-preview { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; padding: 13px 14px; background: var(--panel-2); border: 1px solid var(--line); border-radius: 7px; }
.cleanup-preview b { font-size: 12px; }
.cleanup-preview span { color: var(--text-2); font-size: 11px; line-height: 1.6; }
.cleanup-preview small { color: var(--text-3); font-size: 10.5px; }
.permission-note { align-self: center; color: var(--text-3); font-size: 11px; }
.export-approval-panel { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line-2); }
.export-approval-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 12px; }
.export-approval-head span { min-width: 22px; padding: 2px 7px; border-radius: 10px; background: var(--brand-soft); color: var(--brand); text-align: center; }
.export-request-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 7px; padding: 9px 0; border-top: 1px solid var(--line-2); }
.export-request-row > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.export-request-row b { overflow: hidden; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.export-request-row span,.export-request-empty { color: var(--text-3); font-size: 10.5px; }
.export-history { display: flex; flex-direction: column; gap: 5px; margin-top: 9px; }
.export-history > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--text-2); font-size: 10.5px; }
.export-history i { flex: 0 0 auto; padding: 2px 6px; border-radius: 4px; background: var(--panel-2); color: var(--text-3); font-style: normal; }
.export-history i.approved { background: var(--ok-soft); color: var(--ok); }
.export-history i.rejected { background: var(--danger-soft); color: var(--danger); }
.cleanup-module-picker { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
.cleanup-module-picker > b { grid-column: 1/-1; font-size: 12px; }
.cleanup-module-picker label { display: flex; align-items: flex-start; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; }
.cleanup-module-picker label:has(input:checked) { border-color: #b8cde9; background: #f5f9ff; }
.cleanup-module-picker input { margin-top: 2px; }
.cleanup-module-picker span { display: flex; flex-direction: column; gap: 2px; font-size: 11.5px; font-weight: 700; }
.cleanup-module-picker small { color: var(--text-3); font-size: 9.5px; font-weight: 400; line-height: 1.45; }
.cleanup-confirm { display: flex; align-items: flex-start; gap: 8px; margin-top: 13px; color: var(--text-2); font-size: 11.5px; cursor: pointer; }
.cleanup-confirm input { margin-top: 2px; }
.followup-rule-card .card-h > div h3 { margin: 0 0 3px; }
.followup-rule-card .card-h > div p { margin: 0; color: var(--text-3); font-size: 10.5px; }
.followup-rule-summary { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 13px; }
.followup-rule-summary span { padding: 5px 8px; color: var(--text-2); background: var(--panel-2); border: 1px solid var(--line); border-radius: 5px; font-size: 10.5px; }
.rule-note { color: var(--text-2); background: var(--brand-soft); border-color: #d5def8; }
.storage-overview-card .card-h p { margin: 3px 0 0; color: var(--text-3); font-size: 10.5px; }
.storage-total { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2px 12px; padding: 2px 0 13px; }
.storage-total span { color: var(--text-2); font-size: 12px; }
.storage-total b { grid-column: 2; grid-row: 1 / span 2; font-size: 28px; line-height: 1; }
.storage-total small { color: var(--text-3); font-size: 10px; }
.storage-composition { display: flex; width: 100%; height: 8px; margin-bottom: 10px; overflow: hidden; background: var(--panel-2); border-radius: 4px; }
.storage-composition i { display: block; min-width: 0; height: 100%; }
.storage-breakdown td:first-child { display: grid; grid-template-columns: 8px 1fr; align-items: center; column-gap: 8px; }
.storage-breakdown td:first-child > i { width: 8px; height: 8px; border-radius: 50%; }
.storage-breakdown td:first-child > small { grid-column: 2; color: var(--text-3); font-size: 9.5px; }
.storage-breakdown td:last-child { white-space: nowrap; }
.process-config-heading { margin: 18px 0 10px; font-size: 13px; }
.process-item-list { display: flex; flex-direction: column; gap: 7px; margin-bottom: 9px; }
.process-item-row { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(220px,1.3fr) 30px 30px 30px; align-items: center; gap: 6px; }
@media(max-width:700px){.process-item-row{grid-template-columns:1fr 30px 30px 30px}.process-item-row [data-process-desc]{grid-column:1/-1;grid-row:2}.process-item-row [data-process-title]{grid-column:1;grid-row:1}}
.settings-directory-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.settings-directory{position:sticky;top:78px;display:flex;flex-direction:column;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.settings-directory-title{padding:8px 10px;color:var(--text-3);font-size:10.5px;font-weight:700}.settings-directory-item{display:grid;grid-template-columns:26px minmax(0,1fr) 12px;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-radius:6px;background:transparent;color:var(--text-2);text-align:left;cursor:pointer}.settings-directory-item:hover{background:var(--panel-2)}.settings-directory-item.on{background:var(--brand-soft);color:var(--brand)}.settings-directory-item>span{font-size:15px;text-align:center}.settings-directory-item>div{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-directory-item b{font-size:12.5px}.settings-directory-item small{color:var(--text-3);font-size:9.5px}.settings-directory-item i{font-style:normal;color:var(--text-3)}.settings-directory-content{min-width:0}.settings-directory-content>.two-col{display:block}.settings-directory-content>.two-col>div{display:contents}.settings-directory-content [data-settings-panel]{display:none}.settings-directory-content[data-active-section="profile"] [data-settings-panel="profile"],.settings-directory-content[data-active-section="cloud"] [data-settings-panel="cloud"],.settings-directory-content[data-active-section="storage"] [data-settings-panel="storage"],.settings-directory-content[data-active-section="export"] [data-settings-panel="export"],.settings-directory-content[data-active-section="process"] [data-settings-panel="process"],.settings-directory-content[data-active-section="cleanup"] [data-settings-panel="cleanup"]{display:block}.settings-directory-content .card{width:100%;max-width:900px;margin-bottom:0}.settings-directory-content[data-active-section="cleanup"] [data-settings-panel="cleanup"]+ [data-settings-panel="cleanup"]{margin-top:12px}
@media(max-width:760px){.settings-directory-layout{grid-template-columns:1fr}.settings-directory{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.settings-directory-title{grid-column:1/-1}.settings-directory-item{grid-template-columns:22px minmax(75px,1fr);min-width:0}.settings-directory-item small,.settings-directory-item i{display:none}}
@media(max-width:560px){.cleanup-module-picker{grid-template-columns:1fr}.export-request-row{grid-template-columns:minmax(0,1fr) auto}.export-request-row .btn:first-of-type{grid-column:2}.export-request-row .btn:last-of-type{grid-column:2}}
