/*
 * Subjekt360 — Menaxhimi i ndarë sipas procesit, 29.09.2026
 *
 * Shtresë vetëm prezantuese dhe plotësisht e kthyeshme. Detyrat,
 * deklarimet, verifikimet, pagesat dhe procedurat mbeten pamje të veçanta.
 */

:root{
  --s360-ops-navy:#17384b;
  --s360-ops-blue:#2d76b5;
  --s360-ops-blue-soft:#edf5fb;
  --s360-ops-line:#dce5eb;
  --s360-ops-muted:#70828e;
  --s360-ops-bg:#f6f8fa;
}

/* Në mënyrën praktike, Menaxhimi është një hyrje e vetme në sidebar. */
body.s360-management-structured #mgmtSubmenu{display:none!important}
body.s360-management-structured #mgmtNavToggle .s34-management-caret{display:none!important}
body.s360-management-structured #mgmtNavToggle{margin-bottom:1px!important}
body.s360-management-structured .s360-ops-comm-item{
  width:100%!important;
  min-height:44px!important;
  margin:1px 0!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  font-size:14px!important;
  gap:9px!important;
}
body.s360-management-structured .s360-ops-comm-item .sidebar-icon{
  width:18px!important;
  min-width:18px!important;
  font-size:13px!important;
  opacity:.9!important;
}

/* Navigimi funksional: pesë tavolina pune, jo një listë e përzier. */
.s360-ops-rail{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0 0 12px;
  padding:5px;
  border:1px solid var(--s360-ops-line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 1px 3px rgba(22,54,73,.035);
}
.s360-ops-rail>button{
  position:relative;
  min-width:0;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#536b7a;
  font:750 11px/1 Inter,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.s360-ops-rail>button:hover{background:#f4f7f9;color:var(--s360-ops-navy)}
.s360-ops-rail>button.active{
  background:var(--s360-ops-blue-soft);
  color:#1d608f;
  box-shadow:inset 0 0 0 1px #c9dfed;
}
.s360-ops-rail>button b{
  min-width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  border-radius:999px;
  background:#fff0ee;
  color:#a4473f;
  font-size:9px;
  font-weight:850;
}
.s360-ops-rail>button b[hidden]{display:none!important}
.s360-ops-rail>button.active b{background:#fff;color:#a4473f;box-shadow:inset 0 0 0 1px #efd1cd}
.s360-ops-more{position:relative;margin-left:auto;flex:0 0 auto}
.s360-ops-more>summary{
  list-style:none;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:8px;
  color:#73838d;
  font-size:17px;
  cursor:pointer;
}
.s360-ops-more>summary::-webkit-details-marker{display:none}
.s360-ops-more[open]>summary,.s360-ops-more>summary:hover{border-color:var(--s360-ops-line);background:#f7f9fa;color:#344f60}
.s360-ops-more>div{
  position:absolute;
  z-index:260;
  top:calc(100% + 6px);
  right:0;
  width:220px;
  padding:6px;
  border:1px solid var(--s360-ops-line);
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 36px rgba(20,49,66,.16);
}
.s360-ops-more button{
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#435e6e;
  text-align:left;
  font:700 10.5px/1.3 Inter,sans-serif;
  cursor:pointer;
}
.s360-ops-more button:hover{background:#f1f6f9;color:#1f6393}

/* Heq përsëritjet vetëm në pamjen praktike. Lista dhe veprimet ruhen. */
body.s360-management-structured #modulePuna .s13-attention,
body.s360-management-structured #modulePuna .s13-command-side{display:none!important}
body.s360-management-structured #modulePuna .s13-command-grid{display:block!important}
body.s360-management-structured #modulePuna .s13-work-card{width:100%!important;max-width:none!important}
body.s360-management-structured #modulePuna .s13-command-head{
  align-items:center!important;
  padding-bottom:10px!important;
}
body.s360-management-structured #modulePuna .s13-greeting h2{
  margin-top:3px!important;
  color:var(--s360-ops-navy)!important;
  font-size:24px!important;
  letter-spacing:-.02em!important;
}
body.s360-management-structured #modulePuna .s13-greeting p{
  max-width:610px!important;
  margin-top:4px!important;
  color:var(--s360-ops-muted)!important;
  font-size:10.5px!important;
}
body.s360-management-structured #modulePuna .s13-command-subbar{
  min-height:38px!important;
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.s360-management-structured #modulePuna .s13-live-note{font-size:9.5px!important;color:#80909a!important}
body.s360-management-structured #modulePuna #s36WorkFilters{margin-top:6px!important}
body.s360-management-structured #modulePuna .s13-work-card,
body.s360-management-structured #modulePagesa .s5-pay-table-card,
body.s360-management-structured #modulePagesa .s5-detail-card{
  border-color:var(--s360-ops-line)!important;
  box-shadow:0 2px 8px rgba(22,54,73,.035)!important;
}

/* Pagesat ruajnë treguesit që i duhen njësisë, por jo karta të rënda. */
body.s360-management-structured #modulePagesa .s5-kpis{
  gap:7px!important;
  margin:0 0 8px!important;
}
body.s360-management-structured #modulePagesa .s5-kpi{
  min-height:62px!important;
  padding:10px 12px!important;
  border-color:var(--s360-ops-line)!important;
  box-shadow:none!important;
}
body.s360-management-structured #modulePagesa .s5-kpi b{font-size:18px!important}
body.s360-management-structured #modulePagesa .s5-pay-head{margin-bottom:10px!important}
body.s360-management-structured #modulePagesa .s5-pay-head h2{color:var(--s360-ops-navy)!important}

/* Mënyra e mëparshme është gjithmonë një klik larg. */
.s360-ops-classic-banner{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
  padding:9px 11px;
  border:1px solid #dce5eb;
  border-radius:9px;
  background:#f7f9fa;
  color:#647783;
  font:650 10px/1.4 Inter,sans-serif;
}
.s360-ops-classic-banner button{
  min-height:34px;
  padding:0 11px;
  border:1px solid #cfdde5;
  border-radius:8px;
  background:#fff;
  color:#2f5f7d;
  font:750 10px/1 Inter,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
body:not(.s360-management-structured) .s360-ops-classic-banner{display:flex}
body:not(.s360-management-structured) .s360-ops-rail{display:none}
#s360DeclarationsNav{display:none!important}

@media(max-width:920px){
  .s360-ops-rail{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .s360-ops-rail::-webkit-scrollbar{display:none}
  .s360-ops-rail>button{flex:0 0 auto}
  .s360-ops-more{position:sticky;right:0;background:#fff;padding-left:2px}
}

@media(max-width:760px){
  .s360-ops-rail{margin-bottom:9px;padding:4px}
  .s360-ops-rail>button{min-height:40px;padding:0 10px;font-size:11px}
  .s360-ops-more>div{position:fixed;left:12px;right:12px;top:auto;bottom:14px;width:auto}
  .s360-ops-more[open]::before{content:"";position:fixed;inset:0;z-index:250;background:rgba(22,45,59,.22)}
  .s360-ops-more>summary,.s360-ops-more>div{z-index:260}
  body.s360-management-structured #modulePuna .s13-command-head{align-items:flex-start!important}
  .s360-ops-classic-banner{align-items:flex-start;flex-direction:column}
  .s360-ops-classic-banner button{width:100%}
}

@media(prefers-reduced-motion:reduce){.s360-ops-rail>button{transition:none}}

/* Work lists adapt to the space left by the sidebar, not the window width. */
#modulePuna .s13-work-card{min-width:0!important;max-width:100%!important}
#modulePuna .s22-work-table{container-type:inline-size;min-width:0!important;max-width:100%!important;overflow:visible!important}
#modulePuna .s22-work-table .s22-work-head,
#modulePuna .s22-work-table .s22-work-row{box-sizing:border-box;width:100%!important;min-width:0!important;grid-template-columns:minmax(0,2fr) 95px minmax(80px,1fr) minmax(90px,1fr) minmax(140px,1.4fr)!important}
#modulePuna .s22-work-table .s22-work-row>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
#modulePuna .s22-work-table .s22-row-actions{flex-wrap:wrap!important;min-width:0!important}
#modulePuna .s22-work-table .s22-row-actions button{min-width:0!important;max-width:100%!important;white-space:normal!important;height:auto!important}
@container(max-width:800px){
  #modulePuna .s22-work-table .s22-work-head{display:none!important}
  #modulePuna .s22-work-table .s22-work-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important;padding:14px!important;border-bottom:1px solid #e4ebf0!important}
  #modulePuna .s22-work-table .s22-work-row>div{grid-column:auto!important;grid-row:auto!important;width:auto!important}
  #modulePuna .s22-work-table .s22-work-row .s22-work-main,
  #modulePuna .s22-work-table .s22-work-row .s22-row-actions{grid-column:1/-1!important}
  #modulePuna .s22-work-table .s22-work-client,
  #modulePuna .s22-work-table .s22-work-title,
  #modulePuna .s22-work-table .s22-work-meta{white-space:normal!important;overflow-wrap:anywhere}
  #modulePuna .s22-work-table .s22-work-title-line{flex-wrap:wrap}
  #modulePuna .s22-work-table .s22-due:before{content:'Afati · ';color:#7b8e9d}
  #modulePuna .s22-work-table .s22-owner:before{content:'Përgjegjësi · ';color:#7b8e9d}
  #modulePuna .s22-work-table .s22-row-actions{justify-content:flex-start!important;padding-top:8px;border-top:1px solid #edf1f4}
  #modulePuna .s22-work-table .s22-row-actions button{min-height:34px}
  #modulePuna .s22-work-table .s22-work-row.s35-batch-row{padding-left:46px!important}
}