/* Kapiteneria Bootstrap 4 modernization layer */
:root { --app-bg:#f5f6f8; --app-border:#e1e5eb; --app-muted:#868e96; }
html, body { min-height:100%; }
body { background:var(--app-bg); color:#3d5170; font-size:.9375rem; }
.container { max-width:1320px; }
/* Legacy pages are now rendered as Bootstrap 4 cards */
.card { border:1px solid var(--app-border); border-radius:.625rem; overflow:hidden; }
.card-header { background:#fff; border-bottom:1px solid var(--app-border); font-weight:600; padding:1rem 1.25rem; }
.card-body { background:#fff; padding:1.25rem; }
/* Make old breadcrumb markup look native to BS4 */
ul.breadcrumb, .breadcrumb-arrow { display:flex; flex-wrap:wrap; padding:.75rem 1rem; margin:0 0 1.25rem; list-style:none; background:#fff; border:1px solid var(--app-border); border-radius:.5rem; }
.breadcrumb > li + li:before { content:'/'; display:inline-block; padding:0 .55rem; color:#adb5bd; }
.breadcrumb > li.active { color:#868e96; }
/* Bootstrap 3 compatibility aliases still used by a few legacy templates */
.control-label { font-weight:600; }
.help-block { display:block; margin-top:.25rem; color:#868e96; }
.form-control { border-color:#becad6; border-radius:.375rem; min-height:38px; }
.form-control:focus { border-color:#007bff; box-shadow:0 0 0 .2rem rgba(0,123,255,.12); }
.input-group-text { min-width:42px; justify-content:center; }
.table { background:#fff; }
.table > thead > tr > th { border-top:0; border-bottom:1px solid #dee2e6; font-weight:600; color:#5a6169; }
.table-responsive { border:0; }
.btn { border-radius:.375rem; font-weight:500; }
.modal-content { border:0; border-radius:.625rem; box-shadow:0 1rem 3rem rgba(0,0,0,.18); }
.modal-header, .modal-footer { border-color:var(--app-border); }
.close { font-size:1.5rem; }
/* Removed Glyphicons in Bootstrap 4: prevent empty-icon spacing where an unmapped one remains */
.glyphicon { display:inline-block; font-family:Arial,sans-serif; font-style:normal; }
/* Shards shell spacing */
.shards-topbar + .shards-sidebar-overlay { pointer-events:none; }
body > .container, body > form > .container { padding-top:1.5rem; padding-bottom:2rem; }
@media (min-width:992px) {
  body > .container, body > form > .container { max-width:calc(100% - 250px); margin-left:250px; padding-left:1.75rem; padding-right:1.75rem; }
}
@media (max-width:991.98px) {
  body > .container, body > form > .container { max-width:100%; padding-left:1rem; padding-right:1rem; }
}
/* Old utility aliases */
.hidden-xs { display:none!important; }
@media (min-width:576px){ .hidden-xs{display:initial!important;} .visible-xs{display:none!important;} }