/* =========================
   TOOLS PAGES — CLEAN BASE
   calculator.html
   kontrola-terminow.html (safe base only)
   ========================= */

body.page-calculator,
body.page-terms-control{
  background:linear-gradient(180deg,#eef4ff 0%, #f7fbff 42%, #ffffff 100%) !important;
}

body.page-calculator .container,
body.page-terms-control .container{
  max-width:1100px !important;
}

body.page-calculator .back-link,
body.page-terms-control .back-link{
  display:inline-block;
  margin-bottom:12px;
  color:#64748b;
  font-weight:700;
  text-decoration:none;
}

body.page-calculator .back-link:hover,
body.page-terms-control .back-link:hover{
  color:#355fff;
}

body.page-calculator .panel,
body.page-terms-control .panel{
  max-width:980px;
  margin:0 auto !important;
  padding:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.98)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  border-radius:26px !important;
  box-shadow:0 14px 34px rgba(37,99,235,.06) !important;
  position:relative;
}

body.page-calculator .panel::after,
body.page-terms-control .panel::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:26px;
  background:radial-gradient(circle at top, rgba(53,99,255,0.06), transparent 60%);
  pointer-events:none;
}

/* =========================
   CALCULATOR PAGE
   ========================= */

body.page-calculator .calc-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:980px !important;
  margin:0 auto 22px !important;
  text-align:center !important;
  font-size:0 !important;
  line-height:1 !important;
  color:#1b2750 !important;
}

body.page-calculator .calc-title__line{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  font-weight:900 !important;
  color:#1b2750 !important;
}

body.page-calculator .calc-title__line--main{
  font-size:64px !important;
  line-height:0.97 !important;
  letter-spacing:-0.028em !important;
  word-spacing:0.16em !important;
}

body.page-calculator .calc-title__line--sub{
  margin-top:8px !important;
  font-size:50px !important;
  line-height:0.98 !important;
  letter-spacing:-0.02em !important;
  opacity:0.96 !important;
}

body.page-calculator #context-banner{
  max-width:980px;
  margin:0 auto 18px !important;
}

body.page-calculator #date-row,
body.page-calculator #procedure-row{
  width:100% !important;
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid rgba(53,99,255,.12) !important;
  box-shadow:0 8px 18px rgba(37,99,235,.04) !important;
  color:#1b2a48 !important;
  margin-bottom:14px !important;
  position:relative !important;
}

body.page-calculator .date-display-container{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  text-align:left !important;
}

body.page-calculator .date-display-label{
  font-size:.92rem !important;
  font-weight:700 !important;
  color:#5f6d88 !important;
}

body.page-calculator #date-display-date,
body.page-calculator #procedure-label{
  font-size:1.06rem !important;
  font-weight:800 !important;
  color:#1b2a48 !important;
}

body.page-calculator .row-icon{
  flex-shrink:0 !important;
  color:#355fff !important;
}

body.page-calculator .date-input-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:5 !important;
}

body.page-calculator .dropdown{
  display:none !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 10px) !important;
  z-index:30 !important;
  border-radius:16px !important;
  border:1px solid rgba(53,99,255,.12) !important;
 background:#fff !important;
  box-shadow:0 18px 32px rgba(37,99,235,.12) !important;
  overflow:hidden !important;
}

body.page-calculator .dropdown.show{
  display:block !important;
}

body.page-calculator .dropdown-item{
  padding:14px 16px !important;
  font-size:.96rem !important;
  color:#223354 !important;
  font-weight:600 !important;
  background:#fff !important;
  border-bottom:1px solid rgba(53,99,255,.06) !important;
}

body.page-calculator .dropdown-item:last-child{
  border-bottom:none !important;
}

body.page-calculator .dropdown-item:hover{
  background:rgba(53,99,255,.06) !important;
}

body.page-calculator .procedure-description{
  margin:2px 0 14px !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(241,247,255,.84),rgba(248,251,255,.96)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  color:#5f6d88 !important;
  font-size:.96rem !important;
  line-height:1.7 !important;
}

body.page-calculator .manual-input-section{
  margin-bottom:16px !important;
}

body.page-calculator .info-box{
  margin-bottom:14px !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(241,247,255,.84),rgba(248,251,255,.96)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  color:#5f6d88 !important;
}

body.page-calculator .input-group label{
  display:block !important;
  margin-bottom:8px !important;
  color:#223354 !important;
  font-size:.94rem !important;
  font-weight:700 !important;
}

body.page-calculator .input-group input[type="number"]{
  width:100% !important;
  min-height:52px !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(53,99,255,.14) !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  color:#1b2a48 !important;
  font-size:1rem !important;
  box-shadow:0 8px 18px rgba(37,99,235,.04) !important;
}

body.page-calculator .input-group input[type="number"]:focus{
  outline:none !important;
  border-color:rgba(53,99,255,.34) !important;
  box-shadow:0 0 0 4px rgba(53,99,255,.08) !important;
}

body.page-calculator .helper-text{
  display:block !important;
  margin-top:8px !important;
  color:#6b7a96 !important;
  font-size:.84rem !important;
}

body.page-calculator #calculate-row{
  width:100% !important;
  min-height:58px !important;
  border:none !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 18px !important;
  background:linear-gradient(180deg,#4d77ff,#2f5bff) !important;
  color:#fff !important;
  font-size:1rem !important;
  font-weight:800 !important;
  box-shadow:0 12px 24px rgba(53,99,255,.18) !important;
  cursor:pointer !important;
  margin-bottom:14px !important;
}

body.page-calculator #calculate-row:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 28px rgba(53,99,255,.24) !important;
}

body.page-calculator #error-message{
  border-radius:14px !important;
  padding:14px 16px !important;
}

body.page-calculator .result-section{
  margin-top:16px !important;
  padding-top:0 !important;
  border-top:none !important;
}

body.page-calculator .result-panel{
  text-align:center !important;
  background:linear-gradient(180deg,rgba(241,247,255,.84),rgba(248,251,255,.96)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  border-radius:22px !important;
  box-shadow:0 12px 28px rgba(37,99,235,.05) !important;
  padding:20px !important;
}

body.page-calculator .result-box{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
  padding:24px 20px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  margin-bottom:12px !important;
  min-height:140px !important;
}

body.page-calculator .result-icon{
  display:block !important;
 flex-shrink:0 !important;
}

body.page-calculator .result-content{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

body.page-calculator .result-row{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:10px !important;
  font-size:1.02rem !important;
  color:#1b2a48 !important;
}

body.page-calculator .result-row div{
  text-align:center !important;
}

body.page-calculator .result-row strong{
  font-size:1.5rem !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

body.page-calculator #days-message{
  font-size:1.08rem !important;
  font-weight:800 !important;
}

body.page-calculator #future-delivery-message{
  margin-top:10px !important;
  text-align:left !important;
}

body.page-calculator .future-warning{
  padding:12px 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.75) !important;
  border:1px solid rgba(53,99,255,.08) !important;
}

body.page-calculator .shift-explanation,
body.page-calculator .result-legal,
body.page-calculator .result-disclaimer{
  color:#667793 !important;
  font-size:.9rem !important;
  line-height:1.7 !important;
  margin:0 0 10px !important;
}

body.page-calculator .copy-result-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 18px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#ffffff,#f3f7ff) !important;
  border:1px solid rgba(53,99,255,.14) !important;
  color:#23406f !important;
  font-weight:800 !important;
  box-shadow:0 8px 16px rgba(37,99,235,.05) !important;
  margin:12px auto 14px !important;
  align-self:center !important;
  cursor:pointer !important;
}

/* status colors */
body.page-calculator .result--success{
  background:linear-gradient(180deg, rgba(236,253,245,.98), rgba(220,252,231,.98)) !important;
  border:1px solid rgba(34,197,94,.22) !important;
}

body.page-calculator .result--success .result-row strong,
body.page-calculator .result--success #days-message,
body.page-calculator .result--success .result-icon{
  color:#15803d !important;
}

body.page-calculator .result--warning{
  background:linear-gradient(180deg, rgba(255,251,235,.98), rgba(254,243,199,.98)) !important;
  border:1px solid rgba(245,158,11,.25) !important;
}

body.page-calculator .result--warning .result-row strong,
body.page-calculator .result--warning #days-message,
body.page-calculator .result--warning .result-icon{
  color:#b45309 !important;
}

body.page-calculator .result--error{
  background:linear-gradient(180deg, rgba(254,242,242,.98), rgba(254,226,226,.98)) !important;
  border:1px solid rgba(239,68,68,.24) !important;
}

body.page-calculator .result--error .result-row strong,
body.page-calculator .result--error #days-message,
body.page-calculator .result--error .result-icon{
  color:#b91c1c !important;
}

body.page-calculator .result--info{
  background:linear-gradient(180deg, rgba(239,246,255,.98), rgba(224,242,254,.98)) !important;
  border:1px solid rgba(59,130,246,.22) !important;
}

body.page-calculator .result--info .result-row strong,
body.page-calculator .result--info #days-message,
body.page-calculator .result--info .result-icon{
  color:#1d4ed8 !important;
}

/* =========================
   TERMS CONTROL PAGE
   safe base only for now
   ========================= */

body.page-terms-control .documents-actions{
  justify-content:flex-start !important;
  margin-bottom:18px !important;
}

body.page-terms-control .add-case-btn{
  min-height:46px !important;
  padding:10px 16px !important;
  border:none !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#4d77ff,#2f5bff) !important;
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:0 10px 22px rgba(53,99,255,.16) !important;
}

body.page-terms-control .documents-grid{
  gap:16px !important;
}

body.page-terms-control .document-card{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(245,249,255,.98)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  border-radius:20px !important;
  box-shadow:0 10px 22px rgba(37,99,235,.05) !important;
  padding:20px !important;
}

body.page-terms-control .document-edit-btn,
body.page-terms-control .document-delete-btn,
body.page-terms-control .document-status-btn,
body.page-terms-control .btn-small{
  min-height:42px !important;
  padding:9px 14px !important;
  border-radius:12px !important;
  font-size:.9rem !important;
  font-weight:800 !important;
}

/* =========================
   FOOTER
   ========================= */

body.page-calculator .disclaimer-box,
body.page-terms-control .disclaimer-box{
  max-width:980px !important;
  margin:22px auto 0 !important;
  padding:20px 20px 22px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#183a8f,#123174) !important;
  box-shadow:0 16px 34px rgba(18,49,116,.18) !important;
}

body.page-calculator .disclaimer-box p,
body.page-calculator .disclaimer-box a,
body.page-calculator .footer-about a,
body.page-calculator a[data-i18n="about_project_link"],
body.page-terms-control .disclaimer-box p,
body.page-terms-control .disclaimer-box a,
body.page-terms-control .footer-about a,
body.page-terms-control a[data-i18n="about_project_link"]{
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

/* =========================
   MOBILE
   ========================= */

@media (max-width:768px){
  body.page-calculator .calc-title__line--main{
    font-size:40px !important;
    line-height:1 !important;
    word-spacing:0.10em !important;
  }

  body.page-calculator .calc-title__line--sub{
    font-size:32px !important;
    margin-top:4px !important;
  }

  body.page-calculator .panel,
  body.page-terms-control .panel{
    padding:18px !important;
    border-radius:20px !important;
  }

  body.page-calculator #date-row,
  body.page-calculator #procedure-row{
    padding:16px !important;
    min-height:68px !important;
  }

  body.page-calculator .result-box{
    padding:18px 14px !important;
  }

  body.page-calculator .result-row strong{
    font-size:1.2rem !important;
  }

  body.page-calculator #days-message{
    font-size:1rem !important;
  }

  body.page-terms-control .document-card{
    padding:16px !important;
  }
}
.page-calculator .calc-subtitle{
  max-width:720px;
  margin:0 auto 20px !important;
  text-align:center !important;
  color:#5f6d88 !important;
  font-size:1.05rem !important;
  line-height:1.6 !important;
  font-weight:500 !important;
}
 /* =========================
   DEADLINES PAGE — FINAL UI
   ========================= */

body.page-terms-control .container{
  max-width:1100px !important;
}

body.page-terms-control .back-link{
  display:inline-block;
  margin-bottom:12px;
  color:#64748b;
  font-weight:700;
  text-decoration:none;
}

body.page-terms-control .back-link:hover{
  color:#355fff;
}

body.page-terms-control .kt-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  max-width:980px;
  margin:0 auto 14px !important;
  color:#1b2750;
}

body.page-terms-control .kt-title__line{
  display:block;
  width:100%;
  font-size:68px;
  line-height:0.96;
  font-weight:900;
  letter-spacing:-0.04em;
  word-spacing:0.08em;
}

body.page-terms-control .kt-title__sub{
  display:block;
  width:100%;
  margin-top:8px;
  font-size:48px;
  line-height:0.98;
  font-weight:900;
  letter-spacing:-0.025em;
  color:#30466f;
}

body.page-terms-control .kt-intro{
  max-width:760px;
  margin:0 auto 22px !important;
  text-align:center;
  color:#667793;
  font-size:1.03rem;
  line-height:1.65;
  font-weight:500;
}

body.page-terms-control .documents-actions{
  max-width:980px;
  margin:0 auto 18px !important;
  display:flex;
  justify-content:flex-start;
}

body.page-terms-control .add-case-btn{
  min-height:48px;
  padding:12px 18px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg,#4d77ff,#2f5bff);
  color:#fff;
  font-size:.97rem;
  font-weight:800;
  box-shadow:0 12px 24px rgba(53,99,255,.16);
  cursor:pointer;
}

body.page-terms-control .add-case-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(53,99,255,.22);
}

body.page-terms-control .empty-state{
  max-width:980px;
  margin:0 auto;
  padding:28px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.98));
  border:1px solid rgba(53,99,255,.10);
  box-shadow:0 12px 28px rgba(37,99,235,.05);
  text-align:center;
  color:#667793;
}

body.page-terms-control .documents-grid{
  max-width:980px;
  margin:0 auto;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

body.page-terms-control .document-card{
  display:grid !important;
  grid-template-columns: 1.2fr 1fr auto;
  align-items:center;
  gap:22px;
  padding:22px 24px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,255,.98)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  box-shadow:0 12px 28px rgba(37,99,235,.05) !important;
}

body.page-terms-control .document-card.is-done{
  opacity:.78;
  background:linear-gradient(180deg,rgba(250,251,253,.98),rgba(245,247,250,.98)) !important;
}

body.page-terms-control .doc-left,
body.page-terms-control .doc-center,
body.page-terms-control .doc-right{
  width:auto !important;
}

body.page-terms-control .doc-left{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-start;
}

body.page-terms-control .doc-name{
  font-size:1.2rem;
  line-height:1.3;
  font-weight:900;
  color:#1b2750;
  margin:0;
}

body.page-terms-control .kt-type-label{
  font-size:.82rem;
  font-weight:700;
  color:#8090aa;
  text-transform:uppercase;
  letter-spacing:.04em;
}

body.page-terms-control .doc-type{
  margin:0;
}

body.page-terms-control .doc-type-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(53,99,255,.08);
  color:#3154a5;
  font-size:.86rem;
  font-weight:800;
  border:1px solid rgba(53,99,255,.10);
}

body.page-terms-control .doc-center{
  display:flex;
  flex-direction:column;
  gap:12px;
}

body.page-terms-control .kt-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(53,99,255,.08);
}

body.page-terms-control .kt-label{
  font-size:.88rem;
  font-weight:700;
  color:#72829d;
}

body.page-terms-control .kt-value{
  font-size:.96rem;
  font-weight:800;
  color:#223354;
  text-align:right;
}

body.page-terms-control .doc-detail-hint{
  font-size:.9rem !important;
  color:#5f6d88 !important;
  margin-top:2px;
}

body.page-terms-control .kt-risk-badge{
  margin-left:8px;
  font-weight:800;
}

body.page-terms-control .doc-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

body.page-terms-control .btn-small,
body.page-terms-control .btn-delete{
  min-width:170px;
  min-height:42px;
  padding:10px 14px;
  border-radius:12px;
  font-size:.9rem;
  font-weight:800;
  cursor:pointer;
}

body.page-terms-control .btn-small{
  border:1px solid rgba(53,99,255,.12);
  background:linear-gradient(180deg,#ffffff,#f3f7ff);
  color:#23406f;
  box-shadow:0 8px 16px rgba(37,99,235,.05);
}

body.page-terms-control .btn-delete{
  border:1px solid rgba(220,38,38,.14);
  background:#fff;
  color:#c62828;
}

body.page-terms-control .btn-small:hover,
body.page-terms-control .btn-delete:hover{
  transform:translateY(-1px);
}

/* Modal */
body.page-terms-control .modal-overlay{
  background:rgba(15,23,42,.42);
  backdrop-filter:blur(5px);
}

body.page-terms-control .modal-content{
  max-width:560px;
  width:100%;
  border-radius:24px !important;
  padding:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.99)) !important;
  border:1px solid rgba(53,99,255,.10) !important;
  box-shadow:0 24px 50px rgba(15,23,42,.16) !important;
}

body.page-terms-control .modal-title{
  text-align:center;
  font-size:2rem;
  line-height:1.2;
  font-weight:900;
  color:#1b2750;
  margin-bottom:22px;
}

body.page-terms-control .form-group{
  margin-bottom:18px;
}

body.page-terms-control .form-group label{
  display:block;
  margin-bottom:8px;
  color:#223354;
  font-size:.93rem;
  font-weight:800;
}

body.page-terms-control .form-group input,
body.page-terms-control .form-group select{
  width:100%;
  min-height:52px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(53,99,255,.12);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:#1b2a48;
  font-size:.98rem;
  box-shadow:0 8px 18px rgba(37,99,235,.04);
}

body.page-terms-control .form-group input:focus,
body.page-terms-control .form-group select:focus{
  outline:none;
  border-color:rgba(53,99,255,.34);
  box-shadow:0 0 0 4px rgba(53,99,255,.08);
}

body.page-terms-control #deadline-rule-info{
  margin-top:8px !important;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(53,99,255,.05);
  border:1px solid rgba(53,99,255,.08);
  color:#5f6d88 !important;
  font-size:.84rem !important;
}

body.page-terms-control .form-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:24px;
}

body.page-terms-control .btn-primary,
body.page-terms-control .btn-secondary{
  min-height:46px;
  padding:10px 18px;
  border-radius:12px;
  font-size:.94rem;
  font-weight:800;
}

body.page-terms-control .btn-primary{
  border:none;
  background:linear-gradient(180deg,#4d77ff,#2f5bff);
  color:#fff;
  box-shadow:0 12px 24px rgba(53,99,255,.16);
}

body.page-terms-control .btn-secondary{
  border:1px solid rgba(53,99,255,.12);
  background:#fff;
  color:#23406f;
}

/* Footer */
body.page-terms-control .disclaimer-box{
  max-width:980px !important;
  margin:22px auto 0 !important;
  padding:20px 20px 22px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#183a8f,#123174) !important;
  box-shadow:0 16px 34px rgba(18,49,116,.18) !important;
}

body.page-terms-control .disclaimer-box p,
body.page-terms-control .disclaimer-box a,
body.page-terms-control .footer-about a{
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

/* Mobile */
@media (max-width: 900px){
  body.page-terms-control .document-card{
    grid-template-columns:1fr !important;
    align-items:stretch;
    gap:16px;
  }

  body.page-terms-control .doc-right{
    align-items:stretch;
  }

  body.page-terms-control .btn-small,
  body.page-terms-control .btn-delete{
    width:100%;
    min-width:0;
  }
}

@media (max-width: 768px){
  body.page-terms-control .kt-title__line{
    font-size:42px;
    line-height:1;
  }

  body.page-terms-control .kt-title__sub{
    font-size:30px;
    margin-top:4px;
  }

  body.page-terms-control .kt-intro{
    font-size:.95rem;
    margin-bottom:18px !important;
  }

  body.page-terms-control .modal-content{
    padding:20px !important;
    border-radius:18px !important;
  }

  body.page-terms-control .form-actions{
    flex-direction:column-reverse;
  }

  body.page-terms-control .btn-primary,
  body.page-terms-control .btn-secondary{
    width:100%;
  }
}
/* ===== FIX: центрирование кнопок и заголовков ===== */

.documents-actions {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0 28px;
}

.add-case-btn,
#add-deadline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 24px;
  border-radius: 14px;
  border: none;
  background: linear-gradient(135deg, #315efb 0%, #1d4fff 100%);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}

/* Заголовки по центру */
.section-title,
.panel-title,
.handbook-list-title,
.documents-title,
.category-title,
h2.section-title {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* ===== FIX: форма добавления по центру ===== */

#deadline-modal,
.modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#deadline-modal[style*="display: block"],
.modal[style*="display: block"] {
  display: flex !important;
}

.modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
}

.modal-content {
  position: relative;
  z-index: 2;
  width: min(680px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.18);
  margin: 0 auto;
}

.modal-title {
  text-align: center;
  margin: 0 0 24px;
}
.documents-actions {
  justify-content: center !important;
  text-align: center !important;
}

#add-deadline-btn {
  margin: 0 auto !important;
}