/*
 * AdminLTE → Tabler compatibility bridge
 * Maps AdminLTE component classes to Tabler-compatible appearance.
 * Remove after all templates are migrated to native Tabler classes (Phase 7).
 */

/* ── box → card ─────────────────────────────────────────────── */
.box {
    position: relative;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid rgba(98, 105, 118, 0.16);
    margin-bottom: 1.5rem;
}
.box-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
    display: flex;
    align-items: center;
    min-height: 3.5rem;
}
.box-header.with-border {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}
.box-title {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.5;
}
.box-body {
    padding: 1rem 1.25rem;
}
.box-footer {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(98, 105, 118, 0.16);
    background-color: rgba(98, 105, 118, 0.024);
}
.box-tools {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.box-tools .btn-box-tool {
    background: transparent;
    border: none;
    color: #626976;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
}

/* box color variants — colored top border */
.box-primary { border-top: 3px solid #206bc4; }
.box-success { border-top: 3px solid #2fb344; }
.box-warning { border-top: 3px solid #f76707; }
.box-danger  { border-top: 3px solid #d63939; }
.box-info    { border-top: 3px solid #4299e1; }
.box-default { border-top: 3px solid #626976; }

/* box-solid — filled header */
.box-solid .box-header {
    color: #fff;
}
.box-solid.box-primary .box-header { background-color: #206bc4; }
.box-solid.box-success .box-header { background-color: #2fb344; }
.box-solid.box-warning .box-header { background-color: #f76707; }
.box-solid.box-danger  .box-header { background-color: #d63939; }
.box-solid.box-info    .box-header { background-color: #4299e1; }
.box-solid.box-default .box-header { background-color: #626976; }

/* ── info-box ───────────────────────────────────────────────── */
.info-box {
    display: flex;
    min-height: 80px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(98, 105, 118, 0.16);
    margin-bottom: 1rem;
    overflow: hidden;
}
.info-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 4px 0 0 4px;
}
.info-box-content {
    padding: 0.75rem 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.info-box-text {
    font-size: 0.875rem;
    color: #626976;
    display: block;
    margin-bottom: 0.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-number {
    font-size: 1.25rem;
    font-weight: 600;
    display: block;
}
.progress-description {
    font-size: 0.75rem;
    color: #626976;
    margin-top: 0.25rem;
}

/* ── small-box (dashboard widgets) ──────────────────────────── */
.small-box {
    border-radius: 4px;
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
    overflow: hidden;
    color: #fff;
}
.small-box .inner {
    padding: 1rem;
}
.small-box .inner h3 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}
.small-box .inner p {
    margin: 0;
    font-size: 0.875rem;
}
.small-box .icon {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 4rem;
    opacity: 0.15;
}
.small-box-footer,
.small-box .small-box-footer {
    display: block;
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.small-box-footer:hover {
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
}

/* small-box color variants */
.small-box.bg-aqua,
.small-box.bg-info    { background-color: #4299e1; }
.small-box.bg-green,
.small-box.bg-success { background-color: #2fb344; }
.small-box.bg-yellow,
.small-box.bg-warning { background-color: #f76707; }
.small-box.bg-red,
.small-box.bg-danger  { background-color: #d63939; }
.small-box.bg-blue,
.small-box.bg-primary { background-color: #206bc4; }

/* ── panel → card ───────────────────────────────────────────── */
.panel {
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(98, 105, 118, 0.16);
    margin-bottom: 1.5rem;
}
.panel-heading {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
    border-radius: 4px 4px 0 0;
}
.panel-title {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}
.panel-body {
    padding: 1rem 1.25rem;
}
.panel-footer {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(98, 105, 118, 0.16);
    background-color: rgba(98, 105, 118, 0.024);
}
.panel-default {}
.panel-primary .panel-heading { background-color: #206bc4; color: #fff; }
.panel-success .panel-heading { background-color: #2fb344; color: #fff; }
.panel-info    .panel-heading { background-color: #4299e1; color: #fff; }
.panel-warning .panel-heading { background-color: #f76707; color: #fff; }
.panel-danger  .panel-heading { background-color: #d63939; color: #fff; }

/* ── well → card-like ───────────────────────────────────────── */
.well {
    padding: 1rem 1.25rem;
    background-color: rgba(98, 105, 118, 0.024);
    border: 1px solid rgba(98, 105, 118, 0.16);
    border-radius: 4px;
    margin-bottom: 1rem;
}
.well-lg {
    padding: 1.5rem 1.75rem;
}
.well-sm {
    padding: 0.5rem 0.75rem;
}

/* BS3 .label/.label-* overrides odstraněny — sjednoceno na Tabler .badge bg-*-lt
   (design systém: docs/design/system/elements/label.md). */

/* .btn-default odstraněno — sjednoceno na Tabler .btn-outline-secondary
   (design systém: docs/design/system/elements/button.md). */

/* ── BS3 utility classes ────────────────────────────────────── */
.pull-right { float: right !important; }
.pull-left  { float: left !important; }
.img-responsive { max-width: 100%; height: auto; display: block; }
.img-circle { border-radius: 50%; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.hidden-xs { }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.text-right { text-align: right; }
.text-left  { text-align: left; }
.dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-overflow: ellipsis; white-space: nowrap; }
.dl-horizontal dd { margin-left: 180px; }

/* ── BS3 close button compat ────────────────────────────────── */
button.close {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
    float: right;
}
button.close:hover { opacity: 0.75; }

/* ── content-wrapper spacing (transitional) ─────────────────── */
.content-wrapper {
    min-height: auto;
}
.content-wrapper > .content {
    padding: 0;
}

/* ── nav-tabs-custom ────────────────────────────────────────── */
.nav-tabs-custom {
    margin-bottom: 1.5rem;
    border: 1px solid rgba(98, 105, 118, 0.16);
    border-radius: 4px;
    background: #fff;
}
.nav-tabs-custom > .nav-tabs {
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
    padding: 0 0.5rem;
}
.nav-tabs-custom > .tab-content {
    padding: 1rem 1.25rem;
}

/* ── glyphicon fallback ─────────────────────────────────────── */
.glyphicon { display: inline-block; font-style: normal; }
.glyphicon-remove::before  { content: "\00d7"; }
.glyphicon-ok::before      { content: "\2713"; }
.glyphicon-plus::before    { content: "+"; }
.glyphicon-minus::before   { content: "\2212"; }
.glyphicon-search::before  { content: "\1F50D"; }

/* ── AdminLTE background colors → Tabler equivalents ────────── */
.bg-aqua    { background-color: #4299e1 !important; }
.bg-green   { background-color: #2fb344 !important; }
.bg-yellow  { background-color: #f76707 !important; }
.bg-red     { background-color: #d63939 !important; }
.bg-blue    { background-color: #206bc4 !important; }
.bg-purple  { background-color: #ae3ec9 !important; }
.bg-maroon  { background-color: #d6336c !important; }
.bg-navy    { background-color: #1b2e4b !important; }
.bg-teal    { background-color: #0ca678 !important; }
.bg-olive   { background-color: #74b816 !important; }
.bg-orange  { background-color: #f59f00 !important; }
.bg-fuchsia { background-color: #d6336c !important; }
.bg-lime    { background-color: #94d82d !important; }

/* ── collapsed-box (AdminLTE widget) ────────────────────────── */
.collapsed-box .box-body,
.collapsed-box .box-footer {
    display: none;
}

/* ── box-profile ────────────────────────────────────────────── */
.box-profile {
    text-align: center;
}
.box-profile .profile-username {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 0.5rem;
}

/* ── user-image (navbar avatar) ─────────────────────────────── */
.user-image {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* .btn-xs odstraněno — sjednoceno na Tabler .btn-sm (button.md). */

/* ── table-condensed → table-sm ─────────────────────────────── */
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 0.25rem 0.5rem;
}