/* pofis Yönetim: one manager hub, four functions and a permanent sidebar. */
#management{min-width:0}
.manager-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px;margin:0 0 18px;border:1px solid #cce9d7;border-radius:17px;background:linear-gradient(120deg,#effff4,#e6f8ed);color:#1f5638}
.manager-kicker{font-size:10px;font-weight:850;letter-spacing:1.8px;color:#16834d;margin-bottom:8px}
.manager-hero h1{font-size:26px;line-height:1.2;margin:0 0 8px;font-weight:900;color:#1b5035}
.manager-hero p{font-size:12px;line-height:1.6;margin:0;color:#618672}
.manager-role-tag{flex-shrink:0;background:#d7f5e2;border:1px solid #b1e4c4;border-radius:99px;padding:8px 13px;color:#26724b;font-size:10px;letter-spacing:.3px;font-weight:850}
.manager-layout{display:grid;grid-template-columns:226px minmax(0,1fr);gap:17px;align-items:start;min-width:0}
.manager-sidebar{background:#fff;border:1px solid #e0e9e4;border-radius:15px;padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0;box-shadow:0 6px 25px #0d3d2210;position:sticky;top:14px}
.manager-sidebar-title{font-size:9px;letter-spacing:1.5px;font-weight:900;padding:12px 11px 10px;color:#819689}
.manager-sidebar button{display:flex;align-items:center;gap:11px;text-align:left;font:inherit;font-size:12px;font-weight:780;color:#4b6254;background:transparent;border:1px solid transparent;border-radius:10px;padding:11px 10px;min-height:47px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease;white-space:normal}
.manager-sidebar button:hover{background:#f2f9f4;color:#277345}
.manager-sidebar button.active{background:#e9f9ef;border-color:#c4ebd1;color:#126d3c;font-weight:900}
.manager-sidebar button:focus-visible{outline:2px solid #3bbc7d;outline-offset:2px}
.manager-nav-icon{width:28px;height:28px;min-width:28px;background:#f3f7f4;color:#638170;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:600;line-height:1}
.manager-sidebar button.active .manager-nav-icon{background:#cdf1db;color:#108146}
.manager-main{min-width:0}
.manager-section{min-width:0}
.manager-section-heading{padding:2px 2px 13px}
.manager-section-heading h2{font-size:21px;margin:0 0 7px;color:#284634;font-weight:900}
.manager-section-heading p{color:#758a7c;font-size:12px;line-height:1.5;margin:0}
.manager-section>.card{margin:0!important;box-shadow:0 6px 25px #15321d0a;min-width:0}
.manager-section #moderationManager{margin:0!important}
.manager-section #moderationManager>.between h2{font-size:16px}
.manager-section #moderationManager .mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.manager-section #userList .line{gap:8px}
.manager-section .user-entry{min-width:0}
.manager-section .user-entry>div:first-child{min-width:0;overflow-wrap:anywhere}
.manager-section .user-entry-actions{flex-shrink:0}
.manager-section #feed .line{gap:12px;align-items:flex-start}
.manager-section #feed .line>span{min-width:0;overflow-wrap:anywhere;flex:1}
.manager-section #feed .line>small{white-space:nowrap;flex-shrink:0}
html[data-theme="dark"] .manager-hero{background:linear-gradient(120deg,#193d31,#1d3341);border-color:#335d4d;color:#e3ffee}
html[data-theme="dark"] .manager-kicker{color:#84f1b5}
html[data-theme="dark"] .manager-hero h1{color:#e8fff1}
html[data-theme="dark"] .manager-hero p{color:#bed7c8}
html[data-theme="dark"] .manager-role-tag{background:#21533f;color:#b2f6ce;border-color:#3a8360}
html[data-theme="dark"] .manager-sidebar{background:#192c39;border-color:#364e56;box-shadow:none}
html[data-theme="dark"] .manager-sidebar-title{color:#8aa99a}
html[data-theme="dark"] .manager-sidebar button{color:#c9dace}
html[data-theme="dark"] .manager-sidebar button:hover{background:#253e45;color:#d9ffe7}
html[data-theme="dark"] .manager-sidebar button.active{background:#1b4e38;border-color:#397e56;color:#b9f5d3}
html[data-theme="dark"] .manager-nav-icon{background:#293e49;color:#a7c8b6}
html[data-theme="dark"] .manager-sidebar button.active .manager-nav-icon{background:#2b7050;color:#d0ffe3}
html[data-theme="dark"] .manager-section-heading h2{color:#ecfff4}
html[data-theme="dark"] .manager-section-heading p{color:#b7c9bd}
@media(max-width:840px){
 .manager-layout{grid-template-columns:188px minmax(0,1fr);gap:12px}
 .manager-sidebar{padding:7px}
 .manager-sidebar button{padding:10px 7px;gap:7px;font-size:11px}
 .manager-nav-icon{width:26px;height:26px;min-width:26px}
 .manager-section #moderationManager .mod-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .manager-hero{padding:17px;gap:9px}
 .manager-hero h1{font-size:22px}
 .manager-role-tag{display:none}
 .manager-layout{grid-template-columns:1fr;gap:13px}
 .manager-sidebar{position:static;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin;padding:7px;gap:4px}
 .manager-sidebar-title{display:none}
 .manager-sidebar button{flex:0 0 auto;min-height:44px;font-size:11px;padding:7px 10px;white-space:nowrap}
 .manager-nav-icon{min-width:24px;width:24px;height:24px;font-size:17px}
 .manager-section-heading{padding:4px 0 11px}
 .manager-section-heading h2{font-size:19px}
 .manager-section #feed .line{flex-wrap:wrap}
 .manager-section #feed .line>small{width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.manager-sidebar button{transition:none}}


/* Management: collapsible Ballı Logma branch with two separate logs. */
.manager-sidebar .manager-log-group{display:flex;flex-direction:column;gap:3px;min-width:0}
.manager-sidebar .manager-log-group>.manager-log-toggle{width:100%}
.manager-sidebar .manager-log-chevron{margin-left:auto;font-size:14px;transition:transform .15s}
.manager-sidebar .manager-log-toggle.expanded{background:#eaf8ee;color:#126d3c}
.manager-sidebar .manager-log-toggle.expanded .manager-log-chevron{transform:rotate(180deg)}
.manager-log-subnav{display:flex;flex-direction:column;gap:3px;padding:3px 0 5px 25px;border-left:2px solid #d8e9df;margin-left:20px}
.manager-log-subnav.hidden{display:none!important}
.manager-sidebar .manager-log-subnav>button{min-height:36px;padding:8px 9px;font-size:11px;gap:6px;line-height:1.25}
.manager-log-subicon{font-size:14px;flex:0 0 13px;text-align:center}
#managerAdminPanelTab.hidden{display:none!important}
#management #admin.manager-section{min-width:0}
#management #admin.manager-section.hidden{display:none!important}
html[data-theme="dark"] .manager-sidebar .manager-log-toggle.expanded{background:#1b4e38;color:#b9f5d3}
html[data-theme="dark"] .manager-log-subnav{border-color:#335346}
@media(max-width:650px){
 .manager-sidebar .manager-log-group{flex:0 0 auto;display:flex;min-width:max-content}
 .manager-sidebar .manager-log-subnav{margin-left:0;padding:2px 0 2px 6px}
 .manager-sidebar .manager-log-subnav>button{min-height:34px;padding:6px 9px}
}
/* Ritmi is paused, not deleted. Keep its DOM and JS for future reactivation. */
#socialHome .social-ritual-card{display:none!important}
#socialHome.pofis-social-home{grid-template-columns:minmax(0,1fr)!important}
/* Medium, frameless duty avatars in the designated right-hand hero area. */
#dutyHero{align-items:center}
#dutyHero .duty-hero-aside{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.2vw,25px);flex:0 1 auto;min-width:0}
#dutyHero .duty-avatar-group{display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(5px,1vw,15px);min-width:0}
#dutyHero .duty-avatar{width:clamp(92px,11vw,132px);min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;text-align:center}
#dutyHero .duty-avatar-art{width:100%;height:clamp(98px,11vw,142px);display:flex;align-items:flex-end;justify-content:center;position:relative}
#dutyHero .duty-avatar-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1) brightness(.85) opacity(.82);transition:filter .25s ease;pointer-events:none}
#dutyHero .duty-avatar.in-office .duty-avatar-art img{filter:grayscale(0) opacity(1) drop-shadow(0 5px 10px #063e273f)}
#dutyHero .duty-avatar-initials{width:min(88px,85%);aspect-ratio:1;display:grid;place-items:center;margin-bottom:3px;border-radius:50%;font-size:27px;font-weight:850;background:#ffffff26;color:white;filter:grayscale(1) opacity(.72)}
#dutyHero .duty-avatar.in-office .duty-avatar-initials{filter:none;background:#ffffff38}
#dutyHero .duty-avatar-name{font-size:11px;font-weight:800;line-height:1.25;max-width:100%;text-shadow:0 1px 4px #07412970;overflow-wrap:anywhere}
#dutyHero .duty-avatar-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#e0e9e4}
#dutyHero .duty-avatar-status::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#bdc6bc}
#dutyHero .duty-avatar.in-office .duty-avatar-status::before{background:#8cffa8;box-shadow:0 0 5px #8cffa8}
#dutyHero .duty-avatar.in-office .duty-avatar-status{color:#d3ffe0}
#dutyHero .week{flex:0 0 auto}
@media(max-width:850px){
 #dutyHero{flex-wrap:wrap}
 #dutyHero .duty-hero-aside{flex:1 1 100%;justify-content:space-between;gap:12px}
 #dutyHero .duty-avatar{width:clamp(90px,24vw,124px)}
 #dutyHero .duty-avatar-art{height:clamp(92px,25vw,127px)}
}
@media(max-width:420px){
 #dutyHero .duty-hero-aside{align-items:center}
 #dutyHero .duty-avatar{width:90px}
 #dutyHero .duty-avatar-art{height:96px}
 #dutyHero .duty-avatar-name{font-size:10px}
 #dutyHero .week{min-width:83px;padding:12px}
}
/* 17:30 checklist between duty hero and office radar; approval-red visual style. */
#today .pofis-closing-checklist{display:block;margin:14px 0 16px;border:2px solid #e64b62;border-radius:16px;background:#fff0f1;color:#832039;box-shadow:0 6px 20px rgba(173,26,59,.10);overflow:hidden}
#today .pofis-closing-checklist.hidden{display:none!important}
#today .pofis-closing-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;list-style:none;cursor:pointer;user-select:none;color:#9b2242;font-size:16px;line-height:1.3;font-weight:850}
#today .pofis-closing-summary::-webkit-details-marker{display:none}
#today .pofis-closing-summary::marker{content:""}
#today .pofis-closing-summary:focus-visible{outline:3px solid #e64b62;outline-offset:-5px;border-radius:12px}
#today .pofis-closing-summary:hover{background:#fce5e8}
#today .pofis-closing-chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0;margin-right:5px;margin-top:-4px}
#today .pofis-closing-checklist[open] .pofis-closing-chevron{transform:rotate(225deg);margin-top:5px}
#today .pofis-closing-body{border-top:1px solid #efc0c9;padding:15px 18px 18px;background:#fffafb}
#today .pofis-closing-body>.between:first-child{align-items:center;gap:12px;flex-wrap:wrap}
#today .pofis-closing-body #timeInfo{margin:12px 0}
html[data-theme="dark"] #today .pofis-closing-checklist{background:#302426!important;border-color:#e64b62!important;color:#ffccd5!important;box-shadow:0 6px 20px rgba(0,0,0,.20)!important}
html[data-theme="dark"] #today .pofis-closing-summary{color:#ffbfc9!important}
html[data-theme="dark"] #today .pofis-closing-summary:hover{background:#432c31!important}
html[data-theme="dark"] #today .pofis-closing-body{background:#242021!important;border-color:#654147!important}
@media(max-width:570px){#today .pofis-closing-checklist{margin:12px 0 14px;border-radius:13px}#today .pofis-closing-summary{padding:12px 14px;font-size:14px}#today .pofis-closing-body{padding:12px 13px 15px}}
@media(prefers-reduced-motion:reduce){#today .pofis-closing-chevron{transition:none}}

/* Calendar range replaces the obsolete 01/06 duty-week counter. */
#dutyHero .duty-week-range{
 display:flex;align-items:center;justify-content:center;
 flex:0 0 auto;min-width:180px;max-width:205px;padding:13px 15px;text-align:center;
}
#dutyHero .duty-week-range strong{
 display:block;font-size:clamp(15px,1.6vw,18px);
 line-height:1.4;font-weight:850;letter-spacing:0;
 white-space:normal;overflow-wrap:normal;
}
@media(max-width:420px){
 #dutyHero .duty-week-range{min-width:140px;max-width:175px;padding:12px 10px}
 #dutyHero .duty-week-range strong{font-size:14px}
}
/* Password help is inside the manager hub, not in the cramped top nav. */
#managementPasswordHelp .pofis-manager-help-card{padding:20px;margin:0 0 13px!important}
#managementPasswordHelp .pofis-manager-help-card h3{margin:0 0 7px;font-size:16px}
#managementPasswordHelp .pofis-manager-help-card p{font-size:13px;line-height:1.55;margin:0 0 17px}
#managementPasswordHelp #pofisHelpBell.manager-help-action{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 width:auto;min-height:42px;padding:10px 14px;border-radius:10px;
 background:#ebf6ee;color:#205b3e;border:1px solid #b5dec4;
 font:inherit;font-size:12px;font-weight:820;cursor:pointer;
}
#managementPasswordHelp #pofisHelpBell.manager-help-action svg{width:19px;height:19px;flex:none}
#managementPasswordHelp #pofisHelpBell.manager-help-action .manager-help-label{display:inline}
#managementPasswordHelp #pofisHelpBadge{position:static;display:inline-grid;place-items:center;min-width:19px;height:19px;margin:0;padding:1px 5px}
#managementPasswordHelp #pofisHelpBadge.hidden{display:none!important}
#managementPasswordHelp #managerPasswordShortcut{min-height:42px;padding:10px 14px;font-size:12px}
html[data-theme="dark"] #managementPasswordHelp #pofisHelpBell.manager-help-action{
 background:#2b4738!important;color:#ddf9e7!important;border-color:#4d8262!important;
}
html[data-theme="dark"] #managementPasswordHelp #pofisHelpBell.manager-help-action:hover{background:#365d48!important}

/* Duty hero: date under the description; larger, well-spaced portraits on the right. */
#dutyHero .duty-hero-copy{flex:1 1 300px;min-width:0}
#dutyHero .duty-hero-copy .duty-week-range{
 display:inline-flex;align-items:center;justify-content:flex-start;
 width:auto;min-width:0;max-width:100%;margin-top:18px;
 padding:9px 13px;background:#ffffff19;border:1px solid #ffffff30;border-radius:10px;
}
#dutyHero .duty-hero-copy .duty-week-range strong{
 font-size:clamp(13px,1.4vw,16px);font-weight:800;line-height:1.35;
 color:#e5ffed;white-space:nowrap;
}
#dutyHero .duty-hero-aside{flex:0 1 430px;justify-content:center;min-width:0}
#dutyHero .duty-avatar-group{width:100%;justify-content:space-around;align-items:flex-end;gap:clamp(18px,2.5vw,35px)}
#dutyHero .duty-avatar{width:clamp(134px,15vw,180px);min-width:0}
#dutyHero .duty-avatar-art{height:clamp(143px,15.7vw,190px)}
#dutyHero .duty-avatar-name{font-size:12px;line-height:1.3;margin-top:2px}
#dutyHero .duty-avatar-status{font-size:11px}
@media(max-width:850px){
 #dutyHero .duty-hero-copy{flex:1 1 100%}
 #dutyHero .duty-hero-aside{flex:1 1 100%;justify-content:center}
 #dutyHero .duty-avatar-group{width:min(100%,440px);justify-content:space-evenly}
 #dutyHero .duty-avatar{width:clamp(135px,23vw,173px)}
 #dutyHero .duty-avatar-art{height:clamp(142px,24vw,182px)}
}
@media(max-width:420px){
 #dutyHero .duty-avatar-group{gap:12px}
 #dutyHero .duty-avatar{width:clamp(110px,33vw,138px)}
 #dutyHero .duty-avatar-art{height:clamp(116px,34vw,148px)}
 #dutyHero .duty-avatar-name{font-size:11px}
 #dutyHero .duty-avatar-status{font-size:10px}
 #dutyHero .duty-hero-copy .duty-week-range{margin-top:14px;padding:8px 10px}
 #dutyHero .duty-hero-copy .duty-week-range strong{font-size:13px}
}

