/*
 * Subjekt360 — UI e qetë, 29.09.2026
 *
 * Kjo shtresë redukton dendësinë vizuale të veprimeve pa ndryshuar logjikën,
 * ID-të ose event-listener-at ekzistues. Moduli i Fiskalizimit përjashtohet
 * qëllimisht nga çdo selektor në këtë skedar.
 */

:root{
  --s360-clean-ink:#203448;
  --s360-clean-muted:#6c7d8a;
  --s360-clean-line:#dfe6eb;
  --s360-clean-soft:#f6f8fa;
  --s360-clean-blue:#2d76b5;
  --s360-clean-blue-dark:#225f94;
  --s360-clean-shadow:0 8px 24px rgba(24,57,82,.07);
}

/* Menutë e përbashkëta: një hyrje e vetme për veprimet dytësore. */
.s360-clean-menu{
  position:relative;
  flex:0 0 auto;
}
.s360-clean-menu>summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--s360-clean-line);
  border-radius:9px;
  background:#fff;
  color:#486276;
  font:750 11px/1 Inter,sans-serif;
  cursor:pointer;
  user-select:none;
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.s360-clean-menu>summary::-webkit-details-marker{display:none}
.s360-clean-menu>summary:hover,
.s360-clean-menu[open]>summary{
  border-color:#b8cbd9;
  background:#f9fbfc;
  color:var(--s360-clean-ink);
  box-shadow:0 3px 12px rgba(24,57,82,.06);
}
.s360-clean-menu.s360-clean-primary>summary{
  border-color:var(--s360-clean-blue);
  background:var(--s360-clean-blue);
  color:#fff;
}
.s360-clean-menu.s360-clean-primary>summary:hover,
.s360-clean-menu.s360-clean-primary[open]>summary{
  border-color:var(--s360-clean-blue-dark);
  background:var(--s360-clean-blue-dark);
  color:#fff;
}
.s360-clean-menu.s360-clean-more>summary{
  width:38px;
  padding:0;
  font-size:18px;
  letter-spacing:1px;
}
.s360-clean-popover{
  position:absolute;
  z-index:240;
  top:calc(100% + 7px);
  right:0;
  min-width:218px;
  padding:6px;
  border:1px solid var(--s360-clean-line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 16px 38px rgba(24,57,82,.16);
}
.s360-clean-popover-label{
  display:block;
  padding:7px 9px 5px;
  color:#8a99a4;
  font:750 9px/1 Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.s360-clean-popover>button,
.s360-clean-popover>.s360-clean-menu-row>button{
  width:100%!important;
  min-height:38px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#365266!important;
  box-shadow:none!important;
  text-align:left!important;
  font:700 11px/1.25 Inter,sans-serif!important;
  cursor:pointer!important;
}
.s360-clean-popover>button:hover,
.s360-clean-popover>.s360-clean-menu-row>button:hover{
  background:#f1f6f9!important;
  color:#1e5f93!important;
}
.s360-clean-popover .s360-clean-menu-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
  padding:2px 4px 7px;
}
.s360-clean-popover .s360-clean-menu-row button{
  justify-content:center!important;
  min-width:0!important;
  padding:8px 4px!important;
}
.s360-clean-duplicate{display:none!important}

/* Veprimet brenda listave: vetëm veprimi kryesor mbetet gjithmonë i dukshëm. */
.s360-clean-row-menu>summary{
  width:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  height:31px!important;
  padding:0!important;
  border-radius:7px!important;
  font-size:16px!important;
}
.s360-clean-row-menu .s360-clean-popover{
  min-width:205px;
  top:calc(100% + 5px);
}
#modulePuna .s22-row-actions,
#modulePuna .s2-proc-actions,
#viewVerifikim .verify-actions,
#moduleDetyra .client-request-actions{
  align-items:center!important;
  gap:6px!important;
}
#modulePuna .s22-row-actions>.s2-action-btn:not(.secondary),
#viewVerifikim .verify-actions>[data-verify],
#moduleDetyra .client-request-actions>[data-client-received],
#moduleDetyra .client-request-actions>[data-clear-blocker],
#moduleDetyra .client-request-actions>[data-clear-request]{
  border-color:var(--s360-clean-blue)!important;
  background:var(--s360-clean-blue)!important;
  color:#fff!important;
}
#modulePuna .s22-row-actions>.s2-action-btn:not(.secondary):hover,
#viewVerifikim .verify-actions>[data-verify]:hover,
#moduleDetyra .client-request-actions>[data-client-received]:hover,
#moduleDetyra .client-request-actions>[data-clear-blocker]:hover,
#moduleDetyra .client-request-actions>[data-clear-request]:hover{
  background:var(--s360-clean-blue-dark)!important;
}
#modulePuna .s360-clean-case-create>summary{
  min-height:34px;
  height:34px;
  padding:0 11px;
}
#modulePuna .case-detail-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:7px!important;
}

/* Përmbledhja */
#moduleDashboard .s17-head{
  align-items:center!important;
  padding-bottom:20px!important;
}
#moduleDashboard .s17-head-tools{align-items:center!important}
#moduleDashboard #s17DashboardSearchBtn{display:none!important}
#moduleDashboard .s17-search{
  border-color:var(--s360-clean-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}
#moduleDashboard .s17-add-menu>summary{
  min-height:39px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  background:var(--s360-clean-blue)!important;
  border:1px solid var(--s360-clean-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}
#moduleDashboard .s17-add-menu>summary:hover{background:var(--s360-clean-blue-dark)!important}
#moduleDashboard .s17-card,
#moduleDashboard .s17-section{
  border-color:var(--s360-clean-line)!important;
  box-shadow:0 2px 10px rgba(24,57,82,.035)!important;
}
#moduleDashboard .s17-link-btn{
  height:auto!important;
  padding:3px 0!important;
  border:0!important;
  background:transparent!important;
  color:#3978a9!important;
  box-shadow:none!important;
  font-weight:700!important;
}
#moduleDashboard .s17-link-btn:hover{text-decoration:underline!important}
#moduleDashboard .d9-metric,
#moduleDashboard .d9-today-row{
  box-shadow:none!important;
  transform:none!important;
}

/* Menaxhimi */
#modulePuna #workQuickActions,
#modulePuna #workNewCaseBtnInline,
#modulePuna #s13ListFoot{
  display:none!important;
}
#modulePuna .s13-create-menu>summary{background:var(--s360-clean-blue)!important;border-color:var(--s360-clean-blue)!important;color:#fff!important}
#modulePuna .s13-create-menu>summary:hover{background:var(--s360-clean-blue-dark)!important}
#modulePuna .s13-command-head{padding-bottom:14px!important}
#modulePuna .s13-work-card,
#modulePuna .s13-side-card{
  border-color:var(--s360-clean-line)!important;
  box-shadow:0 2px 10px rgba(24,57,82,.035)!important;
}
#modulePuna .s13-view-actions{
  margin-left:auto!important;
  justify-content:flex-end!important;
}
#modulePuna .s13-view-actions>.s360-clean-menu>summary{height:32px;min-height:32px}
#modulePuna .s360-clean-work-menu .s360-clean-popover{min-width:230px}
#modulePuna .s360-clean-work-menu #workBatchToggle,
#modulePuna .s360-clean-work-menu #workflowSettingsBtn,
#modulePuna .s360-clean-work-menu #s13AllWork{
  width:100%!important;
}
#modulePuna .s360-clean-work-menu .s13-layout-switch{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  width:100%!important;
  padding:2px!important;
  margin:0!important;
  background:#f2f5f7!important;
  border-radius:8px!important;
}
#modulePuna .s13-side-link{
  width:auto!important;
  min-height:0!important;
  margin:8px 12px 12px!important;
  padding:3px 0!important;
  border:0!important;
  background:transparent!important;
  color:#3978a9!important;
  box-shadow:none!important;
  text-align:left!important;
}
#modulePuna .s13-side-link:hover{text-decoration:underline!important}

/* Klientët */
#moduleSubjektet>.sub-tabs{
  margin-bottom:14px!important;
  border-bottom:1px solid var(--s360-clean-line)!important;
  background:transparent!important;
}
#moduleSubjektet .subj-panel-head{
  min-height:62px!important;
  padding:12px 16px!important;
  border-bottom:1px solid #edf1f3!important;
}
#moduleSubjektet .subj-panel-head .btn-primary-sm{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
#moduleSubjektet .panel{
  border-color:var(--s360-clean-line)!important;
  box-shadow:0 2px 10px rgba(24,57,82,.035)!important;
}
#moduleSubjektet .edit-hint{
  color:#3978a9!important;
  font-weight:750!important;
}

/* Deklarimet */
#moduleAfatet .s360-clean-declaration-filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,210px));
  gap:10px;
  align-items:end;
  margin:12px 0 14px;
  padding:12px;
  border:1px solid var(--s360-clean-line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 2px 10px rgba(24,57,82,.03);
}
#moduleAfatet .s360-clean-declaration-filters label{
  display:grid;
  gap:5px;
  color:#72838f;
  font-size:9px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#moduleAfatet .s360-clean-declaration-filters select{
  width:100%;
  height:38px;
  padding:0 10px;
  border:1px solid #d8e2e8;
  border-radius:8px;
  background:#fff;
  color:#314b5c;
  font:650 11px/1 Inter,sans-serif;
}
#moduleAfatet .s360-clean-source-control{display:none!important}
#moduleAfatet #subjectFilterRow{
  margin:0 0 14px!important;
  padding:10px 12px!important;
  border:1px solid var(--s360-clean-line)!important;
  border-radius:9px!important;
  background:#fff!important;
}
#moduleAfatet .ledger,
#moduleAfatet #viewVerifikim>.panel{
  border-color:var(--s360-clean-line)!important;
  box-shadow:0 2px 10px rgba(24,57,82,.035)!important;
}
#moduleAfatet #toggleCustom{
  padding:12px 14px!important;
  background:#fff!important;
  color:#456174!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:Inter,sans-serif!important;
  font-weight:700!important;
}
#moduleAfatet .ledger-head button,
#moduleAfatet .s212-verify-sort-head button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Komunikimet */
#moduleNjoftime .n7-head{align-items:center!important;margin-bottom:18px!important}
#moduleNjoftime .n7-head-actions{align-items:center!important;gap:7px!important}
#moduleNjoftime .n7-head-actions>.n7-primary,
#moduleNjoftime .n7-head-actions>.n7-ghost{display:none!important}
#moduleNjoftime .cb10-pane-head{min-height:54px!important}
#moduleNjoftime .cb10-viewbar{
  display:grid!important;
  grid-template-columns:minmax(250px,320px) minmax(220px,1fr) auto!important;
  gap:10px!important;
  align-items:end!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid var(--s360-clean-line)!important;
  border-radius:10px!important;
  background:#fff!important;
}
#moduleNjoftime .cb10-viewbar label{display:grid!important;gap:5px!important}
#moduleNjoftime .cb10-viewbar label>span{
  color:#6b7e8a!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
#moduleNjoftime .cb10-viewbar select,
#moduleNjoftime .cb10-viewbar input{
  width:100%!important;
  height:40px!important;
  box-sizing:border-box!important;
  border:1px solid #d8e2e8!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294352!important;
  font:600 11px/1 Inter,sans-serif!important;
  padding:0 11px!important;
}
#moduleNjoftime #cb10UnifiedSummary{
  align-self:center!important;
  color:#71838e!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  text-align:right!important;
}
#moduleNjoftime .cb10-comm-tabs{display:none!important}
#moduleNjoftime .cb10-unified-pane{overflow:hidden!important}
#moduleNjoftime .cb10-unified-row .cb10-avatar{
  border-radius:999px!important;
  font-size:15px!important;
  font-weight:700!important;
}
#moduleNjoftime .cb10-unified-row .cb10-avatar.received{background:#e9f4fb!important;color:#2673a5!important}
#moduleNjoftime .cb10-unified-row .cb10-avatar.sent{background:#eaf6ef!important;color:#3d7e5c!important}
#moduleNjoftime .cb10-unified-row .cb10-avatar.request{background:#f2edfa!important;color:#755ba4!important}
#moduleNjoftime .cb10-unified-row .cb10-row-meta span.request{background:#f2edfa!important;color:#755ba4!important}
#moduleNjoftime .n7-feed-card,
#moduleNjoftime .n7-side-card{
  border-color:var(--s360-clean-line)!important;
  box-shadow:0 2px 10px rgba(24,57,82,.035)!important;
}
#moduleNjoftime .cb10-comm-tabs,
#moduleNjoftime .n7-tabs{
  background:transparent!important;
  box-shadow:none!important;
}
#moduleNjoftime #n7MarkAllSide{display:none!important}
#moduleNjoftime .n7-setting-link{
  border:0!important;
  border-top:1px solid #edf1f3!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#moduleNjoftime .client-request-create.s360-request-form-attention{
  animation:s360-request-form-attention 1.85s ease-out;
}
@keyframes s360-request-form-attention{
  0%{
    background:#eaf4fb;
    box-shadow:inset 4px 0 0 var(--s360-clean-blue),0 0 0 3px rgba(45,118,181,.16);
  }
  45%{
    background:#f5faff;
    box-shadow:inset 4px 0 0 var(--s360-clean-blue),0 0 0 1px rgba(45,118,181,.08);
  }
  100%{
    background:#fff;
    box-shadow:inset 0 0 0 rgba(45,118,181,0),0 0 0 rgba(45,118,181,0);
  }
}
@media (prefers-reduced-motion:reduce){
  #moduleNjoftime .client-request-create.s360-request-form-attention{
    animation:none;
    outline:3px solid rgba(45,118,181,.24);
    outline-offset:-3px;
  }
}
@media(max-width:820px){
  #moduleNjoftime .cb10-viewbar{grid-template-columns:1fr!important;align-items:stretch!important}
  #moduleNjoftime #cb10UnifiedSummary{text-align:left!important}
  #moduleNjoftime .cb10-viewbar select,
  #moduleNjoftime .cb10-viewbar input{font-size:16px!important}
}

/* Pagesat */
#modulePagesa .s5-pay-head{align-items:center!important;margin-bottom:18px!important}
#modulePagesa .s5-pay-head>.s5-refresh-btn{display:none!important}
#modulePagesa #p81Refresh{display:none!important}
#modulePagesa .s5-filterbar #pay5Export{display:none!important}
#modulePagesa .s5-pay-head .s360-clean-popover #pay5Refresh,
#modulePagesa .s5-pay-head .s360-clean-popover #pay5Export{display:flex!important}
#modulePagesa .s5-kpis>*,
#modulePagesa .s5-pay-table,
#modulePagesa .s5-detail-card{
  border-color:var(--s360-clean-line)!important;
  box-shadow:0 2px 10px rgba(24,57,82,.035)!important;
}

/* Raportet: zgjedhës, jo një mur me butona. */
#moduleRaporte .r6-tabs{
  gap:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--s360-clean-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#moduleRaporte .r6-tabs button{
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#moduleRaporte .r6-tabs button.active{
  border-bottom-color:var(--s360-clean-blue)!important;
  background:transparent!important;
}
#moduleRaporte .r6-export{
  height:auto!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:#3978a9!important;
  box-shadow:none!important;
}
#moduleRaporte .r6-export:hover{text-decoration:underline!important}

/* Dokumentet */
#moduleDokumente .doc-saved-toggle{
  border:0!important;
  border-bottom:1px solid var(--s360-clean-line)!important;
  border-radius:0!important;
  padding:10px 0!important;
  background:transparent!important;
  color:#526a7b!important;
  box-shadow:none!important;
}
#moduleDokumente .dl-btn-row{
  display:flex!important;
  justify-content:flex-end!important;
  margin:10px 0 2px!important;
}
#moduleDokumente .dl-btn-row>.dl-btn{display:none!important}
#moduleDokumente .dl-btn-row .s360-clean-popover>.dl-btn{display:flex!important}
#moduleDokumente #docSaveBtn{
  min-height:40px!important;
  border:1px solid var(--s360-clean-blue)!important;
  border-radius:9px!important;
  background:var(--s360-clean-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:750!important;
}
#moduleDokumente #docSaveBtn:hover{background:var(--s360-clean-blue-dark)!important}
#moduleDokumente #docRegenBtn{
  height:auto!important;
  padding:3px 0!important;
  border:0!important;
  background:transparent!important;
  color:#607789!important;
  box-shadow:none!important;
}
#moduleDokumente #docRegenBtn:hover{color:#2f6f9f!important;text-decoration:underline!important}

@media(max-width:760px){
  .s360-clean-popover{position:fixed;left:12px;right:12px;top:auto;bottom:14px;min-width:0;max-height:70vh;overflow:auto}
  .s360-clean-menu[open]::before{content:"";position:fixed;inset:0;z-index:230;background:rgba(23,48,68,.22)}
  .s360-clean-menu>summary,.s360-clean-popover{z-index:240}
  #moduleDashboard .s17-head{align-items:flex-start!important}
  #moduleDashboard .s17-head-tools{width:100%!important}
  #modulePuna .s13-view-actions{width:auto!important;margin-left:auto!important}
  #moduleNjoftime .n7-head{align-items:flex-start!important}
  #moduleNjoftime .n7-head-actions{width:auto!important}
  #modulePagesa .s5-pay-head{align-items:flex-start!important}
  #moduleRaporte .r6-tabs{overflow-x:auto!important;grid-template-columns:none!important;display:flex!important}
  #moduleRaporte .r6-tabs button{min-width:150px!important}
  #moduleAfatet .s360-clean-declaration-filters{grid-template-columns:1fr;padding:10px}
  #modulePuna .s22-row-actions{justify-content:flex-start!important}
}

@media(prefers-reduced-motion:reduce){
  .s360-clean-menu>summary{transition:none}
}