/* umzug-247 shared UI stylesheet
   Link AFTER bootstrap so the tone-layer overrides win.
   Contains: (1) the standard icon chip (.u247-ic) and
             (2) the 10% transparency tone layer for greens & blues. */

/* ── (1) Standard icon chip ───────────────────────────────────────── */
.u247-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:10px;background:#fff4ec;color:#6b7280;font-size:1.05rem;line-height:1;flex:0 0 auto;vertical-align:middle;box-sizing:border-box;}
.u247-ic>i,.u247-ic>svg{font-size:inherit;line-height:1;}
.u247-ic.u247-ic-orange{color:#f26522;}

/* ── (2) 10% transparency tone layer (greens & blues, alpha .9) ────── */
:root{--u247-green:rgba(40,167,69,.9);--u247-green-dark:rgba(25,135,84,.9);--u247-blue:rgba(0,123,255,.9);--u247-blue-dark:rgba(0,86,179,.9);--u247-blue5:rgba(13,110,253,.9);--u247-nav-blue:rgba(0,119,182,.9);}
.bg-success,.badge.bg-success,.btn-success{background-color:var(--u247-green)!important;}
.btn-success{border-color:var(--u247-green)!important;}
.btn-outline-success:hover,.btn-outline-success:focus{background-color:var(--u247-green)!important;border-color:var(--u247-green)!important;}
.bg-primary,.badge.bg-primary,.btn-primary{background-color:var(--u247-blue5)!important;}
.btn-primary{border-color:var(--u247-blue5)!important;}
.btn-primary:hover,.btn-primary:focus{background-color:var(--u247-blue-dark)!important;border-color:var(--u247-blue-dark)!important;}
.btn-outline-primary:hover,.btn-outline-primary:focus{background-color:var(--u247-blue5)!important;border-color:var(--u247-blue5)!important;}