.office-chip{border:1px solid var(--border);border-radius:var(--r-full,999px);background:var(--surface);max-width:min(340px,42vw);height:28px;color:var(--text-2);font:var(--fs-sm)/1 var(--font,system-ui);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 4px;display:inline-flex}.office-chip:hover{border-color:var(--border-strong,var(--accent));color:var(--text)}.office-chip:focus-visible{box-shadow:var(--ring);outline:none}.office-chip b{font-weight:var(--fw-semibold,600);color:var(--text)}.office-chip-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.office-chip-icon{border-radius:var(--r-full,999px);background:var(--accent-2);width:20px;height:20px;color:var(--accent);flex:none;place-items:center;display:grid}.office-chip.is-conflict,.office-chip.is-error{border-color:var(--warn-line,#e7b04b);background:var(--warn-bg,#fff7e6);color:var(--warn-text,#8a5300)}.office-chip.is-conflict .office-chip-icon,.office-chip.is-error .office-chip-icon{color:var(--warn-fg,#b45309);background:0 0}.office-chip.is-conflict b,.office-chip.is-error b{color:inherit}.office-chip.is-offline .office-chip-icon,.office-chip.is-viewing .office-chip-icon{background:var(--surface-2);color:var(--text-2)}.office-chip .spin{animation:1s linear infinite office-spin}@keyframes office-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.office-chip .spin{animation:none}}.app-header-actions>.office-chip{order:4}@media (width<=600px){.office-chip{max-width:46vw;padding-right:8px}}.readonly-banner.office-banner{background:var(--warn-bg,#fff7e6);color:var(--warn-text,#8a5300);border-bottom:1px solid var(--warn-line,#e7b04b);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.readonly-banner.office-banner>svg{color:var(--warn-fg,#b45309);flex:none}.office-banner>span:first-of-type{flex:280px;min-width:0}.office-banner-actions{flex-wrap:wrap;gap:6px;display:flex}.device-file-chip{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);max-width:190px;height:26px;color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.device-file-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-file-chip:hover{border-color:var(--accent);color:var(--text)}.device-file-chip svg{color:var(--accent);flex:none}@media (width<=600px){.app-header:not(.is-more-open) .app-header-actions>.office-chip:is(.is-conflict,.is-error,.is-offline){order:0;max-width:38vw;display:inline-flex!important}.app-header.is-more-open .app-header-actions>.office-chip{width:100%;max-width:none;height:auto;min-height:48px;margin:0 0 var(--sp-1);padding:8px var(--sp-3);border-radius:var(--r);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-md);white-space:normal;border:0;order:-1;line-height:1.3;display:flex!important}.app-header.is-more-open .app-header-actions>.office-chip .hide-sm{display:inline!important}}