.signin-page{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:var(--bg,#f4f5f8)}
.signin-card{box-sizing:border-box;width:min(100%,460px);padding:44px 36px;text-align:center;border:1px solid var(--line,#e1e3eb);border-radius:20px;background:var(--surface,#fff);box-shadow:0 16px 48px #25234208}
.signin-mark{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#5c54da;color:#fff;font-weight:800;font-size:21px;letter-spacing:-1px}
.signin-brand{margin:16px 0 28px;font-size:18px;font-weight:700}
.signin-card h1{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:0 0 14px}
.signin-description{font-size:15px;line-height:1.6;color:var(--muted,#717687);margin:0 0 28px}
.signin-google{display:flex;justify-content:space-between;align-items:center;min-height:48px;width:100%;box-sizing:border-box;padding:12px 18px;text-decoration:none}
.signin-note{color:var(--muted,#717687);font-size:12px;line-height:1.7;margin:24px 0 0}.signin-note strong{font-weight:500}
.signin-error{padding:12px;border:1px solid #e8b7b2;border-radius:8px;color:#913e35;background:#fff3f0;text-align:left;font-size:14px;line-height:1.5}
.account-menu{position:relative;margin-left:18px;color:var(--ink,#1b1c26);font-size:13px}
.account-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border-radius:8px;padding:4px}.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:focus-visible{outline:2px solid #6559e8;outline-offset:3px}
.account-avatar{display:grid;place-items:center;width:30px;height:30px;background:#eeecff;color:#5d52ce;border-radius:50%;font-weight:700}
.account-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(320px,calc(100vw - 40px));box-sizing:border-box;padding:20px;display:grid;gap:8px;background:var(--surface,#fff);border:1px solid var(--line,#e1e3eb);border-radius:12px;box-shadow:0 12px 36px #15162615;z-index:100}
.account-dropdown strong{overflow-wrap:anywhere}.account-dropdown small{color:var(--muted,#717687)}.account-dropdown .button{margin-top:10px;justify-content:center}
@media(max-width:600px){.signin-card{padding:32px 24px}.account-caption{display:none}.account-menu{margin-left:8px}}
.localize-assignment-tabs{display:flex;gap:8px;margin:0 0 18px}.localize-assignment-tabs .button{gap:9px}.localize-assignment-tabs .is-active{color:var(--accent);background:var(--accent-soft);border-color:transparent}.localize-assignment-tabs span{font-size:11px;opacity:.75}
.localize-assignee{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-top:10px}.localize-assignee select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:7px 26px 7px 9px;max-width:min(100%,350px)}.localize-assignee select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.localize-home-task .localize-task-assignee{color:var(--muted);font-size:11px}

/* Assignee identity and its existing audit history. */
.localize-home-task .localize-task-assignee{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;color:var(--muted);font-size:12px;line-height:1.6}
.localize-task-assignee b{font-weight:400;overflow-wrap:anywhere}
.localize-task-assignee.is-assigned b{color:var(--ink);background:transparent;padding:0;font-weight:500}
.localize-task-assignee.is-unassigned b{color:var(--muted);font-weight:400}
.localize-assignee select{font-weight:600}
.localize-assignment{min-width:0}
.localize-assignment-history{margin-top:8px;max-width:640px;font-size:12px;line-height:1.5;color:var(--muted)}
.localize-assignment-history summary{width:fit-content;cursor:pointer;color:var(--accent);padding:4px 0}
.localize-assignment-history summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.localize-assignment-history p{margin:8px 0;font-size:12px}
.localize-assignment-history ol{list-style:none;padding:0;margin:8px 0 0;max-height:320px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.localize-assignment-history li{padding:12px 14px}
.localize-assignment-history li+li{border-top:1px solid var(--line)}
.localize-assignment-change{display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.localize-assignment-change>span{min-width:0;max-width:100%}
.localize-assignment-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:5px;font-size:11px;overflow-wrap:anywhere}
.localize-assignment-meta>span{min-width:0;max-width:100%}

.localize-task-assignee .localize-assignee-person{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.localize-task-assignee .localize-assignee-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:600}
