/* InkDOS Office Home: the InkDOS Home (assets/home.css) plus Open / New / Edit on every workspace card */
.office-card{padding-right:24px}
.office-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.office-action{height:34px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);display:inline-flex;align-items:center;font-weight:600;font-size:13px;line-height:1;font-family:inherit;text-decoration:none;cursor:pointer}
.office-action:hover{background:var(--menu-active,rgba(0,0,0,.05))}
.office-action.primary{background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:color-mix(in srgb,var(--accent) 85%,var(--text))}
.office-action:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}
.office-note{margin:18px 2px 0;color:var(--muted);font-size:12.5px;line-height:1.45}
.office-footer{flex-wrap:wrap;row-gap:12px}
.powered{display:inline-flex;align-items:center;gap:7px;color:var(--footer);font-size:11.5px}
.powered img{height:14px;width:auto;filter:grayscale(1);opacity:.5}
html[data-theme="dark"] .powered img{filter:grayscale(1) invert(1);opacity:.65}
/* engine switch: Full is this Home; Light goes back to the InkDOS Home (?engine=light) */
.engine-segment a.engine-light,.engine-segment button{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none}
.engine-segment a.engine-light{color:var(--muted)}
.engine-segment a.engine-light:hover{color:var(--text)}
.quick-tool{text-decoration:none}
/* Offline tools (office-offline.js) */
.offline-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.offline-overlay[hidden]{display:none}
.offline-panel{width:min(620px,100%);max-height:100%;overflow:auto;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:18px 18px 14px;box-shadow:0 20px 50px rgba(15,23,42,.25)}
.offline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.offline-head h2{margin:0;font-size:18px}
.offline-intro,.offline-warn{margin:8px 0 12px;color:var(--muted);font-size:13px;line-height:1.45}
.offline-warn{color:#b45309}
.offline-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.offline-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name button" "state button";column-gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.offline-name{grid-area:name;font-weight:600;font-size:14px}
.offline-state{grid-area:state;color:var(--muted);font-size:12.5px}
.offline-actions{grid-area:button;display:flex;gap:6px}
.offline-actions [hidden]{display:none}
.offline-row[data-state=done] .offline-state{color:#15803d}
.offline-row[data-state=done] .offline-state::before{content:"\2713  "}
.offline-row[data-state=failed] .offline-state{color:#b91c1c}
.offline-row[data-state=working] .offline-state{color:var(--accent)}
html[data-theme="dark"] .offline-row[data-state=done] .offline-state{color:#4ade80}
.offline-panel button:disabled{opacity:.5;cursor:default}
.offline-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.offline-foot small{color:var(--muted);font-size:12px}
.offline-row[hidden]{display:none}
.offline-foot .offline-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}