/* Shared AraOffice outer frame. Native editor format profiles stay independent. */
:root{--office-bg:#f3f6fc;--office-surface:#fff;--office-ink:#202b3c;--office-muted:#5b6676;--office-line:#e5e9ef;--office-blue:#185abc;--office-blue-dark:#114989;--office-focus:#2875cf;--office-tint:#e3ecfb;--office-sidebar:224px;--office-header:64px;--office-radius:5px;--bg:var(--office-bg);--surface:var(--office-surface);--ink:var(--office-ink);--muted:var(--office-muted);--line:var(--office-line);--blue:var(--office-blue);--blue-dark:var(--office-blue-dark);--focus:var(--office-focus)}
.office-settings{position:relative;flex-shrink:0;color:var(--muted);font-size:12px}
.office-settings>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:5px;white-space:nowrap}
.office-settings>summary::-webkit-details-marker{display:none}.office-settings>summary::after{content:'⌄';color:var(--muted)}
.office-settings[open]>summary,.office-settings>summary:hover{background:var(--office-tint);color:var(--blue)}
.office-settings-content{position:absolute;right:0;top:calc(100% + 8px);width:248px;max-width:calc(100vw - 24px);padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 30px #202b3c20;z-index:90;display:flex;flex-direction:column;gap:12px}
.office-settings-content button{width:100%;max-width:none;text-align:left;white-space:normal;min-height:44px;font-size:13px;border-radius:5px}.office-settings-content .ui-language{font-size:12px;gap:8px}.office-settings-content select{width:100%;min-height:40px;border-radius:4px}
:focus-visible{outline:2px solid var(--office-focus);outline-offset:2px}
@media(max-width:760px){:root{--office-header:108px}.office-settings>summary{font-size:12px;padding:8px}.office-settings-content{top:100%}}