#welcome{align-items:start;padding:44px 24px 60px}
.wl{width:min(860px,100%)}
.office-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px}
.office-eyebrow{font:600 11px/1.4 var(--ui);letter-spacing:.15em;color:var(--ui-ink2)}
#officeAccount{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;font-size:13px}
#officeUser{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.wl-brand{font-size:58px;margin-bottom:28px}.lic-line{margin:0 0 28px;font-size:13px}
.office-cloud{padding:26px;background:#fff;border:1px solid var(--chrome-line);border-radius:18px;margin-bottom:30px;box-shadow:0 5px 25px #18264704}
.office-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.office-section-head h2{margin:0;font-size:21px;font-weight:650;letter-spacing:-.025em}
.office-section-head p{margin:6px 0 0;font-size:13px;color:var(--ui-ink2)}
.office-actions{display:flex;gap:8px;flex-shrink:0}.office-empty{text-align:center;padding:30px 12px 16px;color:var(--ui-ink2);font-size:14px}
.office-file-icon{display:inline-grid;place-items:center;background:#f2f4fb;color:var(--royal);width:46px;height:54px;font-size:29px;border:1px solid #dfe5f7;border-radius:8px}
#officeMessage{font-size:13px;line-height:1.65;color:var(--ui-ink2);margin:12px 0 0;min-height:0}#officeMessage:empty{display:none}#officeMessage.error{color:#a63232}
#officeFiles:not(:has(.office-empty)){margin-top:18px;border-top:1px solid var(--chrome-line)}
.office-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--chrome-line)}
.office-open{display:block;min-width:0;flex:1;background:none;border:0;text-align:left;padding:2px 0;font:inherit;cursor:pointer;color:var(--ui-ink)}
.office-open strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:15px}.office-open small{display:block;font-size:12px;color:var(--ui-ink2);margin-top:6px}
.office-row .btn{font-size:12px;padding:6px 10px}.office-row .office-row-actions{display:flex;gap:6px}
#officeUsage{font-size:12px;color:var(--ui-ink2);margin:15px 0 0}
.office-library-controls{display:flex;gap:12px;align-items:center;margin-top:24px}
.office-library-controls input,.office-library-controls select,.office-library-dialog input,.office-library-dialog select{font:inherit;font-size:14px;color:var(--ui-ink);background:#fff;border:1px solid var(--chrome-line);border-radius:8px;padding:10px 12px;box-sizing:border-box;min-width:0}
#officeSearch{flex:1;width:100%;background:#f8f9fc}
.office-sort-label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ui-ink2);white-space:nowrap}
#officeBreadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#officeBreadcrumb>span[aria-hidden]{color:#b6bac3}.office-crumb{font:inherit;color:var(--royal);padding:0;border:0;background:none;text-align:left;cursor:pointer}
#officeLibrarySummary{margin:6px 0 0;color:var(--ui-ink2);font-size:12px}
.office-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.office-folder{border:1px solid var(--chrome-line);border-radius:12px;background:#f8f9fc;overflow:hidden}
.office-folder-open{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:center;width:100%;border:0;padding:16px 14px 10px;background:none;color:var(--ui-ink);font:inherit;text-align:left;cursor:pointer}
.office-folder-open:hover{background:var(--royal-soft)}
.office-folder-open strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-folder-open small{font-size:12px;color:var(--ui-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-folder-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 10px}
.office-folder-actions .btn{font-size:11px;padding:3px 7px;background:transparent;border-color:transparent;color:var(--ui-ink2)}
.office-folder-actions .btn:hover{color:var(--royal);border-color:var(--chrome-line);background:#fff}
.office-list-label{margin:20px 0 0;color:var(--ui-ink2);font-size:12px}
.office-library-dialog{width:420px;max-width:100%}
.office-library-dialog label{display:block;font-size:13px;margin-bottom:8px}
.office-library-dialog input,.office-library-dialog select{width:100%}
.office-library-dialog p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.office-form-error{color:#a63232;min-height:20px;margin:10px 0}
.office-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}
input:focus-visible,select:focus-visible{outline:3px solid #6c7ce2;outline-offset:2px}
.office-local-title{font-size:12px;letter-spacing:.08em;color:var(--ui-ink2);margin-bottom:12px}.wl-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wl-btns .btn{background:transparent;padding:16px;font-size:15px}.wl-btns .btn.primary{color:var(--ui-ink);border-color:var(--chrome-line)}.wl-btns .btn.primary small{color:var(--ui-ink2)}.wl-btns .btn:hover{background:#fff}.wl-drop{margin:15px 0 0;font-size:12px}#wResume{grid-column:1/-1}
button:focus-visible{outline:3px solid #6c7ce2;outline-offset:3px}
@media(max-width:600px){#welcome{padding:24px 16px 36px}.office-top{margin-bottom:34px;align-items:flex-start}.office-eyebrow{margin-top:10px;white-space:nowrap}#officeAccount .btn{font-size:12px}.wl-brand{font-size:50px}.office-cloud{padding:18px;border-radius:14px}.office-section-head{align-items:flex-start}.office-section-head h2{font-size:19px}.office-section-head p{font-size:12px}.office-actions{flex-direction:column;gap:6px}.wl-btns{grid-template-columns:1fr}.wl-btns .btn{padding:13px 15px}.office-row{flex-wrap:wrap}.office-open{flex-basis:calc(100% - 62px)}.office-row-actions{margin-left:auto}.office-empty{padding:24px 0 10px}}
@media(max-width:600px){.office-library-controls{flex-wrap:wrap;margin-top:20px;gap:10px}#officeSearch{flex-basis:100%}.office-sort-label{margin-left:auto}.office-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.office-folder-open{padding:12px 10px 8px;gap:4px}.office-folder-actions{padding:0 8px 8px;gap:4px}.office-row .office-row-actions{flex-wrap:wrap}}
