:root{
  --ui-bg:#f3f4f5;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8f9fa;
  --ui-text:#202428;
  --ui-muted:#656c73;
  --ui-border:#d5d9dd;
  --ui-border-strong:#b9c0c7;
  --ui-accent:#3f454b;
  --ui-accent-2:#555c63;
  --ui-danger:#b3261e;
  --ui-success:#137333;
  --ui-warning:#9a6700;
  --ui-shadow:0 14px 34px rgba(32,36,40,.09);
  --ui-radius:8px;
  --ui-sidebar:248px;
}

html{background:var(--ui-bg)}

body.ui-modern{
  margin:0;
  max-width:none;
  padding:0;
  background:var(--ui-bg);
  color:var(--ui-text);
  font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

.ui-modern *,
.ui-modern *::before,
.ui-modern *::after{box-sizing:border-box}

.app-frame{
  min-height:100vh;
  display:grid;
  grid-template-columns:var(--ui-sidebar) minmax(0,1fr);
}

.app-sidebar{
  position:sticky;
  top:0;
  align-self:start;
  height:100vh;
  padding:18px 14px;
  border-right:1px solid var(--ui-border);
  background:#e8eaec;
  overflow:auto;
}

.app-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 8px 18px;
  border-bottom:1px solid var(--ui-border);
}

.app-brand-mark{
  width:34px;
  height:34px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:var(--ui-text);
  color:#fff;
  font-weight:800;
  font-size:13px;
}

.app-brand-title{
  font-size:14px;
  font-weight:800;
  line-height:1.15;
}

.app-brand-role{
  margin-top:2px;
  color:var(--ui-muted);
  font-size:12px;
}

.app-nav{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:18px 0;
}

.app-nav a,
.app-nav button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:var(--ui-radius);
  background:transparent;
  color:var(--ui-text);
  text-decoration:none;
  font:inherit;
  font-weight:650;
  text-align:left;
  cursor:pointer;
}

.app-nav a:hover,
.app-nav button:hover,
.app-nav a.active,
.app-nav button.active{
  border-color:var(--ui-border);
  background:var(--ui-surface);
}

.app-nav-ico{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#dadddf;
  color:var(--ui-accent);
  font-size:13px;
  flex:0 0 auto;
}

.app-side-footer{
  margin-top:22px;
  padding:12px 8px 0;
  border-top:1px solid var(--ui-border);
  color:var(--ui-muted);
  font-size:12px;
}

.app-main{
  min-width:0;
  width:100%;
  max-width:1180px;
  padding:22px 28px 42px;
}

.page-money-tree .app-main{
  max-width:none;
  padding:18px;
}

.app-pagehead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--ui-border);
}

.app-pagehead h1{
  margin:0;
  font-size:26px;
  line-height:1.15;
}

.app-pagehead p{
  margin:5px 0 0;
  color:var(--ui-muted);
  font-size:14px;
}

.app-quick{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.ui-modern .app-logout{
  border-color:#e4b4b1;
  background:#fff;
  color:var(--ui-danger);
}

.ui-modern .app-logout:hover{
  border-color:#d27d77;
  background:#fff0ef;
}

.ui-modern .legacy-page-title{display:none}

.ui-modern h1,
.ui-modern h2,
.ui-modern h3{
  color:var(--ui-text);
  letter-spacing:0;
}

.ui-modern h2{
  margin:18px 0 12px;
  font-size:20px;
  line-height:1.2;
}

.ui-modern h3{
  margin:16px 0 10px;
  font-size:16px;
}

.ui-modern a{color:var(--ui-accent-2)}

.ui-modern label{
  color:#444b52;
  font-weight:650;
  font-size:13px;
}

.ui-modern input,
.ui-modern select,
.ui-modern textarea{
  min-height:38px;
  border:1px solid var(--ui-border-strong);
  border-radius:var(--ui-radius);
  background:#fff;
  color:var(--ui-text);
  padding:7px 10px;
  font:inherit;
  box-shadow:none;
}

.ui-modern textarea{min-height:82px}

.ui-modern input:focus,
.ui-modern select:focus,
.ui-modern textarea:focus{
  outline:2px solid rgba(63,69,75,.2);
  border-color:var(--ui-accent);
}

.ui-modern input[readonly]{
  background:#eceeef;
  color:#555d65;
}

.ui-modern button,
.ui-modern .btn,
.ui-modern button.btn,
.ui-modern button.action,
.ui-modern button.primary,
.ui-modern a.btn,
.ui-modern a.action{
  min-height:38px;
  border-radius:var(--ui-radius);
  border:1px solid var(--ui-border-strong);
  background:#fff;
  color:var(--ui-text);
  padding:8px 12px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:background .12s,border-color .12s,box-shadow .12s,transform .12s;
}

.ui-modern button:hover,
.ui-modern .btn:hover,
.ui-modern button.action:hover,
.ui-modern button.primary:hover,
.ui-modern a.btn:hover,
.ui-modern a.action:hover{
  border-color:#939ba3;
  background:#f6f7f8;
}

.ui-modern button:focus-visible,
.ui-modern .btn:focus-visible,
.ui-modern a:focus-visible{
  outline:2px solid rgba(63,69,75,.34);
  outline-offset:2px;
}

.ui-modern button.primary,
.ui-modern button.action,
.ui-modern button.btn,
.ui-modern a.btn,
.ui-modern a.action,
.ui-modern .primary{
  border-color:var(--ui-accent);
  background:var(--ui-accent);
  color:#fff;
}

.ui-modern button.primary:hover,
.ui-modern button.action:hover,
.ui-modern button.btn:hover,
.ui-modern a.btn:hover,
.ui-modern a.action:hover,
.ui-modern .primary:hover{
  background:#2f3439;
  border-color:#2f3439;
}

.ui-modern button.ghost,
.ui-modern .ghost{
  background:#fff;
  color:var(--ui-text);
  border-color:var(--ui-border-strong);
}

.ui-modern .killbtn,
.ui-modern .row-del,
.ui-modern .wblock-del{
  min-width:30px;
  min-height:30px;
  width:30px;
  height:30px;
  padding:0;
  border-color:#e4b4b1;
  background:#fff;
  color:var(--ui-danger);
}

.ui-modern .killbtn:hover,
.ui-modern .row-del:hover,
.ui-modern .wblock-del:hover{
  background:#fff0ef;
  border-color:#d27d77;
}

.ui-modern .card,
.ui-modern .wallet-info,
.ui-modern .wblock,
.ui-modern .modal .box,
.ui-modern .help-slider{
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  background:var(--ui-surface);
  box-shadow:0 1px 2px rgba(32,36,40,.05);
}

.ui-modern .card{
  padding:14px;
}

.ui-modern .flex,
.ui-modern .row{
  gap:12px;
}

.ui-modern .sec-head{
  margin:22px 0 10px;
  padding:0 0 9px;
  border-bottom:1px solid var(--ui-border);
  color:#3d444b;
  font-size:15px;
  font-weight:800;
}

.ui-modern .acc-bar{
  margin:14px 0 8px;
  padding:11px 12px;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  background:var(--ui-surface);
  color:var(--ui-text);
  box-shadow:0 1px 2px rgba(32,36,40,.05);
}

.ui-modern .acc-bar:hover{
  background:var(--ui-surface-soft);
  border-color:var(--ui-border-strong);
}

.ui-modern .acc-bar .pm{
  width:24px;
  height:24px;
  border-radius:7px;
  background:#e4e6e8;
  color:var(--ui-accent);
}

.ui-modern .acc-content{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  margin-bottom:0;
  overflow:hidden;
  transition:grid-template-rows .32s ease, opacity .24s ease, margin-bottom .24s ease;
}

.ui-modern .acc-content.open{
  grid-template-rows:1fr;
  opacity:1;
  margin-bottom:4px;
  /* Открытый аккордеон не должен обрезать выходящие за высоту дочерние поповеры
     (напр. #ddMenu экспорта). overflow переключаем на visible только ПОСЛЕ анимации
     раскрытия (delay .32s) — тем же приёмом, что и `.acc-content.open>*` ниже, чтобы
     плавное открытие/закрытие сохранилось. Закрытый аккордеон остаётся overflow:hidden. */
  overflow:visible;
  transition:grid-template-rows .32s ease, opacity .24s ease, margin-bottom .24s ease, overflow 0s .32s;
}

.ui-modern .acc-content>*{
  overflow:hidden;
  min-width:0;
  min-height:0;
}

.ui-modern .acc-content.open>*{
  overflow:visible;
  transition:overflow 0s .32s;
}

.ui-modern table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:8px 0 4px;
  background:#fff;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  overflow:hidden;
}

.ui-modern th,
.ui-modern td{
  border:0;
  border-bottom:1px solid var(--ui-border);
  padding:8px 10px;
  vertical-align:middle;
  font-size:13px;
}

.ui-modern tr:last-child td{border-bottom:0}

.ui-modern th{
  background:#e9ebed;
  color:#444b52;
  font-weight:800;
  text-align:left;
}

.ui-modern tbody tr:hover td{background:#fafbfc}

.ui-modern .dd-menu,
.ui-modern .picker-menu{
  border:1px solid var(--ui-border-strong);
  border-radius:var(--ui-radius);
  box-shadow:var(--ui-shadow);
}

.ui-modern .dd-btn,
.ui-modern .picker summary{
  border-color:var(--ui-border-strong);
  border-radius:var(--ui-radius);
  background:#fff;
}

.ui-modern .dd-item:hover,
.ui-modern .picker-menu label:hover{
  background:#eceeef;
}

.ui-modern .wallet-line{
  align-items:flex-start;
}

.ui-modern .wallet-balance,
.ui-modern .wblock-bal{
  color:#30363c;
  font-variant-numeric:tabular-nums;
}

.ui-modern .wallet-muted,
.ui-modern .muted,
.ui-modern .note,
.ui-modern .sec-sub{
  color:var(--ui-muted);
}

.ui-modern .money-in,
.ui-modern .in{color:var(--ui-success)}
.ui-modern .money-out,
.ui-modern .out{color:var(--ui-danger)}
.ui-modern .mov{color:var(--ui-accent-2)}

.ui-modern details.wblock{
  overflow:visible;
  border-radius:var(--ui-radius);
}

.ui-modern details.wblock>summary{
  min-height:54px;
  padding:12px 14px;
  background:var(--ui-surface);
  border-radius:var(--ui-radius);
}

.ui-modern details.wblock[open]>summary{
  position:sticky;
  top:0;
  z-index:35;
  background:#fff;
  border-bottom:1px solid var(--ui-border);
  box-shadow:0 8px 18px rgba(32,36,40,.09);
}

.ui-modern details.wallet-history{
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  background:#fff;
  padding:0;
}

.ui-modern details.wallet-history summary{
  min-height:38px;
  display:flex;
  align-items:center;
  padding:8px 10px;
  color:#3d444b;
}

.ui-modern details.wallet-history>div{
  padding:0 10px 10px;
}

.ui-modern .help-fab{
  right:18px;
  bottom:18px;
  background:var(--ui-accent);
  color:#fff;
  border:0;
  box-shadow:var(--ui-shadow);
}

.ui-modern .modal,
.ui-modern .help-modal{
  backdrop-filter:blur(2px);
}

.ui-modern .modal .box{
  box-shadow:var(--ui-shadow);
}

.ui-modern #toastSaved{
  background:#2f3439;
  color:#fff;
  box-shadow:var(--ui-shadow);
}

.page-admin #adminTabs{
  display:none;
}

.page-admin .app-main{
  max-width:1240px;
}

.page-admin [data-sec]{
  scroll-margin-top:18px;
}

.page-production #balanceBar,
.page-accountant #balanceBar{
  display:none!important;
}

.page-production #walletArea,
.page-accountant #walletArea,
.page-production #transferArea,
.page-accountant #transferArea,
.page-production #specialArea,
.page-accountant #specialArea{
  scroll-margin-top:16px;
}

.page-production #myReportsBox.ui-history-panel:not(.ui-history-open),
.page-accountant #myReportsBox.ui-history-panel:not(.ui-history-open){
  display:none;
}

.page-production #myReportsBox.ui-history-panel.ui-history-open,
.page-accountant #myReportsBox.ui-history-panel.ui-history-open{
  display:block;
  margin-top:18px!important;
}

.page-production #myReportsBox.ui-history-panel>summary,
.page-accountant #myReportsBox.ui-history-panel>summary{
  display:none;
}

body.ui-history-mode.page-production .app-main > :not(.app-pagehead):not(#myReportsBox):not(.help-fab):not(.help-modal):not(#toastSaved),
body.ui-history-mode.page-accountant .app-main > :not(.app-pagehead):not(#myReportsBox):not(.help-fab):not(.help-modal):not(#toastSaved){
  display:none!important;
}

.history-v2{
  min-width:0;
}

.history-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}

.history-title{
  font-size:18px;
  font-weight:800;
  line-height:1.2;
}

.history-note,
.history-empty{
  color:var(--ui-muted);
  font-size:13px;
}

.history-empty{
  padding:16px;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  background:#fff;
}

.history-table-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:auto;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  background:#fff;
}

.history-table{
  min-width:1200px;
  margin:0;
  background:#fff;
  table-layout:fixed;
}

.history-col-date{width:112px}
.history-col-type{width:160px}
.history-col-wallet{width:150px}
.history-col-qty{width:112px}
.history-col-sum{width:118px}
.history-col-project{width:118px}
.history-col-category{width:150px}
.history-col-comment{width:210px}
.history-col-actions{width:150px}

.history-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#e9ebed;
}

.history-table td,
.history-table th{
  border-color:var(--ui-border);
  vertical-align:top;
}

.history-table input,
.history-table select{
  width:100%;
  min-width:0;
  max-width:100%;
}

.history-project-cell,
.history-category-cell,
.history-wallet-cell,
.history-comment-cell{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.history-number{
  white-space:nowrap;
  text-align:right;
  font-weight:700;
}

.history-type{
  display:inline-block;
  min-width:72px;
  padding:3px 8px;
  border-radius:999px;
  background:#eceeef;
  color:#41474d;
  text-align:center;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.history-fixed{
  display:inline-block;
  padding:8px 0;
  color:var(--ui-muted);
}

.history-amount{
  font-weight:800;
  white-space:nowrap;
  text-align:right;
}

.history-readonly{
  background:#f7f8f9;
}

.history-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
  white-space:normal;
}

.history-actions button{
  min-height:30px;
  padding:5px 8px;
  flex:1 1 62px;
}

.history-delete{
  flex:0 0 30px!important;
  width:30px;
  min-width:30px;
  color:var(--ui-danger);
}

.history-locked{
  color:var(--ui-muted);
  font-size:12px;
  font-weight:700;
}

.ui-modern .tr-card select,
.ui-modern .tr-card input,
.ui-modern .sp-card select,
.ui-modern .sp-card input{
  min-width:0;
  max-width:100%;
}

.page-money-tree .app-frame{
  grid-template-columns:220px minmax(0,1fr);
}

.page-money-tree #backLink,
.page-money-tree #pageTitle{
  display:none;
}

.page-money-tree .controls{
  position:sticky;
  top:0;
  z-index:25;
  margin:0 0 12px;
  padding:12px;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
}

.page-money-tree .totals{
  border-radius:var(--ui-radius);
  background:#2f3439;
  box-shadow:0 1px 2px rgba(32,36,40,.07);
}

.page-money-tree #wrap{
  border-color:var(--ui-border);
  border-radius:var(--ui-radius);
  background:#fbfcfd;
}

.page-money-tree #svg{
  height:calc(100vh - 184px);
  min-height:620px;
}

.page-money-tree #panel{
  border-left:1px solid var(--ui-border);
  box-shadow:var(--ui-shadow);
}

.page-payroll .wrap{
  max-width:none;
  margin:0;
  padding:0;
}

.page-payroll .wrap>h1{
  display:none;
}

.page-index{
  background:var(--ui-bg);
  color:var(--ui-text);
  display:grid;
  place-items:center;
  min-height:100vh;
  padding:24px;
}

.page-index .wrap{
  width:min(620px,100%);
  text-align:center;
  padding:28px;
  border:1px solid var(--ui-border);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--ui-shadow);
}

.page-index h1{
  margin:0 0 18px;
  color:var(--ui-text);
  font-size:34px;
  letter-spacing:0;
}

.page-index .btns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.page-index .btn{
  min-width:0;
  border:1px solid var(--ui-border-strong);
  border-radius:var(--ui-radius);
  background:#fff;
  color:var(--ui-text);
  box-shadow:none;
}

.page-index .btn:hover{
  transform:none;
  border-color:var(--ui-accent);
  background:#eceeef;
}

.page-index .muted{
  color:var(--ui-muted);
  opacity:1;
}

.page-index .modal{
  background:#fff;
  color:var(--ui-text);
  border:1px solid var(--ui-border);
  border-radius:12px;
  box-shadow:var(--ui-shadow);
}

.page-index .m-head,
.page-index .m-foot{
  border-color:var(--ui-border);
}

.page-index label{
  color:#444b52;
}

.page-index .field{
  width:100%;
  background:#fff;
  color:var(--ui-text);
  border-color:var(--ui-border-strong);
}

.page-index .ghost{
  background:#fff;
  color:var(--ui-text);
  border-color:var(--ui-border-strong);
}

.page-index .primary{
  background:var(--ui-accent);
  color:#fff;
  border:1px solid var(--ui-accent);
}

@media (max-width:900px){
  .app-frame{
    display:block;
  }

  .app-sidebar{
    position:sticky;
    top:0;
    z-index:60;
    height:auto;
    padding:10px 12px;
    border-right:0;
    border-bottom:1px solid var(--ui-border);
  }

  .app-brand{
    padding:0 0 8px;
  }

  .app-nav{
    margin:10px 0 0;
    flex-direction:row;
    overflow:auto;
    padding-bottom:2px;
  }

  .app-nav a,
  .app-nav button{
    width:auto;
    white-space:nowrap;
  }

  .app-side-footer{display:none}

  .app-main,
  .page-money-tree .app-main{
    padding:16px;
  }

  .app-pagehead{
    display:block;
  }

  .app-quick{
    justify-content:flex-start;
    margin-top:10px;
  }

  .page-money-tree #svg{
    height:64vh;
    min-height:420px;
  }
}

@media (max-width:640px){
  body.ui-modern{
    font-size:14px;
  }

  .app-pagehead h1{
    font-size:22px;
  }

  .history-toolbar{
    display:block;
  }

  .history-refresh{
    margin-top:10px;
  }

  .ui-modern th,
  .ui-modern td{
    padding:7px 8px;
    font-size:12px;
  }

  .page-index .wrap{
    padding:20px;
  }

  .page-index .btns{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .page-production .tr-card table,
  .page-accountant .tr-card table,
  .page-accountant .sp-card table{
    display:block;
    border:0;
    background:transparent;
    overflow:visible;
  }

  .page-production .tr-card thead,
  .page-accountant .tr-card thead,
  .page-accountant .sp-card thead{
    display:none;
  }

  .page-production .tr-card tbody,
  .page-accountant .tr-card tbody,
  .page-accountant .sp-card tbody{
    display:block;
  }

  .page-production .tr-card .tr-row,
  .page-accountant .tr-card .tr-row,
  .page-accountant .sp-card .sp-row{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    margin:0 0 10px;
    padding:10px;
    border:1px solid var(--ui-border);
    border-radius:var(--ui-radius);
    background:#fff;
  }

  .page-production .tr-card .tr-row td,
  .page-accountant .tr-card .tr-row td,
  .page-accountant .sp-card .sp-row td{
    display:block;
    width:100%!important;
    min-width:0!important;
    border:0;
    padding:0;
    background:transparent;
  }

  .page-production .tr-card .tr-row td::before,
  .page-accountant .tr-card .tr-row td::before,
  .page-accountant .sp-card .sp-row td::before{
    display:block;
    margin:0 0 4px;
    color:var(--ui-muted);
    font-size:11px;
    font-weight:800;
    text-transform:none;
  }

  .page-production .tr-card .tr-row td:nth-child(1)::before,
  .page-accountant .tr-card .tr-row td:nth-child(1)::before{content:'Счёт списания'}
  .page-production .tr-card .tr-row td:nth-child(2)::before,
  .page-accountant .tr-card .tr-row td:nth-child(2)::before{content:'Счёт зачисления'}
  .page-production .tr-card .tr-row td:nth-child(3)::before,
  .page-accountant .tr-card .tr-row td:nth-child(3)::before{content:'Сумма'}
  .page-production .tr-card .tr-row td:nth-child(4)::before,
  .page-accountant .tr-card .tr-row td:nth-child(4)::before{content:'Комментарий'}
  .page-production .tr-card .tr-row td:nth-child(5)::before,
  .page-accountant .tr-card .tr-row td:nth-child(5)::before{content:'Дата'}

  .page-accountant .sp-card[data-kind="income"] .sp-row td:nth-child(1)::before{content:'Объект'}
  .page-accountant .sp-card[data-kind="income"] .sp-row td:nth-child(2)::before{content:'Счёт пополнения'}
  .page-accountant .sp-card[data-kind="income"] .sp-row td:nth-child(3)::before{content:'Сумма'}
  .page-accountant .sp-card[data-kind="income"] .sp-row td:nth-child(4)::before{content:'Дата'}
  .page-accountant .sp-card[data-kind="transfer"] .sp-row td:nth-child(1)::before{content:'Объект'}
  .page-accountant .sp-card[data-kind="transfer"] .sp-row td:nth-child(2)::before{content:'Счёт списания'}
  .page-accountant .sp-card[data-kind="transfer"] .sp-row td:nth-child(3)::before{content:'Счёт пополнения'}
  .page-accountant .sp-card[data-kind="transfer"] .sp-row td:nth-child(4)::before{content:'Сумма'}
  .page-accountant .sp-card[data-kind="transfer"] .sp-row td:nth-child(5)::before{content:'Дата'}

  .page-production .tr-card .tr-row .td-del,
  .page-accountant .tr-card .tr-row .td-del,
  .page-accountant .sp-card .sp-row td:last-child{
    text-align:right;
  }

  .page-production .tr-card .tr-row .td-del::before,
  .page-accountant .tr-card .tr-row .td-del::before,
  .page-accountant .sp-card .sp-row td:last-child::before{
    content:'';
    display:none;
  }

  .page-production .tr-card .tr-row select,
  .page-production .tr-card .tr-row input,
  .page-accountant .tr-card .tr-row select,
  .page-accountant .tr-card .tr-row input,
  .page-accountant .sp-card .sp-row select,
  .page-accountant .sp-card .sp-row input{
    width:100%;
  }
}