/* PROKOMIN V0.21.11 — CZARNE + POMARAŃCZOWA TERAKOTA / MINIMAL
   Kierunek zaakceptowany przez użytkownika:
   menu i topbar: głęboka czerń,
   akcent pomarańczowa terakota #F27718,
   jasna terakota #FFE7D5,
   tło aplikacji: ciepła złamana biel #FAF8F6,
   karty: białe, tekst: ciepły grafit.
   Motyw dotyczy wyłącznie interfejsu ekranowego; wydruki/PDF zachowują styl dokumentów. */
@media screen {
  :root{
    --bg:#FAF8F6 !important;
    --panel:#FFFFFF !important;
    --card:#FFFFFF !important;
    --line:#E7DFDB !important;
    --text:#2B2827 !important;
    --ink:#1F1D1C !important;
    --muted:#746B67 !important;

    /* zgodność z nazwami używanymi w starszych modułach */
    --navy:#0F0F0F !important;
    --navy-deep:#090909 !important;
    --navy2:#1E1B1A !important;
    --blue:#F27718 !important;
    --blue-2:#D95A0B !important;
    --blue2:#FFF5ED !important;
    --blue-soft:#FFF5ED !important;
    --soft:#F5F1EF !important;
    --green:#E56812 !important;
    --green-soft:#FFF0E5 !important;

    --black:#0F0F0F;
    --black-2:#1E1B1A;
    --terracotta:#F27718;
    --terracotta-deep:#C84C08;
    --terracotta-pale:#FFE7D5;
    --offwhite:#FAF8F6;
    --graphite:#2B2827;
    --shadow:0 7px 22px rgba(40,29,25,.07) !important;
    --shadow-hover:0 14px 32px rgba(40,29,25,.13) !important;
  }

  html,body{background:#FAF8F6 !important;color:#2B2827 !important}
  body{background-image:linear-gradient(135deg,#FCFAF8 0%,#F8F4F1 58%,#FAF8F6 100%) !important}

  /* TOPBAR — czarny, tekst biały, terakota tylko jako akcent */
  header:not(.doc-header), .topbar{
    background:linear-gradient(100deg,#0A0A0A 0%,#11100F 56%,#171412 100%) !important;
    color:#FFFFFF !important;
    border-bottom:1px solid #2A2421 !important;
    box-shadow:0 5px 20px rgba(0,0,0,.16) !important;
  }
  header:not(.doc-header) .brand,
  header:not(.doc-header) .brand strong,
  header:not(.doc-header) .brand span,
  header:not(.doc-header) h1,
  header:not(.doc-header) h2,
  header:not(.doc-header) h3,
  .topbar,.topbar *{color:#FFFFFF !important}
  header:not(.doc-header) .brand span{opacity:.70}
  .role-wrap{border-left-color:rgba(255,255,255,.18) !important}
  .role-wrap select{
    background:#FAF9F8 !important;color:#282321 !important;
    border:1px solid #DED6D2 !important;
  }
  .topbar .avatar,.user-top .avatar{background:#F27718 !important;color:#fff !important;border-color:#FFB27B !important}

  /* SIDEBAR — czarny, tekst biały */
  .sidebar{
    background:linear-gradient(180deg,#080808 0%,#0E0D0D 50%,#12100F 100%) !important;
    color:#FFFFFF !important;
    box-shadow:8px 0 28px rgba(0,0,0,.16) !important;
    border-right:1px solid #292321 !important;
  }
  .sidebar .brand-logo{
    display:block;width:118px;max-height:82px;object-fit:contain;margin:0 auto;
    filter:none !important;
  }
  .sidebar-brand{justify-content:center !important;padding-top:2px !important}
  .sidebar,.sidebar a,.sidebar div,.sidebar span,.sidebar strong{color:#FFFFFF !important}
  .sidebar .side-sub,.sidebar .side-version{color:#B5AEAA !important}
  .sidebar .avatar{background:#292321 !important;border-color:#403631 !important;color:#D98770 !important}
  .nav-link{color:#F6F3F1 !important;border-color:transparent !important}
  .nav-link .nav-ico{color:#EFEAE7 !important}
  .nav-link.active{
    background:linear-gradient(135deg,#FF9A50 0%,#F27718 58%,#D95A0B 100%) !important;
    color:#FFFFFF !important;
    border-color:#FFB27B !important;
    box-shadow:0 7px 18px rgba(0,0,0,.25) !important;
  }
  .nav-link.active .nav-ico{color:#FFFFFF !important}
  .nav-link:hover{
    background:#1E1B1A !important;color:#FFFFFF !important;
    border-color:#352E2A !important;
  }
  .sidebar-bottom,.side-footer{border-top-color:#322B28 !important}

  /* GŁÓWNE TŁO I KARTY */
  .main,.content,.app,.workspace{color:#2B2827 !important}
  .section-head h1,.section-head h2,.section-title,.card-title{color:#262220 !important}
  .section-head p,.lead,.muted,.footer-note{color:#756C68 !important}
  .panel,.card,.doc-card,.option-box,.switchrow,.hist,.stat{
    border-color:#E7DFDB !important;
    box-shadow:0 5px 18px rgba(48,34,29,.055) !important;
  }
  .doc-card{
    background:linear-gradient(145deg,#FFFFFF 0%,#FEFCFB 100%) !important;
  }
  /* Spójny akcent: wszystkie kafelki dokumentów w terakocie */
  .doc-card.purple,.doc-card.orange,.doc-card.gold,.doc-card.green,.doc-card.red,
  .doc-card.blue,.doc-card.amber,.doc-card.navy,.doc-card.pink{
    --accent:#F27718 !important;
    --accent-soft:#FFF5ED !important;
  }
  .doc-card:before{display:none !important}
  .doc-card:hover{border-color:#F4C7A8 !important;box-shadow:var(--shadow-hover) !important}
  .doc-card h3{color:#272321 !important}
  .doc-card p{color:#6E6561 !important}
  .doc-card .iconbox{
    color:#C84C08 !important;
    box-shadow:inset 0 -4px 12px rgba(255,255,255,.50) !important;
  }

  /* PRZYCISKI / AKCJE — terakota */
  .open-card{
    background:#FEFCFB !important;color:#C84C08 !important;
    border-color:#F1D9C8 !important;
  }
  .open-card:hover{background:#FFF0E5 !important;color:#A83B05 !important;border-color:#E8AE88 !important}
  .chev{color:#D95A0B !important}
  .btn.primary,.primary,button.primary,.btn-primary,.package-launch,
  .prokomin-lock-btn.primary,.action-primary,.primary-action{
    background:linear-gradient(135deg,#FF9A50 0%,#F27718 56%,#D95A0B 100%) !important;
    color:#FFFFFF !important;
    border-color:#D95A0B !important;
    box-shadow:0 6px 15px rgba(118,61,45,.20) !important;
  }
  .btn.primary:hover,.primary:hover,button.primary:hover,.btn-primary:hover,
  .package-launch:hover,.prokomin-lock-btn.primary:hover,
  .action-primary:hover,.primary-action:hover{
    background:linear-gradient(135deg,#FF9A50,#F27718) !important;
  }
  .btn.green,.green:not(.doc-card){background:#FFF0E5 !important;color:#B54006 !important}
  .btn.soft,.soft{background:#F4EFEC !important;color:#5D514D !important}
  .btn-light{background:#FFFFFF !important;color:#6B5B55 !important;border-color:#E2DAD6 !important}
  .top a,.top button{
    background:#151311 !important;color:#FFFFFF !important;
    border-color:#37302D !important;box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
  }
  .top a:hover,.top button:hover{background:#F27718 !important;color:#FFFFFF !important;border-color:#F7924C !important}

  /* STATUSY / BADGE */
  .status.new,.badge:not(.special),.weekday-chip,.chip{
    background:#FFE7D5 !important;color:#C84C08 !important;box-shadow:none !important;
  }
  .status:not(.new){box-shadow:none !important}

  /* ZARZĄDZANIE FIRMĄ — ciepła, bardzo jasna terakota */
  .management-wrap{
    background:linear-gradient(135deg,#FFF8F2 0%,#FFF1E7 52%,#FFE6D4 100%) !important;
    color:#2B2827 !important;
    box-shadow:0 10px 27px rgba(55,37,30,.09) !important;
    border:1px solid #F2D6C3 !important;
  }
  .management-wrap:after{background:rgba(255,255,255,.28) !important}
  .management-wrap .section-head h2{color:#302A27 !important}
  .management-wrap .section-head p{color:#6A5E59 !important;opacity:1 !important}
  .management-card{
    background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(252,248,246,.76)) !important;
    border-color:#E4D3CC !important;color:#2B2827 !important;
    box-shadow:0 5px 14px rgba(55,37,30,.05) !important;
  }
  .management-card:hover{
    background:#FFFFFF !important;border-color:#EBB28C !important;
    box-shadow:0 9px 22px rgba(55,37,30,.10) !important;
  }
  .management-card .iconbox{
    background:#FFF0E5 !important;border-color:#F2D9C8 !important;color:#C84C08 !important;
  }
  .management-card h3,.management-card p,.management-card .arrow{color:#3D3430 !important}

  /* FORMULARZE */
  input,select,textarea,.picker-btn,.multi-button{
    border-color:#E2DAD6 !important;color:#2B2827 !important;background-color:#FFFFFF !important;
  }
  input:focus,select:focus,textarea:focus,.prokomin-lock-input:focus{
    border-color:#F27718 !important;
    box-shadow:0 0 0 3px rgba(200,115,91,.16) !important;
  }
  input[type="checkbox"],input[type="radio"]{accent-color:#F27718 !important}
  .choice:has(input:checked){border-color:#EDB58F !important;background:#FFF2E8 !important}
  .multi-option:hover,.client-item:hover{background:#FFF5ED !important}
  .client-cat.active,.client-cat:hover{background:#FFEBDD !important;color:#B54006 !important}
  .picker-btn,.multi-button{background:#FFFFFF !important}
  .info{background:#FFF5ED !important;border-color:#F2D9C8 !important;color:#A94B16 !important}
  .instruction{border-left-color:#F27718 !important}
  .field-note{color:#776964 !important}
  .kpi.balance{background:#F27718 !important;color:#FFFFFF !important}

  /* PLANERY I PODGLĄDY */
  .planner .plan-row:hover{box-shadow:0 4px 14px rgba(48,34,29,.10) !important}
  .thumb-shell{background:#F5F1EF !important;border-color:#E1D8D4 !important}
  .preview-card,.preview{border-color:#E7DFDB !important}

  /* BLOKADY */
  .prokomin-lock-screen{background:rgba(8,8,8,.78) !important}
  .prokomin-lock-icon{background:linear-gradient(135deg,#FFF5ED,#FFFFFF) !important;color:#C84C08 !important;border-color:#E5D3CC !important}
  .prokomin-lock-card h2,.prokomin-lock-label,.prokomin-lock-input{color:#342D2A !important}
}

@media screen{.docs-grid{gap:14px!important}.doc-card{border-top-width:1px!important;box-shadow:0 4px 14px rgba(45,31,24,.05)!important}.doc-card:hover{transform:translateY(-2px)!important}}

/* PROKOMIN V0.21.12 — eliminacja pozostałości starego niebieskiego motywu.
   Warstwa ekranowa ma być wyłącznie: czerń / terakota / ciepła biel / grafit.
   Reguły poniżej celowo nadpisują stare lokalne style modułów. */
@media screen {
  :root{
    --primary:#F27718 !important;
    --primary-2:#D95A0B !important;
    --primary-soft:#FFF0E5 !important;
    --accent:#F27718 !important;
    --accent-soft:#FFF5ED !important;
  }
  /* wszystkie często spotykane stare klasy „blue/navy” dostają aktualny motyw */
  .blue:not(.doc-card), .navy:not(.doc-card), .btn.blue, button.blue,
  .btn.navy, button.navy, .blue-btn, .navy-btn, .action-blue,
  .selected-tab, .active-tab, .tab.active {
    background:#F27718 !important;color:#FFFFFF !important;border-color:#D95A0B !important;
  }
  .blue-soft,.navy-soft,.info-blue,.help-blue{
    background:#FFF5ED !important;color:#A94B16 !important;border-color:#F2D9C8 !important;
  }
  .paper-stage,.preview-stage,.canvas-wrap{
    background:#F1ECE8 !important;border-color:#E4DAD5 !important;
  }
  .layout-close{
    background:#1E1B1A !important;color:#FFFFFF !important;border-color:#352E2A !important;
  }
  .layout-save{background:#FFF0E5 !important;color:#B54006 !important}
  .layout-reset{background:#F4EFEC !important;color:#5D514D !important}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:2px solid #F27718 !important;outline-offset:2px !important;
  }
  ::selection{background:#FFE0C9 !important;color:#2B2827 !important}
}