/* HF155: limited to the new login settings and the active WBS editor. */
body #hf155MicrosoftLogin[hidden]{display:none!important}
body #loginView[data-hf155-login-mode="entra-cloud"] #loginForm,
body #loginView[data-hf155-login-mode="entra-synced"] #loginForm{display:none!important}
body #hf155MicrosoftLogin{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:center}
body #hf155MicrosoftLogin p{margin:0;line-height:1.6}
body #hf155MicrosoftLogin .hf155-microsoft-login{width:100%;min-height:48px;white-space:normal;font-size:16px}
body #hf155AuthenticationSettings .hf155-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body #hf155AuthenticationSettings .field{min-width:0;margin:0}
body #hf155AuthenticationSettings input:not([type="checkbox"]),body #hf155AuthenticationSettings select{box-sizing:border-box;width:100%;min-height:40px;font-size:15px}
body #hf155AuthenticationSettings .hf155-policy-check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;line-height:1.6}
body #hf155AuthenticationSettings .hf155-policy-check input{flex:0 0 auto;margin-top:6px}
body #hf155AuthenticationSettings .hf155-auth-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}
body #hf155AuthenticationSettings small,body #hf155AuthenticationSettings .help{display:block;line-height:1.6;font-size:13px;overflow-wrap:anywhere}
body #hf155AuthenticationSettings .tablewrap{max-height:420px;overflow:auto}
body #hf155AuthenticationSettings th,body #hf155AuthenticationSettings td{padding:8px;font-size:14px;overflow-wrap:anywhere}
body #hf155AuthenticationSettings th{position:sticky;top:0;background:var(--panel,#fff)}
body #hf155AuthMessage{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
body #hf155AuthMessage.hf155-error{color:#b91c1c}
body #hf145WbsDialog .hf145-dialog-head{flex-wrap:wrap;gap:10px}
body #hf145WbsDialog .hf155-wbs-zoom-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto;font-size:14px;flex:0 1 auto}
body #hf155WbsZoomTools label{font-weight:700;white-space:nowrap}
body #hf155WbsZoomTools select{font-size:14px;min-height:36px;padding:4px 8px;min-width:90px}
body #hf155WbsZoomTools button{min-height:36px;font-size:14px;padding:6px 10px}
body #hf145WbsDialog[open] .project-inline-table,
body #hf145WbsDialog[open] .project-inline-table *{font-size:14px!important;line-height:1.5!important}
body #hf145WbsDialog[open] .project-inline-table th,
body #hf145WbsDialog[open] .project-inline-table td{min-height:48px!important;vertical-align:middle!important}
body #hf145WbsDialog[open] .project-inline-table input:not([type="checkbox"]):not([type="color"]),
body #hf145WbsDialog[open] .project-inline-table select,
body #hf145WbsDialog[open] .project-inline-table textarea,
body #hf145WbsDialog[open] .project-inline-table button{min-height:32px!important;box-sizing:border-box!important}
body #hf145WbsDialog[open] .project-inline-table input[type="date"]{min-width:155px!important;width:155px!important;font-size:14px!important;}
body #hf145WbsDialog[open] .project-inline-table .project-cell-textarea{min-height:44px!important;resize:vertical}
@media(max-width:800px){body #hf155AuthenticationSettings .hf155-auth-grid{grid-template-columns:minmax(0,1fr)}body #hf145WbsDialog .hf155-wbs-zoom-tools{margin-left:0}body #hf155WbsZoomTools label{flex-basis:100%}}
@media print{body #hf155WbsZoomTools{display:none!important}}

/* HF170: visually separate the three administrator login modes. Authentication logic is unchanged. */
body #hf155AuthenticationSettings #hf170LoginModeTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:8px;border:1px solid #dbe5f0;border-radius:14px;background:#fff}
body #hf155AuthenticationSettings #hf170LoginModeTabs button{min-height:56px;border:1px solid #dbe5f0;background:#f8fafc;color:#334155;border-radius:10px;padding:9px 14px;font-weight:800;font-size:15px;line-height:1.4;cursor:pointer;white-space:normal}
body #hf155AuthenticationSettings #hf170LoginModeTabs button:hover{border-color:var(--ptms-primary,#2563eb)}
body #hf155AuthenticationSettings #hf170LoginModeTabs button.active{background:linear-gradient(135deg,var(--ptms-primary,#2563eb),var(--ptms-secondary,#4f46e5));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(37,99,235,.16)}
body #hf155AuthenticationSettings .hf170-login-mode-panel[hidden]{display:none!important}
body #hf155AuthenticationSettings .hf170-login-mode-panel{margin-top:14px}
body #hf155AuthenticationSettings .hf170-mode-summary{margin:0 0 16px;padding:14px 16px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fafc}
body #hf155AuthenticationSettings .hf170-mode-summary h3{margin:0 0 6px;font-size:17px}
body #hf155AuthenticationSettings .hf170-mode-summary p{margin:0;line-height:1.65}
body #hf155AuthenticationSettings .hf170-mode-summary p+p{margin-top:6px}
body #hf155AuthenticationSettings #hf170ModeSelectionHint{margin:8px 2px 0;padding:0 2px;color:#64748b}
body #hf155AuthenticationSettings #hf170MicrosoftBindingPanel{margin-top:18px}
@media(max-width:800px){body #hf155AuthenticationSettings #hf170LoginModeTabs{grid-template-columns:minmax(0,1fr)}}