.ph-root{min-width:0}.ph-header{align-items:flex-start!important;gap:18px;flex-wrap:wrap}.ph-header h2{font-size:29px!important;letter-spacing:-.6px;margin:0 0 10px!important}.ph-header>.row{flex-wrap:wrap}.ph-intro{color:var(--mut);font-size:13px;line-height:1.7;max-width:850px;margin:16px 0 26px}.ph-work{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}.ph-menu{display:flex;flex-direction:column;gap:5px}.ph-menu button{background:transparent;color:var(--mut);font:inherit;text-align:left;border:0;border-left:3px solid transparent;border-radius:0 7px 7px 0;padding:14px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;line-height:1.5}.ph-menu button b{font-size:11px;border-radius:5px;padding:2px 7px;background:var(--soft);flex-shrink:0}.ph-menu button[aria-pressed=true]{color:var(--brand);border-left-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--card));font-weight:700}.ph-menu button:hover{background:var(--soft)}.ph-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.ph-section-title h3{font-size:21px;letter-spacing:-.3px;margin:0 0 10px}.ph-section-title p{color:var(--mut);font-size:13px;line-height:1.65;margin:0 0 22px}.ph-search{max-width:420px;margin-bottom:14px}.ph-result{font-size:11px;color:var(--mut);margin-bottom:12px}.ph-content{max-height:65vh;overflow:auto;padding-right:5px;scrollbar-gutter:stable}.ph-category{margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;gap:0!important}.ph-category[hidden],.ph-row[hidden],.ph-no-result[hidden]{display:none!important}.ph-category>.card{border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important}.ph-original-heading{display:none!important}.ph-row{padding:16px 0!important;border-bottom:1px solid var(--line);line-height:1.65;overflow-wrap:anywhere}.ph-row:first-child{padding-top:4px!important}.ph-row b{font-size:14px!important}.ph-row .mut{font-size:12px}.ph-row .btn{font-size:12px!important;min-height:36px!important;padding:8px 11px!important}.ph-category .btn{margin-top:8px}.ph-warning{padding:14px;border-left:3px solid var(--warn);color:var(--ink);background:var(--soft);line-height:1.6}.ph-no-result{padding:20px 0;color:var(--mut)}.ph-menu button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.hrhome-departments{padding:24px 0;border-top:1px solid var(--line)}.hrhome-departments>h3{font-size:23px}.hrhome-department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}.hrhome-department-grid h4{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px}.hrhome-department-grid a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:var(--ink);padding:14px 0;border-top:1px solid var(--line);line-height:1.5}.hrhome-department-grid a b{display:block;font-size:14px}.hrhome-department-grid a small{display:block;color:var(--mut);font-size:12px;margin-top:4px}.hrhome-department-grid a:hover b{color:var(--brand)}@media(max-width:1200px){.ph-work{grid-template-columns:1fr}.ph-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hrhome-department-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ph-header h2{font-size:25px!important}.ph-menu{display:flex;flex-direction:row;overflow:auto;padding-bottom:5px}.ph-menu button{min-width:190px;border-left:0;border-bottom:3px solid transparent;border-radius:7px 7px 0 0;padding:12px}.ph-menu button[aria-pressed=true]{border-bottom-color:var(--brand)}.ph-panel{padding:18px}.ph-content{max-height:60vh}.hrhome-department-grid{grid-template-columns:1fr;gap:20px}.ph-header .btn{font-size:12px!important;min-height:36px!important}.ph-category>.card.row{flex-wrap:wrap}.ph-section-title h3{font-size:20px}}
@media(min-width:601px){.ph-work{grid-template-columns:1fr;gap:18px}.ph-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ph-menu button{border:1px solid var(--line);border-radius:8px;padding:13px 14px;background:var(--card)}.ph-menu button[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--card))}}@media(min-width:601px) and (max-width:1100px){.ph-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Allineamento esplicito anche nelle finestre strette: non eredita il menu generale. */
#hrhome .hrhome-department-grid a{flex:none;flex-direction:row;align-items:center;text-align:left;min-width:0;border-radius:0}#hrhome .hrhome-department-grid a>span:first-child{flex:1;min-width:0}#hrhome .hrhome-department-grid a small{font-weight:400;line-height:1.55}

/* Un pannello compatto anche nel browser affiancato: scelta area, poi attività. */
#hrhome .hrhome-departments{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.hrhome-area-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.hrhome-area-tabs button{font:inherit;font-weight:650;color:var(--mut);background:var(--soft);border:1px solid transparent;border-radius:7px;padding:11px 16px;cursor:pointer}
.hrhome-area-tabs button[aria-pressed=true]{background:var(--brand);color:var(--onbrand,#fff)}
#hrhome .hrhome-department-grid{display:block;margin-top:18px}
#hrhome .hrhome-department-grid>[hidden]{display:none!important}
.hrhome-area-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#hrhome .hrhome-area-actions a{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;align-items:start;gap:12px;min-height:130px}
#hrhome .hrhome-area-actions a:hover{border-color:var(--brand)}
#hrhome .hrhome-area-actions a>span:first-child{flex:none}
#hrhome .hrhome-area-actions a>span:nth-child(2){flex:1;min-width:0}
.hrhome-action-symbol{color:var(--brand);background:var(--card);border-radius:7px;padding:7px;display:flex}
.hrhome-action-symbol svg{width:20px;height:20px}
.hrhome-action-arrow{align-self:center;color:var(--mut)}
@media(max-width:800px){.hrhome-area-actions{grid-template-columns:1fr}#hrhome .hrhome-area-actions a{min-height:84px;padding:14px}#hrhome .hrhome-departments{padding:18px}.hrhome-area-tabs{gap:6px}.hrhome-area-tabs button{flex:1;padding:11px 8px;font-size:12px;white-space:nowrap}}