/* MyaadSathi Studio: scoped presentation layer, shared with the offline preview. */
:is(.msl22-wrap,.msl-shell,.msl-landing,.studio-preview){--studio-ink:#18362e;--studio-muted:#586e65;--studio-green:#22734f;--studio-lime:#daf59a;--studio-edge:#dde5dc;--msl-accent:#22734f;--msl-muted:#586e65;--msl-ink:#18362e;--msl-border:#dde5dc;--msl-bg:#f4f6ef;font-family:Inter,"Segoe UI","Noto Sans Devanagari",sans-serif;line-height:1.65}
.studio-preview{background:#f4f6ef;color:var(--studio-ink)}
:is(.msl22-wrap,.studio-preview .shell){max-width:1560px;padding:28px;margin:auto;background:#f4f6ef}
:is(.msl22-header,.studio-preview .top){background:transparent;color:var(--studio-ink);padding:5px 0 25px;border-radius:0;border-bottom:1px solid var(--studio-edge);margin-bottom:26px}
:is(.msl22-header h1,.studio-preview .top h1){color:var(--studio-ink);font-size:30px;letter-spacing:-1px;margin:2px 0}
:is(.msl22-header h1 em,.studio-preview .top h1 em){color:var(--studio-green)}
:is(.msl22-header p,.studio-preview .top p){color:var(--studio-muted);font-size:12px}
:is(.msl22-kicker,.studio-preview .kicker,.studio-preview .top small){color:#477149;letter-spacing:1.8px;font-size:10px}
:is(.msl22-link,.studio-preview .account){background:#fff!important;border:1px solid var(--studio-edge);color:#274937!important;border-radius:99px;padding:11px 18px}
:is(.msl22-flex,.studio-preview .layout){grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
:is(.msl22-orgs,.studio-preview .sidebar){background:#183e32;border:0;border-radius:22px;padding:20px 14px;color:#f3f8ed;display:flex;flex-direction:column;gap:8px;box-shadow:none;min-width:0}
:is(.msl22-orgs h3,.studio-preview .sidebar>h3){color:#b9cfbd;font-size:10px;letter-spacing:1.8px;margin:8px 10px 12px}
:is(.msl22-orgs>a,.studio-preview .wbutton){background:transparent;color:#e6f0e7;border:1px solid #ffffff26;padding:12px;border-radius:12px;width:100%;margin:0;font-size:13px}
:is(.msl22-orgs>a.selected,.studio-preview .wbutton.active){background:#daf59a;border-color:#daf59a;color:#203c29}
:is(.msl22-orgs>a small,.studio-preview .wbutton span){color:inherit;opacity:.8}
:is(.studio-preview .new-w){background:#ffffff0a;border-color:#aac2ad;color:#d3e9cc;margin-top:6px}
.msl22-orgs .msl22-small{background:#f5f8ef;margin-top:6px;padding:12px}
:is(.studio-preview .navlink){color:#c0d4c4;font-size:11px;padding:12px 6px}
.studio-nav-label{font-size:10px;letter-spacing:2px;color:#b9cfbd;margin:20px 10px 4px}
:is(.msl22-tabs,.studio-preview .tabs).studio-nav{display:flex;flex-direction:column;gap:5px;padding:0;margin:0;overflow:visible;flex-wrap:nowrap}
:is(.msl22-tabs,.studio-preview .tabs).studio-nav button{border:0;background:transparent;color:#d4e2d7;text-align:left;padding:12px 14px;border-radius:10px;font-size:13px;min-height:46px;white-space:normal}
:is(.msl22-tabs,.studio-preview .tabs).studio-nav button:hover{background:#ffffff12}
:is(.msl22-tabs,.studio-preview .tabs).studio-nav button.active{background:#ffffff16;color:#e7fbbf;box-shadow:inset 3px 0 #daf59a}
:is(.msl22-main,.studio-preview main){min-width:0}
:is(.msl22-main>.msl22-panel:first-child,.studio-preview .hero){background:#e8eedd;border:1px solid #dce5cc;border-radius:20px;padding:25px 28px;box-shadow:none}
:is(.msl22-title h2,.studio-preview .hero h2){font-size:28px;letter-spacing:-.8px;color:#223e2e}
:is(.msl22-role,.studio-preview .role){background:#fff9;color:#31583c;letter-spacing:1px;font-size:10px;border:1px solid #d2ddc6}
:is(.msl22-metrics,.studio-preview .metrics){gap:14px;margin-top:22px;margin-bottom:20px}
:is(.msl22-metrics>div,.studio-preview .metric){background:#fff;border:1px solid var(--studio-edge);border-radius:16px;padding:20px;position:relative;overflow:hidden}
:is(.msl22-metrics>div,.studio-preview .metric)::before{content:"";position:absolute;left:0;top:20px;width:3px;height:24px;background:#819875}
:is(.msl22-metrics>div:nth-child(3),.studio-preview .metric:nth-child(3)){background:#daf59a;border-color:#cce68e}
:is(.msl22-metrics strong,.studio-preview .metric strong){font-size:clamp(23px,2.3vw,32px);font-weight:700;letter-spacing:-1px;color:#224631;margin-top:8px}
:is(.msl22-metrics small,.studio-preview .metric span){font-size:12px;color:#4e6658}
:is(.msl22-panel,.studio-preview .panel,.msl-panel,.msl-stat,.msl-record){border-color:var(--studio-edge);box-shadow:none;border-radius:18px}
:is(.msl22-panel,.studio-preview .panel){padding:24px}
:is(.msl22-panel h3,.studio-preview .panel h3){font-size:17px;font-weight:650;color:#254333;letter-spacing:-.2px}
:is(.msl22-line,.studio-preview .row){padding:19px 0;border-color:#e9eee5;overflow-wrap:anywhere}
:is(.msl22-line small,.studio-preview .row small,.msl22-muted,.msl22-hint,.studio-preview .muted,.studio-preview .hero p){color:#586e65}
:is(.msl22-form button,.msl22-primary,.studio-preview button.primary){background:#22734f;border-radius:10px;min-height:44px;box-shadow:0 4px 8px #173c3110}
:is(.msl22-wrap,.studio-preview) :is(input,select,textarea){min-height:44px}
:is(.msl22-wrap,.studio-preview) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #bf7a24;outline-offset:3px}
:is(.msl22-wrap,.studio-preview) button{cursor:pointer;font-family:inherit}
.studio-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0}
.studio-tools h2{font-size:21px;margin:0;letter-spacing:-.4px;color:#214332}.studio-tools small{display:block;font-size:12px;color:#586e65}
.studio-tool-actions{display:flex;gap:8px;flex-wrap:wrap}
.studio-tool-actions button.primary{margin-top:0}
.studio-workspace-toggle{display:none}
.studio-button{background:#fff;border:1px solid #d5dfd2;border-radius:10px;padding:10px 14px;min-height:44px;color:#31533f;font-size:12px;font-weight:650;cursor:pointer}
.studio-button.primary{background:#22734f;color:white;border-color:#22734f}
.studio-search{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 14px;border:1px solid #dce5d6;background:#fff;border-radius:12px;color:#5b7261}
.studio-search input{font:inherit!important;font-size:13px!important;border:0!important;background:transparent!important;width:100%;margin:0!important;padding:0!important;box-shadow:none!important;color:#254333!important;min-height:30px!important}
.studio-search button{border:0;background:#eef3e8;border-radius:8px;padding:7px 12px;color:#35543c}
.studio-result{font-size:12px;color:#586e65;min-width:70px;text-align:right}
.studio-empty{padding:32px;text-align:center;border:1px dashed #cbd9c6;border-radius:12px;color:#586e65;background:#f7f9f3}
.studio-compact :is(.msl22-line,.row){padding:10px 0}.studio-compact :is(.msl22-panel,.panel){padding:18px}
.studio-preview [hidden],.msl22-wrap [hidden]{display:none!important}
.studio-palette{position:fixed;width:min(520px,calc(100% - 32px));max-height:80vh;overflow:auto;border:1px solid #dce5d6;border-radius:20px;padding:24px;box-shadow:0 25px 90px #142d3640;color:#254333;background:#fff;font-family:inherit}
.studio-palette::backdrop{background:#102a26aa;backdrop-filter:blur(4px)}
.studio-palette header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.studio-palette h2{font-size:20px;margin:0}.studio-palette input{width:100%;padding:12px;border:1px solid #dce5d6;border-radius:10px;margin-bottom:14px;font:inherit}.studio-palette nav{display:grid;gap:6px}.studio-palette nav button{text-align:left}.studio-palette p{font-size:12px;color:#586e65}
.studio-preview .announcement{background:#e8eedd;color:#49613d;font-size:11px;padding:8px}.studio-preview .tophint{color:#586e65;margin-top:16px;text-align:center}
.msl-shell{border-radius:24px}.msl-sidebar{background:#edf2e4}.msl-titlebar{padding-bottom:18px;border-bottom:1px solid #dde5dc}.msl-stat:nth-child(4){background:#daf59a}.msl-hero{background:radial-gradient(ellipse at 85% 30%,#def0bd80,transparent 65%)}.msl-landing{background:#f4f6ef}
@media(min-width:1101px){:is(.msl22-orgs,.studio-preview .sidebar){position:sticky;top:20px}}
@media(max-width:1100px){:is(.msl22-flex,.studio-preview .layout){grid-template-columns:190px minmax(0,1fr);gap:18px}:is(.msl22-grid,.studio-preview .content){grid-template-columns:1fr}:is(.msl22-wrap,.studio-preview .shell){padding:18px}:is(.msl22-metrics,.studio-preview .metrics){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){:is(.msl22-flex,.studio-preview .layout){grid-template-columns:minmax(0,1fr);gap:16px}:is(.msl22-wrap,.studio-preview .shell){padding:12px}:is(.msl22-header,.studio-preview .top){padding:8px 4px 18px;display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:14px}:is(.msl22-header h1,.studio-preview .top h1){font-size:26px}:is(.msl22-orgs,.studio-preview .sidebar){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:8px}:is(.msl22-orgs h3,.studio-preview .sidebar>h3,.studio-nav-label,.studio-nav,.msl22-orgs details,.studio-preview .navlink){grid-column:1/-1}.studio-nav-label{margin-top:10px}:is(.msl22-tabs,.studio-preview .tabs).studio-nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:thin;padding-bottom:6px}:is(.msl22-tabs,.studio-preview .tabs).studio-nav button{flex:0 0 auto;white-space:nowrap;padding:10px 14px}.studio-preview .wbutton,.studio-preview .new-w{min-width:0}:is(.msl22-main>.msl22-panel:first-child,.studio-preview .hero){padding:20px}:is(.msl22-title h2,.studio-preview .hero h2){font-size:23px}.studio-tools{margin:18px 0}.studio-tool-actions{width:100%}.studio-search{flex-wrap:wrap}.studio-search input{flex:1;min-width:100px}.studio-result{font-size:11px}:is(.msl22-panel,.studio-preview .panel){padding:19px}:is(.msl22-metrics>div,.studio-preview .metric){padding:17px 14px}.studio-preview .toast{left:14px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:no-preference){:is(.msl22-module,.studio-preview .tabbody).active{animation:studio-enter .2s ease-out}@keyframes studio-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:720px){.studio-workspace-toggle{display:block;grid-column:1/-1;border:1px solid #ffffff30;border-radius:10px;padding:12px;text-align:left;background:#ffffff0a;color:#e4f1da;font-weight:700;min-height:44px}:is(.msl22-orgs,.studio-preview .sidebar):not(.studio-workspaces-open)>:not(.studio-workspace-toggle):not(.studio-nav):not(.studio-nav-label){display:none}.studio-nav-label{margin:4px 10px}.studio-tool-actions .studio-button{flex:1;padding:10px 8px}}