/* HF164 additions follow the existing UI cascade. */
#hf52ProjectHub .hf52-project-card.hf142-phase-card{position:relative}
#hf52ProjectHub .hf142-project-open strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#hf52ProjectHub .hf52-project-card .hf142-code{position:absolute;left:12px;right:12px;bottom:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px)}
#hf52ProjectHub .hf164-card-dates{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:nowrap;gap:6px;white-space:nowrap;font-size:11px;line-height:1.2;font-variant-numeric:tabular-nums;overflow:hidden}
#hf52ProjectHub .hf164-card-dates>span{white-space:nowrap;flex:none}
#hf52ProjectHub .hf164-card-dates b{font-weight:500}
@media(min-width:1280px){#appView .sidebar .navbtn,#appView .sidebar button.navbtn{font-size:17px!important;line-height:1.4!important}#appView .sidebar .navcaption,#appView .sidebar .nav-title,#appView .sidebar .navcap{font-size:14px!important}}
@media(min-width:2300px){#appView .sidebar .navbtn,#appView .sidebar button.navbtn{font-size:18px!important}#appView .sidebar .navcaption,#appView .sidebar .nav-title,#appView .sidebar .navcap{font-size:15px!important}}
@media(min-width:3200px){#appView .sidebar .navbtn,#appView .sidebar button.navbtn{font-size:20px!important}#appView .sidebar .navcaption,#appView .sidebar .nav-title,#appView .sidebar .navcap{font-size:16px!important}}
body[data-home-layout] #loginView:not(.hidden)[data-hf164-title-font="1"] .ptms-brand-login .brandname,body[data-home-layout] #loginView:not(.hidden)[data-hf164-title-font="1"] .login-copy h1{font-family:var(--hf164-title-font)!important}
body[data-home-layout] #loginView:not(.hidden)[data-hf164-title-color="1"] .ptms-brand-login .brandname{color:var(--hf164-title-color)!important}
body[data-home-layout] #loginView:not(.hidden)[data-hf164-subtitle-color="1"] .ptms-brand-login .brandsub{color:var(--hf164-subtitle-color)!important}
body[data-home-layout] #loginView:not(.hidden)[data-hf164-headline-color="1"] .login-copy h1{color:var(--hf164-headline-color)!important}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-frame="fashion"]{border:1px solid var(--hf164-frame-accent)!important;box-shadow:0 22px 60px #0005,0 0 24px color-mix(in srgb,var(--hf164-frame-accent) 20%,transparent)!important;backdrop-filter:blur(16px)}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-frame="tech"]{border:1px solid var(--hf164-frame-accent)!important;box-shadow:inset 0 0 0 1px #ffffff16,0 0 20px color-mix(in srgb,var(--hf164-frame-accent) 35%,transparent),0 16px 40px #0006!important}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-frame="depth"]{border:1px solid #ffffff66!important;box-shadow:inset 2px 2px 6px #ffffff44,inset -3px -3px 8px #0004,0 12px 0 color-mix(in srgb,var(--hf164-frame-accent) 35%,#081323),0 28px 50px #0008!important}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-frame="aurora"]{border:2px solid var(--hf164-frame-accent)!important;box-shadow:-12px 0 34px #22d3ee55,12px 0 34px #c084fc66,0 24px 60px #0005!important;backdrop-filter:blur(18px)}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-shape="soft"]{border-radius:28px!important}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-shape="square"]{border-radius:4px!important}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-shape="capsule"]{border-radius:48px!important}
body[data-home-layout] #loginView:not(.hidden) .login-card[data-hf164-shape="asymmetric"]{border-radius:34px 8px 34px 8px!important}
.hf164-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.hf164-appearance-grid input,.hf164-appearance-grid select{max-width:100%;width:100%}
.hf164-color-row{display:flex;gap:8px;align-items:center}.hf164-color-row input[type=color]{width:56px!important;height:34px;padding:2px}
.hf164-color-row input[type=checkbox]{width:auto!important}
.hf164-palette{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.hf164-palette button{width:21px;height:21px;border-radius:50%;padding:0;border:1px solid #94a3b8;cursor:pointer}
.hf164-source-table{width:100%;table-layout:auto}.hf164-source-table th,.hf164-source-table td{overflow-wrap:anywhere}.hf164-source-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:700px){.hf164-appearance-grid{grid-template-columns:1fr}}