/*
 * ToolboxBundle — clean-room re-implementation (Round 2).
 * Spec: 01-specs/ToolboxBundle/api-surface-ui.md §3.
 *
 * UIkit3 theme additions. All rules scoped to `.uikit3` so they are
 * inert when another theme is active. Class-name set documented in
 * §3.1 of the spec.
 */

.uikit3 .toolbox-element {
    margin: 0 0 16px;
}

.uikit3 .grid-preview {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
}

.uikit3 .grid-pre-element {
    background: #1e87f0;
    color: #fff;
    border: 1px solid #0f6ecd;
}

.uikit3 .grid-pre-element.inherited {
    background: #cce5ff;
    color: #1e87f0;
}

.uikit3 .grid-pre-element.is-offset {
    background: transparent;
    border-style: dashed;
    color: #999;
}

/* UIkit3 uses fractional widths instead of /12, /16 etc. */
.uikit3 .pre-col-11  { width: 100% !important; }
.uikit3 .pre-col-56  { width: 83.3333% !important; }
.uikit3 .pre-col-45  { width: 80% !important; }
.uikit3 .pre-col-34  { width: 75% !important; }
.uikit3 .pre-col-23  { width: 66.6666% !important; }
.uikit3 .pre-col-35  { width: 60% !important; }
.uikit3 .pre-col-12  { width: 50% !important; }
.uikit3 .pre-col-25  { width: 40% !important; }
.uikit3 .pre-col-13  { width: 33.3333% !important; }
.uikit3 .pre-col-14  { width: 25% !important; }
.uikit3 .pre-col-15  { width: 20% !important; }
.uikit3 .pre-col-16  { width: 16.6666% !important; }

.uikit3 .tb-alert-info {
    background: #d8eafc;
    color: #1e87f0;
    border: 1px solid #b6d6f4;
}

.uikit3 .tb-alert-danger {
    background: #fbe6e6;
    color: #f0506e;
    border: 1px solid #f4baba;
}

.uikit3 .toolbox-element-edit-button {
    background: #fff;
    border: 1px solid #e5e5e5;
}

.uikit3 .toolbox-google-map {
    background: #fafafa;
}