/* Shared workspace typography and action hierarchy, using the approved ITSM palette. */
html{font-size:15px;--action-ink:#245c4d;--action-soft:#f5f0e5;--action-border:#968a70;--action-hover:#e8dfcb;--action-primary:#245c4d;--action-primary-hover:#1c493d;--action-primary-active:#173e33;--notice-ink:#72531b;--notice-soft:#f5ecd9;--notice-border:#d8bd85}
html[data-theme=dark]{--action-ink:#d3dedb;--action-soft:#1a3133;--action-border:#9cb6af;--action-hover:#254647;--notice-ink:#f0d9a4;--notice-soft:#403825;--notice-border:#a78c58}
.sidebar .nav-link{font-size:14px;line-height:1.6;min-height:44px}
.sidebar :is(.workspace-label,.nav-section-label){font-size:12px}
.employee-sidebar-person strong{font-size:15px}
.employee-sidebar-person small,.employee-sidebar-location{font-size:12px}
.employee-sidebar-section h2{font-size:12px;letter-spacing:.2px}
.employee-sidebar .employee-news-item strong,.employee-offering strong{font-size:13px;line-height:1.7}
.employee-sidebar .employee-news-item time,.employee-offering small,.employee-sidebar-more{font-size:12px}
.employee-sidebar-footer .btn{font-size:12px;min-height:40px}
:is(#main,#dialog) :is(.field>span,.field>label){font-size:14px;line-height:1.6}
:is(#main,#dialog) :is(input,select,textarea){font-size:14px}
:is(#main,#dialog) :is(.caption,.helper,.hint){font-size:12px;line-height:1.8}
:is(#main,#dialog) .panel-heading h2{font-size:21px;line-height:1.5}
.home-two-hero p,.home-two-card-copy p{font-size:15px;line-height:1.8}
.home-two-card-action{font-size:14px}

/* Clear secondary actions above white panels; colour follows function. */
:is(#main,#dialog,.topbar) .btn{font-size:14px;line-height:1.5;min-height:42px;padding:9px 14px;gap:8px;border-radius:10px;background:var(--action-soft);color:var(--action-ink);border:1px solid var(--action-border);box-shadow:none}
:is(#main,#dialog,.topbar) .btn:hover{background:var(--action-hover);border-color:var(--action-ink)}
:is(#main,#dialog,.topbar) .btn.primary:not(.admin-icon-action){background:var(--action-primary);color:#fff;border-color:var(--action-primary);box-shadow:0 3px 8px #245c4d10}
:is(#main,#dialog,.topbar) .btn.primary:not(.admin-icon-action):hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}
:is(#main,#dialog,.topbar) .btn.primary:not(.admin-icon-action):active{background:var(--action-primary-active);border-color:var(--action-primary-active)}
:is(#main,#dialog,.topbar) .btn.secondary{background:var(--action-soft);color:var(--action-ink);border-color:var(--action-border)}
:is(#main,#dialog,.topbar) .btn.secondary:hover{background:var(--action-hover)}
:is(#main,#dialog,.topbar) .btn.ghost{background:transparent;border-color:transparent;color:var(--action-ink)}
:is(#main,#dialog,.topbar) .btn.ghost:hover{background:var(--action-soft);border-color:var(--action-border)}
:is(#main,#dialog,.topbar) .btn.danger{background:#fff1f0;color:#a62421;border-color:#d98e89}
:is(#main,#dialog,.topbar) .btn.danger:hover{background:#ffe4e1;border-color:#a62421}
html[data-theme=dark] :is(#main,#dialog,.topbar) .btn.primary:not(.admin-icon-action){background:var(--action-primary);border-color:var(--action-border)}
html[data-theme=dark] :is(#main,#dialog,.topbar) .btn.danger{background:#452b2a;color:#ffd1cc;border-color:#b36e67}
:is(#main,#dialog,.topbar) .btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
:is(#main,#dialog,.topbar) .btn .icon{width:18px;height:18px;flex:none}
:is(#main,#dialog,.topbar) :is(.btn,.icon-btn):focus-visible{outline:3px solid var(--action-border);outline-offset:3px}
:is(#main,#dialog) .heading-actions{gap:8px;align-items:center}
:is(#main,#dialog) .heading-actions .btn{flex:0 0 auto;min-width:0;width:auto;margin-block:0;white-space:nowrap;font-size:14px;padding:9px 14px}

/* Header title and controls occupy opposing ends in LTR and RTL. */
.topbar>.crumb{display:block;flex:1 1 auto;min-width:0;margin-inline-end:auto;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar>.top-search{flex:0 1 290px;margin:0}
.topbar>.top-actions{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}
.top-actions .icon-btn{border:1px solid var(--action-border);color:var(--action-ink);background:var(--action-soft);min-width:40px;min-height:40px}
.top-actions .icon-btn:hover{background:var(--action-hover);border-color:var(--action-ink)}

/* Report an issue: prominent, compact and aligned with the complete search field. */
.employee-home-two .home-two-actions{align-items:center;gap:12px}
.employee-home-two .home-two-search{min-height:50px;padding:4px;border-radius:12px}
.employee-home-two .home-two-search input{font-size:15px;padding-block:8px}
.employee-home-two .home-two-search .btn{min-height:40px;min-width:0;padding:8px 14px;margin:0;font-size:14px}
#main .employee-home-two .home-two-report-btn{min-height:50px;min-width:0;width:auto;padding:12px 16px;gap:8px;font-size:14px;line-height:1.5;border-radius:12px;border:1px solid var(--action-primary);background:var(--action-primary);color:#fff;box-shadow:0 3px 8px #8c6b2410}
#main .employee-home-two .home-two-report-btn:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}
html[data-theme=dark] #main .employee-home-two .home-two-report-btn{background:var(--action-primary);color:#fff;border-color:var(--action-border)}
.home-two-report-btn .icon{width:19px;height:19px}

/* News retains its content hierarchy; gold announces and green informs. */
.portal-news-type{background:var(--action-soft);color:var(--action-ink);border:1px solid var(--action-border);font-size:12px;line-height:1.5;padding:5px 9px}
.portal-news-type:is(.news-announcement,.announcement){background:var(--notice-soft);color:var(--notice-ink);border-color:var(--notice-border)}
.portal-news-type.news-maintenance{background:var(--notice-soft);color:var(--notice-ink);border-color:var(--notice-border)}
.portal-news-type.news-outage{background:#fff1f0;color:#a62421;border-color:#d98e89}
.home-announcement--announcement{--home-news-accent:#a17c38}
.home-announcement--news{--home-news-accent:#245c4d}
.employee-sidebar .portal-news-type.news-announcement{background:#f5ecd9;color:#72531b;border-color:#d8bd85}
.employee-sidebar .portal-news-type.news-news,.employee-sidebar .portal-news-type.news-service{background:#dcece2;color:#204d40;border-color:#b8d1c2}
.home-announcement-copy>p{font-size:15px;line-height:1.8}
.home-announcement-actions .text-link{font-size:13px}
.portal-news-card p,.portal-news-detail p{font-size:15px}
html[data-theme=dark] .portal-news-type.news-outage{background:#452b2a;color:#ffd1cc;border-color:#b36e67}
html[data-theme=dark] .portal-news-type{background:var(--action-soft);color:var(--action-ink);border-color:var(--action-border)}
html[data-theme=dark] .portal-news-type:is(.news-announcement,.announcement,.news-maintenance){background:var(--notice-soft);color:var(--notice-ink);border-color:var(--notice-border)}
html[data-theme=dark] .portal-news-type.news-outage{background:#452b2a;color:#ffd1cc;border-color:#b36e67}
html[data-theme=dark] .home-announcement--announcement{--home-news-accent:#dfc183}
html[data-theme=dark] .home-announcement--news{--home-news-accent:#9cc9ad}
html[data-theme=dark] .employee-sidebar .portal-news-type.news-announcement{background:var(--notice-soft);color:var(--notice-ink);border-color:var(--notice-border)}
html[data-theme=dark] .employee-sidebar .portal-news-type.news-news,html[data-theme=dark] .employee-sidebar .portal-news-type.news-service{background:var(--action-soft);color:var(--action-ink);border-color:var(--action-border)}

/* Real catalogue cards in the preference preview; ordering controls stay separate. */
.interest-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));align-items:stretch;gap:16px}
.interest-preview-item{min-width:0;display:flex;flex-direction:column;gap:10px}
.interest-preview-position{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.interest-preview-position>span{margin-inline-end:auto;font-size:12px;color:var(--muted)}
#main .interest-preview-position .btn{font-size:12px;padding:7px 10px;min-height:36px}
.interest-preview .service-card{padding:0;border-radius:13px;display:flex;flex:1;overflow:hidden}
.interest-preview .service-card>a{display:flex;flex-direction:column;width:100%;min-width:0}
.interest-preview .service-card .service-art{height:120px;min-height:120px;border-radius:0;margin:0}
.interest-preview .service-card .art-object{transform:none}
.service-card[data-offering-card]>a{display:flex;flex-direction:column;height:100%;width:100%;min-width:0}
.service-card[data-offering-card] .service-art{height:120px;min-height:120px;flex:none}
.service-card[data-offering-card] .card-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 18px}
.service-card[data-offering-card] h3{font-size:18px;line-height:1.6;overflow-wrap:break-word;word-break:normal}
.service-card[data-offering-card] p{font-size:14px;line-height:1.8;overflow-wrap:break-word;margin:10px 0 18px;min-height:0;flex:1}
.service-card[data-offering-card] .card-bottom{margin-block-start:auto;padding-block-start:18px;gap:12px;flex-wrap:wrap;font-size:12px}
.service-card[data-offering-card] .card-bottom>.text-link{font-size:13px;white-space:nowrap}

.quick-conversation.workspace-chat .employee-chat-label{font-size:14px}
html .quick-conversation.workspace-chat>.employee-chat-count{background:#ead29a;color:#193d31}
html .quick-conversation.workspace-chat>.employee-chat-count[hidden]{display:none}
html[data-motion=reduced] .workspace-chat,html[data-motion=reduced] .employee-chat-symbol>.icon{transition:none}
html[data-motion=reduced] .workspace-chat:hover,html[data-motion=reduced] .workspace-chat:active{transform:none}
html[data-motion=reduced] .workspace-chat.has-unread:after,html[data-motion=reduced] .workspace-chat:hover .employee-chat-symbol i{animation:none}
html[data-text-size=large] :is(#main,#dialog) :is(.btn,input,select,textarea,.field>span){font-size:16px}
html[data-text-size=large] .sidebar .nav-link{font-size:16px}

@media(max-width:1000px){.topbar>.top-search{flex-basis:210px}.interest-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .topbar{min-height:64px;height:auto;gap:8px;flex-wrap:wrap;padding:10px 16px}
 .topbar>.crumb{flex:1 1 120px;font-size:13px}
 .topbar>.top-search{flex:0 0 40px;width:40px;margin-inline-start:0}
 .topbar>.top-actions{margin-inline-start:auto;gap:6px}
 :is(#main,#dialog,.topbar) .btn{min-height:44px;white-space:normal}
 :is(#main,#dialog) .heading-actions{flex-wrap:wrap;width:100%;justify-content:flex-start}
 :is(#main,#dialog) .heading-actions .btn{min-height:44px;max-width:100%;white-space:normal}
 :is(#main,#dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea){font-size:16px}
 .interest-preview-grid{grid-template-columns:minmax(0,1fr)}
 #main .interest-preview-position .btn{min-height:44px}
 #main .employee-home-two .home-two-report-btn{min-height:50px;padding:12px 16px}
 .employee-home-two .home-two-search .btn{min-height:44px}
 .quick-conversation.workspace-chat{bottom:calc(18px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:480px){.employee-home-two .home-two-actions{grid-template-columns:minmax(0,1fr)}#main .employee-home-two .home-two-report-btn{width:100%}.topbar>.top-actions{flex-wrap:wrap;max-width:100%}.top-actions .role-select{max-width:130px}}