/* EduCantina 6.1.3 — Design System do Portal dos Responsáveis */
body.role-parent.action-portal{
  --ec-parent-primary:var(--primary,#153b63);
  --ec-parent-action:var(--secondary,#2bb673);
  --ec-parent-accent:#17c4c7;
  --ec-parent-gold:#d6a84b;
  --ec-parent-bg:#f4f7fb;
  --ec-parent-card:#fff;
  --ec-parent-text:#142033;
  --ec-parent-muted:#66758a;
  --ec-parent-line:#e4eaf1;
  background:radial-gradient(circle at 90% 0,rgba(23,196,199,.12),transparent 32%),linear-gradient(180deg,#f8fbff 0,#f3f6fa 45%,#eef3f8 100%);
}
body.role-parent.action-portal .side{background:linear-gradient(180deg,#102f50 0,#153b63 55%,#0e2a48 100%);box-shadow:18px 0 45px rgba(15,42,72,.18)}
body.role-parent.action-portal .brandbox{border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:22px}
body.role-parent.action-portal .brand{font-size:18px;letter-spacing:-.02em}.role-parent.action-portal .brand small{opacity:.72}
body.role-parent.action-portal .menu-link{border:1px solid transparent}.role-parent.action-portal .menu-link.active{background:linear-gradient(135deg,rgba(43,182,115,.24),rgba(23,196,199,.16));border-color:rgba(100,231,180,.25);box-shadow:inset 3px 0 #59d99b}
body.role-parent.action-portal .topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,240,.9)}
body.role-parent.action-portal .content{max-width:1480px;margin:0 auto;width:100%}
body.role-parent.action-portal .page-title h1{letter-spacing:-.035em;color:var(--ec-parent-text)}
body.role-parent.action-portal .parent-shell,body.role-parent.action-portal .parent-portal{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ec-parent-text)}
body.role-parent.action-portal .parent-hero{position:relative;overflow:hidden;border:0;border-radius:28px;background:linear-gradient(135deg,#12395f 0,#176486 58%,#17a7a8 100%);box-shadow:0 22px 55px rgba(20,59,99,.22)}
body.role-parent.action-portal .parent-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-180px;background:rgba(255,255,255,.12)}
body.role-parent.action-portal .parent-hero:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:130px;bottom:-140px;background:rgba(43,182,115,.32)}
body.role-parent.action-portal .parent-hero>*{position:relative;z-index:1}
body.role-parent.action-portal .parent-card{border:1px solid var(--ec-parent-line);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 12px 36px rgba(24,48,75,.08);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.role-parent.action-portal .parent-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(24,48,75,.12);border-color:#d4e0eb}
body.role-parent.action-portal .parent-card-head{padding:19px 21px;border-bottom:1px solid var(--ec-parent-line);background:linear-gradient(180deg,#fff,#fbfdff)}
body.role-parent.action-portal .parent-card-head h2{font-size:17px;letter-spacing:-.025em;color:#173451}
body.role-parent.action-portal .parent-card-body{padding:20px 21px}
body.role-parent.action-portal .balance-card,body.role-parent.action-portal .parent-balance{background:linear-gradient(135deg,#153b63,#176f80 62%,#19a89b);color:#fff;border:0;box-shadow:0 16px 38px rgba(21,59,99,.24)}
body.role-parent.action-portal .parent-student-tabs,body.role-parent.action-portal .child-selector{background:#fff;border:1px solid var(--ec-parent-line);border-radius:18px;padding:8px;box-shadow:0 8px 24px rgba(24,48,75,.06)}
body.role-parent.action-portal .parent-student-tabs a,body.role-parent.action-portal .child-selector a{border-radius:12px;font-weight:750}
body.role-parent.action-portal .parent-student-tabs a.active,body.role-parent.action-portal .child-selector a.active{background:linear-gradient(135deg,var(--ec-parent-primary),#176f80);color:#fff;box-shadow:0 8px 18px rgba(21,59,99,.2)}
body.role-parent.action-portal .parent-store-item,body.role-parent.action-portal .parent-menu-item{border:1px solid var(--ec-parent-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(24,48,75,.07);transition:.18s ease}
body.role-parent.action-portal .parent-store-item:hover,body.role-parent.action-portal .parent-menu-item:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(24,48,75,.12);border-color:#cde1e6}
body.role-parent.action-portal .parent-store-item strong,body.role-parent.action-portal .parent-menu-item strong{color:#173451}
body.role-parent.action-portal .psi-category,body.role-parent.action-portal .pmi-category{color:#087c78;background:#e7f9f6;border-radius:999px;padding:4px 8px;display:inline-flex;font-weight:800;font-size:10px}
body.role-parent.action-portal .pmi-price{color:#0b8c61;font-size:18px;font-weight:900}
body.role-parent.action-portal .pmi-qty{background:#f2f6fa;border-radius:12px;padding:4px;border:1px solid #e3eaf1}
body.role-parent.action-portal .pmi-qty button{background:#fff;border:0;border-radius:9px;color:#153b63;box-shadow:0 2px 7px rgba(20,48,75,.08)}
body.role-parent.action-portal .btn{border-radius:12px;font-weight:800;box-shadow:0 8px 18px rgba(21,59,99,.12)}
body.role-parent.action-portal .btn:not(.secondary):not(.danger){background:linear-gradient(135deg,#168958,#2bb673);border-color:#168958}
body.role-parent.action-portal .btn.secondary{background:#eff6fb;color:#153b63;border-color:#d8e5ee;box-shadow:none}
body.role-parent.action-portal input,body.role-parent.action-portal select,body.role-parent.action-portal textarea{border-radius:12px;border-color:#d8e2eb;background:#fbfdff;min-height:44px}
body.role-parent.action-portal input:focus,body.role-parent.action-portal select:focus,body.role-parent.action-portal textarea:focus{border-color:#18a49f;box-shadow:0 0 0 4px rgba(23,196,199,.12)}
body.role-parent.action-portal .status-chip{border-radius:999px;font-weight:800;letter-spacing:.01em}
body.role-parent.action-portal .purchase-item,body.role-parent.action-portal .charge-item,body.role-parent.action-portal .tx-row,body.role-parent.action-portal .parent-notice{border:1px solid var(--ec-parent-line);border-radius:14px;background:#fff;padding:14px}
body.role-parent.action-portal .tx-icon{background:#e9fbf2;color:#138652}.role-parent.action-portal .tx-icon.debit{background:#fff0f0;color:#c33939}
body.role-parent.action-portal .portal-credit-account{border:1px solid var(--ec-parent-line);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fcff);box-shadow:0 9px 26px rgba(24,48,75,.07)}
body.role-parent.action-portal .portal-credit-account.warning{border-color:#f1cf91;background:#fffaf0}
body.role-parent.action-portal .pix-box{border:1px solid #bfe5dc;border-radius:20px;background:linear-gradient(180deg,#f5fffb,#fff);box-shadow:0 12px 30px rgba(18,126,95,.1)}
body.role-parent.action-portal .parent-powered{color:#78879a;font-weight:650;letter-spacing:.01em}
body.role-parent.action-portal .parent-powered b{color:#16895a}
body.role-parent.action-portal .parent-bottom-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(215,226,236,.95);box-shadow:0 -12px 32px rgba(26,54,82,.1)}
body.role-parent.action-portal .parent-bottom-nav a{color:#718095;font-weight:750}
body.role-parent.action-portal .parent-bottom-nav a b{width:36px;height:29px;border-radius:11px;display:grid;place-items:center;font-size:18px}
body.role-parent.action-portal .parent-bottom-nav a.active{color:#147f59}
body.role-parent.action-portal .parent-bottom-nav a.active b{background:#e4f8ee;color:#15885b}
body.role-parent.action-portal .pickup-qr-sheet{border-radius:26px;box-shadow:0 30px 90px rgba(11,31,52,.28)}
body.role-parent.action-portal .pickup-qr-icon{background:linear-gradient(135deg,#1a995f,#2bc47a);box-shadow:0 10px 24px rgba(43,182,115,.26)}
@media(max-width:980px){body.role-parent.action-portal .content{padding-bottom:98px}body.role-parent.action-portal .parent-card{border-radius:19px}body.role-parent.action-portal .parent-hero{border-radius:22px}}
@media(max-width:620px){body.role-parent.action-portal{background:#f4f7fb}body.role-parent.action-portal .content{padding:12px 12px 100px}body.role-parent.action-portal .parent-card-head{padding:16px}body.role-parent.action-portal .parent-card-body{padding:16px}body.role-parent.action-portal .parent-card{box-shadow:0 8px 23px rgba(24,48,75,.07)}body.role-parent.action-portal .parent-store-item,body.role-parent.action-portal .parent-menu-item{border-radius:16px}body.role-parent.action-portal .parent-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){body.role-parent.action-portal .parent-card,body.role-parent.action-portal .parent-store-item,body.role-parent.action-portal .parent-menu-item{transition:none}}
