/* Compact personal management, consistent type and generous touch targets. */
.entry-shell:has(#entry-main.my-screen){--header-height:50px}
.entry-shell:has(#entry-main.my-screen) .entry-header .brand-mark.tuji-brand-mark{width:36px;height:36px}
.entry-shell:has(#entry-main.my-screen) .entry-header .brand{font-size:14px;gap:8px}
.entry-shell:has(#entry-main.my-screen) .brand small{font-size:8px;margin-top:2px}
#entry-main.my-screen{--my-body:12px;--my-small:10.5px;display:flex;flex-direction:column;overflow:hidden;padding-top:4px;padding-bottom:6px;gap:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#entry-main.my-screen .my-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px 8px;scrollbar-gutter:auto}
#entry-main.my-screen .my-panel{background:var(--card,#fffdf8);border:1px solid var(--line);border-radius:14px;padding:12px;margin:0;box-shadow:var(--card-shadow,0 3px 15px #52653704);min-width:0}
#entry-main.my-screen .my-profile-panel{margin-bottom:9px}
#entry-main.my-screen .my-profile{display:flex;gap:8px;align-items:center;background:none;padding:0;border-radius:0;min-width:0}
#entry-main.my-screen .my-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:#e8efda;color:#5a7449;font:16px Georgia,serif}
#entry-main.my-screen .my-profile-copy{flex:1;min-width:0}
#entry-main.my-screen .my-profile h1{font-size:15px;line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere}
#entry-main.my-screen .my-profile p{font-size:var(--my-small);line-height:1.5;color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere}
#entry-main.my-screen .my-profile>.my-button{padding:7px 10px;font-size:12px;flex:none}
#entry-main.my-screen .my-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line)}
#entry-main.my-screen .my-summary>div{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;color:inherit;line-height:1.4;border-right:1px solid var(--line)}
#entry-main.my-screen .my-summary>div:last-child{border-right:0}
#entry-main.my-screen .my-summary strong{font-size:19px;line-height:1.2;font-weight:550;font-variant-numeric:tabular-nums}
#entry-main.my-screen .my-summary span{font-size:var(--my-small);color:var(--muted);text-align:center}
#entry-main.my-screen .my-workspace{min-width:0}
#entry-main.my-screen .my-tabs{display:flex;gap:3px;padding:3px;border-radius:12px;background:#edf0e6;margin-bottom:8px}
#entry-main.my-screen .my-tabs button{flex:1;min-width:0;min-height:38px;padding:6px 3px;border:0;border-radius:9px;background:none;font:inherit;font-size:var(--my-body);color:#88917f;cursor:pointer;line-height:1.4}
#entry-main.my-screen .my-tabs button[aria-pressed=true]{background:#fffef9;box-shadow:0 1px 5px #32402b0b;color:#506f47;font-weight:550}
#entry-main.my-screen .my-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
#entry-main.my-screen .my-section-heading h2{font-size:13px;font-weight:600;line-height:1.5;margin:0}
#entry-main.my-screen .my-section-heading>span{font-size:var(--my-small);color:var(--muted);line-height:1.5}
#entry-main.my-screen .my-setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;margin:0;border-bottom:1px solid #e9ecdf;flex-wrap:nowrap;min-width:0}
#entry-main.my-screen .my-setting-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
#entry-main.my-screen .my-setting-copy strong{font-size:var(--my-body);font-weight:500;line-height:1.5}
#entry-main.my-screen .my-setting-copy small{font-size:var(--my-small);color:var(--muted);line-height:1.5}
#entry-main.my-screen .my-setting-row select{width:auto;min-width:88px;max-width:128px;min-height:40px;flex:none;padding:6px 8px;border:1px solid #dfe4d6;border-radius:10px;background:#f9faf4;color:var(--ink);font:inherit;font-size:14px;line-height:1.4}
#entry-main.my-screen .my-language-row{margin:0;padding:0;border:0;background:none;box-shadow:none}
#entry-main.my-screen .my-language-row .my-setting-row select{min-width:112px}
#entry-main.my-screen .my-setting-note{font-size:var(--my-small);line-height:1.6;color:var(--muted);padding-top:8px}
#entry-main.my-screen .my-inline-status{font-size:var(--my-small);color:#5b7b4d;line-height:1.6;margin:8px 0 0}
#entry-main.my-screen .my-inline-status:empty,#entry-main.my-screen .my-language-row [role=alert]:empty{display:none}
#entry-main.my-screen .my-language-row [role=alert]{font-size:12px;line-height:1.5;color:#9b422d}
#entry-main.my-screen .my-list-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:var(--my-body);color:#5c7850}
#entry-main.my-screen .my-list-link>span[aria-hidden]{font-size:17px}
#entry-main.my-screen .my-button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:7px 10px;font-size:12px;line-height:1.5;min-height:40px;text-align:center}
#entry-main.my-screen .my-actions{gap:7px;margin-top:10px}
#entry-main.my-screen .my-panel p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}
#entry-main.my-screen .my-panel .my-profile p{font-size:10.5px;margin:3px 0 0;line-height:1.5}
#entry-main.my-screen .my-panel .my-inline-status{font-size:11px;color:#5b7b4d}
#entry-main.my-screen .my-help{font-size:10.5px;line-height:1.6}
#entry-main.my-screen .my-sync-line{display:flex;align-items:flex-start;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}
#entry-main.my-screen .my-sync-line p{margin:0;flex:1;min-width:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
#entry-main.my-screen .my-sync-line .my-button{font-size:11px;min-height:36px;padding:5px 8px}
.my-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#a9b79c;margin-top:7px}
#entry-main.my-screen .my-backup-block{padding:15px 0 0}
#entry-main.my-screen .my-backup-block+.my-backup-block{border-top:1px solid var(--line);margin-top:15px}
#entry-main.my-screen .my-backup-block h3{font-size:13px;font-weight:550;line-height:1.5;margin:0}
#entry-main.my-screen .my-backup-block p{font-size:12px;line-height:1.7}
#entry-main.my-screen .my-backup-block .my-actions{margin-top:10px}
#entry-main.my-screen .my-disclosure summary{cursor:pointer;min-height:40px;font-size:12px;color:#708361;line-height:1.6;padding:9px 0}
#entry-main.my-screen .my-disclosure{margin-top:8px}
#entry-main.my-screen .my-account-facts{margin-top:8px}
#entry-main.my-screen .my-account-facts>div{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:9px 0;border-bottom:1px solid #e9ecdf;font-size:11px;line-height:1.6}
#entry-main.my-screen .my-account-facts span{color:var(--muted);flex:none}
#entry-main.my-screen .my-account-facts strong{font-weight:500;text-align:right;overflow-wrap:anywhere}
#entry-main.my-screen .my-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:7px 0 0;font-size:11px;line-height:1.6;color:#8b987e}
#entry-main.my-screen .my-links a{min-height:36px;display:flex;align-items:center;text-decoration:none}
#entry-main.my-screen .my-message{font-size:12px;line-height:1.6;color:#5b754b;border-radius:10px;padding:9px 12px;margin:0 0 10px;background:#eaf0e1;overflow-wrap:anywhere}
#entry-main.my-screen :is(button,a,select,summary,input):focus-visible{outline:2px solid #708e5b;outline-offset:3px}
.my-dialog{border-radius:16px;padding:18px}
.my-dialog::backdrop{background:#26352366;backdrop-filter:blur(3px)}
.my-dialog h2{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.5}
.my-dialog label{font-size:12px;line-height:1.6;margin-top:10px}
.my-dialog .my-button{min-height:40px;font-size:12px}
.my-dialog .my-summary strong{font-size:22px}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){#entry-main.my-screen .my-scroll{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start;width:min(100%,960px);margin:0 auto;padding-bottom:20px}#entry-main.my-screen .my-profile-panel{position:sticky;top:0;margin:0}#entry-main.my-screen .my-panel{padding:16px}#entry-main.my-screen .my-profile{flex-wrap:wrap}#entry-main.my-screen .my-profile>.my-button{margin-left:50px}#entry-main.my-screen .my-setting-row{padding:12px 0}#entry-main.my-screen .my-summary{gap:5px}#entry-main.my-screen .my-summary span{font-size:10px}}
@media(max-width:350px){#entry-main.my-screen .my-panel{padding:12px}#entry-main.my-screen .my-profile h1{font-size:14px}#entry-main.my-screen .my-tabs button{font-size:12px}#entry-main.my-screen .my-setting-row{gap:8px}.my-dialog{padding:17px}}

/* Personal page only: keep the installation entry in the same compact rhythm. */
#entry-main.my-screen .install-entry{margin-top:9px}
#entry-main.my-screen .install-entry>button{min-height:42px;gap:10px}
#entry-main.my-screen .install-entry strong{font-size:12px}
#entry-main.my-screen .install-entry small{font-size:10.5px;margin-top:2px}