/* Magno visual 2026-11-02. Shared by the portal and both extensions. */
:root{--bg:#f8f9ff;--ink:#121323;--muted:#73758e;--line:#e9e8f5;--accent:#7519ff;--accent-dark:#5711cd;--soft:#f1eaff;--dark:#0c0e18;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;--shadow:0 4px 20px #30226905}
body{background:var(--bg);color:var(--ink)}button,.button{border-radius:9px;letter-spacing:-.15px;background:linear-gradient(110deg,#982cff,#6316ff);box-shadow:0 3px 9px #6c1bf51a;transition:background .15s,box-shadow .15s}button:hover,.button:hover{background:linear-gradient(110deg,#8422ec,#5312dd);box-shadow:0 5px 14px #6c1bf52a}button.secondary,.button.secondary{box-shadow:none;color:#614886;background:#fff;border-color:#dfd6f4}input,select,textarea{background:#fdfdff;border-color:#dddfee;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:#8843ff;outline:3px solid #8843ff15}h1,h2,h3{color:#10111b;letter-spacing:-.8px}h1{font-weight:800}h2{font-size:25px;line-height:1.2;font-weight:750}.eyebrow{color:#7c37e7}.card,.metric,.item{border-color:#eeedf7;box-shadow:var(--shadow)}.notice{font-size:13px;background:#f5f0ff;border-color:#e5d9ff}.tag,.badge{border:0;border-radius:7px;background:#f0eaff;color:#7134d4}.tag.good{background:#e4f8ee;color:#16865e}.tag.warning{background:#fff1d5;color:#b67913}.tag.bad{background:#ffe8ee;color:#c52f5e}.message{background:#f8f7fe;border-color:#d9c3ff}.empty{background:#fff;border-style:solid;padding:38px 24px}.choices{gap:12px}.choice{background:#fff;border-color:#ecebf5}.item{border-radius:12px}.item h3{font-size:17px}.item .number{background:#f0e8ff;padding:5px 9px;border-radius:6px;font-size:17px}.metrics{gap:12px}.metric{padding:20px;position:relative;overflow:hidden}.metric strong{font-size:29px;color:#10111b}.metric::before{content:"";width:4px;height:35px;position:absolute;left:0;top:24px;background:linear-gradient(#9d4cff,#6b18ff);border-radius:0 4px 4px 0}.metric:nth-child(2)::before{background:#f6b834}.metric:nth-child(3)::before{background:#43b8ec}.metric small{font-size:12px}.app-shell{grid-template-columns:238px minmax(0,1fr)}.app-main{padding:0 28px 44px;max-width:1800px}.sidebar{background:radial-gradient(ellipse at left top,#28144260,transparent 45%),#0c0e18;padding:20px 12px;overflow-y:auto;scrollbar-width:thin}.sidebar .brand-logo{width:200px;height:67px;object-fit:contain;margin:0 5px 20px}.sidebar nav{gap:6px}.sidebar nav button{min-height:46px;font-weight:450;font-size:14px;color:#d4d3e0;border:0;padding:11px 13px;box-shadow:none;gap:13px}.sidebar nav button:hover{background:#201632}.sidebar nav button[aria-current=page]{background:linear-gradient(110deg,#9628ff,#6713ff);box-shadow:0 3px 12px #6f17ff44;color:#fff}.nav-icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar .side-footer{border-top:1px solid #292838;margin-top:auto;padding:20px 13px 0;line-height:1.9}.sidebar a{color:#d4c0ff}.topline{background:#ffffffb8;min-height:83px;padding:18px 0;margin-bottom:24px;border-color:#eeedf8}.topline .eyebrow{font-size:10px;margin-bottom:3px;letter-spacing:1px;color:#9090a6}.topline h1{font-size:18px;letter-spacing:-.4px}.topline button{min-height:38px;font-size:12px}.visual-hero{position:relative;isolation:isolate;background:linear-gradient(115deg,#f5f0ff,#eeedff);border:1px solid #e9e4fb;border-radius:12px;overflow:hidden;min-height:148px;padding:28px 30px;margin-bottom:22px}.visual-hero h1,.visual-hero h2{font-size:clamp(25px,2.5vw,38px);max-width:75%;margin-bottom:8px;line-height:1.08}.visual-hero p{max-width:67%;color:#65647e;font-size:14px;margin-bottom:0}.visual-hero .art-window{position:absolute;inset:0 0 0 auto;width:26%;z-index:-1;opacity:.96}.art-window{display:block;background-image:url('./assets/magno-arte-oficial.png');background-size:auto 100%;background-position:100% 100%;background-repeat:no-repeat;background-color:#0c0e18}.visual-hero .art-window{mask-image:linear-gradient(90deg,transparent,#000 28%);background-size:auto 100%;background-position:100% 100%}.visual-subtitle{font-size:14px;color:#75748b;margin-top:-5px}.toolbar{background:#fff;border:1px solid #ecebf6;padding:16px;border-radius:12px;gap:14px}.toolbar label{font-size:12px}.actions{gap:10px}.data-line{border-color:#efedf7;font-size:13px}.data-line span:last-child{color:#292437}.account-directory{border:1px solid #eeebf8;border-radius:12px;background:#fff;overflow:hidden;margin:18px 0 22px}.account-directory table{border-collapse:collapse;width:100%;font-size:13px}.account-directory th{font-size:11px;font-weight:650;color:#686184;background:#faf8ff;text-align:left;padding:14px}.account-directory td{padding:14px;border-top:1px solid #f0edf8;vertical-align:middle}.account-directory tbody tr:has(button[aria-pressed=true]){background:#f6f0ff}.account-directory button{min-height:32px;padding:6px 12px;font-size:12px}.account-name{display:flex;gap:10px;align-items:center;font-weight:700}.account-initials{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;background:#eee2ff;color:#7d2de0;font-size:13px}.account-directory small{display:block;font-size:11px;color:#8a819e}.account-directory .tag{font-size:11px}.mobile-top,.mobile-dock,.menu-scrim{display:none}.admin-badge{display:block;text-align:center;color:#aa6bff;border:1px solid #7b2dea;border-radius:30px;font-size:10px;letter-spacing:1px;width:70px;padding:3px;margin:-12px auto 25px}.section-head{margin-bottom:14px}dialog{border-color:#e9e0f7;border-radius:16px;box-shadow:0 30px 100px #24153d35}dialog::backdrop{background:#17102566}.empty-state-art{display:block;width:112px;height:105px;margin:0 auto 18px;border-radius:50%;background-size:auto 100%}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-grid article{border:1px solid #e9e8f2;border-radius:12px;padding:22px;background:#fff}.support-grid a{display:flex;margin-top:14px}.support-grid strong{display:block;font-size:21px;margin:12px 0}.plan-card{background:linear-gradient(115deg,#161023,#0c0e18);border-radius:14px;color:#fff;padding:28px;margin:20px 0}.plan-card h2{color:#fff}.plan-card .price{font-size:38px;letter-spacing:-1px;font-weight:800}.plan-card p{color:#c3b8df}.plan-rows{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-rows>.card{margin:0}.reference-note{font-size:12px;color:#88819b}.auth-visual{width:min(1060px,calc(100% - 48px));margin:48px auto;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #edeaf5;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 80px #25124d0c}.auth-visual .standalone{padding:38px;max-width:none!important;width:100%;margin:0}.auth-visual .card{border:0;box-shadow:none;padding:0;margin:0}.auth-art{background:#0c0d18;color:#fff;padding:35px;position:relative;isolation:isolate;overflow:hidden;min-height:590px}.auth-art h2{color:#fff;font-size:34px;margin-top:30px;line-height:1.06}.auth-art p{color:#cbc1db;max-width:280px;font-size:14px}.auth-art .brand-logo{width:220px;height:75px;object-fit:contain}.auth-art .art-window{position:absolute;left:0;right:0;bottom:0;height:330px;z-index:-1;background-size:auto 100%;background-position:100% 100%}.auth-art h2 em{font-style:normal;color:#a463ff}.auth-visual .eyebrow{font-size:10px}.auth-visual input{min-height:48px}.auth-visual .full{margin-top:12px}.connection-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:step;margin:22px 0}.connection-step{padding:16px;border-radius:12px;border:1px solid #e6def7;background:#fff;font-size:12px}.connection-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:#8c3aed;font-size:23px;font-weight:750;margin-bottom:10px}.connection-step strong{display:block;margin-bottom:5px}.skeleton{height:15px;display:block;border-radius:5px;background:linear-gradient(90deg,#f0edf7,#faf8ff,#f0edf7);background-size:200% 100%;animation:shimmer 1.8s linear infinite}.loading-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:16px 0}.loading-preview>div{background:#fff;border-radius:12px;padding:25px}.loading-preview .skeleton+.skeleton{margin-top:12px;width:65%}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:721px) and (max-width:1050px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar .brand-logo{width:166px}.app-main{padding:0 20px 34px}.sidebar nav button{font-size:12px;padding:10px}.visual-hero{padding:24px}.visual-hero h1,.visual-hero h2{font-size:29px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-directory{overflow-x:auto}.account-directory table{min-width:650px}}
@media(max-width:720px){.app-shell{display:block}.app-main{padding:16px 16px 95px}.topline{margin:0 0 16px;padding:10px 0;min-height:48px;background:transparent}.topline .eyebrow{display:none}.topline h1{font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,88vw);height:100dvh;z-index:60;transform:translateX(-105%);transition:transform .2s;padding:25px 17px}.sidebar.is-open{transform:translateX(0)}.sidebar nav{display:grid;overflow:visible;gap:6px}.sidebar nav button{width:100%;font-size:14px;min-height:43px;padding:10px 14px}.sidebar .brand-logo{width:205px;height:72px;margin:5px 5px 20px}.sidebar .side-footer{display:block}.menu-scrim.is-open{display:block;position:fixed;inset:0;background:#10101b88;border:0;border-radius:0;z-index:59}.mobile-top{display:flex;align-items:center;justify-content:space-between;background:#0c0e18;padding:8px 16px;gap:10px;position:sticky;top:0;z-index:45;height:62px;color:#fff}.mobile-top img{width:145px;height:45px;object-fit:contain}.mobile-top button{background:transparent;border:1px solid #484050;box-shadow:none;padding:5px 9px;color:#fff;min-width:38px;min-height:38px}.mobile-top span{font-size:10px;color:#b5a5cb}.mobile-dock{display:flex;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;z-index:46;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e9e1f6;box-shadow:0 -5px 18px #34204e07}.mobile-dock button{display:grid;justify-items:center;gap:4px;background:transparent;box-shadow:none;color:#777183;font-size:10px;padding:3px 6px;min-width:50px;border:0;min-height:45px;font-weight:500}.mobile-dock button[aria-current=page]{color:#7d23ee;background:#f5efff}.mobile-dock .nav-icon{width:21px;height:21px}.visual-hero{padding:22px 17px;min-height:154px}.visual-hero h1,.visual-hero h2{font-size:28px;max-width:68%}.visual-hero p{font-size:12px;max-width:65%}.visual-hero .art-window{width:36%;background-size:auto 100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.metric{padding:16px 14px;min-height:105px}.metric strong{font-size:24px}.metric small{font-size:11px}.metric::before{height:28px;top:18px}.grid2,.plan-rows,.support-grid{grid-template-columns:1fr}.card{padding:18px}.toolbar{padding:14px}.toolbar label{min-width:100%}.actions button{flex-grow:0}.account-directory{overflow-x:auto}.account-directory table{min-width:650px}.auth-visual{display:block;width:calc(100% - 28px);margin:20px auto}.auth-visual .standalone{padding:25px 22px}.auth-art{min-height:130px;padding:20px}.auth-art .brand-logo{width:165px;height:50px}.auth-art h2{font-size:23px;max-width:65%;margin:8px 0}.auth-art p{display:none}.auth-art .art-window{left:auto;width:34%;height:150px}.connection-steps{gap:6px}.connection-step{padding:12px;font-size:11px}.connection-step::before{font-size:20px}.loading-preview{grid-template-columns:1fr 1fr}.admin-badge{margin:0 auto 20px}.plan-card{padding:22px}.plan-card .price{font-size:32px}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.sidebar,button,.button{transition:none}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.plan-nav{background:transparent!important;color:#d3c0ed!important;box-shadow:none!important;border-top:1px solid #322a42!important;margin-top:16px;justify-content:flex-start;font-size:13px}.plan-nav[aria-current=page]{background:#332044!important}

.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.connection-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin:0 0 22px}.connection-strip>span:last-child{margin-left:auto}.edit-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.editor-context{padding:18px;background:#faf8ff;border-radius:10px;min-width:0}.editor-context h3{font-size:14px;margin:18px 0 10px}.editor-context h3:first-child{font-size:20px;margin-top:0}.editor-context p,.editor-context small{font-size:13px;overflow-wrap:anywhere}#editor{width:870px;max-width:calc(100vw - 24px)}#editor textarea{min-height:200px}#approvalItems{max-height:45dvh;overflow-y:auto}#approvalItems .item{padding:14px}#approvalItems h3{font-size:14px}.dashboard-metrics .metric strong{font-size:30px}#documents{display:grid;grid-template-columns:1fr 1fr;gap:16px}#documents>.item{margin:0}#assetList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#assetList>.item{margin:0}#assetList>.item:before{content:'↥';display:block;font-size:30px;color:#7d20ea;background:#f5f0ff;border-radius:8px;padding:20px;text-align:center;margin-bottom:18px}#days{display:flex;gap:8px;flex-wrap:wrap}#days label{border:1px solid #e9e1f5;padding:7px 10px;border-radius:8px;font-size:12px}#days label:has(input:checked){background:#f3eaff;color:#7523d9;border-color:#d8baf8}#preferences .choice:has(input:checked){border-color:#dac0fb;background:#fdfaff}#schedules>.item{border-left:3px solid #a879ed}#questionList>.item h3{font-size:17px}#facts>.item{border-left:3px solid #ba9ce9}@media(max-width:1050px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.edit-columns{display:block}#editor{width:calc(100vw - 24px)}.editor-context{margin-bottom:20px}.connection-strip{font-size:11px}.connection-strip>span:last-child{margin-left:0;width:100%}#documents,#assetList{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .metric strong{font-size:26px}}

.account-state{border-color:#ead9ff;background:linear-gradient(110deg,#f9f4ff,#fff)}.account-state h2{font-size:27px}.account-state .button{margin-top:4px}.account-state p{max-width:800px}#loadingState h2{font-size:24px}#loadingState{margin-top:16px}

fieldset{min-inline-size:0}form,section,label{min-width:0}input,select,textarea{max-width:100%;min-width:0}.visual-hero .art-window{mask-image:linear-gradient(90deg,transparent 0 22%,#000 42%)}.visual-hero>div{width:75%}.visual-hero>div h1{max-width:100%}.visual-hero>div p{max-width:95%}.visual-hero #mode{position:absolute;left:30px;bottom:18px;font-size:10px}.visual-hero:has(#mode){padding-bottom:52px}@media(max-width:720px){.visual-hero>div{width:68%}.visual-hero>div h1{font-size:26px}.visual-hero>div p{font-size:11px}.visual-hero #mode{left:17px;bottom:14px}.visual-hero:has(#mode){padding-bottom:45px}.account-directory{max-width:100%}}

.auth-art .art-window,.site-auth-art .art-window{mask-image:linear-gradient(90deg,transparent 0 19%,#000 38%)}

#couponFields{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;padding:22px}#couponFields>legend{font-weight:700;font-size:17px;color:#221a33}#couponFields>label{font-size:13px}#couponFields>button{grid-column:1/-1;margin-top:10px;justify-self:end;min-width:220px}#couponFields>label:has(input[type=checkbox]){align-self:center}.account-directory th{white-space:nowrap}@media(max-width:720px){#couponFields{grid-template-columns:1fr;padding:15px;gap:2px}#couponFields>button{width:100%;min-width:0}}