/* Shared S31 + one canonical My Work layer (body.is-munjaz). */
.s31-mode-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:6px;background:#f2f6f5;border:1px solid #dfe8e7;border-radius:14px}
.s31-mode-tabs button{border:0;background:transparent;color:#516566;border-radius:10px;padding:9px 14px;min-height:44px;font-weight:800;cursor:pointer}
.s31-mode-tabs button.is-active{background:#165355;color:#fff;box-shadow:0 4px 12px rgba(22,83,85,.14)}
#munjaz-root{min-width:0;max-width:100%;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.s31-kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch;overflow:hidden;max-width:100%;min-height:0;height:100%;padding-bottom:0}
.s31-kanban.is-upcoming{grid-template-columns:repeat(4,minmax(0,1fr))}
.s31-kanban.is-closed{grid-template-columns:minmax(280px,1fr);overflow:visible;height:auto;align-items:start}
.s31-kanban-column{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#f8faf9;border:1px solid #e2e9e8;border-radius:15px;padding:9px}
.s31-kanban-column .section-head{margin:0 0 8px;padding:2px 4px;min-height:31px;flex:0 0 auto}
.s31-kanban-column .section-head span,.s31-kanban-column .section-head h3{font-size:12px;font-weight:800;color:#173f41}
.s31-kanban-column .task-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.s31-kanban-column .task{margin:0;box-shadow:none;flex:0 0 auto}
.s31-approval-column{border-color:#d7e5e3;background:#f4f9f8}
.s31-closed-action{display:flex;justify-content:flex-start;padding-top:8px;border-top:1px solid #e6eceb;margin-top:8px}
.s31-closed-action button{font-size:11px;padding:7px 10px;min-height:44px}
.s31-unit-host{min-height:calc(100vh - 20px);padding:0;background:#f5f7f7;border-radius:18px;overflow:hidden}
.s31-unit-frame{display:block;width:100%;height:calc(100vh - 30px);border:0;background:#f5f7f7}
.s31-embed-body{background:#f5f7f7!important}
.s31-date-stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;align-items:center}
.s31-date-stepper button{height:44px;border:1px solid #d7e1e0;background:#fff;color:#165355;border-radius:10px;font-size:22px;cursor:pointer}
.s31-date-stepper output{min-height:44px;border:1px solid #d7e1e0;background:#fff;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#203637}
.s31-beneficiary-switch{display:flex;gap:8px}
.s31-beneficiary-switch button{flex:1;min-height:44px;border:1px solid #cbd9d8;background:#fff;color:#165355;border-radius:11px;padding:11px;font-weight:800;cursor:pointer}
.s31-beneficiary-switch button.is-active{background:#165355;color:#fff;border-color:#165355}
.s31-pdf-note{font-size:11px;color:#738283;margin-top:5px}
.s31-board-ticker{position:fixed;left:0;right:0;bottom:0;z-index:20;height:54px;background:linear-gradient(90deg,#123f41,#1b5b5d);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.14)}
body.s31-has-ticker .stage{padding-bottom:64px}
.s31-board-ticker-track{height:100%;display:flex;align-items:center;gap:34px;width:max-content;animation:s31Ticker 42s linear infinite;padding-inline:30px}
.s31-board-ticker-item{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:13px}
.s31-board-ticker-item strong{font-size:14px}
.s31-board-ticker-item span{color:#d7e6e5}
.s31-medal{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-weight:900}
.s31-medal svg{width:25px;height:25px}
.s31-rank-1 .s31-medal{color:#b98a1f;background:#fff7d8}
.s31-rank-2 .s31-medal{color:#7f8c95;background:#eef2f4}
.s31-rank-3 .s31-medal{color:#9a653b;background:#f7e7dc}
@keyframes s31Ticker{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@keyframes s31Pulse{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-2px)}
}
.s31-board-alive{animation:s31Pulse 5s ease-in-out infinite}
.signature-pad canvas,.sig-pad canvas,.signature-canvas{max-height:170px!important;height:170px!important}
.s31-request-chart{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#165355 var(--s31-pct,0%),#e9eeee 0)}
.s31-request-chart>span{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:900;color:#163f41}
body.munjaz-display{overflow-x:hidden!important;background:#f6f8f8!important}
body.munjaz-display .frame{background:#fff!important;max-width:100%;overflow:visible}
body.munjaz-display .panel,body.munjaz-display .feature,body.munjaz-display .sectionRow,body.munjaz-display .honorItem{background:#fff}
body.munjaz-display .iconBtn,body.munjaz-display button{min-height:44px}
body.munjaz-display .iconBtn{min-width:44px}
.s31-metric-card{box-shadow:0 8px 20px rgba(14,54,55,.05)}
@media(max-width:1100px){
.s31-kanban{grid-template-columns:repeat(5,minmax(0,1fr))}
.s31-kanban.is-upcoming{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:768px){
body.munjaz-display .stage{width:100%;max-width:100%;padding:8px;overflow-x:hidden}
body.munjaz-display .frame{width:100%;padding:8px;border-radius:16px;box-shadow:0 12px 32px rgba(14,54,55,.08)}
body.munjaz-display .topGrid,body.munjaz-display .bottomGrid{grid-template-columns:minmax(0,1fr)!important}
body.munjaz-display .panel{border-radius:18px;padding:10px;box-shadow:0 8px 20px rgba(14,54,55,.05)}
body.munjaz-display .sectionRows{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body.munjaz-display .sectionRow{display:grid;grid-template-columns:minmax(0,1fr) 48px!important;gap:8px;border-radius:15px;padding:10px}
body.munjaz-display .secName{justify-content:flex-start;text-align:start;padding-inline:10px}
body.munjaz-display .secDonut{width:44px;height:44px}
body.munjaz-display .secPills{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
body.munjaz-display .pill{justify-content:center;min-height:32px;padding:4px 6px;white-space:normal;text-align:center}
body.munjaz-display .featureList{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body.munjaz-display .feature{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(76px,92px)!important;gap:8px;min-height:72px;padding:9px}
body.munjaz-display .fIcon{width:44px;height:44px;border-radius:14px}
body.munjaz-display .fMetric{grid-column:auto!important;min-height:52px!important;padding:6px!important}
body.munjaz-display .fMetric b{font-size:21px}
body.munjaz-display .fTitle{font-size:13px;padding:5px 8px}
body.munjaz-display .fMeta{font-size:11px}
body.munjaz-display .honorItem{min-height:72px;grid-template-columns:44px minmax(0,1fr);padding:9px}
body.munjaz-display .heroBubbles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.munjaz-display .donutBox{width:min(160px,52vw)!important;height:min(160px,52vw)!important}
body.munjaz-display .previewTask{grid-template-columns:1fr!important}
body.munjaz-display .actions{gap:6px}
.s31-board-ticker{height:50px}
.s31-board-ticker-item{font-size:12px}
.s31-board-ticker-item strong{font-size:13px}
}
@media(max-width:650px){
.s31-mode-tabs{display:grid;grid-template-columns:repeat(2,1fr)}
.s31-mode-tabs button{padding:10px 7px}
.s31-unit-frame{height:calc(100vh - 12px)}
.signature-pad canvas,.sig-pad canvas,.signature-canvas{max-height:145px!important;height:145px!important}
}
@media(max-width:390px){
body.munjaz-display .feature{grid-template-columns:44px minmax(0,1fr) 72px!important}
body.munjaz-display .secPills{grid-template-columns:1fr 1fr}
body.munjaz-display .title{font-size:15px!important}
body.munjaz-display .subtitle{font-size:11px!important}
body.munjaz-display .iconBtn{width:44px!important;height:44px!important}
.s31-kanban{grid-template-columns:none}
}
@media(prefers-reduced-motion:reduce){
.s31-board-ticker-track,.s31-board-alive{animation:none!important}
}
.s31-board-ticker,.s31-board-ticker-track{direction:ltr}
.s31-board-ticker-item strong{direction:rtl;unicode-bidi:isolate}
@keyframes s31Ticker{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.s31-board-ticker-item{flex-direction:row;direction:rtl;gap:14px}
.s31-type-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:-5px 0 12px}
.s31-type-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #dfe8e7;background:#fff;color:#516566;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer;touch-action:manipulation}
.s31-type-filters button b{min-width:24px;height:24px;padding:0 6px;border-radius:12px;display:grid;place-items:center;background:#eef4f3;color:#165355;font-size:11px}
.s31-type-filters button.is-active{background:#165355;color:#fff;border-color:#165355}
.s31-type-filters button.is-active b{background:rgba(255,255,255,.18);color:#fff}
.s31-mode-tabs button:active,.s31-type-filters button:active,#munjaz-root button:active{transform:scale(.985)}
.s31-mode-tabs button:disabled,.s31-type-filters button:disabled,#munjaz-root button:disabled{cursor:wait;opacity:.72}
.s31-loading .s31-kanban{opacity:.72;transition:opacity .12s ease}
.s31-kanban-progress{display:none;min-height:34px;align-items:center;justify-content:center;margin:0 0 7px;padding:5px 10px;border:1px solid #e1e9e8;border-radius:10px;background:#fff;color:#38595a;font-size:12px;font-weight:800}
@media(max-width:768px){
.s31-mode-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:5px}
.s31-mode-tabs::-webkit-scrollbar,.s31-type-filters::-webkit-scrollbar,.s31-kanban::-webkit-scrollbar{display:none}
.s31-mode-tabs button{flex:0 0 auto;white-space:nowrap}
.s31-type-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
.s31-type-filters button{flex:0 0 auto;white-space:nowrap}
.s31-kanban{display:flex!important;grid-template-columns:none!important;gap:10px;overflow-x:auto;overflow-y:hidden;height:100%;direction:rtl;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:0 4px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.s31-kanban>.s31-kanban-column{flex:0 0 calc(100% - 8px);width:calc(100% - 8px);min-width:calc(100% - 8px);height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.s31-kanban-column .task-list{overflow-y:auto;min-height:0}
.s31-kanban-progress{display:flex}
#munjaz-root{overflow-x:hidden;min-height:0}
.fab-add{touch-action:manipulation}
}
.s31-action-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 10px;min-height:44px}
.s31-add-task-inline{position:static;inset:auto;width:auto;height:32px;min-width:0;min-height:32px;padding:0 10px;border:0;border-radius:999px;background:#165355;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;cursor:pointer}
.s31-add-task-inline:hover,.s31-add-task-inline:focus-visible{background:#0E3637!important}
.s31-add-task-inline svg{width:19px;height:19px;flex:0 0 auto}
.s31-add-task-inline .s31-add-label{white-space:nowrap;font-size:12px}
@media(min-width:1200px){
.page.s31-munjaz-page{width:calc(100vw - 32px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:16px!important}
.page.s31-munjaz-page .s31-kanban{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:none!important;overflow:hidden!important;padding:0!important;align-items:stretch!important}
.page.s31-munjaz-page .s31-kanban.is-upcoming{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.page.s31-munjaz-page .s31-kanban>.s31-kanban-column{width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;padding:10px!important}
.page.s31-munjaz-page .s31-kanban-column .task,.page.s31-munjaz-page .s31-kanban-column .task *{min-width:0}
.page.s31-munjaz-page .s31-kanban-column .task{overflow:hidden}
.page.s31-munjaz-page .s31-kanban-column .task-title,.page.s31-munjaz-page .s31-kanban-column strong,.page.s31-munjaz-page .s31-kanban-column p{overflow-wrap:anywhere;word-break:normal}
}
@media(min-width:769px) and (max-width:1199px){
.page.s31-munjaz-page{width:100%!important;max-width:none!important;padding-inline:14px!important}
.page.s31-munjaz-page .s31-kanban{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;overflow:hidden!important;max-width:100%!important;align-items:stretch!important}
.page.s31-munjaz-page .s31-kanban.is-upcoming{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:768px){
.page.s31-munjaz-page{width:100%!important;max-width:100%!important;padding-inline:10px!important}
.s31-action-toolbar{margin-bottom:8px}
}
.s31-mode-extras{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px}
.s31-created-toggle,.s31-closed-toggle{display:inline-flex;align-items:center;gap:8px}
.s31-created-toggle{border:1px solid #dfe8e7!important;background:#fff!important;color:#516566!important;box-shadow:none!important}
.s31-created-toggle.is-active{background:#165355!important;color:#fff!important;border-color:#165355!important}
.s31-toggle-dot{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;display:inline-block;flex:0 0 auto}
.s31-created-toggle.is-active .s31-toggle-dot{background:currentColor}
.s31-board-ticker-item{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding-inline:16px;color:#fff;white-space:nowrap;flex-shrink:0}
.s31-board-ticker-item strong{font-weight:800;font-size:14px;color:#fff}
.s31-board-ticker-item span{font-size:12px;font-weight:700;color:#d7e6e5}
@media(min-width:900px){
.s31-board-ticker-item{flex-direction:row;align-items:baseline;gap:10px}
.s31-board-ticker-item strong+span::before{content:"| ";opacity:.45}
.s31-board-ticker-item span+span::before{content:"| ";opacity:.45}
}
html:has(body.is-munjaz),html:has(body.is-munjaz) body.is-munjaz{height:100%;margin:0}
body.is-munjaz{display:flex;flex-direction:column;min-height:100dvh;height:100%;overflow:hidden;background:#f5f7f7}
body.is-munjaz #app{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}
body.is-munjaz .app-head{flex:0 0 auto}
body.is-munjaz .footer{flex:0 0 auto;margin-top:0;padding:8px 16px}
body.is-munjaz .page.s31-munjaz-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%!important;max-width:none!important;margin-inline:0!important;overflow:hidden;padding:8px 16px 0!important;background:transparent}
body.is-munjaz #munjaz-root{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.is-munjaz .s31-workbar,body.is-munjaz .s31-stats,body.is-munjaz .s31-mobile-cols{flex:0 0 auto}
body.is-munjaz .board{flex:1 1 auto;min-height:0;display:flex!important;flex-direction:column;grid-template-columns:none!important;overflow:hidden;width:100%}
body.is-munjaz .s31-kanban:not(.is-closed){flex:1 1 auto;min-height:0;height:100%;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch;overflow:hidden;max-width:none;padding:0}
body.is-munjaz .s31-kanban-column .empty{flex:0 0 auto;margin:auto 0;padding:16px 8px;font-size:12px;color:#7a8b8c;text-align:center}
.s31-request-drawer{position:fixed;inset-block:12px;inset-inline-end:12px;z-index:70;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#fff;border:1px solid #d7e4e2;border-radius:16px;box-shadow:0 18px 48px rgba(14,54,55,.18);padding:14px}
.s31-request-drawer[hidden]{display:none}
.s31-request-backdrop{position:fixed;inset:0;z-index:69;background:rgba(14,54,55,.28)}
.s31-request-backdrop[hidden]{display:none}
body.is-munjaz .task.is-unified{min-height:0;overflow:hidden;container-type:inline-size;container-name:munjaz-task;padding:12px;border:1px solid #e6eeed;border-radius:12px;background:#fff;box-shadow:none}
body.is-munjaz .task.is-unified .task-head,
body.is-munjaz .task.is-unified.is-approval .task-head{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:8px;align-items:start;justify-content:stretch}
body.is-munjaz .task.is-unified.is-approval .task-name,
body.is-munjaz .task.is-unified.is-approval .task-snip,
body.is-munjaz .task.is-unified.is-approval .task-facts,
body.is-munjaz .task.is-unified.is-approval .task-row-meta,
body.is-munjaz .task.is-unified.is-approval .approval-meta{grid-column:1;grid-row:auto}
body.is-munjaz .task.is-unified .approval-meta{display:none}
body.is-munjaz .task.is-unified .task-name{display:block;overflow:visible;width:100%;max-width:100%;margin:0;font-size:14px;font-weight:800;line-height:1.4;color:#0E3637;white-space:normal;text-overflow:unset;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;line-clamp:unset}
body.is-munjaz .task.is-unified .task-snip,
body.is-munjaz .task.is-unified:not(.is-approval) .task-snip{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;width:100%;margin:0;font-size:12px;line-height:1.4;color:#5f7172;white-space:normal;text-overflow:ellipsis;word-break:normal;overflow-wrap:anywhere}
body.is-munjaz .task.is-unified .task-facts{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;min-height:0;font-size:12px;color:#6b7c7d}
body.is-munjaz .task.is-unified .task-facts span,
body.is-munjaz .task.is-unified .task-fact{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;width:auto;max-width:100%;min-width:0;white-space:nowrap;font-size:11px}
body.is-munjaz .task.is-unified .task-facts span>em,
body.is-munjaz .task-fact em{font-style:normal;color:#8b999a;font-weight:500;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis}
body.is-munjaz .task.is-unified .task-row-meta{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
.sunon-brand-toggle{width:40px;height:40px;min-width:40px;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;margin-inline-start:6px}
.sunon-brand-toggle svg{width:18px;height:18px}
#boardRefresh{display:none!important}
.app-head .icon-nav{display:flex}
@media(max-width:768px){
body.is-munjaz .s31-kanban:not(.is-closed){display:flex!important;overflow-x:auto;overflow-y:hidden;height:100%}
body.is-munjaz .s31-kanban>.s31-kanban-column{height:100%}
.s31-request-drawer{inset-inline:8px;width:auto}
}
body.is-munjaz .now-dock,
body.is-munjaz .stats,
body.is-munjaz .page-head,
body.is-munjaz .page-head-copy,
body.is-munjaz .page-back,
body.is-munjaz .fab-add{display:none}
body.is-munjaz .s31-kanban-column .task-actions [data-edit],
body.is-munjaz .s31-kanban-column .task-actions [data-delete-task]{display:none}
body.is-munjaz .s31-workbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 8px;padding:0;min-height:36px;position:relative;z-index:24;background:transparent}
body.is-munjaz .s31-workbar-start,
body.is-munjaz .s31-workbar-end{display:inline-flex;align-items:center;gap:6px;min-width:0}
body.is-munjaz .s31-workbar-mid{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
body.is-munjaz .s31-workbar-title{font-size:15px;font-weight:800;color:#0E3637;white-space:nowrap;line-height:32px}
body.is-munjaz .s31-search-wrap{position:relative;width:190px;max-width:200px;min-width:170px;flex:0 1 190px}
body.is-munjaz .s31-search-wrap.is-open{width:190px;max-width:200px}
body.is-munjaz .s31-search-line{position:relative;display:flex;align-items:center;width:100%;height:32px;min-height:32px}
body.is-munjaz .s31-search-ico{position:absolute;inset-inline-start:8px;width:16px;height:16px;color:#5f7172;display:grid;place-items:center;pointer-events:none}
body.is-munjaz .s31-search-ico svg{display:block}
body.is-munjaz .s31-work-search{display:block;width:100%;height:32px;min-height:32px;border:1px solid #e6eeed;border-radius:8px;padding-inline:28px 28px;background:#fff;font-size:12px;color:#173f41}
body.is-munjaz .s31-search-clear{position:absolute;inset-inline-end:7px;width:16px;height:16px;border:0;border-radius:999px;background:transparent;color:#6b7c7d;display:grid;place-items:center;cursor:pointer}
body.is-munjaz .s31-search-clear::after{content:"";position:absolute;inset:-10px}
body.is-munjaz .s31-search-clear[hidden]{display:none}
body.is-munjaz .s31-filters-reset{width:18px;height:18px;min-width:18px;padding:0;flex:0 0 auto;border:1px solid #d7e4e2;border-radius:999px;background:#fff;color:#5f7172;display:grid;place-items:center;cursor:pointer}
body.is-munjaz .s31-filters-reset[hidden]{display:none}
body.is-munjaz .s31-filters-reset svg{width:10px;height:10px;display:block}
body.is-munjaz .s31-search-line .s31-icon-btn,
body.is-munjaz .s31-search-filter{position:absolute;inset-inline-end:4px;width:24px;height:24px;min-width:24px;min-height:24px;border:0;background:transparent}
body.is-munjaz .s31-suggest{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:40;background:#fff;border:1px solid #d7e4e2;border-radius:12px;box-shadow:0 12px 32px rgba(14,54,55,.12);padding:6px;max-height:280px;overflow:auto}
body.is-munjaz .s31-suggest-item{width:100%;display:grid;gap:2px;text-align:start;border:0;background:transparent;border-radius:10px;padding:8px 10px;cursor:pointer}
body.is-munjaz .s31-suggest-item strong{font-size:13px;color:#0E3637;display:inline-flex;align-items:center;gap:8px}
body.is-munjaz .s31-suggest-ico{display:inline-flex;color:#165355}
body.is-munjaz .s31-suggest-item span{font-size:11px;color:#6b7c7d}
body.is-munjaz .s31-suggest-item.is-active,
body.is-munjaz .s31-suggest-item:hover{background:#f4f8f8}
body.is-munjaz .s31-suggest-empty{padding:10px;font-size:12px;color:#6b7c7d}
body.is-munjaz .s31-icon-btn-spacer{display:none}
body.is-munjaz .s31-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 auto;border:1px solid #d7e4e2;border-radius:12px;background:#fff;position:relative;color:#165355;cursor:pointer;display:grid;place-items:center;padding:0}
body.is-munjaz .s31-icon-btn svg{width:18px;height:18px;display:block}
body.is-munjaz .s31-icon-btn:hover{background:#f4f8f8;border-color:#c9d7d5}
body.is-munjaz .s31-view-btn{width:auto;min-width:44px;padding:0 12px;gap:6px;grid-auto-flow:column;border-radius:999px;font-size:12px;font-weight:800}
body.is-munjaz .s31-view-btn.is-on{background:#165355;color:#fff;border-color:#165355}
body.is-munjaz .s31-filter-badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#c2410c;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}
body.is-munjaz .s31-filter-wrap{position:relative;flex:0 0 auto;min-width:0}
body.is-munjaz .s31-filter-trigger{width:30px;height:30px;min-width:30px;border:1px solid #e0e9e8;border-radius:8px;background:#fff;color:#165355;display:grid;place-items:center;cursor:pointer;position:relative}
body.is-munjaz .s31-filter-trigger:hover,
body.is-munjaz .s31-filter-wrap.is-open .s31-filter-trigger{background:#eef6f5;border-color:#c7d9d7}
body.is-munjaz .s31-filter-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;width:300px;max-width:min(320px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;z-index:48;background:#fff;border:1px solid #dfe8e7;border-radius:12px;box-shadow:0 14px 34px rgba(14,54,55,.14);padding:10px;animation:s31FilterIn .12s ease-out}
body.is-munjaz .s31-filter-menu[hidden]{display:none}
body.is-munjaz .s31-filter-clear-text{width:100%;min-height:34px;border:0;border-top:1px solid #edf2f1;background:transparent;color:#8a4b12;font-size:12px;font-weight:700;text-align:center;cursor:pointer;margin-top:4px;padding-top:8px}
body.is-munjaz .s31-filter-clear-text[hidden]{display:none}
body.is-munjaz .s31-voice-alerts{display:grid;gap:6px;margin:0 0 8px}
body.is-munjaz .s31-voice-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #dce9e7;border-radius:10px;background:#fff}
body.is-munjaz .s31-voice-alert>div:first-child{display:grid;gap:2px;min-width:0}
body.is-munjaz .s31-voice-alert strong{font-size:12px;color:#0E3637}
body.is-munjaz .s31-voice-alert span{font-size:11px;color:#6b7c7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.is-munjaz .s31-voice-alert-actions{display:inline-flex;gap:4px;flex:0 0 auto}
body.is-munjaz .s31-voice-alert-actions button{min-height:28px;border:0;border-radius:999px;padding:0 9px;background:#eef6f5;color:#165355;font-size:11px;font-weight:700;cursor:pointer}
.s31-tour-overlay{position:fixed;inset:0;z-index:240;background:rgba(8,32,33,.28)}
.s31-tour-spotlight{position:fixed;z-index:241;border:2px solid #fff;border-radius:12px;box-shadow:0 0 0 9999px rgba(8,32,33,.18),0 0 0 4px rgba(22,83,85,.28);pointer-events:none;transition:.16s ease}
.s31-tour-card{position:fixed;z-index:242;background:#fff;border:1px solid #dce7e6;border-radius:14px;box-shadow:0 18px 45px rgba(14,54,55,.22);padding:14px;direction:rtl}
.s31-tour-card small{display:block;color:#8b999a;font-size:11px;margin-bottom:4px}
.s31-tour-card>strong{display:block;color:#0E3637;font-size:15px;margin-bottom:5px}
.s31-tour-card p{margin:0 0 12px;color:#516566;font-size:13px;line-height:1.7}
.s31-tour-card>div{display:flex;align-items:center;gap:6px}.s31-tour-card>div span{flex:1}
.s31-tour-card button{border:0;border-radius:999px;min-height:30px;padding:0 11px;background:#eef6f5;color:#165355;font-weight:700;cursor:pointer}
.s31-tour-card #s31-tour-next{background:#165355;color:#fff}
@keyframes s31FilterIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

body.is-munjaz .s31-filter-pop{position:static;inset:auto;width:auto;margin:0;padding:8px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;max-height:none;overflow:visible}
body.is-munjaz .s31-filter-group{margin:0 0 8px}
body.is-munjaz .s31-filter-group:last-child{margin:0}
body.is-munjaz .s31-filter-group>span{display:block;font-size:11px;font-weight:800;color:#8b999a;margin:0 0 4px}
body.is-munjaz .s31-filter-list{display:grid;gap:2px;max-height:none;overflow:visible}
body.is-munjaz .s31-filter-row{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;border-radius:8px;padding:0 8px;cursor:pointer;font-size:12px;color:#334849;text-align:start}
body.is-munjaz .s31-filter-row span{display:inline-flex;align-items:center;gap:8px;min-width:0}
body.is-munjaz .s31-filter-row:hover{background:#f4f8f8}
body.is-munjaz .s31-filter-row.is-on{background:#eef6f5;color:#0E3637}
body.is-munjaz .s31-filter-row .s31-check{display:inline-flex;color:#165355}
body.is-munjaz .s31-filter-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
body.is-munjaz .s31-filter-dates input{width:100%;min-height:36px;border:1px solid #e2e9e8;border-radius:8px;padding:0 8px}
body.is-munjaz .s31-add-btn,
body.is-munjaz .s31-add-task-inline,
body.is-munjaz #open-add{position:static;width:auto;height:32px;min-height:32px;padding:0 10px;border:0;border-radius:999px;background:#165355;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;cursor:pointer}
body.is-munjaz .s31-add-btn svg,
body.is-munjaz .s31-add-task-inline svg{width:14px;height:14px;flex:0 0 auto}
body.is-munjaz .s31-add-label{white-space:nowrap;font-size:12px}
body.is-munjaz .s31-add-btn:hover,
body.is-munjaz .s31-add-task-inline:hover,
body.is-munjaz .s31-add-btn:focus-visible,
body.is-munjaz .s31-add-task-inline:focus-visible{background:#0E3637!important}
body.is-munjaz .s31-icon-btn:focus-visible,
body.is-munjaz .s31-work-search:focus-visible,
body.is-munjaz .s31-scope button:focus-visible,
body.is-munjaz .s31-stat:focus-visible{outline:2px solid #165355;outline-offset:2px}
body.is-munjaz .s31-stats{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin:0 0 12px;padding:0 0 12px;border-block-end:1px solid #e6eeed;min-height:44px}
body.is-munjaz .s31-stats-scopes,
body.is-munjaz .s31-scope{display:inline-flex;align-items:stretch;gap:0;border:1px solid #d7e4e2;border-radius:12px;background:#fff;overflow:hidden;flex:0 0 auto}
body.is-munjaz .s31-stats-scopes button,
body.is-munjaz .s31-stats-person{min-height:44px;height:44px;border:0;border-inline-start:1px solid #edf1f1;background:transparent;border-radius:0;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer;color:#334849}
body.is-munjaz .s31-stats-scopes button:first-child{border-inline-start:0}
body.is-munjaz .s31-stats-scopes button.is-on,
body.is-munjaz .s31-stats-person.is-on{background:#165355;color:#fff}
body.is-munjaz .s31-stats-person{display:inline-flex;align-items:center;gap:8px}
body.is-munjaz .s31-stats-person select{border:0;background:transparent;color:inherit;font:inherit;max-width:140px}
body.is-munjaz .s31-stats-metrics{display:flex;flex-wrap:nowrap;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}
body.is-munjaz .s31-stat{border:0;background:transparent;padding:0 8px;cursor:pointer;text-align:start;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:0;flex:0 0 auto}
body.is-munjaz .s31-stat span{display:block;font-size:11px;color:#8b999a;line-height:1.2}
body.is-munjaz .s31-stat strong{display:block;font-size:16px;font-weight:800;color:#165355;line-height:1.2}
body.is-munjaz .s31-stat.is-late strong{color:#b3261e}
body.is-munjaz .s31-stat.is-unapproved strong{color:#c2410c}
body.is-munjaz .s31-stats-attention{min-height:44px;border:1px solid #f4c790;background:#fff8ef;color:#8a4b12;border-radius:12px;padding:0 12px;font-size:12px;cursor:pointer;flex:0 0 auto}
body.is-munjaz .s31-kanban-column{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#eef3f2;border:1px solid #dde6e5;border-radius:12px;padding:12px}
body.is-munjaz .s31-kanban-column .section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:0;min-height:32px;flex:0 0 auto}
body.is-munjaz .s31-kanban-column .section-head span{font-size:13px;font-weight:800;color:#173f41}
body.is-munjaz .s31-kanban-column .section-head .badge{min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:#e2eceb;color:#165355;font-size:11px;font-weight:800;display:grid;place-items:center}
body.is-munjaz .s31-kanban-column[data-section="late"] .section-head .badge{background:#fde8e8;color:#b3261e}
body.is-munjaz .s31-kanban-column[data-section="unapproved"] .section-head .badge{background:#fdecd9;color:#c2410c}
body.is-munjaz .s31-kanban-column .task-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
body.is-munjaz .s31-kanban-column .task-list::-webkit-scrollbar{width:0;height:0;display:none}
body.is-munjaz .task.late{border-inline-start-width:3px;border-inline-start-color:var(--state-late,#b3261e)}
body.is-munjaz .task.is-approval{border-inline-start-width:3px;border-inline-start-color:#c2410c}
body.is-munjaz .s31-mobile-cols{display:none}
@media(min-width:769px){
body.is-munjaz .s31-mobile-cols{display:none}
body.is-munjaz .page.s31-munjaz-page .s31-kanban:not(.is-closed){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;overflow:hidden!important;width:100%!important;height:100%!important;align-items:stretch!important}
}
@media(min-width:1200px){
body.is-munjaz .page.s31-munjaz-page{width:100%!important;max-width:none!important;padding-inline:16px!important}
}
@media(max-width:768px){
body.is-munjaz .page.s31-munjaz-page{padding:8px 10px 0!important;padding-bottom:0!important}
body.is-munjaz .s31-search-wrap{width:min(70vw,320px);max-width:min(70vw,320px);min-width:0;flex:1 1 auto}
body.is-munjaz .s31-workbar-mid{min-width:0}
body.is-munjaz .s31-filter-menu{position:fixed;top:auto;bottom:max(12px,env(safe-area-inset-bottom,0px));left:12px;right:12px;width:auto;max-width:none;max-height:72vh}
body.is-munjaz .s31-filter-trigger{width:32px;height:32px;min-width:32px}
body.is-munjaz .s31-stats{flex-wrap:wrap;overflow-x:visible;gap:8px}
body.is-munjaz .s31-stats-scopes,
  body.is-munjaz .s31-scope{width:100%}
body.is-munjaz .s31-stats-metrics{width:100%;padding-bottom:4px}
body.is-munjaz .s31-mobile-cols,
  body.is-munjaz .s31-mobile-cols button{display:none}
body.is-munjaz .s31-kanban:not(.is-closed){display:flex!important;grid-template-columns:none!important;gap:10px;overflow-x:auto;overflow-y:hidden;height:100%;direction:rtl;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:0 4px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.is-munjaz .s31-kanban>.s31-kanban-column{flex:0 0 calc(100% - 8px)!important;width:calc(100% - 8px)!important;min-width:calc(100% - 8px)!important;height:100%!important;scroll-snap-align:start;scroll-snap-stop:always}
body.is-munjaz .s31-filter-pop{inset-inline:0;width:auto}
body.is-munjaz .footer{padding:8px 10px}
}
body.is-munjaz .s31-stats,
body.is-munjaz .s31-view-btn{display:none}
body.is-munjaz .s31-late-bubbles{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
body.is-munjaz .s31-late-bubble{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 7px;border:0;border-radius:999px;background:#fde8e8;color:#b3261e;font-size:11px;font-weight:700;cursor:pointer}
body.is-munjaz .s31-late-bubble strong{font-variant-numeric:tabular-nums}
body.is-munjaz .s31-search-shield{position:fixed;inset:0;z-index:34;background:transparent}
body.is-munjaz .s31-search-shield[hidden]{display:none}
body.is-munjaz .s31-search-wrap,
body.is-munjaz .s31-workbar-mid,
body.is-munjaz .s31-workbar{overflow:visible}
body.is-munjaz .s31-search-panel{position:fixed;top:16vh;left:12.5vw;right:auto;inset-inline:auto;z-index:36;width:75vw;max-width:75vw;max-height:min(64vh,560px);transform:none;overflow:auto;background:#fff;border:1px solid #e2e9e8;border-radius:12px;box-shadow:0 8px 24px rgba(14,54,55,.12);padding:10px}
@media(min-width:769px){
body.is-munjaz .s31-search-panel{position:absolute;top:calc(100% + 6px);left:auto;right:auto;inset-inline-end:0;width:min(360px,calc(100vw - 24px));max-width:none;transform:none}
}
body.is-munjaz .s31-search-panel[hidden]{display:none}
body.is-munjaz .s31-scope-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
body.is-munjaz .s31-scope-chip{min-height:28px;border:1px solid #d7e4e2;background:#fff;border-radius:999px;padding:0 10px;font-size:12px;cursor:pointer;color:#334849}
body.is-munjaz .s31-scope-chip.is-on{background:#165355;color:#fff;border-color:#165355}
body.is-munjaz .task-fact{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;max-width:100%}
body.is-munjaz .task-fact em{font-weight:500;color:#8b999a;overflow:hidden;text-overflow:ellipsis}
body.is-munjaz .task-fact-ico{display:inline-flex;color:#8b999a;flex:0 0 auto}
body.is-munjaz .task .task-actions{display:flex;align-items:center;width:100%;gap:4px}
body.is-munjaz .task .icon-act{width:22px;height:22px;min-width:22px;min-height:22px;padding:0}
body.is-munjaz .task:not(.is-approval) .task-row-meta{justify-content:flex-end;flex-wrap:nowrap;margin-block:0;min-height:0}
body.is-munjaz .task .task-actions.s31-close-actions{width:auto;margin:0;justify-content:flex-end}
body.is-munjaz .task .icon-act.is-close{width:22px;height:22px;min-width:22px;min-height:22px;margin:0;border-radius:6px;position:relative}
body.is-munjaz .task .icon-act.is-close::after{content:"";position:absolute;inset:-8px}
body.is-munjaz .task.is-approval .task-row-meta{justify-content:flex-start;flex-wrap:nowrap;gap:4px;margin-block:4px 6px}
body.is-munjaz .task.is-approval .icon-act{width:22px;height:22px;min-width:22px;min-height:22px;padding:0}
body.is-munjaz .s31-approve-group{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap}
body.is-munjaz .s31-approve-group .task-weight.compact,
body.is-munjaz .s31-approve-group .icon-act{margin:0}
body.is-munjaz .s31-approve-group .icon-act{width:22px;height:22px;min-width:22px;min-height:22px;border:1px solid #d7e4e2;border-radius:6px;background:#fff}
body.is-munjaz .task-weight.compact{display:inline-flex;gap:4px;align-items:center}
body.is-munjaz .task-weight.compact .rate-btn{width:22px;height:22px;min-width:22px;border:1px solid #d7e4e2;border-radius:6px;background:#fff;font-size:11px;padding:0;display:grid;place-items:center;font-variant-numeric:tabular-nums}
body.is-munjaz .task-weight.compact .rate-btn.is-selected{background:#165355;color:#fff;border-color:#165355}
body.is-munjaz .s31-source-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#eef4f3;color:#165355;font-size:11px;font-weight:700}
body.is-munjaz .s31-modal{align-items:flex-start;padding-top:12vh}
body.is-munjaz .s31-modal-shell,
body.is-munjaz .modal .box.s31-modal-shell,
body.is-munjaz .modal .box.s31-modal-shell.add-task-box{width:min(560px,calc(100vw - 24px));max-height:min(80vh,640px);overflow:hidden;display:flex;flex-direction:column;margin:0 auto;padding:0;border:0;outline:0;background:#fff;box-shadow:0 8px 24px rgba(14,54,55,.12)}
body.is-munjaz .s31-modal-shell > :first-child,
body.is-munjaz .modal .box.s31-modal-shell > :first-child{background:transparent;color:inherit;margin:0;padding:0;border-radius:0;font-size:inherit}
body.is-munjaz .s31-modal-head{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:12px 16px 9px;flex:0 0 auto;border-bottom:1px solid #eef3f2}
body.is-munjaz .s31-modal-head h3{margin:0;color:#0E3637;font-size:14px;font-weight:800;background:none;padding:0}
body.is-munjaz .s31-modal-head .modal-x{width:22px;height:22px;min-width:22px;min-height:22px;color:#334849}
body.is-munjaz .s31-modal-body{overflow:auto;padding:10px 14px 14px;flex:1 1 auto}
body.is-munjaz .s31-kanban-column .task-list,
body.is-munjaz .s31-modal-body,
body.is-munjaz .s31-search-panel{scrollbar-width:none;-ms-overflow-style:none}
body.is-munjaz .s31-kanban-column .task-list::-webkit-scrollbar,
body.is-munjaz .s31-modal-body::-webkit-scrollbar,
body.is-munjaz .s31-search-panel::-webkit-scrollbar{width:0;height:0;display:none}
body.is-munjaz .s31-task-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
body.is-munjaz .s31-task-title-row h3{margin:0;font-size:16px;color:#0E3637;flex:1 1 auto;white-space:normal;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;text-overflow:unset}
body.is-munjaz .s31-task-title-actions{display:inline-flex;gap:4px;flex:0 0 auto}
body.is-munjaz .s31-detail-act{width:28px;height:28px;border:0;background:transparent;color:#165355;display:grid;place-items:center;cursor:pointer}
body.is-munjaz .s31-task-fields{display:grid;gap:8px}
body.is-munjaz .s31-task-field span{display:block;font-size:11px;color:#8b999a;margin-bottom:4px}
body.is-munjaz .s31-task-field div{min-height:36px;border:1px solid #e6eeed;border-radius:6px;background:#fff;padding:8px 10px;font-size:13px;color:#173f41}
body.is-munjaz .s31-task-field.is-desc div{min-height:72px;height:auto;overflow:visible;white-space:pre-wrap}
body.is-munjaz .s31-task-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.is-munjaz .s31-task-row3{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;gap:8px}
body.is-munjaz .s31-task-field.is-date{width:max-content}
body.is-munjaz .s31-task-field.is-date div{white-space:nowrap}
body.is-munjaz .s31-task-notes,
body.is-munjaz .s31-task-history{margin-top:16px}
body.is-munjaz .s31-task-notes h4,
body.is-munjaz .s31-task-history h4{margin:0 0 8px;font-size:13px;color:#0E3637}
body.is-munjaz .s31-note-list,
body.is-munjaz .s31-history-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
body.is-munjaz .s31-history-list li{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;font-size:12px;color:#334849}
body.is-munjaz .s31-note-card{display:grid;gap:6px;padding:10px 12px;border:1px solid #e6eeed;border-radius:10px;background:#fff}
body.is-munjaz .s31-note-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
body.is-munjaz .s31-note-top strong{font-size:13px;color:#0E3637}
body.is-munjaz .s31-note-top time{font-size:11px;color:#8b999a;font-variant-numeric:tabular-nums}
body.is-munjaz .s31-note-list p{margin:0;color:#516566}
body.is-munjaz .s31-note-form{display:grid;gap:6px;margin-bottom:8px;justify-items:center}
body.is-munjaz .s31-save-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:999px;background:#165355;color:#fff;font-size:12px;font-weight:700;cursor:pointer;width:auto;margin-inline:auto}
body.is-munjaz .s31-save-act[hidden],
body.is-munjaz .s31-task-fields[hidden]{display:none}
body.is-munjaz .s31-save-act.is-primary-save{background:#1E7A45}
body.is-munjaz .s31-add-form > .s31-save-act{position:sticky;bottom:0;z-index:2;margin-top:10px}
body.is-munjaz .s31-add-form,
body.is-munjaz .s31-add-compact{display:grid;gap:8px}
body.is-munjaz .s31-add-form > label,
body.is-munjaz .s31-add-form .s31-field-lbl{display:grid;gap:4px;font-size:12px;color:#516566}
body.is-munjaz .s31-add-form input,
body.is-munjaz .s31-add-form select,
body.is-munjaz .s31-add-form textarea{min-height:36px;border:1px solid #e6eeed;border-radius:6px;background:#fff;padding:8px 10px;font-size:13px;color:#173f41}
body.is-munjaz .s31-add-form textarea{min-height:72px;resize:vertical}
body.is-munjaz .s31-add-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.is-munjaz .s31-add-dates > label,
body.is-munjaz .s31-date-lbl{display:grid;gap:4px}
body.is-munjaz .s31-field-line{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
body.is-munjaz .s31-date-field{display:flex;align-items:stretch;gap:0;min-height:36px;border:1px solid #e6eeed;border-radius:6px;background:#fff;padding:0;position:relative;overflow:visible}
body.is-munjaz .s31-date-field:focus-within{border-color:#165355;box-shadow:0 0 0 2px rgba(22,83,85,.16)}
body.is-munjaz .s31-date-field .date-step,
body.is-munjaz .s31-date-field .date-value{min-height:0;min-width:0;height:auto;border:0;border-radius:0;background:transparent}
body.is-munjaz .s31-date-field .s31-date-step{flex:0 0 34px;width:34px;font-size:18px;font-weight:700;color:#165355;cursor:pointer}
body.is-munjaz .s31-date-field .s31-date-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:0 8px;border-inline:1px solid #e6eeed;cursor:pointer;color:#173f41;font:inherit}
body.is-munjaz .s31-date-ico{color:#8b999a;display:inline-flex}
body.is-munjaz .s31-date-text{font-variant-numeric:tabular-nums;color:#173f41}
body.is-munjaz .s31-date-mid:focus,
body.is-munjaz .s31-date-mid:focus-visible,
body.is-munjaz .s31-date-value:focus,
body.is-munjaz .s31-date-value:focus-visible{outline:0;box-shadow:none}
body.is-munjaz .s31-switch-row{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#516566}
body.is-munjaz .s31-switch{display:inline-flex;align-items:center;cursor:pointer}
body.is-munjaz .s31-switch input{position:absolute;opacity:0;width:1px;height:1px}
body.is-munjaz .s31-switch-ui{width:36px;height:20px;border-radius:999px;background:#d7e4e2;position:relative;display:block}
body.is-munjaz .s31-switch-ui::after{content:"";position:absolute;inset-block:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff}
body.is-munjaz .s31-switch input:checked + .s31-switch-ui{background:#1E7A45}
body.is-munjaz .s31-switch input:checked + .s31-switch-ui::after{inset-inline-start:18px}
body.is-munjaz .s31-people-picker{display:grid;gap:6px;position:relative}
body.is-munjaz .s31-people-field{min-height:36px;border:1px solid #e6eeed;border-radius:6px;background:#fff;padding:6px 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body.is-munjaz .s31-people-trigger{border:0;background:transparent;color:#8b999a;font:inherit;cursor:pointer;padding:0}
body.is-munjaz .s31-chip{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 7px;border:1px solid #d7e4e2;border-radius:999px;background:#f5f8f8;color:#334849;font-size:12px;cursor:pointer}
body.is-munjaz .s31-people-shield{position:fixed;inset:0;z-index:34;background:transparent}
body.is-munjaz .s31-people-shield[hidden]{display:none}
body.is-munjaz .s31-people-sheet{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:36;max-height:min(52vh,360px);overflow:auto;background:#fff;border:1px solid #e2e9e8;border-radius:12px;box-shadow:0 8px 24px rgba(14,54,55,.12);padding:8px}
body.is-munjaz .s31-people-sheet[hidden]{display:none}
body.is-munjaz .s31-people-q{width:100%;min-height:36px;border:1px solid #e6eeed;border-radius:6px;padding:8px 10px;margin-bottom:8px}
body.is-munjaz .s31-people-list{display:grid;gap:2px;max-height:280px;overflow:auto;scrollbar-width:none}
body.is-munjaz .s31-people-list::-webkit-scrollbar{width:0;height:0;display:none}
body.is-munjaz .s31-people-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:start;border:0;background:transparent;border-radius:6px;padding:5px 8px;min-height:28px;cursor:pointer;color:#173f41}
body.is-munjaz .s31-people-name{font-size:13px;line-height:1.2}
body.is-munjaz .s31-people-check{opacity:0;color:#1E7A45;display:inline-flex}
body.is-munjaz .s31-people-row.is-on{background:#f3f8f7}
body.is-munjaz .s31-people-row.is-on .s31-people-check{opacity:1}
body.is-munjaz .s31-seg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
body.is-munjaz .s31-seg-opt{display:inline-flex;align-items:center;margin:0}
body.is-munjaz .s31-seg-opt input{position:absolute;opacity:0;width:1px;height:1px}
body.is-munjaz .s31-seg-opt span,
body.is-munjaz .s31-rec-chip span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #d7e4e2;border-radius:8px;background:#fff;color:#334849;font-size:12px;cursor:pointer}
body.is-munjaz .s31-seg-opt input:checked + span,
body.is-munjaz .s31-rec-chip input:checked + span{background:#165355;color:#fff;border-color:#165355}
body.is-munjaz .s31-rec-chip{display:inline-flex}
body.is-munjaz .s31-rec-chip input{position:absolute;opacity:0;width:1px;height:1px}
body.is-munjaz .s31-rec-chips{display:flex;flex-wrap:wrap;gap:6px}
body.is-munjaz .s31-rec-inline{display:flex;align-items:center;gap:8px}
body.is-munjaz .s31-rec-end-lbl{font-size:12px;color:#516566}
body.is-munjaz .s31-rec-cap{margin:0;font-size:11px;color:#8b999a}
body.is-munjaz .s31-close-form{display:grid;gap:10px}
body.is-munjaz .s31-close-form .s31-save-act{justify-self:center}
body.is-munjaz .s31-req{color:#B3261E}
body.is-munjaz .s31-field-err{color:#B3261E;font-size:11px}
body.is-munjaz .is-invalid{border-color:#B3261E}
body.is-munjaz .s31-minutes-step{display:inline-flex;align-items:center;border:1px solid #e6eeed;border-radius:8px;overflow:hidden;width:max-content}
body.is-munjaz .s31-minutes-step button{height:32px;min-width:32px;border:0;background:#f8fafa;color:#165355;cursor:pointer}
body.is-munjaz .s31-minutes-value{min-width:96px;background:#fff;font-variant-numeric:tabular-nums}
body.is-munjaz .s31-minutes-wrap{position:relative;width:max-content}
body.is-munjaz .s31-hours-pop{position:absolute;top:calc(100% + 4px);inset-inline-start:32px;z-index:22;display:grid;gap:0;margin:0;padding:4px 0;max-height:168px;overflow:auto;border:1px solid #e6eeed;border-radius:8px;background:#fff;width:max-content;min-width:96px;box-shadow:0 8px 20px rgba(14,54,55,.12)}
body.is-munjaz .s31-hours-pop[hidden]{display:none}
body.is-munjaz .s31-hours-pop button{border:0;background:transparent;text-align:start;padding:4px 10px;cursor:pointer;font-size:12px}
body.is-munjaz .s31-search-panel .s31-suggest{position:static;box-shadow:none;border:0;padding:0;max-height:none;overflow:visible}
body.is-munjaz .s31-recurrence{display:grid;gap:8px;padding:8px 0}
body.is-munjaz .s31-rec-summary,
body.is-munjaz .s31-rec-next{margin:0;font-size:12px;color:#165355}
body.is-munjaz .s31-urgent-chip{display:inline-flex;margin-inline-start:6px;padding:0 6px;border-radius:999px;background:#fde8e8;color:#b3261e;font-size:10px;font-weight:800}
body.is-munjaz .s31-inline-edit{display:grid;gap:8px}
body.is-munjaz .s31-inline-edit[hidden]{display:none}
body.is-munjaz .s31-inline-edit label{display:grid;gap:4px;font-size:12px;color:#516566}
body.is-munjaz .s31-inline-edit input,
body.is-munjaz .s31-inline-edit select,
body.is-munjaz .s31-inline-edit textarea{min-height:36px;border:1px solid #e6eeed;border-radius:6px;background:#fff;padding:8px 10px;font-size:13px;color:#173f41}
body.is-munjaz .s31-inline-edit textarea{min-height:88px;resize:vertical}
body.is-munjaz .s31-check{display:flex;align-items:center;gap:8px}
.s31-tip{
  position:fixed;z-index:80;padding:6px 8px;background:#fff;color:#0E3637;
  border:1px solid #e6eeed;border-radius:8px;box-shadow:0 8px 20px rgba(14,54,55,.1);
  font-size:11px;font-weight:700;pointer-events:none;white-space:nowrap
}
.s31-tip[hidden]{display:none}
@media(max-width:768px){
body.is-munjaz .s31-late-label{display:none}
body.is-munjaz .s31-add-label{display:none}
body.is-munjaz .s31-people-sheet{position:fixed;inset:12vh 6vw auto;width:auto;max-height:70vh}
body.is-munjaz .s31-add-dates{grid-template-columns:1fr}
body.is-munjaz .s31-late-bubble{padding:0 6px;min-height:22px}
body.is-munjaz .app-head-title,
  body.is-munjaz .core-shell-head .app-head-title{max-width:none;min-width:0;overflow:visible}
body.is-munjaz .app-head-title strong,
  body.is-munjaz .app-head-title span,
  body.is-munjaz .core-shell-head .app-head-title strong,
  body.is-munjaz .core-shell-head .app-head-title span{display:block;overflow:visible;text-overflow:unset;white-space:nowrap}
body.is-munjaz .core-shell-head .app-head-title strong{font-size:11px}
body.is-munjaz .core-shell-head .app-head-title span{font-size:8px}
body.is-munjaz .s31-task-row2,
  body.is-munjaz .s31-task-row3,
  body.is-munjaz .s31-add-dates{grid-template-columns:1fr}
body.is-munjaz .s31-task-field.is-date{width:auto}
body.is-munjaz .s31-modal{padding-top:8px}
body.is-munjaz .s31-modal-shell,
  body.is-munjaz .modal .box.s31-modal-shell,
  body.is-munjaz .modal .box.s31-modal-shell.add-task-box{max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}
  body.is-munjaz .task.is-open .task-more{inset-inline:8px;width:auto}
}

/* Adopted from media-requests-ux: My Work drawer, cursor, upcoming, people wrap, close minutes */
body.is-munjaz .s31-kanban:not(.is-closed) > [data-section="upcoming"]{display:flex}
body.is-munjaz .task{cursor:pointer}
body.is-munjaz .task.is-open .task-more{
  position:fixed;inset-block:12px;inset-inline-end:12px;width:min(420px,calc(100vw - 24px));
  z-index:45;background:#fff;border:1px solid #d7e4e2;border-radius:16px;
  box-shadow:0 18px 48px rgba(14,54,55,.18);overflow:auto;padding:14px;max-height:calc(100vh - 24px)
}
body.is-munjaz .task-drawer-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}
body.is-munjaz .task-drawer-actions{margin-top:12px;padding-top:10px;border-top:1px solid #edf1f1}
body.is-munjaz .close-minutes{margin:0 0 12px}
body.is-munjaz .s31-people-group .filter-depts,
body.is-munjaz .s31-people-group .filter-secs,
body.is-munjaz .s31-people-group .filter-people{display:flex;flex-wrap:wrap;gap:4px}
body.is-munjaz .s31-skel .s31-skel-chip{width:88px;height:32px;border-radius:999px;display:inline-block}
body.is-munjaz .s31-skel .s31-skel-search{height:32px;border-radius:999px;width:100%;display:block}
body.is-munjaz .s31-skel .s31-skel-badge{width:22px;min-width:22px;height:18px;display:inline-block;border-radius:999px}
body.is-munjaz .s31-skel .skel-task{height:64px;margin:0;border-radius:12px}

/* سجل 68 — Checklist المهمة داخل نفس نافذة منجز */
body.is-munjaz .s31-task-checklist,
body.is-munjaz .s31-checklist-create{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid #e3e9e8;border-radius:12px;background:#fbfcfc}
body.is-munjaz .s31-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.is-munjaz .s31-checklist-head strong{font-size:13px;color:#173f41}
body.is-munjaz .s31-checklist-head span{font-size:11px;color:#6f8081}
body.is-munjaz .s31-checklist-list,
body.is-munjaz [data-checklist-list]{display:grid;gap:7px}
body.is-munjaz .s31-checklist-item{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;border:1px solid #e6eeed;border-radius:9px;background:#fff}
body.is-munjaz .s31-checklist-item small{grid-column:2;font-size:10px;color:#879596}
body.is-munjaz .s31-checklist-item.is-done>span{text-decoration:line-through;color:#758586}
body.is-munjaz .s31-checklist-toggle{width:26px;height:26px;border:1px solid #cbdcda;border-radius:7px;background:#fff;color:#165355;font-weight:900;cursor:pointer}
body.is-munjaz .s31-checklist-toggle:disabled{cursor:default;opacity:.72}
body.is-munjaz .s31-checklist-item.is-done .s31-checklist-toggle{background:#eaf4f1;border-color:#84b7aa}
body.is-munjaz .s31-checklist-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
body.is-munjaz .s31-checklist-edit-row>[data-checklist-text]{min-height:36px;border:1px solid #dce7e5;border-radius:8px;padding:7px 9px;background:#fff}
body.is-munjaz .s31-checklist-order,
body.is-munjaz .s31-checklist-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
body.is-munjaz .s31-checklist-order .btn{min-width:32px;padding-inline:8px}
body.is-munjaz .s31-checklist-scope{display:grid;gap:5px;font-size:11px;color:#647677}
body.is-munjaz .s31-checklist-scope select{min-height:36px;border:1px solid #dce7e5;border-radius:8px;background:#fff;padding:6px 8px}
@media(max-width:600px){
  body.is-munjaz .s31-checklist-edit-row{grid-template-columns:1fr}
  body.is-munjaz .s31-checklist-order{justify-content:flex-end}
}

/* سجل 43-1 — إدارة نماذج التقييم داخل صوت سنن */
.voice-section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.voice-form-grid{display:grid;gap:10px}
.voice-form-card{display:flex;align-items:center;justify-content:space-between;gap:14px}
.voice-form-card>div:first-child{display:grid;gap:4px}.voice-form-card small{color:#748485;direction:ltr;text-align:left}
.voice-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.voice-report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.voice-report-kpis .panel{display:grid;gap:5px;margin:0}.voice-report-kpis span{font-size:11px;color:#748485}.voice-report-kpis strong{font-size:22px;color:#165355}
.voice-question-report{display:grid;gap:8px}.voice-question-report>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #edf1f1}
.voice-question-report>div:last-child{border-bottom:0}.voice-question-report span{font-size:12px;line-height:1.7}.voice-question-report strong{white-space:nowrap;color:#165355}
.voice-distribution{display:flex;gap:8px;flex-wrap:wrap}.voice-distribution>span{border:1px solid #dfe8e7;border-radius:999px;padding:7px 10px;font-size:11px}
.voice-note-list{display:grid;gap:7px}.voice-note-list p{margin:0;border-bottom:1px solid #edf1f1;padding:8px 0}.voice-note-list small{display:block;color:#748485;margin-top:3px}
@media(max-width:700px){.voice-form-card{align-items:stretch;flex-direction:column}.voice-form-actions>*{flex:1}.voice-report-kpis{grid-template-columns:1fr}.voice-question-report>div{flex-direction:column;gap:4px}}

/* 44-1 — شاشة العرض الدورية */
body.is-weekly-display .app-head,
body.is-weekly-display .footer,
body.is-weekly-display .voice-fab,
body.is-weekly-display .voice-nudge{display:none!important}
body.is-weekly-display .page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.weekly-display-shell{min-height:100vh;background:#f4f7f6;padding:22px;box-sizing:border-box;direction:rtl}
.weekly-display-actions{display:flex;gap:8px;justify-content:flex-start;margin-bottom:12px}
.weekly-display-stage{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center}
.weekly-display-card{width:min(1120px,96vw);background:#fff;border:1px solid #dfe8e6;border-radius:20px;padding:34px;box-shadow:0 12px 34px rgba(14,54,55,.08)}
.weekly-display-card[hidden]{display:none!important}
.weekly-display-kicker{font-size:14px;color:#64748b;font-weight:700}
.weekly-display-card h1{margin:7px 0 4px;font-size:clamp(30px,4vw,52px);color:#0e3637}
.weekly-display-sub,.weekly-display-period{margin:4px 0;color:#64748b}
.weekly-display-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
.weekly-display-metric{border:1px solid #e4e8e7;border-radius:12px;background:#fafcfb;padding:16px 12px;text-align:center}
.weekly-display-metric span{display:block;color:#64748b;font-size:14px;min-height:22px}
.weekly-display-metric strong{display:block;color:#0e3637;font-size:clamp(28px,3vw,42px);margin-top:6px}
.weekly-display-metric:nth-child(n+5){grid-column:span 1}
@media (max-width:800px){.weekly-display-shell{padding:10px}.weekly-display-card{padding:18px}.weekly-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


body.is-munjaz .s31-close-evidence[hidden]{display:none!important}
body.is-munjaz .task.is-approval .s31-approval-outcome{width:100%;min-width:0;padding:8px 10px;border-radius:9px;border:1px solid #dce7e5;background:#fff;text-align:start}
body.is-munjaz .task.is-approval .s31-approval-outcome strong{display:block;font-size:12px;color:#234b4a}
body.is-munjaz .task.is-approval .s31-approval-outcome p{margin:4px 0 0;line-height:1.5;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
body.is-munjaz .task.is-approval .s31-approval-evidence{margin-top:7px;font-size:12px}


/* متجر النقاط: عنصر واحد مجمّع في «أعمالي»؛ لا يُعامل كمهمة أداء. */
.s31-store-work{margin:0 0 14px}
.s31-store-work-card{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;
  padding:13px 15px;border:1px solid #d8e2e1;border-radius:14px;background:#fff;color:#172426;text-align:right;
  box-shadow:0 5px 16px rgba(22,83,85,.05)
}
.s31-store-work-card:hover{border-color:#b9cecc;background:#fbfdfd}
.s31-store-work-icon{width:38px;height:38px;border-radius:11px;background:#edf5f4;display:grid;place-items:center;font-size:19px}
.s31-store-work-copy{display:grid;gap:3px;min-width:0}
.s31-store-work-copy strong{font-size:14px;color:#165355}
.s31-store-work-copy small{font-size:12px;color:#617475}
.s31-store-work-count{min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#165355;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
@media(max-width:640px){
  .s31-store-work-card{grid-template-columns:auto minmax(0,1fr) auto}
  .s31-store-work-card .s31-source-chip{display:none}
}

/* Master fixes — visible edit diff and explicit recurrence stop. */
body.is-munjaz .s31-edit-diff{display:grid;gap:8px;margin:8px 0;padding:10px;border:1px solid #dce7e5;border-radius:10px;background:#fbfcfc}
body.is-munjaz .s31-edit-diff-title{font-size:12px;color:#173f41}
body.is-munjaz .s31-edit-diff-row{display:grid;grid-template-columns:minmax(84px,.7fr) minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch}
body.is-munjaz .s31-edit-diff-label{font-size:11px;font-weight:800;color:#516566;align-self:center}
body.is-munjaz .s31-edit-before,
body.is-munjaz .s31-edit-after{display:grid;gap:2px;padding:7px 8px;border-radius:8px;min-width:0}
body.is-munjaz .s31-edit-before{background:#f1f3f3;color:#526466}
body.is-munjaz .s31-edit-after{background:#eaf4f1;color:#165355;border:1px solid #cfe2de}
body.is-munjaz .s31-edit-before small,
body.is-munjaz .s31-edit-after small{font-size:9px;font-weight:700;opacity:.78}
body.is-munjaz .s31-edit-before b,
body.is-munjaz .s31-edit-after b{font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
body.is-munjaz .s31-edit-arrow{align-self:center;color:#809091;font-size:15px}
body.is-munjaz .s31-edit-reason{padding-top:7px;border-top:1px dashed #dce7e5}
body.is-munjaz .s31-edit-reason small{font-size:10px;color:#7a898a}
body.is-munjaz .s31-edit-reason p{margin:3px 0 0;font-size:12px;line-height:1.6;color:#334849}
body.is-munjaz .s31-recurrence-stop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #edf1f1}
body.is-munjaz .s31-recurrence-stop small{font-size:10px;color:#788889}
@media(max-width:640px){
  body.is-munjaz .s31-edit-diff-row{grid-template-columns:1fr}
  body.is-munjaz .s31-edit-arrow{display:none}
}