/* Local approval template. These rules never target document/PDF content. */
@media screen {
  body.rvk-steel { background:#eef4f8; }
  body.rvk-steel > .hdr,
  body.rvk-steel > .disc-bar,
  body.rvk-steel > .layout {
    --blue:#2d6389; --blue2:#2e82b8; --bpale:#eaf5fd;
    --gray:#566d80; --glight:#f2f7fb; --border:#cedeea;
    --text:#263b50; --shadow:0 3px 12px rgba(45,79,105,.035);
  }
  body.rvk-steel > .hdr {
    background:linear-gradient(110deg,#fbfdff,#e8f0f6 50%,#f8fcff);
    color:#2b4057; box-shadow:none; border-bottom:1px solid #c8dce9;
    padding:0 22px; height:48px;
  }
  body.rvk-steel .hdr-logo { color:#334a61; border-color:#c8d8e4; }
  body.rvk-steel .hdr-title { font-size:14px; }
  body.rvk-steel .hdr-btn,
  body.rvk-steel .hdr-btn.admin { background:transparent; color:#38566e; padding:6px 10px; }
  body.rvk-steel .hdr-btn:hover { background:#e1effa; }
  body.rvk-steel > .disc-bar {
    background:linear-gradient(110deg,#dfF0ffed,#eef7ffed); color:#355873;
    border-bottom:1px solid #c7dfee; padding:6px 22px;
    gap:6px 10px; align-items:center; box-shadow:inset 0 1px 0 #ffffffc9;
  }
  body.rvk-steel .disc-bar label.steel-field { display:flex; flex-direction:row; align-items:center; gap:6px; opacity:1; }
  body.rvk-steel .steel-field-label { font-size:12px; font-weight:500; white-space:nowrap; }
  body.rvk-steel .steel-field-controls { display:flex; align-items:center; gap:6px; white-space:nowrap; min-height:29px; }
  body.rvk-steel .disc-bar input[type=number],
  body.rvk-steel .disc-bar input[type=text],
  body.rvk-steel .disc-bar select {
    background:#fff; color:#2b4d67; border:1px solid #bcd3e5;
    border-radius:5px; padding:5px 8px; min-height:29px; font-size:12px;
  }
  body.rvk-steel .disc-company-picker { width:220px; min-width:180px; max-width:220px; }
  body.rvk-steel .disc-company-picker input[type=text]::placeholder { color:#6d8395; }
  body.rvk-steel .disc-company-picker input[type=text]:focus { background:#fff; border-color:#3d8abb; }
  body.rvk-steel .disc-company-menu { background:#fff; border-color:#c8dce9; box-shadow:0 8px 24px #234c6b1c; }
  body.rvk-steel .disc-company-option { color:#2b4c65; }
  body.rvk-steel .disc-company-option:hover,
  body.rvk-steel .disc-company-option.is-active { background:#e8f4fd; }
  body.rvk-steel .disc-company-option small,
  body.rvk-steel .disc-company-empty { color:#5a7287; }
  body.rvk-steel .disc-toggle,
  body.rvk-steel .disc-pill { background:transparent; color:#355873; border:0; border-radius:0; padding:5px 0; }
  body.rvk-steel .disc-toggle { align-self:center; margin-top:0; }
  body.rvk-steel .disc-toggle input[type=checkbox] { accent-color:#2e82b8; }
  body.rvk-steel .layout { background:#eef4f8; }
  body.rvk-steel .col-left { padding:16px 12px 20px 20px; }
  body.rvk-steel .col-right { min-width:0; background:#edf4f9; padding:16px 20px 20px 12px; }
  body.rvk-steel .col-left::-webkit-scrollbar,
  body.rvk-steel .col-right::-webkit-scrollbar { width:6px; }
  body.rvk-steel .col-left::-webkit-scrollbar-thumb,
  body.rvk-steel .col-right::-webkit-scrollbar-thumb { background:#b4cbdc; }
  body.rvk-steel .layout .panel { border:1px solid #d4e2ed; border-radius:9px; box-shadow:var(--shadow); margin-bottom:14px; }
  body.rvk-steel .layout .phdr { color:#2b465f; background:linear-gradient(100deg,#eaf3fa,#f5f9fc); border-bottom:1px solid #d5e3ee; font-size:14px; padding:10px 14px; }
  body.rvk-steel .layout .pbody { padding:12px; }
  body.rvk-steel #grandTotal > span { color:#355873!important; }
  body.rvk-steel .tgrid { grid-template-columns:repeat(auto-fill,minmax(122px,1fr)); gap:9px; }
  body.rvk-steel .tbtn { aspect-ratio:1; min-height:0; border:1px solid #d1dfeb; border-radius:7px; background:#fff; box-shadow:none; }
  body.rvk-steel .tbtn:hover { transform:none; background:#fbfdff; border-color:#8dbbdc; box-shadow:0 2px 7px #2b648412; }
  body.rvk-steel .tbtn.active { border:2px solid #3886b7; background:#f0f9ff; box-shadow:0 0 0 1px #3886b70d; }
  body.rvk-steel .tbtn-bg,
  body.rvk-steel .tbtn-shade { opacity:0; pointer-events:none; }
  body.rvk-steel .tbtn-code,
  body.rvk-steel .tbtn-model,
  body.rvk-steel .tbtn.active .tbtn-code,
  body.rvk-steel .tbtn.active .tbtn-model { top:8px; color:#245775; text-shadow:none; font-size:18px; font-weight:400; line-height:22px; letter-spacing:.01em; }
  body.rvk-steel .tbtn-code { left:10px; }
  body.rvk-steel .tbtn-model { right:10px; font-size:17px; }
  body.rvk-steel .tbtn-name,
  body.rvk-steel .tbtn.active .tbtn-name { color:#42647c; text-shadow:none; font-size:11px; line-height:16px; font-weight:600; bottom:6px; white-space:nowrap; }
  body.rvk-steel .steel-tile-photo { position:absolute; left:4px; right:4px; top:26px; bottom:23px; overflow:hidden; pointer-events:none; z-index:1; }
  body.rvk-steel #tb_SDF_F3 .steel-tile-photo,
  body.rvk-steel #tb_SDR_R1 .steel-tile-photo,
  body.rvk-steel #tb_SDR_R2 .steel-tile-photo,
  body.rvk-steel #tb_SDR_R3 .steel-tile-photo,
  body.rvk-steel #tb_SDR_R4 .steel-tile-photo { top:22px; bottom:23px; }
  body.rvk-steel .steel-tile-photo img,
  body.rvk-steel .steel-order-photo img,
  body.rvk-steel .steel-current-photo img { position:absolute; display:block; max-width:none; object-fit:contain; }
  body.rvk-steel .sec { border:1px solid #d1e0ec; border-radius:6px; margin-bottom:8px; }
  body.rvk-steel .shdr { background:#f1f6fb; color:#365a77; padding:9px 11px; }
  body.rvk-steel .shdr.open { background:#e9f4fc; border-bottom-color:#d1e1ee; }
  body.rvk-steel .sbody { padding:9px 10px; }
  body.rvk-steel .irow { padding:6px; border-width:1px; border-radius:4px; }
  body.rvk-steel :is(#step2Panel,#step3Panel,#step4Panel) .items { gap:3px; }
  body.rvk-steel :is(#step2Panel,#step3Panel,#step4Panel) .irow { padding:4px 6px; }
  body.rvk-steel :is(#step2Panel,#step3Panel,#step4Panel) .ilabel { line-height:1.2; }
  body.rvk-steel .irow.sel { background:#eaf6ff; border-color:#9fc8e4; }
  body.rvk-steel .irow input { accent-color:#2e82b8; width:16px; height:16px; }
  body.rvk-steel .icode { background:transparent; border-radius:0; padding:0; color:#355d7a; min-width:57px; font-family:inherit; font-size:11px; }
  body.rvk-steel .ilabel { font-size:12px; }
  body.rvk-steel .sselect,
  body.rvk-steel .range-grid input { border-color:#c3d8e8; background:#fff; }
  body.rvk-steel .col-right .btn { border-radius:6px; font-size:12px; }
  body.rvk-steel .col-right .btn-add,
  body.rvk-steel .col-right .btn-save { color:#fff; background:#2d79a9; border:1px solid #2d79a9; }
  body.rvk-steel .col-right .btn-add:hover:not(:disabled),
  body.rvk-steel .col-right .btn-save:hover:not(:disabled) { background:#23678f; }
  body.rvk-steel .col-right .btn-copy { color:#35627f; background:#f0f7fc; border:1px solid #cbdfea; }
  body.rvk-steel .col-right .btn-reset { background:#fff1f0; color:#b2433e; border:1px solid #f1dedc; }
  body.rvk-steel .steel-config-body { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:start; column-gap:14px; }
  body.rvk-steel .steel-config-body > * { min-width:0; }
  body.rvk-steel .steel-config-body .dline-t { min-width:0; overflow-wrap:anywhere; }
  body.rvk-steel .steel-config-body > :not(.steel-current-photo):not(#rescode) { grid-column:1/-1; }
  body.rvk-steel .steel-config-body > .qrow { grid-row:1; flex-wrap:nowrap; }
  body.rvk-steel .qinp.techinp { width:auto; min-width:0; flex:1; }
  body.rvk-steel .qinp.qtyinp { width:64px; flex:0 0 64px; }
  body.rvk-steel .steel-current-photo { grid-column:1; grid-row:2; width:112px; height:112px; position:relative; overflow:hidden; margin:0 0 12px; }
  body.rvk-steel .steel-config-body > #rescode { grid-column:2; grid-row:2; align-self:center; margin:0 0 12px; padding:4px 0; border:0; border-radius:0; background:transparent; font-family:inherit; line-height:1.5; font-size:14px; letter-spacing:0; overflow-wrap:anywhere; word-break:normal; }
  body.rvk-steel .steel-config-body.steel-no-photo { display:block; }
  body.rvk-steel .steel-config-body.steel-no-photo > .steel-current-photo { display:none; }
  body.rvk-steel .steel-config-body.steel-no-photo > #rescode { padding:10px 12px; background:#f3f8fc; border:1px solid #d3e2ee; margin-bottom:12px; }
  body.rvk-steel .pos-card.steel-position { position:relative; display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:9px; row-gap:5px; padding:9px; border:1px solid #d4e2ed; border-radius:7px; background:#fff; }
  body.rvk-steel .pos-card.steel-position.active { background:#f0f8ff; border-color:#8ab8d5; }
  body.rvk-steel .steel-order-photo { grid-column:1; grid-row:1/span 3; width:56px; height:56px; position:relative; overflow:hidden; align-self:start; margin-top:17px; }
  body.rvk-steel .steel-position .pos-hdr { display:contents; }
  body.rvk-steel .steel-position .pos-num { position:absolute; top:6px; left:9px; background:transparent; padding:0; font-size:13px; line-height:17px; font-weight:700; color:#42647f; }
  body.rvk-steel .steel-position .pos-code { display:block; min-width:0; font-family:inherit; font-size:13px; line-height:1.4; font-weight:700; color:#294c69; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
  body.rvk-steel .steel-code { grid-column:2; grid-row:1; min-width:0; }
  body.rvk-steel .steel-code summary { list-style:none; cursor:pointer; }
  body.rvk-steel .steel-code summary::-webkit-details-marker { display:none; }
  body.rvk-steel .steel-code summary:focus-visible { outline:2px solid #2e82b8; outline-offset:3px; border-radius:3px; }
  body.rvk-steel .steel-code .pos-code { cursor:pointer; }
  body.rvk-steel .steel-code[open] .pos-code { white-space:normal; overflow:visible; overflow-wrap:anywhere; }
  body.rvk-steel .steel-position .steel-tech-row { grid-column:1/-1; grid-row:4; display:flex; align-items:baseline; gap:5px; min-width:0; margin:0!important; color:#496b84!important; font-size:12px!important; line-height:1.4; }
  body.rvk-steel .steel-tag-value { min-width:0; overflow-wrap:anywhere; color:#236e9f; font-weight:600; }
  body.rvk-steel .steel-position-finance { grid-column:2; grid-row:2; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:2px 8px; min-width:0; padding:0; background:transparent; border:0; font-variant-numeric:tabular-nums; }
  body.rvk-steel .steel-position .pos-total { flex:0 0 auto; margin:0 0 0 auto; font-size:13px; line-height:1.4; text-align:right; white-space:nowrap; }
  body.rvk-steel .steel-position .steel-quantity-row { min-width:0; margin:0; font-size:11px!important; line-height:1.45; text-align:left; }
  body.rvk-steel .steel-position .pos-actions { grid-column:2; grid-row:3; display:flex; gap:6px; margin:0; flex-wrap:wrap; }
  body.rvk-steel .steel-position .pabtn { display:inline-flex; flex:1 1 0; align-items:center; justify-content:center; min-height:28px; border:1px solid #bdd4e5; border-radius:5px; background:#edf5fc; color:#2d6389; font-size:11px; font-weight:600; padding:4px 6px; }
  body.rvk-steel .steel-position .pabtn:hover { background:#e0eef9; border-color:#8bb6d4; opacity:1; }
  body.rvk-steel .steel-position .pabtn.del { background:#fff5f4; border-color:#efd5d2; color:#ad413b; }
  body.rvk-steel .steel-position .pabtn.del:hover { background:#ffe8e5; border-color:#dda9a4; }
  body.rvk-steel .steel-position .pabtn.edit + .pabtn.edit { background:#2d79a9; border-color:#2d79a9; color:#fff; }
  body.rvk-steel .steel-position .pabtn:focus-visible { outline:2px solid #2e82b8; outline-offset:2px; }
  body.rvk-steel .order-id-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px; }
  body.rvk-steel .order-id-row label { min-width:0; width:100%; }
  body.rvk-steel .order-id-row input { width:100%; min-width:0; }
  body.rvk-steel #orderNameInp { display:block; width:100%; min-width:0; }
  body.rvk-steel .oname-row { margin-bottom:10px; }
  body.rvk-steel .oname-row input { border-color:#c3d6e6; border-radius:5px; }
  @media(max-width:1100px) {
    body.rvk-steel .layout { grid-template-columns:minmax(0,1fr); }
    body.rvk-steel .col-left,body.rvk-steel .col-right { padding:16px; }
    body.rvk-steel > .disc-bar { padding:6px 16px; gap:6px 10px; }
    body.rvk-steel .disc-company-picker { min-width:180px; width:220px; }
  }
  @media(max-width:640px) {
    body.rvk-steel > .hdr { padding:0 12px; height:auto; min-height:48px; flex-wrap:wrap; gap:7px; padding-block:8px; }
    body.rvk-steel .hdr-logo { font-size:22px; padding-right:10px; margin-right:0; }
    body.rvk-steel .hdr-title { flex-basis:calc(100% - 85px); font-size:12px; }
    body.rvk-steel .hdr-nav { flex-wrap:wrap; margin-left:auto; }
    body.rvk-steel .hdr-btn { padding:5px 7px; font-size:12px; }
    body.rvk-steel .disc-company { width:100%; }
    body.rvk-steel .disc-company-picker { width:100%; min-width:0; max-width:none; flex:1; }
    body.rvk-steel .disc-company .steel-field-controls { width:auto; flex:1; min-width:0; }
    body.rvk-steel .disc-toggle { margin-top:0; }
    body.rvk-steel .tgrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.rvk-steel .tbtn-code { font-size:17px; }
    body.rvk-steel .tbtn-model { font-size:16px; }
    body.rvk-steel .tbtn-name { font-size:11px; }
    body.rvk-steel .steel-config-body { grid-template-columns:96px minmax(0,1fr); column-gap:10px; }
    body.rvk-steel .steel-current-photo { width:96px; height:96px; }
    body.rvk-steel .pos-card.steel-position { grid-template-columns:56px minmax(0,1fr); column-gap:8px; }
    body.rvk-steel[data-steel-positions] .steel-position .steel-order-photo { grid-column:1; grid-row:1; width:56px; height:56px; margin-top:17px; }
    body.rvk-steel[data-steel-positions] .steel-position .steel-code { grid-column:2; grid-row:1; align-self:start; }
    body.rvk-steel[data-steel-positions] .steel-position .steel-tech-row { grid-column:1/-1; grid-row:2; }
    body.rvk-steel[data-steel-positions] .steel-position-finance { grid-column:1/-1; grid-row:3; }
    body.rvk-steel[data-steel-positions] .steel-position .pos-actions { grid-column:1/-1; grid-row:4; }
  }
  @media(max-width:360px) { body.rvk-steel .tgrid { grid-template-columns:minmax(0,1fr); } }
}

@media screen {
  body.rvk-steel .order-overview-identifiers { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.rvk-steel .order-overview-project { grid-column:1/-1; }
}
@media print {
  .steel-tile-photo,.steel-current-photo,.steel-order-photo { display:none!important; }
}