/* Starmall independent UI: stages 13–16. No Porto/Bootstrap/icon-font dependency. */
:root{--stm-ink:#0a2458;--stm-blue:#1055df;--stm-sky:#eff5ff;--stm-line:#dce6f6;--stm-soft:#6a7a99;--stm-radius:15px}
body[class*="stm-section-"]{background:#f3f7ff;color:var(--stm-ink)}
body[class*="stm-section-"] .page-wrapper{min-height:100vh}
body[class*="stm-section-"] :is(.card,.panel,.box,.well,.widget,.table-responsive){border-radius:var(--stm-radius);border-color:var(--stm-line);box-shadow:0 5px 22px rgba(20,54,116,.055)}
body[class*="stm-section-"] :is(.card-header,.panel-heading,.widget-title){background:linear-gradient(110deg,#eef5ff,#fff);color:var(--stm-ink);font-weight:750;border-bottom:1px solid var(--stm-line)}
body[class*="stm-section-"] :is(h1,h2,h3,h4){color:var(--stm-ink);letter-spacing:-.018em}
body[class*="stm-section-"] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;border:1px solid #cbdaf1;border-radius:9px;min-height:40px;padding:9px 12px;background:#fff;color:#112d5d;box-sizing:border-box}
body[class*="stm-section-"] :is(input,select,textarea,button,a):focus-visible{outline:3px solid #72b8ff;outline-offset:2px}
body[class*="stm-section-"] :is(.btn-primary,button[type=submit],input[type=submit]){background:#1259e6;color:#fff;border:1px solid #1259e6;border-radius:9px;padding:10px 17px;font-weight:700;cursor:pointer}
body[class*="stm-section-"] :is(.btn-primary,button[type=submit],input[type=submit]):hover{background:#0b3cae}
body[class*="stm-section-"] table{width:100%;border-collapse:collapse;background:#fff}
body[class*="stm-section-"] table th{background:#eaf2ff;color:#14366b;text-align:left;font-size:12px;font-weight:800;white-space:nowrap}
body[class*="stm-section-"] table :is(th,td){padding:11px 12px;border-bottom:1px solid #e5edf9;vertical-align:middle}
body[class*="stm-section-"] table tr:hover td{background:#f7faff}
body[class*="stm-section-"] .stm-scroll-table{overflow-x:auto;max-width:100%;border-radius:12px;border:1px solid #e3ebf8;background:#fff;-webkit-overflow-scrolling:touch}
body[class*="stm-section-"] .stm-scroll-table table{min-width:550px}
body[class*="stm-section-"] .stm-section-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px;padding:10px;background:#edf4ff;border:1px solid #dce8ff;border-radius:13px}
body[class*="stm-section-"] .stm-section-links a{display:inline-flex;align-items:center;text-decoration:none;padding:8px 12px;background:#fff;color:#1454c4;border:1px solid #d6e5ff;border-radius:9px;font-size:12px;font-weight:750}
body[class*="stm-section-"] .stm-section-links a[aria-current=page]{background:#155be5;color:#fff;border-color:#155be5}
body.stm-section-account :is(.login-form,.register-form,form){max-width:100%}
body.stm-section-wallet :is(.alert,.notification),body.stm-section-membership :is(.alert,.notification){border-radius:10px}
@media(max-width:768px){body[class*="stm-section-"] :is(.container,.container-fluid){max-width:100%;box-sizing:border-box;padding-left:13px;padding-right:13px}body[class*="stm-section-"] :is(.row,.card,.panel){max-width:100%}body[class*="stm-section-"] .stm-section-links{gap:6px}body[class*="stm-section-"] .stm-section-links a{font-size:11px;padding:8px}body[class*="stm-section-"] table :is(th,td){padding:9px 10px}}
@media(prefers-reduced-motion:reduce){body[class*="stm-section-"] *{scroll-behavior:auto!important;transition-duration:.01ms!important}}