:root{
    --brand-1:#0A84FF;
    --brand-2:#2563EB;
    --brand-3:#00D4FF;
    --brand-gradient: linear-gradient(135deg,var(--brand-1),var(--brand-2) 60%,var(--brand-3));
    --bg:#030711;
    --text:#E6F0FF;
    --muted:#A8C2F0;
    --ok:#34C759;
    --warn:#FFB020;
    --err:#FF453A;
    --ring: rgba(10,132,255,0.55);
    --icon-panel:#5FB0FF;
    --icon-general:#E6F0FF;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--text);
    background:
      radial-gradient(1200px 600px at 10% -10%,rgba(37,99,235,.25),transparent 50%),
      radial-gradient(1000px 500px at 110% 10%,rgba(10,132,255,.18),transparent 50%),
      linear-gradient(180deg,#020410 0%,#040713 60%,#03060F 100%);
    min-height:100vh;
    line-height:1.6;
}
.container{max-width:1200px;margin:0 auto;padding:28px 20px 48px}

/* HEADER / HERO */
.main-header{
    position:relative;
    top:0;
    z-index:50;
    padding:0;
    margin:-8px -6px 18px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(168,194,240,.18);
    box-shadow:0 18px 60px rgba(0,0,0,.6);
    background:transparent;
}
.hero-cover{
    position:relative;
    width:100%;
    height:250px;
    background-size:cover;
    background-position:center center;
    border-radius:18px;
}
.hero-overlay{
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.78)),
      radial-gradient(900px 450px at 0% 0%,rgba(37,99,235,.45),transparent 60%),
      radial-gradient(700px 400px at 100% 0%,rgba(15,23,42,.7),transparent 60%);
}
.hero-content{
    position:relative;
    z-index:1;
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    padding:20px 26px 22px;
}
.hero-profile{
    display:flex;
    align-items:center;
    gap:18px;
}
.hero-avatar{
    position:relative;
    width:86px;
    height:86px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.8);
    background:#020617;
}
.hero-avatar img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    background:#020617;
}
.hero-text{display:flex;flex-direction:column;gap:4px;}
.hero-title{
    margin:0;
    font-size:1.52rem;
    font-weight:800;
    letter-spacing:.035em;
    color:#F9FAFF;
    text-shadow:0 2px 10px rgba(0,0,0,.75);
}
.hero-subtitle{display:none;}
.hero-actions{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
}

/* SINO NOTIFICAÇÕES */
.status-bell{
    position:relative;
    border:none;
    outline:none;
    cursor:pointer;
    width:40px;
    height:40px;
    border-radius:999px;
    background:rgba(15,23,42,.85);
    border:1px solid rgba(148,163,184,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#E5E7EB;
    box-shadow:0 10px 30px rgba(0,0,0,.7);
    transition:.15s ease transform,.15s ease box-shadow,.15s ease border-color,.15s ease background-color;
}
.status-bell i{width:18px;height:18px}
.status-bell::before{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:999px;
    border:2px solid rgba(96,165,250,.8);
    opacity:.0;
    transform:scale(.8);
    animation:bellPulse 2s ease-out infinite;
}
.status-bell::after{
    content:"";
    position:absolute;
    width:6px;
    height:6px;
    border-radius:999px;
    background:#22C55E;
    top:7px;
    right:8px;
    box-shadow:0 0 0 4px rgba(34,197,94,.45);
}
.status-bell:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 34px rgba(0,0,0,.9);
    border-color:rgba(96,165,250,1);
    background:rgba(15,23,42,.95);
}
.status-bell.has-unread::after{background:#22C55E}
@keyframes bellPulse{
    0%{opacity:.0;transform:scale(.8);}
    40%{opacity:.55;transform:scale(1);}
    100%{opacity:0;transform:scale(1.25);}
}

/* SAUDAÇÃO */
.dynamic-header{
    margin:24px 0 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}
#greeting{
    font-size:2rem;
    font-weight:800;
    letter-spacing:.02em;
}
#current-date{
    color:var(--muted);
    font-size:1rem;
}
#edit-name-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:10px;
    border:1px solid rgba(168,194,240,.22);
    background:rgba(15,23,42,.8);
    color:var(--muted);
    cursor:pointer;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    font-size:.9rem;
}
#edit-name-btn i{width:16px;height:16px}
#edit-name-btn:hover{
    border-color:rgba(10,132,255,.45);
    color:#fff;
}

/* STATUS CARD */
.status-card{
    padding:0;
    border-radius:18px;
    overflow:hidden;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background:linear-gradient(180deg,rgba(15,19,33,.66),rgba(15,19,33,.42));
    border:1px solid rgba(10,132,255,.22);
    box-shadow:0 10px 40px rgba(0,0,0,.35);
}
.status-visual-summary{
    display:flex;
    gap:12px;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:18px;
    border-bottom:1px solid rgba(168,194,240,.12);
}
.status-visual-summary i{width:28px;height:28px}
.status-visual-summary h4{
    font-size:1.05rem;
    font-weight:700;
}
.status-visual-summary p{
    font-size:.9rem;
    line-height:1.5;
}
.status-grid{
    display:grid;
    gap:12px;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    padding:16px;
}
.status-entry{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
    border:1px solid rgba(168,194,240,.12);
    transition:box-shadow .2s ease,transform .2s ease;
}
.status-entry-icon i{width:18px;height:18px}
.status-entry-icon.operational{color:var(--ok)}
.status-entry-icon.maintenance{color:var(--warn)}
.status-entry-icon.outage{color:var(--err)}
.status-entry-name{
    font-weight:600;
    font-size:.95rem;
}

/* CARDS */
.group-title{
    font-size:.92rem;
    font-weight:700;
    color:#A6BFF5;
    margin:28px 2px 14px;
    text-transform:uppercase;
    letter-spacing:.14em;
}
.dashboard-grid{
    display:grid;
    gap:18px;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
}
.dashboard-card{
    border-radius:16px;
    overflow:hidden;
    position:relative;
    background:linear-gradient(180deg,rgba(21,27,44,.62),rgba(21,27,44,.42));
    border:1px solid rgba(168,194,240,.14);
    box-shadow:0 10px 40px rgba(0,0,0,.35);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dashboard-card:hover{
    transform:translateY(-4px);
    border-color:rgba(10,132,255,.35);
    box-shadow:0 14px 48px rgba(10,132,255,.18),0 10px 40px rgba(0,0,0,.35);
}
.card-body-link{
    display:block;
    padding:18px;
    text-decoration:none;
    color:inherit;
}
.card-header{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-bottom:8px;
}
.card-title-icon i{width:30px;height:30px}
.card-title-icon[data-group="Painéis"] i{color:var(--icon-panel)}
.card-title-icon[data-group="Geral"] i{color:var(--icon-general)}
.card-title{
    font-size:1.1rem;
    font-weight:800;
    margin:.5px 0 4px;
    display:flex;
    align-items:center;
    gap:6px;
}
.card-description{
    font-size:.96rem;
    color:#A8C2F0;
    line-height:1.5;
}
.card-cta-arrow{
    position:absolute;
    top:16px;
    right:16px;
    color:#A8C2F0;
    opacity:0;
    transform:translateX(-6px);
    transition:.2s;
}
.card-body-link:hover .card-cta-arrow{opacity:1;transform:none}
.card-footer{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding:12px 14px;
    border-top:1px solid rgba(168,194,240,.12);
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));
}
.card-actions{display:flex;gap:8px;align-items:center}
.card-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    height:38px;
    padding:0 14px;
    font-size:.94rem;
    font-weight:700;
    line-height:1;
    color:#fff;
    background:linear-gradient(180deg,rgba(10,132,255,.16),rgba(10,132,255,.06));
    border:1px solid rgba(10,132,255,.38);
    border-radius:10px;
    transition:.2s ease;
}
.card-action-btn:hover{box-shadow:0 0 0 3px rgba(10,132,255,.18)}
.card-action-btn i{width:16px;height:16px}
.card-action-btn.access{
    background:linear-gradient(180deg,rgba(52,199,89,.16),rgba(52,199,89,.06));
    border:1px solid rgba(52,199,89,.45);
    color:#7FF09A;
}
.card-action-btn.access:hover{box-shadow:0 0 0 3px rgba(52,199,89,.18)}

/* selo "Mais usado" */
.tag-most-used{
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#22C55E;
    background:rgba(34,197,94,.12);
    padding:2px 6px;
    border-radius:999px;
}

/* REQUEST MODULE */
.request-module{
    margin:18px 0 12px;
    padding:14px 16px;
    border-radius:14px;
    background:linear-gradient(180deg,rgba(21,27,44,.56),rgba(21,27,44,.38));
    border:1px solid rgba(168,194,240,.14);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}
.request-info{display:flex;align-items:center;gap:12px}
.request-info .thumb{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(10,132,255,.2),rgba(10,132,255,.08));
    border:1px solid rgba(10,132,255,.28);
    color:#7FB7FF;
}
.request-info .thumb i{width:22px;height:22px}
.request-copy{display:flex;flex-direction:column}
.request-title{
    font-weight:700;
    font-size:.96rem;
}
.request-sub{
    color:#A8C2F0;
    font-size:.9rem;
    line-height:1.4;
}
.request-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    min-height:40px;
    padding:10px 16px;
    font-weight:700;
    font-size:.9rem;
    color:#fff;
    border-radius:12px;
    border:1px solid rgba(10,132,255,.38);
    background:var(--brand-gradient);
    box-shadow:0 10px 28px rgba(10,132,255,.24);
    transition:transform .15s ease,box-shadow .15s ease;
    white-space:nowrap;
}
.request-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 36px rgba(10,132,255,.3);
}
.request-cta i{width:18px;height:18px}

/* EMPTY STATE */
.empty-state{
    margin:32px auto 0;
    max-width:340px;
    text-align:center;
    color:#A8C2F0;
    font-size:.95rem;
    line-height:1.5;
}
.empty-state i{width:36px;height:36px;margin-bottom:10px}

/* OVERLAY UPDATE */
.update-overlay{
    position:fixed;
    inset:0;
    z-index:9998;
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:14px;
    background:radial-gradient(800px 600px at 50% 30%,rgba(10,132,255,.08),transparent 60%),rgba(3,7,17,.75);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    color:#fff;
    transition:opacity .2s ease;
}
.update-overlay.show{display:flex;opacity:1}
.loader{
    width:56px;
    height:56px;
    border-radius:50%;
    background:
      conic-gradient(from 0deg, rgba(10,132,255,0.0) 0 60%, rgba(10,132,255,.85) 60% 100%),
      radial-gradient(circle 12px, #fff 98%, transparent) center/8px 8px no-repeat;
    -webkit-mask: radial-gradient(circle 52% at 50% 50%, transparent 40%, #000 41%);
    mask: radial-gradient(circle 52% at 50% 50%, transparent 40%, #000 41%);
    animation:spin 1s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* SIDE PANEL */
.side-panel-overlay{
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(2,4,16,.4);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    opacity:0;
    pointer-events:none;
    transition:.3s ease;
}
.side-panel-overlay.visible{opacity:1;pointer-events:auto}
.side-panel{
    position:fixed;
    top:0;
    right:-100%;
    width:100%;
    max-width:480px;
    height:100%;
    display:flex;
    flex-direction:column;
    border-radius:18px 0 0 18px;
    background:linear-gradient(180deg,rgba(16,20,36,.82),rgba(16,20,36,.62));
    border-left:1px solid rgba(10,132,255,.28);
    box-shadow:-24px 0 60px rgba(0,0,0,.35);
    transition:right .35s cubic-bezier(.2,.9,.2,1);
}
.side-panel-overlay.visible .side-panel{right:0}
.panel-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    border-bottom:1px solid rgba(168,194,240,.12);
}
.panel-header h3{
    font-size:1.18rem;
    font-weight:800;
}
.panel-header .header-btn{
    background:transparent;
    border:1px solid rgba(168,194,240,.16);
    color:#A8C2F0;
    padding:8px;
    border-radius:10px;
    cursor:pointer;
    transition:.2s;
}
.panel-header .header-btn:hover{color:#fff;border-color:rgba(10,132,255,.45)}

.panel-warning{
    margin:0 18px 10px;
    padding:10px 12px;
    border-radius:12px;
    background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(15,23,42,.9));
    border:1px solid rgba(250,204,21,.45);
    color:#FBBF24;
    font-size:.85rem;
    display:flex;
    align-items:flex-start;
    gap:8px;
}
.panel-warning i{
    width:16px;
    height:16px;
    margin-top:1px;
    flex-shrink:0;
}
.panel-warning-main{
    line-height:1.5;
}
.panel-warning-user{
    margin-top:4px;
    color:#E5E7EB;
    font-size:.82rem;
}
.panel-warning-user span{color:#FBBF24}

/* FORM */
form#request-form-panel{padding:18px}
.form-group{margin-bottom:18px}
.form-group label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#A8C2F0;
    font-size:.9rem;
}
.form-group .input-wrapper{
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:12px;
    padding-left:12px;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
    border:1px solid rgba(168,194,240,.16);
    transition:.2s;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.form-group .input-wrapper i{color:#A8C2F0}
.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:12px 12px 12px 0;
    background:transparent;
    border:none;
    color:var(--text);
    font-size:.95rem;
}
.form-submit-btn{
    width:100%;
    padding:12px 14px;
    font-size:1rem;
    font-weight:800;
    color:#fff;
    background:var(--brand-gradient);
    border:none;
    border-radius:12px;
    cursor:pointer;
    transition:transform .15s ease,box-shadow .15s ease;
    box-shadow:0 8px 28px rgba(10,132,255,.24);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.form-submit-btn .spinner{display:none;animation:spin 1s linear infinite}
.form-submit-btn.is-loading .btn-text{display:none}
.form-submit-btn.is-loading .spinner{display:inline-block}

/* MEUS PEDIDOS */
.my-orders-card{
    margin-top:18px;
    padding:14px 16px;
    border-radius:14px;
    background:linear-gradient(180deg,rgba(15,23,42,.85),rgba(15,23,42,.68));
    border:1px solid rgba(148,163,184,.35);
}
.my-orders-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}
.my-orders-header h3{
    margin:0;
    font-size:1rem;
    font-weight:700;
    color:#E5E7EB;
    display:flex;
    align-items:center;
    gap:8px;
}
.my-orders-header h3 i{width:18px;height:18px}
.my-orders-clear{
    border:none;
    background:rgba(15,23,42,.9);
    border-radius:999px;
    color:#9CA3AF;
    font-size:.8rem;
    padding:6px 10px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
}
.my-orders-clear i{width:14px;height:14px}
.my-orders-clear:hover{
    color:#F9FAFB;
    background:rgba(30,64,175,1);
}
.my-orders-empty{
    padding:10px 2px 6px;
    color:#9CA3AF;
    font-size:.85rem;
    display:flex;
    align-items:center;
    gap:8px;
}
.my-orders-empty i{width:16px;height:16px}
.my-orders-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:6px;
    max-height:240px;
    overflow-y:auto;
}
.my-orders-item{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    padding:8px 2px;
    border-bottom:1px dashed rgba(55,65,81,.8);
}
.my-orders-item:last-child{border-bottom:none}
.my-orders-main{
    display:flex;
    flex-direction:column;
    gap:2px;
}
.my-orders-type{
    font-size:.78rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#A5B4FC;
}
.my-orders-message{
    font-size:.92rem;
    color:#E5E7EB;
    line-height:1.4;
}
.my-orders-meta{
    font-size:.78rem;
    color:#9CA3AF;
    white-space:nowrap;
    margin-left:8px;
}

/* TOASTS */
.toast-container{
    position:fixed;
    top:18px;
    right:18px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.toast{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.55));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 10px 40px rgba(0,0,0,.35);
    font-size:.9rem;
}
.toast.success{
    background:linear-gradient(180deg,rgba(32,180,80,.85),rgba(32,180,80,.65));
}
.toast.error{
    background:linear-gradient(180deg,rgba(220,60,60,.9),rgba(220,60,60,.7));
}
:focus-visible{
    outline:2px solid var(--ring);
    outline-offset:2px;
    border-radius:10px;
}

/* MODAL NOTIFICAÇÕES */
.status-modal-backdrop{
    position:fixed;
    inset:0;
    z-index:1002;
    background:rgba(3,7,18,.78);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    display:none;
    align-items:center;
    justify-content:center;
}
.status-modal{
    width:100%;
    max-width:720px;
    max-height:90vh;
    border-radius:20px;
    background:
      radial-gradient(800px 400px at 0% 0%,rgba(37,99,235,.35),transparent 60%),
      radial-gradient(800px 400px at 100% 0%,rgba(15,118,110,.3),transparent 60%),
      #020617;
    border:1px solid rgba(148,163,184,.35);
    box-shadow:0 24px 80px rgba(0,0,0,.9);
    padding:18px 20px 18px;
    color:#E5E7EB;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.status-modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
.status-modal-profile{
    display:flex;
    align-items:center;
    gap:12px;
}
.status-modal-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden;
    border:2px solid rgba(248,250,252,.95);
    background:#020617;
}
.status-modal-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.status-modal-header h3{
    margin:0;
    font-size:1.05rem;
    font-weight:700;
}
.status-modal-sub{
    margin:0;
    font-size:.85rem;
    color:#9CA3AF;
}
.status-modal-close{
    border:none;
    background:rgba(15,23,42,.8);
    border-radius:999px;
    padding:6px;
    color:#9CA3AF;
    cursor:pointer;
}
.status-modal-close:hover{
    color:#E5E7EB;
    background:rgba(30,64,175,.9);
}
.status-modal-body{
    display:grid;
    grid-template-columns:repeat(1,minmax(0,1fr));
    gap:18px;
    margin-top:4px;
    flex:1;
    overflow-y:auto;
    padding-right:4px;
}
.status-column h4{
    margin:0 0 10px;
    font-size:.95rem;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:6px;
    color:#E5E7EB;
}
.status-column h4 i{width:16px;height:16px}
.status-column ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.status-item{
    display:flex;
    gap:10px;
    align-items:center;
    padding:6px 8px;
    border-radius:10px;
    background:rgba(15,23,42,.85);
    border:1px solid rgba(31,41,55,.9);
    cursor:pointer;
}
.status-item-info{
    display:flex;
    flex-direction:column;
    gap:2px;
}

/* ====== MOBILE (ATÉ 480px) ====== */
@media (max-width: 480px) {

  .container {
    padding: 18px 12px 28px;
  }

  /* HERO / HEADER */
  .main-header {
    margin: -4px -4px 14px;
    border-radius: 16px;
  }

  .hero-cover {
    height: 190px;
    border-radius: 16px;
  }

  .hero-content {
    padding: 14px 14px 16px;
  }

  .hero-profile {
    gap: 10px;
  }

  .hero-avatar {
    width: 56px;
    height: 56px;
    border-radius: 14px;
  }

  .hero-title {
    font-size: 1.2rem;
  }

  .hero-subtitle {
    font-size: 0.8rem;
  }

  .status-bell {
    width: 34px;
    height: 34px;
  }
  .status-bell i {
    width: 16px;
    height: 16px;
  }

  /* SAUDAÇÃO / TOPO */
  .dynamic-header {
    margin: 18px 0 8px;
    gap: 8px;
  }

  #greeting {
    font-size: 1.4rem;
  }

  #current-date {
    font-size: 0.82rem;
  }

  #edit-name-btn {
    padding: 6px 10px;
    border-radius: 9px;
    font-size: 0.8rem;
  }

  /* STATUS CARD */
  .status-card {
    border-radius: 14px;
  }

  .status-visual-summary {
    padding: 12px 10px;
  }

  .status-visual-summary h4 {
    font-size: 0.96rem;
  }

  .status-visual-summary p {
    font-size: 0.8rem;
  }

  .status-grid {
    padding: 10px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .status-entry {
    padding: 8px 10px;
  }

  .status-entry-name {
    font-size: 0.9rem;
  }

  /* REQUEST MODULE */
  .request-module {
    margin: 14px 0 10px;
    padding: 10px 12px;
    border-radius: 12px;
    gap: 10px;
  }

  .request-info .thumb {
    width: 36px;
    height: 36px;
  }

  .request-info .thumb i {
    width: 18px;
    height: 18px;
  }

  .request-title {
    font-size: 0.9rem;
  }

  .request-sub {
    font-size: 0.8rem;
  }

  .request-cta {
    min-height: 36px;
    padding: 8px 12px;
    font-size: 0.82rem;
  }

  /* FEED VIVO */
  #live-activity-feed {
    margin: 14px 0 8px;
  }

  #live-activity-feed > div {
    font-size: 0.8rem;
    padding: 5px 9px;
  }

  /* CARDS */
  .group-title {
    margin: 22px 2px 10px;
    font-size: 0.8rem;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .dashboard-card {
    border-radius: 14px;
  }

  .card-body-link {
    padding: 12px;
  }

  .card-header {
    gap: 10px;
    margin-bottom: 4px;
  }

  .card-title-icon i {
    width: 24px;
    height: 24px;
  }

  .card-title {
    font-size: 1rem;
  }

  .card-description {
    font-size: 0.86rem;
  }

  .card-footer {
    padding: 10px 10px;
  }

  .card-action-btn {
    height: 34px;
    padding: 0 10px;
    font-size: 0.8rem;
  }

  /* HISTÓRICO DE PEDIDOS */
  .my-orders-card {
    padding: 10px 12px;
    border-radius: 12px;
  }

  .my-orders-header h3 {
    font-size: 0.9rem;
  }

  .my-orders-clear {
    font-size: 0.75rem;
    padding: 5px 9px;
  }

  .my-orders-message {
    font-size: 0.86rem;
  }

  .my-orders-meta {
    font-size: 0.72rem;
  }

  /* SIDE PANEL */
  .side-panel {
    max-width: 100%;
    border-radius: 0;
  }

  .panel-header {
    padding: 14px 14px;
  }

  form#request-form-panel {
    padding: 14px;
  }

  .form-group label {
    font-size: 0.82rem;
  }

  .form-group input,
  .form-group select,
  .form-group textarea {
    font-size: 0.88rem;
    padding: 10px 10px 10px 0;
  }

  .form-submit-btn {
    padding: 10px 12px;
    font-size: 0.9rem;
  }

  /* MODAL NOTIFICAÇÕES */
  .status-modal {
    max-width: 94%;
    padding: 14px 14px 14px;
  }

  .status-modal-header {
    margin-bottom: 10px;
  }

  .status-item {
    padding: 6px 6px;
  }

  .status-item-info {
    font-size: 0.84rem;
  }

  /* TOASTS */
  .toast-container {
    top: 14px;
    right: 10px;
    left: 10px;
  }

  .toast {
    font-size: 0.82rem;
    padding: 10px 12px;
  }
}