/* =========================================================================
   Manager — Weekly Reports (Premium Light / Clean Glass)
   File: resources/css/manager/weekly-reports.css
   Full file replacement (index + show + form)
   ========================================================================= */

:root{
    /* ---------- base ---------- */
    --mwr-bg: #f6f7fb;
    --mwr-surface: rgba(255,255,255,.86);
    --mwr-surface-solid: #ffffff;

    --mwr-text: #0f172a;
    --mwr-strong: #0b1220;
    --mwr-muted: #667085;
    --mwr-soft: #94a3b8;

    --mwr-border: rgba(15, 23, 42, .10);
    --mwr-border-soft: rgba(15, 23, 42, .08);

    /* ---------- accents (calm premium) ---------- */
    --mwr-primary: #4f46e5;     /* indigo */
    --mwr-primary-2:#7c3aed;    /* violet */
    --mwr-sky:     #38bdf8;
    --mwr-mint:    #22c55e;
    --mwr-amber:   #f59e0b;
    --mwr-rose:    #fb7185;

    /* ---------- radii / shadows ---------- */
    --mwr-r-xl: 26px;
    --mwr-r-lg: 20px;
    --mwr-r-md: 16px;
    --mwr-r-sm: 12px;
    --mwr-pill: 999px;

    --mwr-shadow-1: 0 10px 28px rgba(15,23,42,.08);
    --mwr-shadow-2: 0 18px 48px rgba(15,23,42,.12);
    --mwr-shadow-in: inset 0 1px 0 rgba(255,255,255,.7);

    --t-fast: .12s ease;
    --t-med:  .18s ease;
}

@media (prefers-reduced-motion: reduce){
    *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* ----------------------------------------------------------
   PAGE BACKDROP
---------------------------------------------------------- */
.mwr-page{
    position: relative;
    padding: 12px 0 28px;
    color: var(--mwr-text);
    background: transparent;
    isolation: isolate;
}

.mwr-page::before{
    content:"";
    position:absolute;
    inset:-18px -16px -32px;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(900px 520px at 12% -8%, rgba(79,70,229,.14), transparent 60%),
        radial-gradient(820px 520px at 90% 6%, rgba(56,189,248,.12), transparent 62%),
        radial-gradient(900px 620px at 46% 118%, rgba(124,58,237,.10), transparent 62%),
        linear-gradient(180deg, rgba(246,247,251,1), rgba(246,247,251,.92));
}

/* ----------------------------------------------------------
   TOPBAR (show)
---------------------------------------------------------- */
.mwr-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom: 12px;
}

.mwr-back{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding: 9px 12px;
    border-radius: var(--mwr-pill);
    text-decoration:none;
    color: var(--mwr-strong);

    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: 1px solid var(--mwr-border);
    box-shadow: var(--mwr-shadow-1), var(--mwr-shadow-in);
    backdrop-filter: blur(10px);
    transition: transform var(--t-fast), box-shadow var(--t-med), border-color var(--t-med);
}
.mwr-back:hover{
    transform: translateY(-1px);
    border-color: rgba(79,70,229,.22);
    box-shadow: var(--mwr-shadow-2), var(--mwr-shadow-in);
}

.mwr-topbar__right{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

/* ----------------------------------------------------------
   CHIPS + BADGES
---------------------------------------------------------- */
.mwr-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size: 12px;
    padding: 7px 12px;
    border-radius: var(--mwr-pill);
    font-weight: 800;
    color: rgba(15,23,42,.86);

    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: 1px solid var(--mwr-border);
    box-shadow: 0 10px 22px rgba(15,23,42,.06), var(--mwr-shadow-in);
    backdrop-filter: blur(10px);
}

.mwr-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size: 12px;
    padding: 7px 11px;
    border-radius: var(--mwr-pill);
    font-weight: 900;
    color: rgba(15,23,42,.92);

    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    border: 1px solid var(--mwr-border);
    box-shadow: 0 10px 22px rgba(15,23,42,.06), var(--mwr-shadow-in);
    backdrop-filter: blur(10px);
}

.mwr-badge__dot{
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(148,163,184,.95);
    box-shadow: 0 0 0 4px rgba(148,163,184,.14);
}

/* status colors */
.mwr-badge--info{ border-color: rgba(56,189,248,.28); }
.mwr-badge--info .mwr-badge__dot{ background: var(--mwr-sky); box-shadow:0 0 0 4px rgba(56,189,248,.14); }

.mwr-badge--violet{ border-color: rgba(79,70,229,.26); }
.mwr-badge--violet .mwr-badge__dot{ background: var(--mwr-primary); box-shadow:0 0 0 4px rgba(79,70,229,.14); }

.mwr-badge--success{ border-color: rgba(34,197,94,.26); }
.mwr-badge--success .mwr-badge__dot{ background: var(--mwr-mint); box-shadow:0 0 0 4px rgba(34,197,94,.14); }

.mwr-badge--danger{ border-color: rgba(251,113,133,.30); }
.mwr-badge--danger .mwr-badge__dot{ background: var(--mwr-rose); box-shadow:0 0 0 4px rgba(251,113,133,.14); }

.mwr-badge--muted{ opacity:.92; }

/* ----------------------------------------------------------
   CARDS
---------------------------------------------------------- */
.mwr-card{
    position: relative;
    overflow: hidden;
    border-radius: var(--mwr-r-xl);
    border: 1px solid var(--mwr-border);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    box-shadow: var(--mwr-shadow-1), var(--mwr-shadow-in);
    backdrop-filter: blur(14px);
}

.mwr-card::before{
    content:"";
    position:absolute;
    inset:-40%;
    pointer-events:none;
    background:
        radial-gradient(circle at 14% 12%, rgba(79,70,229,.14), transparent 60%),
        radial-gradient(circle at 86% 10%, rgba(56,189,248,.12), transparent 62%),
        radial-gradient(circle at 56% 90%, rgba(124,58,237,.10), transparent 62%);
    filter: blur(14px);
    opacity: .75;
}

.mwr-card > *{ position:relative; z-index:1; }

/* ----------------------------------------------------------
   HERO (index page)  ✅ ВОТ ЭТОГО НЕ ХВАТАЛО
---------------------------------------------------------- */
.mwr-hero{
    position: relative;
    overflow: hidden;
    border-radius: var(--mwr-r-xl);
    border: 1px solid var(--mwr-border);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    box-shadow: var(--mwr-shadow-1), var(--mwr-shadow-in);
    backdrop-filter: blur(14px);
    margin-bottom: 12px;
}

.mwr-hero__bg{
    position:absolute;
    inset:-45%;
    pointer-events:none;
    background:
        radial-gradient(circle at 16% 18%, rgba(56,189,248,.18), transparent 62%),
        radial-gradient(circle at 84% 14%, rgba(79,70,229,.16), transparent 62%),
        radial-gradient(circle at 54% 90%, rgba(124,58,237,.10), transparent 62%);
    filter: blur(16px);
    opacity:.85;
}

.mwr-hero__content{
    position:relative;
    padding: 18px;
    display:flex;
    gap: 14px;
    justify-content:space-between;
    flex-wrap:wrap;
}

.mwr-hero__left{ flex: 1 1 560px; min-width: 280px; }
.mwr-hero__right{ flex: 0 0 420px; min-width: 280px; }

.mwr-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 6px 10px;
    border-radius: var(--mwr-pill);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: rgba(15,23,42,.80);
    border: 1px solid rgba(79,70,229,.22);
    background: rgba(79,70,229,.08);
}

.mwr-title{
    margin: 10px 0 6px;
    font-size: 34px;
    font-weight: 950;
    letter-spacing: -0.02em;
    color: var(--mwr-strong);
    line-height: 1.12;
}

.mwr-subtitle{
    color: rgba(102,112,133,.98);
    max-width: 720px;
    line-height: 1.5;
}

/* actions + buttons */
.mwr-actions{
    margin-top: 12px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.mwr-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none !important;

    border-radius: var(--mwr-r-md);
    padding: 10px 14px;

    border: 1px solid var(--mwr-border);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    color: rgba(15,23,42,.92);
    font-weight: 900;

    box-shadow: 0 12px 24px rgba(15,23,42,.08), var(--mwr-shadow-in);
    transition: transform var(--t-fast), box-shadow var(--t-med), border-color var(--t-med), filter var(--t-med);
    backdrop-filter: blur(10px);
}

.mwr-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(79,70,229,.24);
    box-shadow: 0 18px 40px rgba(15,23,42,.12), var(--mwr-shadow-in);
}

.mwr-btn__icon{
    width:34px;height:34px;
    border-radius: 999px;
    display:grid;place-items:center;
    background: linear-gradient(135deg, rgba(56,189,248,.20), rgba(79,70,229,.18));
    border: 1px solid rgba(79,70,229,.18);
    box-shadow: 0 12px 22px rgba(79,70,229,.12), var(--mwr-shadow-in);
    color: rgba(15,23,42,.92);
    flex: 0 0 auto;
}

.mwr-btn--primary{
    border: 0;
    color: #0b1220;
    background-image: linear-gradient(135deg, rgba(56,189,248,.22), rgba(79,70,229,.20));
    box-shadow: 0 16px 36px rgba(79,70,229,.16), var(--mwr-shadow-in);
}
.mwr-btn--primary:hover{ filter: brightness(1.02); }

.mwr-btn--ghost{
    background: rgba(79,70,229,.08);
    border-color: rgba(79,70,229,.18);
}

/* stats */
.mwr-stat-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap:10px;
}
@media (max-width: 992px){
    .mwr-hero__right{ flex: 1 1 100%; }
}
@media (max-width: 520px){
    .mwr-stat-grid{ grid-template-columns: 1fr; }
}

.mwr-stat{
    border-radius: var(--mwr-r-lg);
    border: 1px solid var(--mwr-border-soft);
    background: rgba(255,255,255,.78);
    box-shadow: 0 12px 24px rgba(15,23,42,.07), var(--mwr-shadow-in);
    padding: 12px 12px;
    position: relative;
    overflow:hidden;
}

.mwr-stat::before{
    content:"";
    position:absolute;
    inset:-45%;
    background:
        radial-gradient(circle at 10% 10%, rgba(56,189,248,.12), transparent 60%),
        radial-gradient(circle at 90% 10%, rgba(79,70,229,.10), transparent 62%);
    filter: blur(14px);
    opacity:.7;
}
.mwr-stat > *{ position:relative; z-index:1; }

.mwr-stat__label{
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(148,163,184,.95);
    font-weight: 950;
}
.mwr-stat__value{
    font-size: 22px;
    font-weight: 950;
    color: rgba(15,23,42,.92);
    margin-top: 6px;
    line-height: 1.1;
}
.mwr-stat__hint{
    font-size: 12px;
    color: rgba(102,112,133,.98);
    margin-top: 4px;
}

/* tip */
.mwr-tip{
    margin-top: 10px;
    display:flex;
    gap:10px;
    align-items:flex-start;
    border-radius: var(--mwr-r-lg);
    border: 1px solid rgba(79,70,229,.14);
    background: rgba(79,70,229,.06);
    padding: 12px;
}
.mwr-tip i{
    color: rgba(79,70,229,.78);
    margin-top: 2px;
}
.mwr-tip__title{ font-weight: 950; color: rgba(15,23,42,.92); }
.mwr-tip__text{ color: rgba(102,112,133,.98); font-size: 13px; line-height: 1.5; }

/* ----------------------------------------------------------
   ALERTS (flash)
---------------------------------------------------------- */
.mwr-alert{
    margin: 10px 0 12px;
    padding: 12px 14px;
    border-radius: var(--mwr-r-lg);
    border: 1px solid var(--mwr-border);
    background: rgba(255,255,255,.78);
    box-shadow: 0 12px 24px rgba(15,23,42,.07), var(--mwr-shadow-in);
    display:flex;
    gap:10px;
    align-items:flex-start;
    color: rgba(15,23,42,.92);
}
.mwr-alert i{ margin-top: 2px; }
.mwr-alert--success{ border-color: rgba(34,197,94,.22); }
.mwr-alert--success i{ color: rgba(34,197,94,.90); }
.mwr-alert--danger{ border-color: rgba(251,113,133,.26); }
.mwr-alert--danger i{ color: rgba(251,113,133,.95); }

/* ----------------------------------------------------------
   CARD HEAD (list)
---------------------------------------------------------- */
.mwr-card__head{
    padding: 12px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom: 1px solid rgba(15,23,42,.08);
    background: rgba(255,255,255,.62);
}

.mwr-card__title{
    display:flex;
    align-items:center;
    gap:10px;
    font-size: 13px;
    font-weight: 950;
    color: rgba(15,23,42,.92);
}
.mwr-card__meta{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}

/* empty */
.mwr-empty{
    padding: 18px;
    text-align:center;
}
.mwr-empty__icon{
    width:54px;height:54px;
    border-radius:999px;
    display:grid;place-items:center;
    background: linear-gradient(135deg, rgba(56,189,248,.18), rgba(79,70,229,.18));
    border: 1px solid rgba(79,70,229,.18);
    box-shadow: 0 14px 28px rgba(15,23,42,.10), var(--mwr-shadow-in);
    margin: 0 auto 10px;
    color: rgba(15,23,42,.92);
}
.mwr-empty__title{ font-size: 14px; font-weight: 950; color: rgba(15,23,42,.92); }
.mwr-empty__text{ font-size: 12px; color: rgba(102,112,133,.95); margin: 6px auto 12px; max-width: 520px; }

/* ----------------------------------------------------------
   TABLE (index list)
---------------------------------------------------------- */
.mwr-table{ display:block; }

.mwr-table__row{
    display:grid;
    grid-template-columns: 1.6fr .9fr .8fr .9fr .6fr;
    gap:12px;
    align-items:center;
    padding: 12px 14px;
}
@media (max-width: 992px){
    .mwr-table__row{ grid-template-columns: 1.6fr .9fr .8fr; }
    .mwr-table__row > :nth-child(4),
    .mwr-table__row > :nth-child(5){ display:none; }
}

.mwr-table__row--head{
    font-size: 12px;
    font-weight: 900;
    color: rgba(102,112,133,.95);
    background: rgba(79,70,229,.06);
    border-bottom: 1px solid rgba(15,23,42,.08);
}

.mwr-table__row--data{
    text-decoration:none !important;
    color: inherit;
    border-bottom: 1px solid rgba(15,23,42,.06);
    transition: transform var(--t-fast), box-shadow var(--t-med), background-color var(--t-med), border-color var(--t-med);
}
.mwr-table__row--data:hover{
    transform: translateY(-1px);
    background: rgba(79,70,229,.06);
    box-shadow: 0 14px 28px rgba(15,23,42,.10);
}

.mwr-week__main{ font-weight: 950; color: rgba(15,23,42,.92); }
.mwr-week__sub{ font-size: 12px; color: rgba(102,112,133,.95); margin-top: 2px; }

.mwr-date{ font-size: 13px; color: rgba(102,112,133,.95); }
.mwr-table__right{ text-align:right; }

.mwr-link{
    font-size: 12px;
    font-weight: 950;
    color: rgba(79,70,229,.98);
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding: 6px 10px;
    border-radius: var(--mwr-pill);
    background: rgba(79,70,229,.08);
    border: 1px solid rgba(79,70,229,.18);
}

/* score mini */
.mwr-score{ position:relative; display:flex; align-items:baseline; gap:6px; }
.mwr-score__val{ font-weight: 950; color: rgba(15,23,42,.92); }
.mwr-score__max{ font-size: 12px; color: rgba(102,112,133,.95); font-weight: 900; }
.mwr-score__na{ color: rgba(102,112,133,.95); }

.mwr-score__bar{
    position:absolute;
    left:0; bottom:-8px;
    height: 10px;
    width: 100%;
    border-radius: 999px;
    overflow:hidden;
    background: rgba(15,23,42,.10);
}
.mwr-score__bar::after{
    content:"";
    display:block;
    height:100%;
    width: var(--p,0%);
    border-radius: 999px;
    background-image: linear-gradient(90deg, rgba(56,189,248,1), rgba(79,70,229,1));
}

/* ----------------------------------------------------------
   SHOW (details page)
---------------------------------------------------------- */
.mwr-show-hero{
    border-radius: var(--mwr-r-xl);
}

.mwr-show-hero__bg{
    position:absolute;
    inset:-45%;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 20%, rgba(56,189,248,.18), transparent 62%),
        radial-gradient(circle at 82% 18%, rgba(79,70,229,.16), transparent 62%),
        radial-gradient(circle at 60% 92%, rgba(124,58,237,.12), transparent 62%);
    filter: blur(16px);
    opacity:.85;
}

.mwr-show-hero__content{
    position:relative;
    padding: 18px;
    display:flex;
    gap: 14px;
    justify-content:space-between;
    flex-wrap:wrap;
}

.mwr-show-hero__main{ flex: 1 1 560px; min-width: 280px; }
.mwr-show-hero__side{ flex: 0 0 420px; min-width: 280px; }

.mwr-title__date{
    display:block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 800;
    color: rgba(102,112,133,.95);
}

/* meta blocks */
.mwr-show-meta{
    margin-top: 12px;
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap:10px;
}
@media (max-width: 992px){
    .mwr-show-meta{ grid-template-columns: 1fr; }
}

.mwr-meta-item{
    border-radius: var(--mwr-r-lg);
    border: 1px solid var(--mwr-border-soft);
    background: rgba(255,255,255,.78);
    box-shadow: 0 10px 22px rgba(15,23,42,.06), var(--mwr-shadow-in);
    padding: 10px 12px;
}

.mwr-meta-item__label{
    font-size: 11px;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: rgba(148,163,184,.95);
    font-weight: 900;
}
.mwr-meta-item__value{
    margin-top: 5px;
    font-weight: 950;
    color: rgba(15,23,42,.92);
}

/* score box */
.mwr-scorebox{
    border-radius: var(--mwr-r-lg);
    border: 1px solid var(--mwr-border-soft);
    background: rgba(255,255,255,.78);
    box-shadow: 0 12px 28px rgba(15,23,42,.08), var(--mwr-shadow-in);
    padding: 12px 14px;
    overflow:hidden;
    position:relative;
}

.mwr-scorebox::before{
    content:"";
    position:absolute;
    inset:-40%;
    pointer-events:none;
    background:
        radial-gradient(circle at 10% 10%, rgba(56,189,248,.16), transparent 60%),
        radial-gradient(circle at 90% 10%, rgba(79,70,229,.14), transparent 62%);
    filter: blur(14px);
    opacity:.7;
}

.mwr-scorebox > *{ position:relative; z-index:1; }

.mwr-scorebox__title{
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(148,163,184,.95);
    font-weight: 950;
}

.mwr-scorebox__value{
    margin-top: 6px;
    font-size: 32px;
    font-weight: 950;
    color: var(--mwr-strong);
    line-height: 1;
}
.mwr-scorebox__value span{
    font-size: 12px;
    color: rgba(102,112,133,.95);
    font-weight: 900;
    margin-left: 6px;
}
.mwr-scorebox__value--na{ color: rgba(148,163,184,.95); }

.mwr-scorebox__sub{
    margin-top: 8px;
    font-size: 12px;
    color: rgba(102,112,133,.95);
}

.mwr-scorebox__meter{
    margin-top: 10px;
    height: 14px;
    border-radius: 999px;
    overflow:hidden;
    background: rgba(15,23,42,.10);
}
.mwr-scorebox__meter::after{
    content:"";
    display:block;
    height:100%;
    width: var(--p,0%);
    border-radius: 999px;
    background-image: linear-gradient(90deg, rgba(56,189,248,1), rgba(79,70,229,1));
    box-shadow: 0 10px 18px rgba(79,70,229,.16);
}

/* feedback */
.mwr-feedback{
    margin-top: 10px;
    border-radius: var(--mwr-r-lg);
    border: 1px solid var(--mwr-border-soft);
    background: rgba(255,255,255,.78);
    box-shadow: 0 10px 22px rgba(15,23,42,.06), var(--mwr-shadow-in);
    padding: 12px 14px;
}

.mwr-feedback__title{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight: 950;
    color: rgba(15,23,42,.92);
    margin-bottom: 8px;
}

.mwr-feedback__text{
    color: rgba(51,65,85,.94);
    line-height: 1.7;
    font-size: 14px;
}

.mwr-feedback--empty{ opacity: .92; }

/* blocks grid */
.mwr-grid--show{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    margin-top: 10px;
}
@media (max-width: 992px){
    .mwr-grid--show{ grid-template-columns: 1fr; }
}
.mwr-block--full{ grid-column: 1 / -1; }

.mwr-block__head{
    padding: 12px 14px;
    border-bottom: 1px solid rgba(15,23,42,.08);
    background: rgba(255,255,255,.62);
}
.mwr-block__title{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight: 950;
    color: rgba(15,23,42,.92);
}
.mwr-block__body{ padding: 12px 14px; }

.mwr-prose{
    font-size: 14px;
    color: rgba(51,65,85,.94);
    line-height: 1.75;
}
.mwr-prose ul,
.mwr-prose ol{ padding-left: 18px; margin: 10px 0; }
.mwr-prose li{ margin: 6px 0; }

/* ----------------------------------------------------------
   FORM (create/edit)
---------------------------------------------------------- */
.mwr-form{ padding: 14px; }

.mwr-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
}
@media (max-width: 992px){ .mwr-grid{ grid-template-columns: 1fr; } }
.mwr-field--full{ grid-column: 1 / -1; }

.mwr-label{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom: 7px;
    font-weight: 950;
    color: rgba(15,23,42,.92);
}

.mwr-label__icon{
    width:28px;height:28px;border-radius:999px;
    display:grid;place-items:center;
    background: rgba(79,70,229,.10);
    border: 1px solid rgba(79,70,229,.18);
    color: rgba(15,23,42,.92);
}

.mwr-req{ color:#ef4444; margin-left: 6px; }

.mwr-control{
    border-radius: var(--mwr-r-lg);
    border: 1px solid var(--mwr-border-soft);
    background: rgba(255,255,255,.78);
    padding: 10px;
    box-shadow: 0 10px 22px rgba(15,23,42,.06), var(--mwr-shadow-in);
}

.mwr-textarea{
    width:100%;
    resize:none;
    border:0;
    outline:0;
    background: transparent;
    color: rgba(15,23,42,.92);
    padding: 10px 10px 0;
    font-size: 14px;
    line-height: 1.7;
    min-height: 140px;
}
.mwr-textarea::placeholder{ color: rgba(102,112,133,.65); }

.mwr-textarea:focus{
    box-shadow: 0 0 0 4px rgba(79,70,229,.12);
}

.mwr-control__hint{
    padding: 8px 10px 10px;
    font-size: 12px;
    color: rgba(102,112,133,.95);
}

.mwr-form__footer{
    padding: 12px 14px;
    border-top: 1px solid rgba(15,23,42,.08);
    display:flex;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    background: rgba(255,255,255,.62);
}

.mwr-mini{
    font-size: 12px;
    color: rgba(102,112,133,.95);
    display:flex;
    gap:8px;
    align-items:center;
}

/* ----------------------------------------------------------
   ICON VISIBILITY (fontawesome)
---------------------------------------------------------- */
.mwr-btn__icon,
.mwr-empty__icon,
.mwr-label__icon{
    color: rgba(15,23,42,.92) !important;
}

.mwr-btn__icon i,
.mwr-empty__icon i,
.mwr-label__icon i{
    color: inherit !important;
    opacity: 1 !important;
    font-size: 16px;
    line-height: 1;
}

.mwr-btn__icon svg,
.mwr-empty__icon svg,
.mwr-label__icon svg{
    width: 16px;
    height: 16px;
    fill: currentColor;
    opacity: 1 !important;
}