/* Mashi Marketing: app-only styles. The look itself comes from mockup.css (generated from the approved mockups). */
html,body{margin:0;padding:0}
body{background:var(--bg);font-family:var(--fh);color:var(--ink);-webkit-text-size-adjust:100%}
button{font:inherit;color:inherit}
.btn,.chip,.seg>span,.tabs>span,.nv,.vote,.hov>span,.kc,.idea,.li.click,.ev,.lnk,.bell,.pill.click,.ckb{cursor:pointer;user-select:none}
.btn:where(:not(.b1,.b2,.b3,.bd,.bg)){background:none}
.btn:disabled,.btn.off{opacity:.5;pointer-events:none}
.btn:focus-visible,.chip:focus-visible,.nv:focus-visible,.inp:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lapis);outline-offset:2px}
a.nv{color:inherit}
.side a.nv{color:var(--side-ink)}.side a.nv.on{color:#fff}
.hidden{display:none!important}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.ml-auto{margin-left:auto}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.col{display:flex;flex-direction:column;gap:16px}
.col8{display:flex;flex-direction:column;gap:8px}
.wrap{flex-wrap:wrap}
.tc{text-align:center}
.nowrap{white-space:nowrap}
.normal{white-space:normal!important}

/* layouts used by pages (they collapse on phones) */
.lay-list{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:620px}
.lay-list>.list{border-right:1.5px solid var(--line);background:var(--surface)}
.lay-inbox{display:grid;grid-template-columns:186px 318px minmax(0,1fr);min-height:660px}
.lay-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.lay-side270{display:flex;gap:16px}.lay-side270>.cal{flex:1;min-width:0}
.lay-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
.lay-brief{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.g>*{min-width:0}

/* real form fields, drawn like the mockups' .inp boxes */
input.inp,textarea.inp,select.inp{width:100%;box-sizing:border-box;border:1.5px solid transparent;outline:none;font:500 14px var(--fh);color:var(--ink);background:var(--sand);border-radius:14px;padding:11px 14px;display:block}
textarea.inp{resize:vertical;min-height:80px;line-height:1.45}
input.inp:focus,textarea.inp:focus,select.inp:focus{border-color:var(--lapis);background:var(--surface)}
input.inp::placeholder,textarea.inp::placeholder{color:var(--muted)}
.inp.ar-in{direction:rtl;font-family:'Noto Sans Arabic',var(--fh);font-size:16px}
.srch input{border:none;outline:none;background:transparent;font:500 13px var(--fh);color:var(--ink);width:100%}
.srch{position:relative}
.ckb{flex-shrink:0}
label.ck{display:flex;align-items:center;gap:8px;cursor:pointer;font:600 13px var(--fh)}

/* dialog, menu, toast, bell list */
.scrim{position:fixed;z-index:50;overflow:auto;padding:60px 16px}
.dlg{max-width:100%;max-height:calc(100vh - 120px);overflow:auto}
.dlg.wide{width:760px}
.dlg .acts{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.menu{position:absolute;z-index:40;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.3);padding:6px;min-width:200px}
.menu>div{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;font:600 13px var(--fh);cursor:pointer}
.menu>div:hover{background:var(--sand)}
.menu>div.danger{color:var(--terra-ink)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:var(--bg);font:600 13.5px var(--fh);border-radius:14px;padding:11px 16px;z-index:60;box-shadow:0 16px 30px -10px rgba(0,0,0,.4);max-width:calc(100vw - 32px)}
.bellp{position:absolute;top:52px;right:0;width:360px;max-width:calc(100vw - 24px);background:var(--surface);border:1.5px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -12px rgba(0,0,0,.35);z-index:45;overflow:hidden}
.bellp .li{padding:10px 14px}
.bellp .li.new{background:var(--mist)}
.topr{display:flex;align-items:center;gap:12px;margin-left:auto}
.top .srch{margin-left:0}
.top{position:relative}
.srres{position:absolute;top:44px;left:0;right:0;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.3);z-index:45;padding:6px;max-height:60vh;overflow:auto}
.srres .li{padding:8px 10px;border-radius:10px;cursor:pointer}
.srres .li:hover{background:var(--sand)}

/* drag and drop */
.kcol.over{outline:2px dashed var(--lapis);outline-offset:-4px}
.cal .d.over{background:var(--mist)}
.kc[draggable=true]{cursor:grab}
.kc.dragging{opacity:.4}
.tscroll{overflow-x:auto}
.empty{border:1.5px dashed var(--sand-dk);border-radius:16px;padding:24px;text-align:center;color:var(--muted);font:600 13px var(--fh)}
.err{background:var(--blush);color:var(--terra-ink);border-radius:14px;padding:12px 14px;font:600 13px var(--fh)}
.loading{display:flex;flex-direction:column;gap:12px;padding:24px}
.loading i{display:block;height:14px;border-radius:7px;background:var(--sand);animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.5}}
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}
.side{position:sticky;top:0;height:100vh;overflow-y:auto;box-sizing:border-box}
.demo-bar{position:fixed;right:12px;bottom:12px;z-index:30;background:var(--gold);color:#232C4E;font:800 11px var(--fh);border-radius:9px;padding:4px 8px;letter-spacing:.4px}
.signin{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:40px;padding:40px 16px;flex-wrap:wrap;background:var(--bg)}
.signin .card{width:400px;max-width:100%;padding:28px;display:flex;flex-direction:column;gap:16px}
.otp input{width:44px;height:52px;border-radius:12px;background:var(--sand);border:1.5px solid transparent;text-align:center;font:800 22px var(--fb-f);color:var(--ink);outline:none}
.otp input:focus{background:var(--surface);border:2px solid var(--lapis)}
.pick .li{cursor:pointer;border-radius:12px;padding:10px}
.pick .li:hover{background:var(--sand)}

/* print = the monthly report as a PDF */
@media print{
  .side,.top,.tabs,.bnav,.no-print,.demo-bar{display:none!important}
  body,.app,.main,.body{background:#fff!important}
  .report-doc{box-shadow:none!important;width:auto!important}
}

/* phones and small tablets: sidebar becomes a bottom bar */
.bnav-app{display:none}
.sr-btn{display:none}
@media (max-width:900px){.sr-btn{display:flex}}
@media (max-width:900px){
  .side{display:none}
  .demo-bar{bottom:auto;top:8px}
  .app{flex-direction:column;padding-bottom:72px}
  .bnav-app{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;justify-content:space-around;padding:8px 6px calc(10px + env(safe-area-inset-bottom));background:var(--side);color:var(--side-ink)}
  .bnav-app>a{display:flex;flex-direction:column;align-items:center;gap:2px;font:600 10.5px var(--fh);position:relative;padding:4px 8px;border-radius:12px;color:var(--side-ink);text-decoration:none}
  .bnav-app>a.on{background:rgba(255,255,255,.12);color:#fff}
  .bnav-app .ct{position:absolute;top:-2px;right:2px;background:var(--terra);color:#fff;font:700 10px/1 var(--fh);border-radius:8px;padding:2px 5px}
  .top{padding:12px 14px;flex-wrap:wrap}
  .top h2{font-size:20px}
  .top .srch{display:none}
  .top .srch.open{display:flex;order:5;width:100%}
  .body{padding:14px}
  .tabs{padding:0 10px;overflow-x:auto}
  .tabs>span{white-space:nowrap}
  .c4,.c5{grid-template-columns:1fr 1fr}
  .c3,.c2,.c21,.c12{grid-template-columns:1fr}
  .lay-list,.lay-inbox,.lay-side,.lay-card,.lay-brief{grid-template-columns:1fr}
  .lay-list>.list{border-right:none;border-bottom:1.5px solid var(--line)}
  .lay-side270{flex-direction:column}
  .lay-side270>.card{width:auto!important}
  .lay-inbox>*{border-right:none!important}
  .kan{padding:12px 14px 20px}
  table{display:block;overflow-x:auto}
  .dlg{padding:18px}
  .cal{grid-template-columns:repeat(7,minmax(44px,1fr))}
  .cal .d{min-height:84px;padding:4px}
  .cal .ev{font-size:10px}
  .steps{overflow-x:auto}
  .st{min-width:62px}
}
@media (max-width:520px){
  .c4,.c5{grid-template-columns:1fr}
  .kpi .v{font-size:26px}
}

/* group B (card, Arabic check, my briefs) */
.click{cursor:pointer}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ell2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.crumb a.crumb-a{color:inherit;text-decoration:none}
.crumb a.crumb-a:hover{text-decoration:underline}
.hookbig.click:hover{box-shadow:0 0 0 2px var(--gold)}
.hookbig textarea.hook-in{font:800 20px/1.3 var(--fb-f);background:var(--surface);min-height:70px}
textarea.inp.cap-in{font-size:13px;line-height:19px;min-height:0}
.scr tr.chg td{background:var(--lemon)}
.scr-ed td{padding:6px 5px;vertical-align:middle}
.scr-ed input.inp{padding:7px 9px;font-size:13px;border-radius:10px;min-width:90px}
.scr-ed input.inp.ar-in{font-size:15px}
.files-row{display:flex;gap:12px}
.file.click:hover{border-color:var(--lapis)}
.cl-x{font-size:16px;color:var(--muted);opacity:0;cursor:pointer}
.li:hover>.cl-x,.li:focus-within>.cl-x{opacity:1}
.ts.click{cursor:pointer}
b.mention{font-weight:800;color:var(--lapis-ink)}
.upl-list:empty{display:none}
.upl-list{margin-top:8px}
.upl .pbar{margin-top:0}
.pill.click{cursor:pointer}
.pv-dock{position:fixed;right:16px;bottom:16px;z-index:44;width:340px;max-width:calc(100vw - 32px);background:var(--surface);border:1.5px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -12px rgba(0,0,0,.35);padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.pv-dock .row{flex-wrap:nowrap}
.pv-x{width:32px;height:32px;border-radius:10px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.pv-media{width:100%;max-height:52vh;border-radius:12px;background:#000;display:block}
audio.pv-media{background:transparent;max-height:none}
.pv-none{display:flex;gap:12px;align-items:center}
.pv-img{max-width:100%;max-height:60vh;border-radius:12px;display:block;margin:0 auto}
.drop.over{border-color:var(--lapis);background:var(--mist)}
.lay-arabic{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:620px}
.lay-arabic>.aq{border-right:1.5px solid var(--line);background:var(--surface)}
.aq-h{padding:14px 16px;font:800 15px var(--fb-f)}
.aq .li,.lay-list>.list .li{padding:12px 16px}
.aq .li.sel,.lay-list>.list .li.sel{background:var(--mist)}
.ph-only{display:none}
.brf-mob{display:none}
.help-steps .li{align-items:flex-start}
@media (max-width:900px){
  .lay-arabic{grid-template-columns:minmax(0,1fr)}
  .lay-arabic>.aq{border-right:none}
  .lay-arabic.sel>.aq,.lay-arabic:not(.sel)>.body{display:none}
  .ph-only{display:inline-flex}
  .lay-list.brf.sel>.list{display:none}
  .lay-list.brf:not(.sel){display:none}
  .brf-mob.show{display:flex;flex-direction:column;gap:12px;padding:14px}
  .files-row>.thumb{width:64px!important;height:114px!important}
  .pv-dock{right:8px;left:8px;bottom:78px;width:auto}
}

/* group A (Make: Today, Ideas, Pipeline, Calendar) */
.card.click,.kpi.click{cursor:pointer}
.idea{cursor:pointer}
.idea .hov{display:none;z-index:2}
.idea:hover .hov,.idea:focus-within .hov,.idea.hv .hov{display:flex}
.idea .hov>span{cursor:pointer}
.idea .hov>span:hover{background:var(--sand)}
.idea .hov>span.p-g:hover{background:var(--mint)}
.ga-more{display:none;position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:10px;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}
@media (hover:none){.ga-more{display:flex}.idea .hov{top:42px}}
.idea .ft .t2 b{color:var(--ink)}
.ga-pfrow{margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pill.ga-step{font-size:10.5px;padding:4px 6px}
.idea h4 .ar,.kc .t1 .ar,td .ar{font-size:1.08em}
.ga-qadd{display:flex;gap:10px;align-items:center;padding:10px 12px}
.ga-qadd>input.inp{flex:1;min-width:0;background:var(--bg)}
.ga-qadd>select.inp{width:auto;min-width:120px;background:var(--bg)}
.ga-frow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ga-fright{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ga-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:var(--mist);border-radius:12px;margin-bottom:4px;font:700 12.5px var(--fh);color:var(--lapis-ink)}
.ga-bulk.off{background:var(--bg);color:var(--muted)}
th .ckb{vertical-align:middle}
.inp.ga-sinp{display:flex;align-items:center;gap:8px;padding:0 14px;border:1.5px solid transparent}
.inp.ga-sinp:focus-within{border-color:var(--lapis);background:var(--surface)}
.inp.ga-sinp input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:500 14px var(--fh);color:var(--ink);padding:11px 0}
.inp.ga-sinp input::placeholder{color:var(--muted)}
.ga-words{max-height:46vh;overflow:auto}
.dlg .ga-words .li{cursor:pointer}
.kc .ln{min-width:0}
.kc .ln .grow{min-width:0}
.kcol.ga-fold{width:150px;background:transparent;border:1.5px dashed var(--sand-dk);cursor:pointer}
.kcol.ga-fold.open{width:236px;cursor:default}
.ga-ptop{display:flex;gap:10px;align-items:center;padding:14px 24px 0;flex-wrap:wrap}
.ga-ptop .chip .mi{font-size:16px}
.ga-ctop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cal .d{min-width:0}
.cal.ga-cal{align-self:flex-start}
.cal .ev{cursor:pointer}
.cal .ev.gap{cursor:default}
.cal .ev[draggable=true]{cursor:grab}
.cal.wk .d{min-height:300px}
.cal.wk .d .dn2{display:none}
.cal.wk .ev{white-space:normal;align-items:flex-start}
.cal .ev .tm{font-weight:800;color:var(--ink2);margin-right:2px}
.ga-side{width:270px;flex-shrink:0;align-self:flex-start}
.kc.ga-drag{cursor:grab}
@media (max-width:900px){
  .ga-qadd{flex-wrap:wrap}
  .ga-qadd>.mi{display:none}
  .ga-qadd>input.inp{flex-basis:100%}
  .ga-fright{margin-left:0}
  .ga-ptop{padding:12px 14px 0}
  .cal .dh{padding:6px 4px;font-size:10.5px}
  .cal .ev{padding:3px 3px;gap:3px}
  .cal .ev>.mi{display:none}
  .cal .hol,.cal .startmk{font-size:9.5px;padding:2px 3px}
  .cal.wk{grid-template-columns:1fr}
  .cal.wk .d{min-height:0;border-right:none}
  .cal.wk .dh{display:none}
  .cal.wk .d .dn2{display:block}
  .cal.wk .ev>.mi{display:inline-block}
  .ga-side{width:auto}
}

/* group D */
/* .btn:where(:not(.b1,.b2,.b3,.bd,.bg)){background:none} above wins over mockup.css .b1/.b3/.bg (same weight, loaded later), so primary buttons
   lost their colour app-wide; these restore the mockup colours. */
.btn.b1{background:var(--lapis)}.btn.b2,.btn.bd{background:var(--surface)}.btn.b3{background:var(--gold)}.btn.bg{background:var(--faience)}

/* group E (Team: creators, delivery, accounts, library, settings, my pay) */
.cr-head{padding:14px 16px;display:flex;align-items:center;gap:8px}
.cr-head b{font:800 15px var(--fb-f)}
.cr-head .btn{margin-left:auto}
.li.cr-row{padding:12px 16px}
.li.cr-row.on{background:var(--mist)}
.cr-person{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cr-person .nm{font:800 22px var(--fb-f)}
.cr-person .nm .pill{vertical-align:4px}
.ch.cr-sub{margin:14px 0 8px}
.dl-top{display:flex;gap:8px;align-items:baseline}
.dl-top>b:first-child{font-size:14px}
.li .t1.dl-rep{font-weight:500}
.dl-sub{display:block;white-space:normal}
.ico.dl-ico{width:48px;height:48px}
.ch.dl-who{margin:16px 0 6px}
.dl-edit{display:grid;grid-template-columns:130px 1fr 1fr 150px auto;gap:8px;align-items:center}
.card.acc-info{display:flex;gap:14px;align-items:center;background:var(--mist);border-color:var(--lapis)}
.acc-btns{display:flex;gap:8px;align-self:flex-start;flex-wrap:wrap}
.card.acc-new{border-style:dashed}
.acc-step{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.gets-l{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--ink2)}
.gets-l .mi{margin-top:1px}
.lib-logos{display:flex;gap:10px}
.lib-logo{width:90px;height:90px;border-radius:20px;display:flex;align-items:center;justify-content:center;font:800 40px var(--fb-f);flex-shrink:0}
.lib-logo.gold{background:var(--gold);color:#232C4E}
.lib-logo.ink{background:#232C4E;color:var(--gold)}
.lib-sw{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.swatch{cursor:pointer;line-height:1.3}
.swatch.light{color:#232C4E;border:1.5px solid var(--line)}
.lib-f1{font:800 26px var(--fb-f)}
.ar.lib-f2{font:700 22px var(--fb-f);display:block}
.lib-f3{font:500 16px var(--fh);margin-top:8px}
.card.lib-file{display:flex;gap:12px;align-items:center;cursor:pointer}
.lib-vthumb{width:54px;height:96px;padding:0}
.lib-vthumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lib-video{width:100%;max-height:60vh;border-radius:14px;background:#000}
.lib-img{max-width:100%;max-height:60vh;border-radius:14px;display:block;margin:0 auto}
.li.lib-tpl{align-items:flex-start}
.lib-pre{white-space:pre-line;margin-top:2px}
.ch.lib-h{margin:4px 0 -4px}
input.inp.set-num{width:64px;padding:6px;text-align:center;flex-shrink:0;-moz-appearance:textfield}
input.inp.set-num70{width:70px}
input.inp.set-num::-webkit-outer-spin-button,input.inp.set-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input.inp.set-num:disabled{opacity:1;color:var(--ink)}
.set-hint{width:106px}
.set-pills{display:inline-flex;gap:4px;flex-wrap:wrap}
tr.set-off td{opacity:.55}
.set-ord{display:flex;gap:4px}
.set-pf.click,.set-date.click{cursor:pointer}
.set-pf.click:hover{opacity:.8}
.inp.set-date{width:220px;position:relative}
.set-vh{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
.ch.set-sub{margin:18px 0 8px}
.set-ink{color:var(--ink)}
.set-prev{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;justify-items:center;opacity:.55}
@media (max-width:900px){
  .setrow{flex-wrap:wrap}
  .set-hint{width:auto}
  .setrow .stlb{width:auto;min-width:64px}
  input.inp.set-num{width:56px}
  .dl-edit{grid-template-columns:1fr 1fr}
  .cr-person .ml-auto{display:none}
}
.lnk.cr-all{display:inline-block;margin-top:8px}
.acc-err{color:var(--terra-ink)}
.err.acc-cerr{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--terra)}
@media (max-width:900px){.cr-person>div:nth-child(2){flex:1 1 200px;min-width:0}}
/* end of group E */
.brk{overflow-wrap:anywhere;min-width:0}
textarea.inp.cap-in{resize:none;overflow:hidden}

/* group C (Measure: results, into the app, reports, links) */
.m-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.m-bar>.seg{margin-left:auto}
.m-tight{padding:8px 10px}
.m-row{cursor:pointer}
.m-row:hover td{background:var(--sand)}
th.m-sort{cursor:pointer;user-select:none}
th.m-sort .mi{font-size:14px;vertical-align:-3px;margin-left:2px}
th.m-sort:hover{color:var(--ink)}
.m-sel{width:190px;max-width:100%}
.m-sel select.inp{padding:8px 12px;font-size:13px;border-radius:12px}
.heat>span.hc{text-align:center}
.m-ins{margin-top:10px}
.m-ins .mi,.m-info .mi{font-size:14px;vertical-align:-2px}
.m-ins .mi{color:var(--gold-text)}
.fn .row .lb .av.s{width:20px;height:20px;font-size:10px}
.m-rbody{align-items:center;background:var(--sand)}
.m-rbar{display:flex;gap:10px;width:820px;max-width:100%;flex-wrap:wrap;align-items:center}
.m-rbar .row{gap:10px}
.report-doc{width:820px;max-width:100%;box-sizing:border-box;background:var(--paper);border-radius:18px;box-shadow:0 20px 40px -14px rgba(0,0,0,.25);padding:34px 40px;display:flex;flex-direction:column;gap:22px}
.m-dhead{display:flex;align-items:center;gap:12px}
.m-dtitle{font:800 26px var(--fb-f)}
.m-rh{font:800 17px var(--fb-f);margin-bottom:10px}
.m-rh.s6{margin-bottom:6px}
.m-rkl{font-weight:700;letter-spacing:.3px}
.m-rkv{font:800 24px var(--fb-f);overflow-wrap:anywhere}
.m-li7{padding:7px 0}
.m-li7 .t1{font-weight:600}
.m-dv{width:52px;text-align:right}
.m-next{background:var(--lemon);border-radius:14px;padding:14px 16px}
.m-nt{font:800 15px var(--fb-f);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.m-nt .lnk{display:inline-flex;align-items:center;gap:2px;cursor:pointer}
.m-nx{font-weight:500;font-size:13.5px;line-height:21px;white-space:pre-wrap}
.m-h16{font:800 16px var(--fb-f)}
.m-col12{display:flex;flex-direction:column;gap:12px;align-self:start}
.m-blk{display:block}
.m-acts{display:inline-flex;gap:4px}
.m-code{gap:0;padding-top:9px;padding-bottom:9px}
.m-code>span{white-space:nowrap}
.m-code input{border:none;outline:none;background:transparent;font:700 14px var(--fh);color:var(--ink);flex:1;min-width:0;padding:2px 0 2px 6px}
.m-code input::placeholder{color:var(--muted);font-weight:500}
.m-err{color:var(--terra-ink)!important}
.m-qr{display:flex;gap:12px;align-items:center}
.m-qrs{display:flex;flex-shrink:0}
.m-qrs canvas{width:120px;height:120px;border-radius:6px;display:block}
.m-qri{font-size:120px;color:var(--ink)}
.m-qrbig{display:flex;justify-content:center}
.m-qrbig canvas{width:264px;height:264px;max-width:100%;border-radius:8px;display:block}
.m-btnc{justify-content:center}
th.m-act,td.m-act{width:1%}
@media (max-width:900px){
  .report-doc{padding:20px 16px;gap:18px}
  .m-rbody{align-items:stretch}
  .m-bar>.seg{margin-left:0}
  .m-sel{width:calc(50% - 5px)}
}
@media print{
  .bnav-app,.scrim,.toast,.menu{display:none!important}
  .m-rbody{background:#fff!important;padding:0!important}
  .report-doc{padding:0!important;border-radius:0!important;max-width:none!important}
  .report-doc .c4{grid-template-columns:repeat(4,1fr)!important}
  .report-doc .c2{grid-template-columns:1fr 1fr!important}
  .report-doc .m-next{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* a printed report is always light, even when the screen is dark */
  html:root:not(#print){--bg:#FBF6ED;--surface:#FFFFFF;--ink:#232C4E;--ink2:#4B5168;--muted:#757D9C;--line:#EAE2D0;--lapis:#2E4FE3;--lapis-ink:#2E4FE3;--mist:#EAF1FF;--gold-text:#B47F08;--lemon:#FCF0CE;--faience:#2EB8A6;--faience-ink:#1F9A8A;--mint:#E5F6F2;--terra:#E2725B;--terra-ink:#B4402B;--blush:#FBE3DC;--sand:#F6EBD7;--sand-dk:#E3D2AE;--paper:#FFFDF8}
}
.m-li7>.t1{white-space:nowrap}
.m-li7>b{text-align:right;min-width:0}
.lay-card>*,.lay-brief>*,.lay-arabic>*,.lay-list.brf>*{min-width:0}
@media (max-width:520px){.report-doc .c4{grid-template-columns:1fr 1fr}}