*{margin:0;padding:0;box-sizing:border-box}

:root{
  --white:#FFFFFF;
  --dark-white:#F2F2F2;
  --light-white:#F1F1F1;
  --black:#222020;
  --dark-black:#030303;
  --light-black:#1A1B1B;
  --light-slate-black:#222223;
  --red:#EE4136;
  --light-red:#FF8787;
  --dark-gray:#9c9696;
  --gray:#D6DBE1;
  --dim-gray:#F2F2F27A;
  --slate-gray:#737070;
  --dark-slate-gray:#F8F8F8;
  --light-slate-gray:#F4F4F4;
  --light-slate-gray-secondary:#726f6f;
  --brown:#554D4D;
  --dark-browm:#484849;
  --light-brown:#343334;
  --light-slate-brown:#272729;
  --light-slate-brown-v1:#666666;
  --light-slate-brown-v2t:#686868;
  --popup:#2c2c2c;
  --dropdown:#4c4c4c;
  --button:#9c9696;
  --light-black-v2:#242424;
  --light-slate-black-v2:#1c1c1c;
  --light-slate-brown-v2:#383838;
  --light-slate-brown-v3:#F5F5F5;
  --border-v2:#646464c4;

  --ok:#22c55e;
  --ok-soft:#EDF9F0;
  --warn:#f59e0b;
  --warn-soft:#FFF7E5;
  --err:#EE4136;
  --err-soft:#FFF1F0;
  --info:#216BDE;
  --info-soft:#EFF5FF;
  --tx3:#9c9696;
}

html,body{
  height:100%;
  font-size:62.5%;
}

body{
  overflow:auto;
  background:var(--light-slate-brown-v3);
  color:var(--black);
  font-family:"Montserrat","Open Sans","Source Sans Pro","Segoe UI",sans-serif,Lato,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Ubuntu;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

button,input,select,textarea{
  font:inherit;
}

a{
  color:inherit;
}

::-webkit-scrollbar{
  width:.4rem;
  height:.4rem;
}

::-webkit-scrollbar-track{
  box-shadow:inset 0 0 .4rem transparent;
  border-radius:.3rem;
}

::-webkit-scrollbar-thumb{
  background:var(--dark-gray);
  border-radius:.3rem;
}

.app-shell{
  height:100dvh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
}

.app-orb{
  display:none;
}

.topbar{
  min-height:7.6rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2.4rem;
  padding: 1.4rem 2.4rem 1.4rem 0;
  background:var(--white);
  border-bottom:.1rem solid var(--gray);
  flex-shrink:0;
}

.brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:1.6rem;
}

.brand-mark{
  width:auto;
  height:auto;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.logo{
  height:7rem;
  width:auto;
  max-width:none;
  max-height:none;
}

.brand-copy{
  min-width:0;
}

.eyebrow{
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.08rem;
  text-transform:uppercase;
  color:var(--slate-gray);
  margin-bottom:.4rem;
}

.brand-copy h1{
  font-size:2.4rem;
  font-weight:700;
  line-height:1.2;
  color:var(--black);
}

.brand-sub{
  margin-top:.4rem;
  font-size:1.3rem;
  font-weight:500;
  line-height:1.6;
  color:var(--slate-gray);
  max-width:58rem;
}

.topbar-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:1.2rem;
  flex-wrap:wrap;
}

.tags{
  display:flex;
  align-items:center;
  gap:.6rem;
  flex-wrap:wrap;
}

.tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.8rem;
  padding:0 1rem;
  border:.1rem solid var(--gray);
  border-radius:2rem;
  background:var(--dark-white);
  color:var(--slate-gray);
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.04rem;
  text-transform:uppercase;
}

.tag.b{
  border-color:var(--gray);
  background:var(--dark-white);
  color:var(--slate-gray);
}

.tag.b span{
  color:var(--red);
  margin-left:.2rem;
}

.modes{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  padding:.4rem;
  border:.1rem solid var(--gray);
  border-radius:999px;
  background:var(--dark-white);
  isolation:isolate;
}

.mode-thumb{
  position:absolute;
  top:.4rem;
  left:.4rem;
  bottom:.4rem;
  width:calc(50% - .4rem);
  border-radius:999px;
  background:var(--red);
  box-shadow:0 .6rem 1.2rem rgba(238,65,54,.18);
  transition:transform .22s ease;
  z-index:0;
}

.modes[data-mode="rd"] .mode-thumb{
  transform:translateX(100%);
}

.mode{
  position:relative;
  z-index:1;
  min-height:4.2rem;
  padding:0 1.8rem;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--brown);
  font-size:1.3rem;
  font-weight:700;
  cursor:pointer;
  transition:color .15s ease;
}

.mode:hover:not(.on){
  color:var(--light-black);
}

.mode.on{
  color:var(--white);
}

.workspace{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1.6rem;
  padding:1.6rem 2.4rem;
  overflow:hidden;
}

.pan{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:var(--white);
  border:.1rem solid var(--gray);
  border-radius:1.2rem;
  overflow:auto;
}

.pan-top{
  flex-shrink:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.6rem;
  padding:1.8rem 2rem 1.6rem;
  border-bottom:.1rem solid var(--gray);
}

.pan-copy{
  min-width:0;
}

.pan-top label{
  display:block;
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.08rem;
  text-transform:uppercase;
  color:var(--slate-gray);
  margin-bottom:.6rem;
}

.pan-copy p{
  font-size:1.3rem;
  font-weight:500;
  line-height:1.6;
  color:var(--slate-gray);
}

.pan-pill{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.2rem;
  padding:0 1.2rem;
  border-radius:2rem;
  background:var(--dark-white);
  border:.1rem solid var(--gray);
  color:var(--slate-gray);
  font-size:1.2rem;
  font-weight:600;
  white-space:nowrap;
}

.cfg,
.pii-strip,
.fbar,
.rbar{
  flex-shrink:0;
}

.cfg{
  padding:1.6rem 2rem 0;
}

.cfg-card{
  display:flex;
  align-items:center;
  gap:1.2rem;
  padding:1.4rem 1.6rem;
  border:.1rem solid var(--gray);
  border-radius:.8rem;
  background:var(--dark-slate-gray);
}

.cfg .g{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.8rem;
}

.cfg .g label{
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.08rem;
  text-transform:uppercase;
  color:var(--slate-gray);
}

.cfg .g select,
.cfg .auto-lang{
  min-width:14.8rem;
  min-height:4.2rem;
  padding:0 3.8rem 0 1.4rem;
  border:.1rem solid var(--gray);
  border-radius:.6rem;
  background:var(--white);
  color:var(--black);
  font-size:1.3rem;
  font-weight:600;
}

.cfg .g select{
  appearance:none;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14 8L10 12L6 8' stroke='%23222020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1.2rem center;
}

.cfg .auto-lang{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-right:1.4rem;
  color:var(--brown);
}

.cfg .arrow{
  width:2.8rem;
  height:2.8rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.cfg .arrow img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.pii-strip{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
  margin:1.6rem 2rem 0;
  padding:1.4rem 1.6rem;
  border:.1rem solid var(--gray);
  border-radius:.8rem;
  background:var(--dark-slate-gray);
}

.pii-strip .pii-info{
  flex:1;
  min-width:18rem;
  font-size:1.3rem;
  font-weight:500;
  line-height:1.6;
  color:var(--slate-gray);
}

.pii-strip .pii-info b{
  color:var(--red);
}

.pii-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

.pii-chips .pc{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:2.8rem;
  padding:0 1rem;
  border-radius:2rem;
  font-size:1.1rem;
  font-weight:700;
  border:.1rem solid transparent;
}

.pii-review{
  min-height:3.8rem;
  padding:0 1.4rem;
  border:.1rem solid var(--gray);
  border-radius:.6rem;
  background:var(--white);
  color:var(--black);
  font-size:1.2rem;
  font-weight:600;
  cursor:pointer;
}

.pii-review:hover{
  background:var(--dark-white);
}

.fbar{
  padding:1.6rem 2rem 0;
}

.fchip{
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  min-height:4rem;
  padding:0 1.2rem;
  border:.1rem solid var(--gray);
  border-radius:.6rem;
  background:var(--dark-slate-gray);
  font-size:1.3rem;
  font-weight:600;
  color:var(--black);
}

.fchip #fn{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.fchip #fs{
  color:var(--slate-gray);
  font-weight:500;
}

.fchip .x{
  width:2rem;
  height:2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:var(--slate-gray);
  font-size:1.8rem;
  line-height:1;
  cursor:pointer;
}

.fchip .x:hover{
  color:var(--red);
}

.pan-mid{
  position:relative;
  flex:1;
  min-height:0;
  margin:1.6rem 2rem 2rem;
  border:.1rem solid var(--gray);
  border-radius:1rem;
  background:var(--dark-slate-gray);
  overflow:hidden;
}

.drop{
  height:100%;
  padding:2rem;
}

.drop-grid{
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(26rem,.9fr);
  gap:2rem;
}

.drop-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1.2rem;
  min-width:0;
}

.drop-kicker,
.empty-kicker{
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.08rem;
  text-transform:uppercase;
  color:var(--red);
}

.drop-copy h2{
  font-size:3rem;
  font-weight:700;
  line-height:1.2;
  color:var(--black);
}

.drop-copy p{
  max-width:48rem;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.7;
  color:var(--slate-gray);
}

.drop-points{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}

.drop-points span{
  min-height:3.2rem;
  display:inline-flex;
  align-items:center;
  padding:0 1.2rem;
  border-radius:2rem;
  background:var(--white);
  border:.1rem solid var(--gray);
  color:var(--brown);
  font-size:1.2rem;
  font-weight:600;
}

.dzone{
  min-height:28rem;
  border:.15rem dashed var(--dark-gray);
  border-radius:1rem;
  background:var(--white);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  padding:2.4rem;
  text-align:center;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}

.dzone:hover,
.dzone.ov{
  border-color:var(--red);
  background:var(--err-soft);
}

.dz-icon{
  width:6.4rem;
  height:6.4rem;
  border-radius:50%;
  background:var(--err-soft);
  color:var(--red);
  display:flex;
  align-items:center;
  justify-content:center;
}

.dzone svg{
  width:3rem;
  height:3rem;
}

.dzone h3{
  font-size:2rem;
  font-weight:700;
  color:var(--black);
}

.dzone p{
  font-size:1.3rem;
  font-weight:500;
  color:var(--slate-gray);
}

.dzone .hint{
  display:inline-flex;
  justify-content:center;
  padding:.8rem 1.2rem;
  border-radius:2rem;
  background:var(--dark-white);
  color:var(--slate-gray);
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.04rem;
  text-transform:uppercase;
}

.preview-frame{
  height:100%;
  overflow:auto;
  background:var(--white);
}

.pan-bot{
  flex-shrink:0;
  margin-top:auto;
  position:sticky;
  bottom:0;
  z-index:2;
  border-top:.1rem solid var(--gray);
  background:var(--white);
}

.abar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.6rem;
  padding:1.6rem 2rem 2rem;
}

.action-copy{
  max-width:48rem;
  font-size:1.3rem;
  font-weight:500;
  line-height:1.6;
  color:var(--slate-gray);
}

.btn,
.dbtn,
.btn-cancel,
.modal-acts button{
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}

.btn{
  min-height:4.4rem;
  padding:0 2rem;
  border:none;
  border-radius:.6rem;
  background:var(--red);
  color:var(--white);
  font-size:1.4rem;
  font-weight:600;
}

.btn:hover{
  background:#d6342a;
}

.btn:disabled,
.dbtn:disabled{
  background:var(--dark-gray);
  border-color:var(--dark-gray);
  color:var(--white);
  cursor:not-allowed;
}

.rbar{
  display:flex;
  align-items:center;
  gap:1.2rem;
  margin:1.6rem 2rem 0;
  padding:1.4rem 1.6rem;
  border-radius:.8rem;
  border:.1rem solid var(--gray);
}

.rbar.ok{
  background:var(--ok-soft);
}

.rbar.red{
  background:var(--err-soft);
}

.rbar .info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.8rem;
}

.rbar .info b{
  font-size:1.4rem;
  font-weight:700;
}

.rbar.ok .info b{
  color:#1b7f46;
}

.rbar.red .info b{
  color:var(--red);
}

.warn{
  padding:1rem 1.2rem;
  border:.1rem solid rgba(245,158,11,.25);
  border-radius:.6rem;
  background:var(--warn-soft);
  color:#a05f06;
  font-size:1.2rem;
  font-weight:500;
  line-height:1.6;
}

.btns{
  display:flex;
  gap:.8rem;
  flex-shrink:0;
}

.dbtn{
  min-height:4rem;
  padding:0 1.6rem;
  border:.1rem solid transparent;
  border-radius:.6rem;
  font-size:1.2rem;
  font-weight:600;
}

.dbtn.g{
  background:var(--white);
  border-color:var(--gray);
  color:var(--black);
}

.dbtn.g:hover{
  background:var(--dark-white);
}

.dbtn.r{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  background:var(--red);
  color:var(--white);
}

.dbtn.r:hover{
  background:#d6342a;
}

.dbtn svg{
  width:1.4rem;
  height:1.4rem;
}

.prog{
  position:absolute;
  inset:0;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  background:rgba(255,255,255,.84);
}

.prog-card{
  width:min(100%,36rem);
  padding:2.4rem 2.2rem;
  border:.1rem solid var(--gray);
  border-radius:1rem;
  background:var(--white);
  text-align:center;
}

.prog .num{
  font-size:4.6rem;
  font-weight:800;
  line-height:1;
  color:var(--red);
}

.prog .phase{
  margin-top:.8rem;
  font-size:1.4rem;
  font-weight:600;
  color:var(--black);
  text-transform:capitalize;
}

.track{
  width:100%;
  height:.8rem;
  margin-top:1.8rem;
  border-radius:2rem;
  background:var(--gray);
  overflow:hidden;
}

.fill{
  height:100%;
  width:0;
  background:var(--red);
  transition:width .35s ease;
}

.detail{
  min-height:1.8rem;
  margin-top:1rem;
  font-size:1.2rem;
  font-weight:500;
  color:var(--slate-gray);
}

.stag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.2rem;
  padding:0 1.2rem;
  border-radius:2rem;
  font-size:1.2rem;
  font-weight:600;
}

.stag.run{
  background:var(--info-soft);
  color:var(--info);
}

.stag.done{
  background:var(--ok-soft);
  color:#1b7f46;
}

.stag.fail{
  background:var(--err-soft);
  color:var(--red);
}

.modal-bg{
  position:fixed;
  inset:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  background:rgba(34,32,32,.4);
}

.modal{
  width:min(72rem,100%);
  max-height:84vh;
  display:flex;
  flex-direction:column;
  border:.1rem solid var(--gray);
  border-radius:1rem;
  overflow:hidden;
  background:var(--white);
}

.modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.6rem;
  padding:1.8rem 2rem;
  border-bottom:.1rem solid var(--gray);
}

.modal-head h2{
  font-size:2rem;
  font-weight:700;
  color:var(--black);
}

.close{
  width:3.6rem;
  height:3.6rem;
  border:.1rem solid var(--gray);
  border-radius:50%;
  background:var(--white);
  color:var(--slate-gray);
  font-size:2rem;
  line-height:1;
}

.close:hover{
  background:var(--dark-white);
}

.modal-acts{
  display:flex;
  align-items:center;
  gap:.8rem;
  padding:1.4rem 2rem;
  border-bottom:.1rem solid var(--gray);
  background:var(--dark-slate-gray);
}

.modal-acts button,
.btn-cancel{
  min-height:3.8rem;
  padding:0 1.4rem;
  border:.1rem solid var(--gray);
  border-radius:.6rem;
  background:var(--white);
  color:var(--black);
  font-size:1.2rem;
  font-weight:600;
}

.modal-acts button:hover,
.btn-cancel:hover{
  background:var(--dark-white);
}

.sel-count{
  margin-left:auto;
  font-size:1.2rem;
  font-weight:500;
  color:var(--slate-gray);
}

.modal-body{
  flex:1;
  overflow:auto;
}

.modal-foot{
  display:flex;
  justify-content:flex-end;
  gap:.8rem;
  padding:1.6rem 2rem 2rem;
  border-top:.1rem solid var(--gray);
}

.pii-cat{
  border-bottom:.1rem solid var(--gray);
}

.pii-cat-head{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.4rem 2rem;
  background:var(--dark-slate-gray);
  cursor:pointer;
}

.pii-cat-head input,
.pii-row input{
  width:1.6rem;
  height:1.6rem;
  accent-color:var(--red);
  cursor:pointer;
}

.badge{
  display:inline-flex;
  align-items:center;
  min-height:2.6rem;
  padding:0 .9rem;
  border-radius:2rem;
  font-size:1.1rem;
  font-weight:700;
  text-transform:uppercase;
}

.cat-label{
  flex:1;
  font-size:1.3rem;
  font-weight:600;
  color:var(--black);
}

.cat-count{
  font-size:1.2rem;
  font-weight:500;
  color:var(--slate-gray);
}

.pii-cat-items{
  padding:.4rem 2rem 1rem 5.2rem;
}

.pii-row{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.2rem 0;
  border-bottom:.1rem solid var(--gray);
}

.pii-row:last-child{
  border-bottom:none;
}

.pii-row .val{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:1.3rem;
  color:var(--black);
}

.pii-row.off{
  opacity:.42;
}

.pii-row.off .val{
  text-decoration:line-through;
}

.bg-name{background:#dbeafe;color:#2454b6;border-color:#bfd9ff}
.bg-email{background:#fee2f2;color:#b21a67;border-color:#f9c8e3}
.bg-phone{background:#d7f5e5;color:#16724b;border-color:#bae6d0}
.bg-url{background:#e5e8ff;color:#443fad;border-color:#cfd5ff}
.bg-ssn,.bg-aadhaar,.bg-pan,.bg-credit_card,.bg-bank_account{background:#fff0c8;color:#9a630d;border-color:#f3dd9c}
.bg-dob,.bg-date,.bg-joining_date,.bg-expiry_date,.bg-issue_date{background:#ede7ff;color:#6343c8;border-color:#dbd0ff}
.bg-passport,.bg-address,.bg-transaction_id,.bg-card_last4,.bg-cardholder_name,.bg-cvv,.bg-ip_address{background:#ffe5d7;color:#b74f1a;border-color:#ffd0b6}

.pv{
  padding:2.4rem;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.75;
  color:var(--black);
}

.pv h1,.pv h2,.pv h3{
  font-weight:700;
  line-height:1.3;
  color:var(--black);
  margin-bottom:1rem;
}

.pv h1{font-size:2.8rem}
.pv h2{font-size:2.3rem;margin-top:2.2rem}
.pv h3{font-size:1.9rem;margin-top:1.8rem}
.pv p{margin:1rem 0}
.pv ul,.pv ol{padding-left:2.2rem;margin:1.2rem 0}
.pv table{width:100%;border-collapse:collapse;margin:1.6rem 0}
.pv th,.pv td{padding:1rem 1.2rem;border:.1rem solid var(--gray);text-align:left}
.pv th{background:var(--dark-white)}
.pv code{padding:.2rem .6rem;border-radius:.4rem;background:var(--dark-white)}
.pv pre{padding:1.6rem;border-radius:.8rem;background:var(--dark-white);overflow:auto}
.pv pre code{padding:0;background:none}
.pv blockquote{
  margin:1.8rem 0;
  padding:1.4rem 1.6rem;
  border-left:.4rem solid var(--red);
  background:var(--err-soft);
  color:var(--brown);
}
.pv img{max-width:100%;border-radius:.6rem}
.pv hr{border:none;border-top:.1rem solid var(--gray);margin:2rem 0}

.txp{
  white-space:pre-wrap;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:1.3rem;
  line-height:1.8;
}

.pdfw{
  padding:1.6rem;
  background:var(--dark-white);
}

.pdfp{
  display:block;
  max-width:100%;
  margin:0 auto 1.6rem;
  border:.1rem solid var(--gray);
  background:var(--white);
}

.ld,
.em{
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  padding:3.2rem;
  text-align:center;
  font-size:1.4rem;
  font-weight:500;
  color:var(--slate-gray);
}

.em strong{
  font-size:2.6rem;
  font-weight:700;
  color:var(--black);
}

.em p{
  max-width:34rem;
  line-height:1.7;
}

footer{
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:.8rem;
  min-height:4.4rem;
  padding:0 2.4rem;
  background:var(--white);
  border-top:.1rem solid var(--gray);
  color:var(--slate-gray);
  font-size:1.1rem;
  font-weight:500;
  line-height:1.5;
}

footer strong{
  color:var(--black);
}

footer svg{
  width:1.4rem;
  height:1.4rem;
  flex-shrink:0;
  color:var(--red);
}

.hide{display:none!important}

@media (max-width:1180px){
  body{overflow:auto}

  .app-shell{
    height:auto;
    min-height:100vh;
  }

  .topbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .topbar-side{
    width:100%;
    justify-content:space-between;
  }

  .workspace{
    grid-template-columns:1fr;
    overflow:visible;
  }

  .pan{
    min-height:68rem;
  }
}

@media (max-width:820px){
  .topbar{
    padding:1.4rem 1.6rem;
  }

  .workspace{
    gap:1.2rem;
    padding:1.2rem 1.6rem;
  }

  footer{
    align-items:flex-start;
    min-height:auto;
    padding:1.2rem 1.6rem;
  }

  .brand{
    align-items:flex-start;
  }

  .brand-copy h1{
    font-size:2.1rem;
  }

  .brand-sub{
    font-size:1.2rem;
  }

  .topbar-side{
    align-items:flex-start;
    gap:1rem;
  }

  .modes{
    width:100%;
  }

  .mode{
    min-width:0;
  }

  .pan-top,
  .cfg,
  .fbar,
  .rbar{
    padding-inline:1.6rem;
  }

  .cfg{
    padding-top:1.4rem;
  }

  .cfg-card,
  .abar{
    flex-direction:column;
    align-items:stretch;
  }

  .cfg .g{
    width:100%;
    justify-content:space-between;
  }

  .cfg .g select,
  .cfg .auto-lang{
    width:52%;
    min-width:0;
  }

  .cfg .arrow{
    width:2.4rem;
    height:2.4rem;
    margin:0 auto;
  }

  .pii-strip{
    margin:1.4rem 1.6rem 0;
    padding:1.2rem 1.4rem;
  }

  .pan-mid{
    margin:1.4rem 1.6rem 1.6rem;
  }

  .drop{
    padding:1.6rem;
  }

  .drop-grid{
    grid-template-columns:1fr;
  }

  .drop-copy h2{
    font-size:2.4rem;
  }

  .dzone{
    min-height:24rem;
  }

  .abar{
    padding:1.4rem 1.6rem 1.6rem;
  }

  .btn,
  .dbtn{
    width:100%;
    justify-content:center;
  }

  .btns{
    width:100%;
    flex-direction:column;
  }

  .rbar{
    flex-direction:column;
    align-items:stretch;
  }

  .modal-bg{
    padding:1.4rem;
  }

  .modal-head,
  .modal-acts,
  .modal-foot{
    padding-inline:1.6rem;
  }

  .modal-acts{
    flex-wrap:wrap;
  }

  .sel-count{
    width:100%;
    margin-left:0;
  }

  .pii-cat-head{
    flex-wrap:wrap;
  }

  .pii-cat-items{
    padding-left:2.4rem;
  }
}