.workspace-header .header-actions { flex-direction:row; flex-wrap:nowrap; width:auto; gap:12px; }
.workspace-header { position:relative; gap:24px; padding:16px 0; min-height:96px; }
.workspace-header .search { width:clamp(180px,23vw,380px); }
.workspace-header .search input { min-width:0; }
.workspace-header .notification-toggle { padding:0 10px; position:relative; }
.personal-menu-wrap { position:relative; flex:none; }
.personal-menu-wrap[hidden],.personal-popover[hidden],.personal-popover button[hidden],.personal-drawer [hidden] { display:none!important; }
.account-toggle { display:flex; align-items:center; gap:9px; height:46px; max-width:220px; padding:5px 10px 5px 5px; border:1px solid var(--line); border-radius:24px; background:var(--paper); color:var(--ink); font:600 14px Arial,sans-serif; cursor:pointer; }
.account-toggle-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:140px; font-weight:600; }
.account-avatar { display:inline-flex; align-items:center; justify-content:center; flex:none; width:34px; height:34px; overflow:hidden; border-radius:50%; background:var(--mint); color:var(--green-dark); font-size:13px; font-weight:700; }
.account-avatar img { width:100%; height:100%; object-fit:cover; }
.personal-popover { position:absolute; right:0; top:calc(100% + 10px); width:min(338px,calc(100vw - 24px)); padding:8px; background:var(--paper); border:1px solid var(--line); border-radius:16px; box-shadow:0 16px 48px #0002; z-index:45; max-height:calc(100dvh - 150px); overflow:auto; }
.personal-popover button { display:block; width:100%; text-align:left; border:0; background:transparent; color:var(--ink); font:600 14px/1.5 Arial,sans-serif; padding:11px 12px; border-radius:9px; cursor:pointer; }
.personal-popover button:hover,.personal-popover button:focus-visible { background:var(--paper-soft); }
.personal-popover small { display:block; color:var(--muted); font-size:12px; font-weight:400; }
.personal-identity { display:flex; align-items:center; gap:12px; padding:12px; margin-bottom:6px; border-bottom:1px solid var(--line); }
.personal-identity>div { min-width:0; overflow-wrap:anywhere; }
.personal-identity strong { display:block; font-size:16px; }
.personal-identity .account-avatar { width:44px; height:44px; }
.personal-menu-footer { border-top:1px solid var(--line); margin-top:6px; padding-top:6px; }
.personal-menu-footer #logout { color:var(--red); }
.create-popover { width:240px; }
.personal-drawer { position:fixed; inset:12px 12px 12px auto; margin:0; width:min(580px,calc(100vw - 24px)); height:calc(100dvh - 24px); max-width:none; max-height:none; padding:0; border:1px solid var(--line); border-radius:18px; color:var(--ink); background:var(--paper); box-shadow:0 20px 80px #0003; font:14px/1.5 Arial,sans-serif; overflow:auto; }
.personal-drawer::backdrop { background:#10221b66; }
.personal-drawer>header { display:flex; flex-direction:row; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:1; min-height:0!important; margin:0!important; padding:22px 24px; background:var(--paper); gap:16px; }
.personal-drawer>header button { width:auto; flex:none; }
.personal-drawer h2 { font-size:23px; margin:4px 0 0; }
.personal-drawer header small { color:var(--green-dark); font-size:11px; letter-spacing:.09em; font-weight:700; }
.personal-drawer>nav { display:flex; gap:6px; overflow:auto; padding:12px 18px; border-bottom:1px solid var(--line); }
.personal-drawer>nav button { padding:8px 10px; flex:none; border:1px solid transparent; border-radius:8px; color:var(--muted); background:transparent; font:600 12px/1.4 Arial,sans-serif; cursor:pointer; }
.personal-drawer>nav button[aria-current=true] { background:var(--mint); color:var(--green-dark); }
.personal-drawer form { padding:24px; }
.personal-drawer label:not(.personal-check):not(.personal-theme):not(.personal-photo-label) { display:grid; gap:7px; margin:16px 0; font-weight:500; }
.personal-drawer input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.personal-drawer select { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:var(--paper); color:var(--ink); font:inherit; }
.personal-drawer :is(input,select,button):focus-visible,.personal-menu-wrap button:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
.personal-drawer .personal-hint { color:var(--muted); font-size:13px; line-height:1.6; }
.personal-drawer fieldset { border:1px solid var(--line); border-radius:12px; margin:18px 0; padding:12px 16px; }
.personal-drawer legend { font-weight:600; padding:0 6px; }
.personal-check { display:flex; align-items:center; gap:10px; padding:8px 0; }
.personal-check input { width:17px; height:17px; accent-color:var(--green); }
.personal-facts { display:grid; grid-template-columns:135px 1fr; gap:10px 18px; padding:20px 0; border-block:1px solid var(--line); }
.personal-facts dt { color:var(--muted); }.personal-facts dd { margin:0; overflow-wrap:anywhere; }
.personal-photo { display:flex; align-items:center; gap:18px; margin-bottom:24px; }.personal-photo .account-avatar { width:76px; height:76px; font-size:24px; }
.personal-photo small { display:block; color:var(--muted); margin-top:8px; }.personal-photo-label { position:relative; display:inline-flex; align-items:center; cursor:pointer; }
.personal-photo-label input { position:absolute; opacity:0; width:100%; height:100%; inset:0; cursor:pointer; }
.personal-photo-label:focus-within { outline:2px solid var(--green); outline-offset:3px; }
.personal-themes { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0; }.personal-theme { cursor:pointer; border:1px solid var(--line); border-radius:12px; padding:10px; font-size:12px; }
.personal-theme:has(input:checked) { border-color:var(--green); outline:1px solid var(--green); }.personal-theme input { accent-color:var(--green); margin-right:5px; }
.personal-theme-preview { display:block; height:74px; border:1px solid #dfe5db; border-radius:7px; margin-bottom:12px; background:linear-gradient(90deg,#e9eee7 25%,#fff 25%); }
[data-theme-choice=dark] .personal-theme-preview { border-color:#354334; background:linear-gradient(90deg,#202d24 25%,#121b16 25%); }
[data-theme-choice=system] .personal-theme-preview { background:linear-gradient(90deg,#eef4e9 50%,#1d2c23 50%); }
.personal-card { border:1px solid var(--line); border-radius:12px; padding:18px; margin-bottom:18px; }.personal-card h3 { margin:0 0 12px; font-size:17px; }
.personal-status,.personal-current { display:inline-block; border-radius:6px; padding:4px 8px; background:var(--mint); color:var(--green-dark); font-size:12px; }
.personal-session { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 0; border-top:1px solid var(--line); }.personal-session>div { min-width:0; }.personal-session small { display:block; color:var(--muted); font-size:12px; }.personal-session details { margin-top:8px; font-size:12px; overflow-wrap:anywhere; }.personal-session button { flex:none; }
.personal-drawer footer { display:flex; gap:10px; justify-content:flex-end; padding-top:20px; margin-top:20px; border-top:1px solid var(--line); }.personal-drawer [data-personal-error] { color:var(--red); overflow-wrap:anywhere; }.personal-drawer button:disabled { opacity:.55; cursor:wait; }
@media(max-width:1200px) { .workspace-header { flex-wrap:wrap; }.workspace-header .header-actions { width:100%; }.workspace-header .search { flex:1; width:auto; }.account-toggle { max-width:200px; } }
@media(max-width:600px) { .workspace-header .header-actions { display:grid; grid-template-columns:1fr auto auto; gap:10px; }.workspace-header .search { grid-column:1/-1; width:100%; }.workspace-header .account-toggle-name { display:none; }.workspace-header .header-actions button { width:auto; }.workspace-header .personal-popover button { width:100%; }.workspace-header .personal-menu-wrap:last-child { justify-self:end; }.workspace-header .notification-wrap { justify-self:start; }.workspace-header .notification-popover { position:fixed; top:150px; left:12px; right:12px; width:auto; max-height:65dvh; overflow:auto; }.create-popover { position:fixed; top:160px; right:12px; }.personal-drawer>header { padding:18px; }.personal-drawer form { padding:18px; }.personal-themes { gap:6px; }.personal-theme { padding:7px; }.personal-photo { gap:12px; }.personal-facts { grid-template-columns:105px 1fr; }.personal-session { flex-wrap:wrap; } }