@font-face {
  font-family: 'Cairo'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(../fonts/cairo-arabic.woff2) format('woff2-variations');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face {
  font-family: 'Cairo'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(../fonts/cairo-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Cairo'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(../fonts/cairo-latin-ext.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}


@font-face {
  font-family: 'Alexandria'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(../fonts/alexandria-arabic.woff2) format('woff2-variations');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face {
  font-family: 'Alexandria'; font-style: normal; font-weight: 200 1000; font-display: swap;
  src: url(../fonts/alexandria-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}



:root{
  
  --ink: #0E0E0E; --ink-2: #2B2B2B;
  --primary: #0E0E0E;          
  --primary-hover: #000000;
  --primary-active: #000000;
  --primary-light: #2B2B2B;
  --primary-bg: #F3F3F1;       
  --on-primary: #FFFFFF;       

  
  --accent: #0E0E0E;
  --accent-hover: #000000;
  --accent-bg: #F3F3F1;

  
  --success: #1E7F4F;  --success-bg: #E6F4EC;  --success-text: #155C3A;
  --warning: #A86B00;  --warning-bg: #FFF4DC;  --warning-text: #7A4E00;
  --danger:  #B42318;  --danger-bg:  #FDECEA;  --danger-text:  #8A1B12;
  --info:    #2D5FA6;  --info-bg:    #E9F0FA;  --info-text:    #214A83;

  
  --text: #111111;
  --text-muted: #6B6B66;
  --text-disabled: #8A8A85;
  --text-faint: #A3A39E;
  --link: #111111;

  
  --bg: #FFFFFF;
  --bg-alt: #F3F3F1;
  --surface: #FFFFFF;
  --surface-2: #FAFAF8;
  --surface-hover: #FAFAF8;

  
  --border: #E3E3DF;
  --border-light: #ECECE9;
  --border-strong: #C8C8C2;

  
  --topbar-bg: #FFFFFF;
  --topbar-text: #111111;
  --topbar-height: 48px;

  
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  
  --font-family: 'Readex Pro','Cairo',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-heading: 'Readex Pro','Cairo',-apple-system,sans-serif;
  --font-num: 'Readex Pro','Cairo',sans-serif;
  --font-size:14.5px;
  --font-size-sm: 12px;
  --font-size-lg: 15px;
  --font-size-xl: 17px;
  --line-height: 1.55;

  
  --shadow-sm: 0 1px 2px rgba(10,10,10,.05);
  --shadow-md: 0 10px 30px -14px rgba(10,10,10,.16);
  --shadow-lg: 0 20px 50px -20px rgba(10,10,10,.24);
  --shadow-modal: 0 24px 64px -24px rgba(10,10,10,.28);

  
  --d-micro: 120ms; --d-std: 160ms; --d-enter: 260ms; --d-slow: 420ms;
  --e-swift: cubic-bezier(.2,.7,.2,1);
  --e-luxe: cubic-bezier(.16,1,.3,1);
  --e-exit: cubic-bezier(.4,0,.7,.2);
  --ring: 0 0 0 3px rgba(14,14,14,.10);

  
  --z-topbar: 50;
  --z-modal: 200;
  --z-toast: 300;
  --z-dropdown: 100;
}


html[data-theme="dark"]{
  color-scheme: dark;

  --ink: #F2F2EF; --ink-2: #D6D6D2;
  --primary: #F2F2EF;
  --primary-hover: #FFFFFF;
  --primary-active: #FFFFFF;
  --primary-light: #D6D6D2;
  --primary-bg: #1E1E1E;
  --on-primary: #0E0E0E;

  --accent: #F2F2EF;
  --accent-hover: #FFFFFF;
  --accent-bg: #1E1E1E;

  --success: #3FB273;  --success-bg: #12281B;  --success-text: #8FE0B4;
  --warning: #E0A23A;  --warning-bg: #2C2210;  --warning-text: #F0C77E;
  --danger:  #E0574B;  --danger-bg:  #2E1613;  --danger-text:  #F3A199;
  --info:    #6C9BE0;  --info-bg:    #14213A;  --info-text:    #A9C6F2;

  --text: #EDEDEA;
  --text-muted: #9C9C96;
  --text-disabled: #6E6E69;
  --text-faint: #63635F;
  --link: #EDEDEA;

  --bg: #101010;
  --bg-alt: #171717;
  --surface: #181818;
  --surface-2: #1E1E1E;
  --surface-hover: #1E1E1E;

  --border: #2A2A2A;
  --border-light: #232323;
  --border-strong: #3A3A3A;

  --topbar-bg: #181818;
  --topbar-text: #EDEDEA;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow-md: 0 10px 30px -14px rgba(0,0,0,.6);
  --shadow-lg: 0 20px 50px -20px rgba(0,0,0,.7);
  --shadow-modal: 0 24px 64px -24px rgba(0,0,0,.75);
  --ring: 0 0 0 3px rgba(242,242,239,.14);
}




html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background:#ffffff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#fafafa"],
html[data-theme="dark"] [style*="background:#fafafb"],
html[data-theme="dark"] [style*="background:#f9fafb"],
html[data-theme="dark"] [style*="background:#f8f9fa"],
html[data-theme="dark"] [style*="background:#f8fafc"],
html[data-theme="dark"] [style*="background:#f5f5f5"],
html[data-theme="dark"] [style*="background:#f5f5f7"],
html[data-theme="dark"] [style*="background:#f3f3f5"],
html[data-theme="dark"] [style*="background:#f0f0f2"],
html[data-theme="dark"] [style*="background:#f1f1f2"],
html[data-theme="dark"] [style*="background:#eef2ff"],
html[data-theme="dark"] [style*="background:#eff6ff"],
html[data-theme="dark"] [style*="background:#dbeafe"],
html[data-theme="dark"] [style*="background:#ecfdf5"],
html[data-theme="dark"] [style*="background:#f0fdf4"],
html[data-theme="dark"] [style*="background:#f1faf1"],
html[data-theme="dark"] [style*="background:#fef3c7"],
html[data-theme="dark"] [style*="background:#fff8e1"],
html[data-theme="dark"] [style*="background:#fff8e6"],
html[data-theme="dark"] [style*="background:#fef2f2"],
html[data-theme="dark"] [style*="background:#fee2e2"],
html[data-theme="dark"] [style*="background:#e2e8f0"]{
  background: var(--bg-alt) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}


html[data-theme="dark"] [style*="color:#141414"],
html[data-theme="dark"] [style*="color: #141414"],
html[data-theme="dark"] [style*="color:#161616"],
html[data-theme="dark"] [style*="color:#212529"],
html[data-theme="dark"] [style*="color:#26262b"],
html[data-theme="dark"] [style*="color:#333"],
html[data-theme="dark"] [style*="color:#3a3346"],
html[data-theme="dark"] [style*="color:#56565c"]{
  color: var(--text) !important;
}


html[data-theme="dark"] [style*="border:1px solid #e"],
html[data-theme="dark"] [style*="border:1px solid #f"],
html[data-theme="dark"] [style*="border-color:#e"],
html[data-theme="dark"] [style*="border-color:#f"]{
  border-color: var(--border) !important;
}


html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="time"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="month"],
html[data-theme="dark"] input[type="week"]{
  color-scheme: dark;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text);
}
html[data-theme="dark"] input::-webkit-datetime-edit,
html[data-theme="dark"] input::-webkit-datetime-edit-text,
html[data-theme="dark"] input::-webkit-datetime-edit-month-field,
html[data-theme="dark"] input::-webkit-datetime-edit-day-field,
html[data-theme="dark"] input::-webkit-datetime-edit-year-field,
html[data-theme="dark"] input::-webkit-datetime-edit-hour-field,
html[data-theme="dark"] input::-webkit-datetime-edit-minute-field{
  color: var(--text);
}
html[data-theme="dark"] input::-webkit-calendar-picker-indicator{ filter: invert(1) opacity(.7); }


*, *::before, *::after{ box-sizing:border-box; }
*{ -webkit-tap-highlight-color:transparent; }

html, body{
  margin:0; padding:0;
  height:100%;
  overflow-x:hidden;
  overscroll-behavior:none;
  touch-action:manipulation;
}

body{
  font-family:var(--font-family);
  font-size:var(--font-size);
  line-height:var(--line-height);
  color:var(--text);
  background:var(--bg);
}

a{ color:var(--link); text-decoration:none; }
a:hover{ text-decoration:underline; }


@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

h1,h2,h3,h4,h5,h6{
  margin:0 0 var(--space-md);
  font-family:var(--font-heading);
  font-weight:500;
  color:var(--text);
  letter-spacing:-.2px;
}
h1{ font-size:20px; }
h2{ font-size:17px; }
h3{ font-size:15px; }
h4{ font-size:14px; }

p{ margin:0 0 var(--space-md); }


.icon{
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
  font-feature-settings:'liga';
  vertical-align:middle;
  user-select:none;
  
  font-display:block;
  color:inherit;
}

.icon:not(.font-loaded){
  visibility:visible;
}
.icon-sm{ font-size:18px; }
.icon-lg{ font-size:32px; }
.icon-xl{ font-size:42px; }


.build-badge{ display:none !important; }


#toast-host{
  position:fixed;
  top:60px;
  inset-inline:0;          
  z-index:var(--z-toast);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:0 12px;
  pointer-events:none;
}


#modal-host{
  position:fixed;
  inset:0;
  z-index:var(--z-modal);
  pointer-events:none;
}
#modal-host.is-open{ pointer-events:auto; }


.app-main{
  flex:1;
  padding:18px 24px;
  width:100%;
  max-width:100%;
}
@media (max-width:640px){
  .app-main{ padding:14px 12px; }
}


html, body{ overflow-x:hidden; }


.page-header{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:10px;
  padding:14px 18px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  margin-bottom:14px;
}
.page-title{
  font-size:20px;
  font-weight:500;
  letter-spacing:-.3px;
  color:var(--text);
  margin:0;
}
.page-subtitle{
  font-size:13px;
  color:var(--text-muted);
  margin:2px 0 0;
}
.page-actions{ display:flex; gap:6px; flex-wrap:wrap; }



.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 16px;
  border:1px solid transparent;
  border-radius:var(--radius);
  background:transparent;
  color:var(--text);
  font-family:inherit;
  font-size:var(--font-size);
  font-weight:500;
  line-height:1.4;
  cursor:pointer;
  box-shadow:none;
  transition:background-color .14s, border-color .14s, color .14s, transform .14s, box-shadow .14s;
  white-space:nowrap;
  user-select:none;
}
.btn:hover:not(:disabled){ transform:translateY(-1px); }
.btn:active:not(:disabled){ transform:translateY(0); }
.btn:disabled{ opacity:.5; cursor:not-allowed; box-shadow:none; }
.btn-link{ box-shadow:none; }
.btn-link:hover:not(:disabled){ transform:none; }

.btn-primary{
  background:var(--primary); color:var(--on-primary); border-color:var(--primary);
}
.btn-primary:hover:not(:disabled){ background:var(--primary-hover); border-color:var(--primary-hover); }
.btn-primary:active{ background:var(--primary-active); }

.btn-secondary{
  background:var(--surface); color:var(--text); border-color:var(--border-strong);
}
.btn-secondary:hover:not(:disabled){ background:var(--bg-alt); border-color:var(--border-strong); }

.btn-success{
  background:var(--success); color:#fff; border-color:var(--success);
}
.btn-success:hover:not(:disabled){ filter:brightness(.95); }

.btn-danger{
  background:var(--danger); color:#fff; border-color:var(--danger);
}
.btn-danger:hover:not(:disabled){ filter:brightness(.95); }

.btn-link{
  background:transparent; color:var(--primary); border-color:transparent;
  padding:4px 8px;
}
.btn-link:hover:not(:disabled){ background:var(--primary-bg); text-decoration:none; }

.btn-sm{ padding:4px 10px; font-size:var(--font-size-sm); }
.btn-lg{ padding:9px 20px; font-size:var(--font-size-lg); }
.btn-block{ width:100%; }

.btn-row{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }


.input, .select, .textarea,
input[type="text"], input[type="number"], input[type="email"],
input[type="password"], input[type="date"], input[type="search"], input[type="tel"],
select, textarea{
  display:block;
  width:100%;
  
  padding:10px 12px;
  min-height:44px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface);
  color:var(--text);
  font-family:inherit;
  font-size:15px;
  line-height:1.4;
  outline:none;
  transition:border-color .12s, box-shadow .12s, background-color .12s;
}

.select, select{
  cursor:pointer;
  font-weight:500;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:left 12px center;
  padding-left:38px;
}
.input:focus, .select:focus, .textarea:focus,
input:focus, select:focus, textarea:focus{
  border-color:var(--primary);
  box-shadow:var(--ring);
}
.input:disabled{ background:var(--bg-alt); color:var(--text-muted); }

textarea{ min-height:80px; resize:vertical; }


@media (max-width:640px){
  .input, .select, .textarea,
  input[type="text"], input[type="number"], input[type="email"],
  input[type="password"], input[type="date"], input[type="search"], input[type="tel"],
  select, textarea{ min-height:48px; font-size:16px; }
}


.field{ margin-bottom:14px; }
.field-label{
  display:block;
  margin-bottom:4px;
  font-size:var(--font-size-sm);
  font-weight:500;
  color:var(--text-muted);
}
.field-hint{
  margin-top:4px;
  font-size:12px;
  color:var(--text-muted);
}
.field-error{
  margin-top:4px;
  font-size:12px;
  color:var(--danger);
}
.field-required::after{ content:' *'; color:var(--danger); }


.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-lg);
  margin-bottom:var(--space-lg);
  box-shadow:none;
}
.card-header{
  margin:-16px -16px 14px;
  padding:10px 16px;
  border-bottom:1px solid var(--border);
  background:var(--bg-alt);
  font-weight:500;
  font-size:14px;
  border-radius:var(--radius) var(--radius) 0 0;
}
.card-body{ }
.card-footer{
  margin:14px -16px -16px;
  padding:10px 16px;
  border-top:1px solid var(--border);
  background:var(--bg-alt);
  display:flex; gap:8px; justify-content:flex-end;
  border-radius:0 0 var(--radius) var(--radius);
}


.modal-backdrop{
  position:fixed; inset:0;
  background:rgba(10,10,10,.38);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  z-index:var(--z-modal);
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  animation:fadeIn .18s ease both;
}
html[data-theme="dark"] .modal-backdrop{ background:rgba(0,0,0,.6); }
@keyframes fadeIn{ from{opacity:0} to{opacity:1} }

.modal{
  position:relative;
  background:var(--surface); color:var(--text);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 30px 80px -30px rgba(10,10,10,.35), 0 2px 6px rgba(10,10,10,.04);
  font-family:'Readex Pro', var(--font-family, system-ui), sans-serif;
  
  max-width:560px;
  width:100%;
  max-height:min(90vh, 900px); max-height:min(90dvh, 900px);
  display:flex; flex-direction:column;
  overflow:hidden;
  animation:mdlIn .26s cubic-bezier(.16,1,.3,1) both;
}
@keyframes mdlIn{ from{ opacity:0; transform:translateY(12px) scale(.98); } to{ opacity:1; transform:none; } }
.modal-lg{ max-width:720px; }
.modal-xl{ max-width:1040px; }

.modal-header{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:18px 22px 14px;
  background:var(--surface);
  border-bottom:1px solid var(--border);
  font-weight:500; font-size:17px; line-height:1.35; letter-spacing:-.005em;
  flex:none;
}
.modal-title{ min-width:0; flex:1; }
.modal-close{
  width:36px; height:36px; flex:none;
  display:grid; place-items:center;
  background:var(--surface); border:1px solid var(--border); border-radius:50%;
  color:var(--text-muted);
  cursor:pointer; font-size:18px; padding:0;
  transition:border-color .15s, color .15s, background-color .15s;
}
.modal-close:hover{ border-color:var(--ink, var(--text)); color:var(--text); }
.modal-close .icon{ font-size:18px; }

.modal-body{
  padding:20px 22px;
  overflow-y:auto; overflow-x:hidden;
  flex:1 1 auto;
  min-width:0; max-width:100%;
  overscroll-behavior:contain;
  font-size:14px; line-height:1.6;
}

.modal-body > *{ max-width:100%; }
.modal-body :is([style*="min-width:340px"], [style*="min-width:320px"], [style*="min-width:300px"], [style*="min-width: 340px"], [style*="min-width: 320px"]){ min-width:min(320px, 100%) !important; }
.modal-body :is([style*="min-width:520px"], [style*="min-width:560px"]){ min-width:min(520px, 100%) !important; }

.modal-footer{
  display:flex; gap:10px; justify-content:flex-end; align-items:center; flex-wrap:wrap;
  padding:14px 22px 16px;
  background:color-mix(in srgb, var(--surface) 92%, transparent);
  border-top:1px solid var(--border);
  flex:none;
}
#modal-host .modal .modal-footer > .btn{ height:auto; min-height:44px; padding:0 20px; border-radius:12px; font-size:14px; font-weight:500; }
#modal-host .modal .modal-footer > .btn-primary{ min-width:140px; }


@media (max-width:640px){
  .modal-backdrop{ padding:0; align-items:flex-end; }
  .modal, .modal-lg, .modal-xl{
    max-width:100%; width:100%;
    max-height:94vh; max-height:94dvh;
    border-radius:22px 22px 0 0; border-bottom:0;
    animation:mdlSheet .3s cubic-bezier(.16,1,.3,1) both;
  }
  @keyframes mdlSheet{ from{ transform:translateY(40px); opacity:0; } to{ transform:none; opacity:1; } }
  
  .modal:not(.modal-full)::before{ content:''; position:absolute; top:7px; left:50%; transform:translateX(-50%); width:38px; height:4px; border-radius:2px; background:var(--border-strong); opacity:.8; }
  .modal-header{ padding:20px 16px 12px; font-size:16px; }
  .modal-body{ padding:16px; -webkit-overflow-scrolling:touch; }
  .modal-footer{ padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); gap:8px; }
  #modal-host .modal .modal-footer > .btn{ flex:1 1 0; min-width:0; min-height:48px; padding:0 12px; }
  #modal-host .modal .modal-footer > .btn-primary{ flex:2 1 0; min-width:0; }
  
  #modal-host .modal .modal-footer:has(> :nth-child(3)) > .btn-primary{ flex:1 1 100%; order:-1; }
}
@media (prefers-reduced-motion:reduce){ .modal, .modal-backdrop{ animation:none !important; } }


.pill{
  display:inline-flex; align-items:center; gap:5px;
  padding:3px 11px;
  border-radius:100px;
  font-size:12px;
  font-weight:500;
  letter-spacing:.2px;
}
.pill::before{
  content:'●'; font-size:8px;
}
.pill-draft{ background:var(--warning-bg); color:var(--warning-text); }
.pill-pending{ background:var(--info-bg); color:var(--info-text); }
.pill-approved{ background:var(--success-bg); color:var(--success-text); }
.pill-posted{ background:var(--primary-bg); color:var(--text); }
.pill-rejected{ background:var(--danger-bg); color:var(--danger-text); }

.pill-warning{ background:var(--warning-bg); color:var(--warning-text); }
.pill-info{ background:var(--info-bg); color:var(--info-text); }

.pill-muted{ background:var(--bg-alt); color:var(--text-muted); }


.table{
  width:100%;
  border-collapse:collapse;
  background:var(--surface);
  font-size:var(--font-size);
}
.table thead{
  background:var(--bg-alt);
}
.table th{
  padding:11px 14px;
  text-align:start;
  font-size:12px;
  font-weight:500;
  letter-spacing:.3px;
  color:var(--text-muted);
  border-bottom:1px solid var(--border);
}
.table td{
  padding:12px 14px;
  border-bottom:1px solid var(--border);
}
.table tbody tr:hover{ background:var(--surface-hover); }
.table tbody tr:last-child td{ border-bottom:none; }


.list{ display:flex; flex-direction:column; gap:6px; }
.list-item{
  display:flex; align-items:center; gap:12px;
  padding:10px 14px;
  background:var(--surface);
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  transition:background-color .12s, border-color .12s;
}
.list-item:hover{
  background:var(--surface-hover);
  border-color:var(--border);
}
.list-item-icon{
  width:32px; height:32px;
  display:grid; place-items:center;
  background:var(--primary-bg); color:var(--primary);
  border-radius:50%;
  font-size:13px;
  flex-shrink:0;
}
.list-item-body{ flex:1; min-width:0; }
.list-item-title{ font-weight:500; color:var(--text); }
.list-item-meta{
  font-size:12px; color:var(--text-muted);
  margin-top:2px;
}
.list-item-actions{ display:flex; gap:6px; }


.empty{
  padding:50px 20px;
  text-align:center;
  color:var(--text-muted);
}
.empty-icon{
  font-size:42px;
  margin-bottom:12px;
  opacity:.5;
}
.empty-title{
  font-size:17px;
  font-weight:500;
  color:var(--text);
  margin-bottom:6px;
}
.empty-hint{
  font-size:13px;
  color:var(--text-muted);
}


.toast{
  display:flex; align-items:flex-start; gap:10px;
  background:var(--surface); color:var(--text);
  border:1px solid var(--border);
  padding:10px 16px 10px 12px; padding-inline:12px 16px;
  border-radius:14px;
  font-family:'Readex Pro', var(--font-family, system-ui), sans-serif;
  font-size:13.5px; font-weight:400; line-height:1.55;
  box-shadow:0 18px 40px -18px rgba(10,10,10,.35), 0 2px 6px rgba(10,10,10,.05);
  min-width:min(260px, 100%);
  max-width:min(460px, 100%);
  pointer-events:auto;
  animation:toastIn .28s cubic-bezier(.16,1,.3,1) both;
}
html[data-theme="dark"] .toast{ box-shadow:0 18px 40px -18px rgba(0,0,0,.8); }
@keyframes toastIn{ from{transform:translateY(-10px) scale(.98); opacity:0} to{transform:none; opacity:1} }
.toast-ic{ width:22px; height:22px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--bg-alt); color:var(--text); margin-top:0; }
.toast-ic svg{ width:13px; height:13px; display:block; }
.toast-msg{ min-width:0; flex:1; padding-top:1px; overflow-wrap:anywhere; }
.toast-success .toast-ic{ background:var(--success-bg); color:var(--success); }
.toast-error .toast-ic{ background:var(--danger-bg); color:var(--danger); }
.toast-warn .toast-ic, .toast-warning .toast-ic{ background:#f7f1e0; color:#8a6f1f; }
html[data-theme="dark"] :is(.toast-warn, .toast-warning) .toast-ic{ background:rgba(216,184,90,.14); color:#e3c77a; }
.toast-info .toast-ic{ background:var(--bg-alt); color:var(--text); }
html[data-theme="dark"] .toast-info .toast-ic{ background:rgba(237,237,234,.08); }
@media (prefers-reduced-motion:reduce){ .toast{ animation:none; } }


.filters{
  display:flex; flex-wrap:wrap; gap:6px;
  padding:8px 0 14px;
  border-bottom:1px solid var(--border-light);
  margin-bottom:14px;
}

.chip{
  padding:7px 14px;
  border:1.5px solid var(--border);
  border-radius:100px;
  background:var(--surface);
  color:var(--text);
  font-size:13px; font-weight:500; font-family:inherit; line-height:1.2;
  cursor:pointer;
  display:inline-flex; align-items:center; gap:5px;
  transition:border-color .12s, background-color .12s, color .12s;
}
.chip:hover{ border-color:var(--primary); }
.chip.active{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.filter-chip{
  padding:4px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  color:var(--text-muted);
  font-size:12px;
  font-weight:400;
  cursor:pointer;
  transition:border-color .12s, color .12s;
}
.filter-chip:hover{
  border-color:var(--primary);
  color:var(--primary);
}
.filter-chip.active{
  background:var(--primary);
  color:var(--on-primary);
  border-color:var(--primary);
}


.no-permission{
  display:flex;
  flex-direction:column; align-items:center;
  padding:60px 20px;
  text-align:center;
  color:var(--text-muted);
}
.no-permission-icon{ font-size:42px; margin-bottom:14px; opacity:.4; }
.no-permission-title{
  font-size:16px; font-weight:500; color:var(--text);
  margin-bottom:6px;
}
.no-permission-hint{ font-size:13px; }


.spinner{
  display:inline-block;
  width:18px; height:18px;
  border:2px solid var(--border);
  border-top-color:var(--primary);
  border-radius:50%;
  animation:spin .6s linear infinite;
}
@keyframes spin{ to{ transform:rotate(360deg) } }



html, body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: contain; 
}
* { -webkit-overflow-scrolling: touch; }


button, .btn, a[role="button"], [data-tab], .chip {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(22, 22, 22, 0.15);
}


.settings-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.page-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.page-actions{
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.filter-bar{
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.filter-chips{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}


.card > .table,
.table{
  width: 100%;
  border-collapse: collapse;
}

.card:has(> .table){
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table th, .table td{
  padding: 10px 12px;
  text-align: start;
  vertical-align: middle;
}


@media (max-width: 1024px){
  .app-main{ padding: 14px 16px; }
  .page-title{ font-size: 18px; }

  

}


@media (max-width: 640px){
  
  .app-main{
    padding:
      12px
      max(8px, env(safe-area-inset-right, 0))
      max(16px, env(safe-area-inset-bottom, 0))
      max(8px, env(safe-area-inset-left, 0));
  }
  
  body { min-height: 100vh; min-height: -webkit-fill-available; }

  
  .page-title{ font-size: 16px; }
  .page-subtitle{ font-size:12px; }

  
  .page-header{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .page-actions{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .page-actions .btn{
    width: 100%;
    justify-content: center;
    min-height: 44px;      
    font-size: 14px;
  }
  .page-actions select,
  .page-actions input{
    width: 100% !important;
    min-height: 44px;
  }

  
  .settings-grid{
    grid-template-columns: 1fr;
  }
  .settings-grid .field[style*="grid-column"]{
    grid-column: 1 / -1 !important;
  }

  
  .card{
    padding: 12px;
    border-radius: 8px;
  }
  .card h3{ font-size: 14px; }

  
  .table th, .table td{
    padding: 8px 6px;
    font-size: 12px;
  }
  
  .table th:last-child, .table td:last-child{
    padding: 6px 4px;
  }

  
  .filter-bar{
    flex-direction: column;
    align-items: stretch;
  }
  .filter-bar select, .filter-bar input{
    width: 100% !important;
    min-height: 40px;
  }
  .filter-chips{
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }
  .chip{ white-space: nowrap; }

  

  

  

  
  .btn-sm{
    min-height: 32px;
    padding: 6px 8px;
  }

  
  .card[style*="text-align:center"] > div[style*="font-size:32px"]{ font-size: 24px !important; }
  .card[style*="text-align:center"] > div[style*="font-size:22px"]{ font-size: 18px !important; }
}


@media (max-width: 380px){
  
  .page-title{ font-size: 15px; }
}


@media (min-width: 1600px){
  .app-main{
    max-width: 1500px;
    margin: 0 auto;
  }
}


@media (max-width: 640px){
  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="email"],
  input[type="date"],
  input[type="month"],
  input[type="search"],
  select,
  textarea{
    font-size: 16px !important;     
    min-height: 40px;
  }
}


@media print{
   .modal-backdrop, .toast { display: none !important; }
}


@media (max-width: 640px){
  
  .filter-chips {
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
  }
  .filter-chips::-webkit-scrollbar { display: none; }
  .filter-chips .chip { scroll-snap-align: start; }

  
  .card:has(> .table){
    overflow-x: auto;
    scrollbar-width: thin;
    border-radius: 10px;
  }
  .card:has(> .table)::-webkit-scrollbar { height: 4px; }
  .card:has(> .table)::-webkit-scrollbar-thumb {
    background: rgba(22, 22, 22, 0.3);
    border-radius: 2px;
  }


  
  #toast-host {
    padding-bottom: env(safe-area-inset-bottom, 0);
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
  }

  
  .btn:active,
  .chip:active,
  button:active {
    transform: scale(0.97);
    transition: transform 0.1s;
  }

  
  input, select, textarea {
    border-radius: 8px;
    transition: box-shadow 0.15s, border-color 0.15s;
  }
  input:focus, select:focus, textarea:focus {
    box-shadow: var(--ring);
    border-color: var(--primary);
    outline: none;
  }

  
  .page-header {
    position: static;
    background: var(--surface);
    padding: 12px 14px;
    margin: 0 0 12px;
  }

  
  .card {
    box-shadow: none;
    border-radius: 12px;
  }
}


@media all and (display-mode: standalone) {
  body {
    
    min-height: 100vh;
    min-height: 100dvh; 
  }
  
  
}


html { scroll-behavior: smooth; }
.app-main { -webkit-overflow-scrolling: touch; }



.btn, .input, .select, .textarea, .card,
.pill, .vf-src-card, .vf-bank-pill, .vf-type-btn, .asst-tab {
  transition: background-color .16s ease, border-color .16s ease,
              box-shadow .18s ease, transform .12s ease, color .16s ease;
}


.btn:not(:disabled):active { transform: translateY(1px); }
.btn:disabled { opacity: .55; cursor: not-allowed; }


.card { box-shadow: none; }




.input:focus, .select:focus, .textarea:focus,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  border-color: var(--primary);
  box-shadow: var(--ring);
}


.btn:focus-visible, a:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}


.table tbody tr { transition: background-color .12s ease; }
.table tbody tr:hover { background: var(--surface-hover); }




@keyframes modalIn {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }


@keyframes toastIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}


* { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: var(--border-strong); border-radius: 10px;
  border: 2px solid var(--bg);
}
*::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }


.pill { border-radius: 999px; }


#asst-fab { transition: transform .15s ease, box-shadow .2s ease; }
#asst-fab:hover { transform: scale(1.04); box-shadow: var(--shadow-lg); }
#asst-fab:active { transform: scale(.96); }
#asst-panel { animation: modalIn .18s ease both; }


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { opacity: .35; }




.card img { border-radius: var(--radius-lg); }






.page-header {
  border-radius: var(--radius);
  box-shadow: none;
  position: relative;
  margin-bottom: 16px;
}
.page-title { font-weight: 500; letter-spacing: -.2px; }


.card { border-radius: var(--radius-lg); margin-bottom: 14px; }
.card:last-child { margin-bottom: 0; }


.card > h3 { letter-spacing: -.1px; }


.grid-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}
.grid-cards-sm { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }


.empty { text-align: center; padding: 34px 16px; color: var(--text-muted); }
.empty .icon, .empty .empty-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 64px; height: 64px; border-radius: 50%;
  background: var(--primary-bg); color: var(--primary);
  font-size: 32px; margin-bottom: 10px;
}
.empty-title { font-weight: 500; color: var(--text); margin-top: 6px; }
.empty-hint { font-size:13px; margin-top: 4px; }


.skeleton {
  background: linear-gradient(90deg, var(--bg-alt) 25%, var(--border-light) 37%, var(--bg-alt) 63%);
  background-size: 400% 100%; border-radius: 8px; animation: skel 1.2s ease infinite;
}
@keyframes skel { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }


.table thead th {
  text-transform: none; letter-spacing: 0; font-weight: 500;
  color: var(--text-muted); background: var(--bg-alt);
}
.table { border-radius: var(--radius); overflow: hidden; }


.pill { padding: 3px 10px; font-size:12px; font-weight: 500; border-radius: 999px; }


.input, .select, .textarea { border-radius: var(--radius-sm); }


.btn { border-radius: var(--radius-sm); }


.kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 14px; }






.page-header{ border:1px solid var(--border); }


body{ background:var(--bg); }


.tabs .tab.active, .tab-active { border-bottom:2px solid var(--primary); color:var(--primary); }



.field-label{ color:var(--text-muted); font-weight:500; font-size:12px; }

.btn-secondary{ background:var(--surface); }
.btn-secondary:hover:not(:disabled){ background:var(--bg-alt); }

.page-header{ padding:12px 16px; }

.card > h3:first-child{ font-size:14.5px; font-weight:500; color:var(--text); }

.table th, .table td{ padding:9px 12px; }
.table tbody tr{ border-bottom:1px solid var(--border-light); }

a{ color:var(--primary); }

.input, .select{ min-height:34px; }


.btn{
  min-height:36px;
  padding:6px 16px;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
}
.btn-sm{ min-height:30px; padding:4px 11px; font-size:12px; font-weight:500; }
.btn-lg{ min-height:44px; padding:10px 22px; font-size:15px; }
.btn .icon{ font-size:18px; }
.btn-sm .icon{ font-size:15px; }

.btn-primary{ background:var(--primary); border-color:var(--primary); color:var(--on-primary); }
.btn-success{ background:var(--success); border-color:var(--success); color:#fff; }
.btn-danger{ background:var(--danger); border-color:var(--danger); color:#fff; }
.btn-secondary{ background:var(--surface); border-color:var(--border-strong); color:var(--text); }


.cat-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px; }
.cat-tile{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:18px 10px; background:var(--surface); border:1px solid var(--border);
  border-radius:14px; cursor:pointer; font-family:inherit;
  transition:transform .15s ease, box-shadow .18s ease, border-color .15s ease;
}
.cat-tile:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:var(--border-strong); }
.cat-tile:active{ transform:translateY(-1px); }
.cat-tile-ic{
  width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center;
  font-size:30px; background:var(--bg-alt);
}
.cat-tile-name{ font-weight:500; font-size:13px; color:var(--text); text-align:center; line-height:1.3; }


@media (max-width:640px){
  .cat-grid{ grid-template-columns:repeat(3,1fr); gap:10px; }
  .cat-tile-ic{ width:48px; height:48px; font-size:26px; }
  .cat-tile-name{ font-size:12px; }
  .grid-cards, .grid-cards-sm{ grid-template-columns:repeat(2,1fr) !important; gap:10px; }
  .page-header{ flex-direction:column; align-items:stretch; }
  .page-actions{ width:100%; }
}




html{ scroll-behavior:smooth; }
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }


@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }


.btn{ border-radius:var(--radius-sm); font-weight:500; letter-spacing:.1px; }
.btn:active:not(:disabled){ transform:translateY(1px); }
.btn-sm{ border-radius:var(--radius-sm); }


.card{ border-radius:var(--radius-lg); box-shadow:none; }
.page-title{ letter-spacing:-.3px; }


.table{ border-collapse:separate; border-spacing:0; }
.table thead th{ background:var(--bg-alt); font-weight:500; }
.table tbody tr{ transition:background-color .14s ease; }
.table tbody tr:hover{ background:var(--surface-hover); }


.input:focus, .select:focus, .textarea:focus, input:focus, select:focus, textarea:focus{
  box-shadow:var(--ring);
}



.icon{ transition:font-variation-settings .2s ease; }


.pill, .badge{ border-radius:100px; }


*{ scrollbar-width:thin; scrollbar-color:var(--border-strong) transparent; }
*::-webkit-scrollbar{ width:9px; height:9px; }
*::-webkit-scrollbar-thumb{ background:var(--border-strong); border-radius:100px; border:2px solid transparent; background-clip:content-box; }
*::-webkit-scrollbar-thumb:hover{ background:var(--text-disabled); background-clip:content-box; }




#asst-fab{ box-shadow:var(--shadow-lg); }







.btn-primary{
  background:var(--primary);
  border-color:var(--primary);
}
.btn-primary:not(:disabled):hover{
  background:var(--primary-hover);
  border-color:var(--primary-hover);
}



@media (max-width:640px){
  .btn{ min-height:44px; }
  .btn.btn-sm{ min-height:38px; }
  .page-actions{ flex-wrap:wrap; gap:8px; }
  .page-actions .btn{ flex:1 1 auto; justify-content:center; }

}










.input, .select, .textarea,
input.input, select.select, textarea.input,
input[type="text"].input, input[type="number"].input, input[type="date"].input{
  border:1.5px solid var(--border-strong);
  background-color:var(--surface);   
  border-radius:10px;
}
.input::placeholder, .textarea::placeholder, textarea.input::placeholder{ color:var(--text-disabled); }
.input:focus, .select:focus, .textarea:focus, textarea.input:focus, select.select:focus{
  border-color:var(--primary);
  box-shadow:var(--ring);
  outline:none;
}
.input:hover:not(:focus), .select:hover:not(:focus), .textarea:hover:not(:focus){ border-color:var(--text-disabled); }

.input:disabled, .select:disabled, .input[disabled]{ background:var(--bg-alt); border-color:var(--border); color:var(--text-muted); }



.modal-backdrop-full{
  background:var(--surface,#fff) !important;
  padding:0 !important;
  align-items:stretch !important; justify-content:stretch !important;
}
.modal-full{
  width:100%; max-width:100%;
  height:100%; max-height:100%;
  display:flex; flex-direction:column;
  border-radius:0; border:0; overflow:hidden; box-shadow:none; background:var(--surface);
  animation:vfPageIn .24s ease;
}
@keyframes vfPageIn{ from{ opacity:0; } to{ opacity:1; } }


.modal-full .modal-header{
  padding:16px 32px; font-size:18px; font-weight:500;
  border-bottom:1px solid var(--border);
  background:var(--surface); position:sticky; top:0; z-index:3;
}

.modal-full .modal-body{
  padding:28px 32px 40px; overflow-y:auto; flex:1 1 auto;
  background:var(--surface);
}
.modal-full .modal-body > *{ max-width:1160px; margin-inline:auto; }


.modal-full .modal-footer{
  padding:14px 24px; gap:12px;
  border-top:1px solid var(--border);
  background:var(--surface); position:sticky; bottom:0; z-index:3;
  box-shadow:0 -4px 16px rgba(0,0,0,.05);
  justify-content:center;
}
.modal-full .modal-footer .btn{ padding:12px 22px; font-size:15px; font-weight:500; border-radius:12px; }
.modal-full .modal-footer .btn-primary{ flex:1; max-width:560px; }
.modal-full .modal-footer .btn-secondary{ min-width:140px; }


.modal-full .vf-sources{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.modal-full .vf-src-card{ border-radius:14px; padding:14px 12px; transition:transform .12s ease, box-shadow .15s ease, border-color .15s ease; }
.modal-full .field{ margin-bottom:18px; }
@media (min-width:900px){ .modal-full .vf-sources{ grid-template-columns:repeat(4, 1fr); } }
@media (max-width:560px){
  .modal-full .vf-sources{ grid-template-columns:repeat(2, 1fr); gap:8px; }
  .vf-src-card{ white-space:normal; overflow:visible; text-overflow:clip; min-height:48px; align-items:center; }
}
@media (hover:hover){ .modal-full .vf-src-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); } }


@media (min-width:900px){
  .modal-full #vf-body{
    display:grid; grid-template-columns:1fr 1fr;
    column-gap:32px; row-gap:0; align-content:start;
  }
  
  .modal-full #vf-body > div[style*="1fr 1fr"],
  .modal-full #vf-body > .field:has(.vf-sources),
  .modal-full #vf-body > .field:has(textarea),
  .modal-full #vf-body > .card,
  .modal-full #vf-body > details{ grid-column:1 / -1; }
}

@media (max-width:640px){
  .modal-full .modal-header{ padding:14px 18px; }
  .modal-full .modal-body{ padding:18px 16px 26px; overflow-x:hidden; }
  .modal-full .modal-footer .btn-primary{ max-width:none; }
  
  .modal-full #vf-body div[style*="1fr 1fr"]{ grid-template-columns:1fr !important; }
  
  .modal-full input, .modal-full select, .modal-full textarea{
    min-width:0; max-width:100%; width:100%; box-sizing:border-box;
  }
}



.vf-type-btn{
  display:flex; align-items:center; justify-content:center;
  gap:8px; padding:14px 18px;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  color:var(--text-muted);
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  cursor:pointer;
  transition:background-color .12s, border-color .12s, color .12s;
}
.vf-type-btn:hover{
  background:var(--bg-alt);
  border-color:var(--border-strong);
}
.vf-type-btn .icon{ font-size:22px !important; }
.vf-type-btn.active[data-type="in"]{
  background:var(--success-bg);
  border-color:var(--success);
  color:var(--success-text);
}
.vf-type-btn.active[data-type="out"]{
  background:var(--danger-bg);
  border-color:var(--danger);
  color:var(--danger-text);
}


.vf-sources{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px;
}
@media (min-width:560px){ .vf-sources{ grid-template-columns:repeat(3, 1fr); } }
.vf-src-card{
  display:flex; align-items:center; gap:8px;
  padding:11px 12px; min-width:0;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  color:var(--text);
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  text-align:start;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  transition:border-color .12s, background .12s, color .12s;
}
@media (hover:hover){
  .vf-src-card:hover{
    border-color:var(--primary);
    background:var(--primary-bg);
    color:var(--primary);
  }
}
.vf-src-card:active{ transform:scale(.98); }
.vf-src-card.active{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
}
.vf-src-card.active .icon{ color:#fff; }
.vf-src-card .icon{ flex-shrink:0; }


.vf-banks{
  display:flex; flex-wrap:wrap; gap:6px;
}
.vf-bank-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 14px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  color:var(--text-muted);
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
  transition:background-color .12s, border-color .12s, color .12s;
}
.vf-bank-pill:hover{
  border-color:var(--primary);
  color:var(--primary);
}
.vf-bank-pill.active{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
}
.vf-bank-pill.active .icon{ color:#fff; }


.vf-method{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
.vf-method-pill{
  display:flex; align-items:center; gap:10px;
  padding:14px 14px;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:14px;
  color:var(--text);
  font-family:inherit;
  cursor:pointer;
  text-align:start;
  transition:border-color .15s, box-shadow .15s, background .15s, transform .15s;
}
.vf-method-pill:hover{ border-color:var(--primary); transform:translateY(-1px); }
.vf-method-pill .icon{ font-size:24px; color:var(--text-muted); }
.vf-method-txt{ display:flex; flex-direction:column; line-height:1.25; }
.vf-method-txt strong{ font-size:15px; font-weight:500; }
.vf-method-txt small{ font-size:12px; color:var(--text-muted); }
.vf-method-pill.active{
  border-color:var(--primary);
  background:var(--surface);
  box-shadow:0 8px 22px -14px rgba(20,20,20,.55), inset 0 0 0 1px var(--primary);
}
.vf-method-pill.active .icon{ color:var(--primary); }
@media (max-width:520px){
  .vf-method{ grid-template-columns:1fr; }
}


.vf-party-wrap{ position:relative; }
.vf-party-suggestions{
  position:absolute; top:100%; left:0; right:0;
  margin-top:2px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
  z-index:1000;
  max-height:280px;
  overflow-y:auto;
  display:none;
}
.vf-party-item{
  display:flex; justify-content:space-between; align-items:center;
  width:100%; padding:8px 12px;
  background:transparent;
  border:none;
  border-bottom:1px solid var(--border-light);
  text-align:start;
  cursor:pointer;
  font-family:inherit;
  font-size:13px;
  color:var(--text);
}
.vf-party-item:last-child{ border-bottom:none; }
.vf-party-item:hover{ background:var(--bg-alt); }
.vf-party-name{ font-weight:500; }
.vf-party-meta{ font-size:12px; font-weight:500; }


.vf-party-balance{ margin-top:8px; }


.batch-bar{
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:8px;
  padding:10px 16px;
  margin-bottom:14px;
  background:var(--primary);
  color:var(--on-primary);
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
}
.batch-bar strong{ font-weight:500; }
.batch-bar .icon{ color:var(--on-primary); }
.batch-bar .btn-success{ background:var(--surface); color:var(--success-text); border-color:var(--surface); }
.batch-bar .btn-success:hover{ background:var(--surface); opacity:.9; }
.batch-bar .btn-primary{ background:color-mix(in srgb, var(--on-primary) 18%, transparent); color:var(--on-primary); border-color:color-mix(in srgb, var(--on-primary) 30%, transparent); }
.batch-bar .btn-primary:hover{ background:color-mix(in srgb, var(--on-primary) 28%, transparent); border-color:color-mix(in srgb, var(--on-primary) 50%, transparent); }
.batch-bar .btn-secondary{ background:transparent; color:var(--on-primary); border-color:color-mix(in srgb, var(--on-primary) 40%, transparent); }
.batch-bar .btn-secondary:hover{ background:color-mix(in srgb, var(--on-primary) 12%, transparent); }


.row-selected{ background:var(--primary-bg) !important; }
.row-selected td:first-child{ border-inline-start:3px solid var(--primary); }
.row-checkbox{ cursor:pointer; }


.filter-sep{
  width:1px;
  background:var(--border-light);
  align-self:stretch;
  margin:0 4px;
}


.excluded-mark{
  font-size:12px;
  margin-inline-start:4px;
  opacity:.7;
  cursor:help;
}


.batch-warn{
  font-size:12px;
  padding:2px 8px;
  background:color-mix(in srgb, var(--on-primary) 20%, transparent);
  border-radius:10px;
  color:var(--on-primary);
  margin-inline-start:8px;
}


.vlx .page-header{ border:1px solid var(--border) !important; border-radius:16px; }


.vlx .table{ border-collapse:separate; border-spacing:0; }
.vlx .table thead th{
  background:var(--surface-hover); color:var(--text-muted); font-weight:500; font-size:12px;
  letter-spacing:.4px; text-align:start; white-space:nowrap;
  padding:12px 14px; border-bottom:1px solid var(--border);
}
.vlx .table tbody td{
  padding:13px 14px; font-size:14px; vertical-align:middle;
  border-bottom:1px solid var(--border); color:var(--text);
}
.vlx .table tbody tr{ transition:background .14s; }
.vlx .table tbody tr:hover{ background:var(--surface-hover); }
.vlx .table tbody tr.row-selected{ background:var(--primary-bg); box-shadow:inset 3px 0 0 var(--primary); }
.vlx .table tbody tr:last-child td{ border-bottom:0; }


.vlx .pill{ padding:3px 11px; border-radius:999px; font-size:12px; font-weight:500; }


.vlx .filters{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.vlx .filter-chip{
  border:1px solid var(--border); background:var(--surface); color:var(--text-muted);
  border-radius:999px; padding:6px 14px; font-size:13px; font-weight:400;
  cursor:pointer; transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.vlx .filter-chip:hover{ border-color:var(--border-strong); background:var(--surface-hover); }
.vlx .filter-chip.active{ background:var(--primary); border-color:var(--primary); color:var(--bg); box-shadow:0 5px 14px -7px rgba(20,20,20,.55); }
.vlx .filter-sep{ width:1px; align-self:stretch; min-height:22px; background:var(--border); margin:2px 4px; }


.vlx .table td .btn.btn-sm{ width:32px; height:32px; min-height:32px; padding:0; justify-content:center; border-radius:9px; }

@media (max-width:640px){
  .vlx .filter-chip{ padding:5px 11px; font-size:12px; }

  
  .vlx .table thead{ display:none; }
  .vlx .table, .vlx .table tbody, .vlx .table tr, .vlx .table td{ display:block; width:auto; }
  .vlx .table > div, .vlx .card > div[style*="overflow"]{ overflow:visible !important; }
  .vlx .table tr{
    position:relative;
    background:var(--surface); border:1px solid var(--border); border-radius:15px;
    padding:14px 16px 10px; margin:0 0 12px;
    box-shadow:0 5px 16px -11px rgba(20,20,20,.16);
  }
  .vlx .table tr.row-selected{ box-shadow:inset 3px 0 0 var(--primary), 0 5px 16px -11px rgba(20,20,20,.16); border-color:var(--primary); }
  .vlx .table td{
    border:0 !important; padding:6px 0 !important;
    display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
    font-size:14px; text-align:start;
    min-width:0; overflow-wrap:anywhere; word-break:break-word;
  }
  .vlx .table td::before{
    content:attr(data-label); color:var(--text-muted); font-weight:400; font-size:12px; flex:none;
    overflow-wrap:normal; word-break:normal;
  }
  .vlx .table td[data-label]{ }
  .vlx .table td:not([data-label]):empty{ display:none; }   

  
  .vlx .table td.vlx-amt{ font-size:20px; font-weight:500 !important; text-align:start !important; padding-bottom:8px !important; }
  .vlx .table td.vlx-amt::before{ font-size:12px; align-self:center; }

  
  .vlx .table td.vlx-chev{ display:none !important; }

  
  .vlx .table td.vlx-sel{ position:absolute; top:12px; inset-inline-start:14px; padding:0 !important; width:auto; }
  .vlx .table td.vlx-sel::before{ content:none; }
  .vlx .table td.vlx-sel:empty{ display:none; }

  
  .vlx .table td.vlx-actions{ margin-top:8px; padding-top:10px !important; border-top:1px solid var(--border) !important; }
  .vlx .table td.vlx-actions::before{ content:none; }
  .vlx .table td.vlx-actions > div{ width:100%; gap:6px; }
  .vlx .table td.vlx-actions .btn.btn-sm{ width:36px; height:36px; }
}


.modal-full #vf-body{ max-width:1040px; margin-inline:auto; }
.modal-full .field-label{ font-weight:500; color:var(--text-muted); }


.modal-full #vf-amount{ font-size:20px; font-weight:500; height:54px; border-radius:12px; }
.modal-full #vf-amount:focus{ border-color:var(--primary); box-shadow:0 0 0 4px rgba(20,20,20,.07); }


.vf-type-btn{ padding:16px; border-radius:14px; font-size:15px; font-weight:500; }
.vf-type-btn.active[data-type="in"]{ box-shadow:0 10px 22px -12px rgba(45,159,45,.55); }
.vf-type-btn.active[data-type="out"]{ box-shadow:0 10px 22px -12px rgba(198,40,40,.5); }


.vf-src-card{ border-radius:13px; }
.vf-src-card.active{ box-shadow:0 9px 20px -10px rgba(20,20,20,.5); }
.vf-bank-pill{ border-radius:11px; }
.vf-bank-pill.active{ box-shadow:0 7px 16px -8px rgba(20,20,20,.5); }


@media (max-width:640px){
  .vl-table thead{ display:none; }
  .vl-table, .vl-table tbody, .vl-table tr, .vl-table td{ display:block; width:100%; }
  .vl-table tr{
    border:1px solid var(--border); border-radius:14px; margin-bottom:11px;
    padding:6px 13px; background:var(--surface); box-shadow:var(--shadow-sm);
  }
  .vl-table tr.row-selected{ border-color:var(--primary); box-shadow:0 0 0 2px var(--primary-bg); }
  .vl-table td{
    border:none; display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:7px 0; text-align:start; min-height:34px;
  }
  .vl-table td + td{ border-top:1px solid var(--border-light,var(--border)); }
  .vl-table td[data-label]::before{
    content:attr(data-label); color:var(--text-muted); font-weight:500; font-size:12px; flex:none;
  }
  
  .vl-table td.vlx-sel{ display:none; }
  .vl-table td.vlx-actions{ border-top:1px solid var(--border); margin-top:3px; padding-top:9px; }
  .vl-table td.vlx-actions > div{ width:100%; justify-content:flex-start; }
  .vl-table td.vlx-actions .btn{ flex:0 0 auto; }
  
  .vl-table td.vlx-amt{ font-size:15px; }
  
  .vl-table td[data-label]:empty{ display:none; }
}

.ss2{ display:flex; flex-direction:column; gap:16px; max-width:1180px; margin:0 auto; }
.ss2 *, .ss2 *::before, .ss2 *::after{ box-sizing:border-box; }
.ss2 .num{ font-family:var(--font-num); font-variant-numeric:tabular-nums; }


.ss-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; padding:4px 2px 0; }
.ss-head h1{ margin:0 0 4px; font-size:24px; font-weight:500; letter-spacing:-.4px; line-height:1.2; }
.ss-head p{ margin:0; color:var(--text-muted); font-size:13.5px; }





.ss2 .field-hint{ color:var(--text-muted); font-size:12.5px; line-height:1.7; }
.ss2 .field-hint code{ font-family:var(--font-num); font-size:11.5px; background:var(--bg-alt); padding:1px 5px; border-radius:5px; }


.ss2 .field{ margin:0; }
.ss2 .field-label, .ss2 label.field-label{ display:block; font-size:12.5px; font-weight:500; color:var(--text-muted); line-height:20px; margin:0 0 6px; }
.ss2 .input, .ss2 .select, .ss2 select.select, .ss2 textarea.input{
  min-height:44px; padding:0 13px; font:inherit; font-size:14px; font-weight:500; color:var(--text); background:var(--surface);
  border:1px solid var(--border-strong); border-radius:10px !important; box-shadow:none; transition:border-color var(--dur), box-shadow var(--dur);
}
.ss2 textarea.input{ padding:10px 13px; line-height:1.7; min-height:88px; }
.ss2 .input:focus, .ss2 .select:focus, .ss2 textarea.input:focus{ outline:none; border-color:var(--primary); box-shadow:var(--ring); }
.ss2 .input::placeholder{ color:var(--text-faint); font-weight:500; }
.ss2 .input[dir=ltr], .ss2 .input[type=number], .ss2 .input[list]{ font-family:var(--font-num); }
.ss2 .input.ss-bad{ border-color:var(--danger); background:var(--danger-bg); color:var(--danger-text); }
.ss2 .settings-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:8px; }
.ss2 .settings-checkbox{ display:flex; align-items:center; gap:10px; padding:10px 12px; margin:6px 0 0; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); cursor:pointer; font-size:13.5px; font-weight:500; }
.ss2 .settings-checkbox input{ width:18px; height:18px; margin:0; accent-color:var(--primary); cursor:pointer; }


.ss2 .btn{ display:inline-flex; align-items:center; gap:8px; border:1px solid transparent; border-radius:10px !important; padding:9px 16px; min-height:40px;
  font:inherit; font-size:13.5px; font-weight:500; line-height:1.3; cursor:pointer; text-decoration:none; box-shadow:none; }
.ss2 .btn .icon{ font-size:18px; }
.ss2 .btn-primary{ background:var(--primary); color:var(--on-primary); } .ss2 .btn-primary:hover{ background:var(--primary-hover); }
.ss2 .btn-secondary{ background:var(--surface); border-color:var(--border-strong); color:var(--text); } .ss2 .btn-secondary:hover{ background:var(--bg-alt); }
.ss2 .btn-danger{ background:var(--danger-bg); color:var(--danger-text); }
.ss2 .btn-sm{ padding:6px 12px; min-height:34px; font-size:12.5px; border-radius:8px !important; }
.ss2 .btn:disabled{ opacity:.5; cursor:not-allowed; }


.ss2 .table{ width:100%; border-collapse:collapse; margin:0; }
.ss2 .table th{ text-align:start; font-size:11.5px; font-weight:500; color:var(--text-muted); padding:9px 10px; border-bottom:1px solid var(--border); background:var(--surface-2); }
.ss2 .table td{ padding:8px 10px; border-bottom:1px solid var(--border); vertical-align:middle; font-size:13px; }
.ss2 .table tbody tr:last-child td{ border-bottom:0; }


.ss2 .pill{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:2px 10px; font-size:12px; font-weight:500; }
.ss2 .ss-noacc{ font-size:12px; font-weight:500; color:var(--success-text); background:var(--success-bg); padding:8px 10px; border-radius:10px; margin-bottom:8px; }


.ss2 .ss-check.ok{ border-color:var(--success); }
.ss2 .ss-check.ok h3 .icon{ background:var(--success-bg); color:var(--success-text); }
.ss2 .ss-check.bad{ border-color:var(--danger); }
.ss2 .ss-check.bad h3 .icon{ background:var(--danger-bg); color:var(--danger-text); }
.ss2 .ss-problems{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.ss2 .ss-problems li{ display:flex; align-items:center; gap:10px; padding:8px 12px; border-radius:10px; background:var(--danger-bg); color:var(--danger-text); font-size:13px; font-weight:500; }
.ss2 .ss-problems li b{ font-weight:500; }



@media (max-width:640px){
  
  .ss2 .settings-grid{ grid-template-columns:1fr; }
}


.rpx{
  
  --rpx-ink:var(--text);
  --rpx-muted:var(--text-muted);
  --rpx-line:var(--border);
  --rpx-line2:var(--border-light,var(--border));
  --rpx-accent:var(--primary);
  animation:rpxIn .4s cubic-bezier(.16,.84,.44,1);
}
@keyframes rpxIn{ from{ opacity:0; transform:translateY(8px) } to{ opacity:1; transform:none } }


.rpx .page-header{
  position:relative;
  border:1px solid var(--border);
  border-radius:10px;
  padding:12px 16px;
  background:var(--surface);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}

.rpx .page-header::before{ display:none; }
.rpx .page-title{
  font-size:20px; font-weight:500; letter-spacing:-.2px; color:var(--text);
}
.rpx .page-subtitle{ font-size:13px; color:var(--rpx-muted); margin-top:3px; }
.rpx .page-actions{ gap:8px; }


.rpx .card{
  border:1px solid var(--rpx-line);
  border-radius:16px;
  box-shadow:none;
  transition:border-color .25s ease;
}
.rpx .card:hover{ border-color:var(--border-strong); }
.rpx .card h3{ letter-spacing:-.2px; color:var(--rpx-ink); }


.rpx-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
  margin-bottom:14px;
}
.rpx-kpi{
  position:relative;
  background:var(--surface);
  border:1px solid var(--rpx-line);
  border-radius:16px;
  padding:16px 18px;
  box-shadow:none;
  overflow:hidden;
  transition:border-color .22s ease;
}
.rpx-kpi:hover{ border-color:var(--border-strong); }

.rpx-kpi::after{
  content:""; position:absolute; inset-block-start:0; inset-inline-start:0; width:34px; height:2px;
  background:var(--rpx-accent); border-radius:2px;
}
.rpx-kpi .k-label{ font-size:12px; font-weight:500; color:var(--rpx-muted); letter-spacing:.2px; }
.rpx-kpi .k-value{ font-size:25px; font-weight:500; margin-top:6px; color:var(--rpx-ink); font-variant-numeric:tabular-nums; letter-spacing:-.5px; }
.rpx-kpi .k-sub{ font-size:12px; color:var(--rpx-muted); margin-top:3px; }

.rpx-kpi.k-hero{ border-color:var(--primary); color:var(--on-primary); background:var(--primary); }
.rpx-kpi.k-hero::after{ background:var(--on-primary); opacity:.5; }
.rpx-kpi.k-hero .k-label{ color:var(--on-primary); opacity:.85; }
.rpx-kpi.k-hero .k-value{ color:var(--on-primary); }
.rpx-kpi.k-hero .k-sub{ color:var(--on-primary); opacity:.8; }


.rpx .table{ font-variant-numeric:tabular-nums; }
.rpx .table thead{
  background:var(--bg-alt);
}
.rpx .table th{
  font-size:12px; font-weight:500; letter-spacing:.5px;
  color:var(--rpx-muted); padding:11px 14px;
  border-bottom:1px solid var(--rpx-line);
}
.rpx .table td{
  padding:11px 14px; font-size:13px; color:var(--rpx-ink);
  border-bottom:1px solid var(--rpx-line2);
}
.rpx .table tbody tr{ transition:background-color .15s ease; }
.rpx .table tbody tr:nth-child(even){ background:var(--surface-hover); }
.rpx .table tbody tr:hover{ background:var(--surface-hover); }
.rpx .table tfoot tr{ font-weight:500; }
.rpx .table tfoot td{ border-top:2px solid var(--border-strong); background:var(--surface-hover); }

.rpx .tbl-wrap, .rpx [style*="overflow-x:auto"]{
  border-radius:14px;
  border:1px solid var(--rpx-line);
  -webkit-overflow-scrolling:touch;
}


.rpx .page-actions .input,
.rpx .page-actions .select{
  border:1.5px solid var(--border-strong); border-radius:10px; height:38px;
}
.rpx .page-actions .btn{ border-radius:10px; height:38px; }


.rpx [data-acc],
.rpx tr[data-move]{ transition:background-color .15s ease; }
.rpx [data-acc]:hover{ background:var(--bg-alt); border-radius:8px; }


@media (max-width:640px){
  .rpx .page-header{
    flex-direction:column; align-items:stretch; gap:12px;
    padding:14px 16px 14px 18px;
  }
  .rpx .page-title{ font-size:17px; }
  .rpx .page-actions{ width:100%; }
  .rpx .page-actions .input,
  .rpx .page-actions .select,
  .rpx .page-actions .btn{ flex:1 1 auto; width:auto; min-width:0; }
  .rpx .page-actions .input[type="date"]{ width:auto !important; }

  .rpx .card{ border-radius:14px; padding:14px; }
  .rpx-kpis{ grid-template-columns:1fr 1fr; gap:10px; }
  .rpx-kpi{ padding:13px 14px; border-radius:14px; }
  .rpx-kpi .k-value{ font-size:21px; }
  .rpx-kpi.k-hero{ grid-column:1 / -1; }

  
  .rpx .table{ font-size:12px; }
  .rpx .table th,
  .rpx .table td{ padding:9px 10px; white-space:nowrap; }
}

@media (max-width:380px){
  .rpx-kpis{ grid-template-columns:1fr; }
}



@media (max-width: 700px) {
  .rpx table.table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}


.mx { --mx-r:16px; --mx-r-sm:11px; }
.mx .ic{ display:inline-flex; vertical-align:middle; flex:none; }


.mx-head{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding:12px 16px; background:var(--surface); border:1px solid var(--border); border-radius:10px;
  box-shadow:var(--shadow-sm); position:relative; overflow:hidden; margin-bottom:16px;
}
.mx-head::before{ display:none; }
.mx-title{ margin:0; font-family:var(--font-heading,inherit); font-size:20px; font-weight:500; letter-spacing:-.2px; display:flex; align-items:center; gap:10px; color:var(--text); }
.mx-title .ic{ color:var(--primary); }
.mx-sub{ margin:2px 0 0; color:var(--text-muted); font-size:13px; }
.mx-head-actions{ display:flex; gap:9px; flex-wrap:wrap; }


.page-title > .icon, .mx-title > .icon, .mx-title > .ic, .mx-title > svg{ display:none; }


.filter-bar{ margin-bottom:16px; align-items:center; gap:8px; }
.filter-bar .input, .filter-bar .select, .filter-bar input[type="search"],
.page-actions input[type="search"], .page-actions .input{ height:38px; border-radius:10px; }

input[type="search"], .search-input, .search-box input, .input.search{
  height:38px; min-height:38px; border-radius:10px;
}


.mx-btn{ display:inline-flex; align-items:center; gap:7px; border:1px solid var(--border); background:var(--surface); color:var(--text);
  border-radius:var(--mx-r-sm); padding:9px 15px; font-family:inherit; font-size:14px; font-weight:500; cursor:pointer;
  transition:transform .15s, border-color .15s, background-color .15s, opacity .15s; box-shadow:none; }
.mx-btn:hover{ transform:translateY(-1px); border-color:var(--text); }
.mx-btn:active{ transform:translateY(0); }
.mx-btn:disabled{ opacity:.55; cursor:default; transform:none; }
.mx-btn-primary{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.mx-btn-primary:hover{ opacity:.92; border-color:var(--primary); }
.mx-btn-sm{ padding:7px 11px; font-size:13px; }


.mx-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.mx-chip{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--border); background:var(--surface); color:var(--text-muted);
  border-radius:100px; padding:6px 13px; font-size:13px; font-weight:400; cursor:pointer; transition:background-color .15s, border-color .15s, color .15s; }
.mx-chip:hover{ color:var(--text); border-color:var(--border-strong,var(--border)); }
.mx-chip.on{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }


.mx-sec{ display:flex; align-items:center; gap:8px; margin:24px 2px 12px; font-size:13px; font-weight:500; color:var(--text-muted); }
.mx-sec::after{ content:""; flex:1; height:1px; background:var(--border); }


.mx-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--mx-r); box-shadow:none; overflow:hidden; }
.mx-card-h{ padding:13px 18px; border-bottom:1px solid var(--border); font-weight:500; font-size:14px; display:flex; align-items:center; gap:8px; color:var(--text); }
.mx-card-h .ic{ color:var(--primary); }
.mx-card-b{ padding:18px; }


.mx-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }


.mx-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:13px; margin-bottom:22px; }
.mx-stat{ background:var(--surface); border:1px solid var(--border); border-radius:var(--mx-r); padding:16px 17px; box-shadow:none; }
.mx-stat-lbl{ display:flex; align-items:center; gap:7px; font-size:12px; color:var(--text-muted); font-weight:400; }
.mx-stat-ci{ width:30px; height:30px; border-radius:9px; display:grid; place-items:center; flex:none; }
.mx-stat-val{ font-size:26px; font-weight:500; margin-top:9px; letter-spacing:-.5px; font-variant-numeric:tabular-nums; color:var(--text); }
.mx-stat-val small{ font-size:13px; color:var(--text-muted); font-weight:400; }


.mx-table{ width:100%; border-collapse:collapse; }
.mx-table thead th{ background:var(--bg-alt,var(--bg)); text-align:right; font-size:12px; font-weight:500; color:var(--text-muted); padding:11px 16px; border-bottom:1px solid var(--border); }
.mx-table tbody td{ padding:13px 16px; border-bottom:1px solid var(--border); vertical-align:middle; }
.mx-table tbody tr:last-child td{ border-bottom:none; }
.mx-table tbody tr{ transition:background-color .12s; }
.mx-table tbody tr:hover{ background:var(--bg-alt,var(--bg)); }
.mx-ref{ font-weight:500; }
.mx-ref small{ display:block; color:var(--text-muted); font-weight:400; font-size:12px; margin-top:1px; }
.mx-who{ display:flex; align-items:center; gap:9px; }
.mx-av{ width:32px; height:32px; border-radius:9px; background:var(--bg-alt,var(--bg)); color:var(--text); display:grid; place-items:center; font-weight:500; font-size:13px; flex:none; }
.mx-amt{ font-weight:500; font-variant-numeric:tabular-nums; }


.mx-pill{ display:inline-flex; align-items:center; gap:5px; border-radius:100px; padding:3px 11px; font-size:12px; font-weight:500; }
.mx-pill .ic{ width:14px; height:14px; }
.mx-pill-info{ background:var(--info-bg); color:var(--info-text,var(--info)); }
.mx-pill-warn{ background:var(--warning-bg); color:var(--warning-text,var(--warning)); }
.mx-pill-ok{ background:var(--success-bg); color:var(--success-text,var(--success)); }
.mx-pill-danger{ background:var(--danger-bg); color:var(--danger-text,var(--danger)); }
.mx-pill-muted{ background:var(--bg-alt,var(--bg)); color:var(--text-muted); }


.mx-row-actions{ display:flex; gap:5px; justify-content:flex-end; align-items:center; flex-wrap:wrap; }
.mx-ia{ width:32px; height:32px; border-radius:9px; border:1px solid var(--border); background:var(--surface); color:var(--text-muted);
  display:grid; place-items:center; cursor:pointer; transition:border-color .14s, color .14s, transform .14s; }
.mx-ia:hover{ border-color:var(--text); color:var(--text); transform:translateY(-1px); }
.mx-ia .ic{ width:17px; height:17px; }
.mx-ia-go{ background:var(--success); border-color:var(--success); color:#fff; }
.mx-ia-go:hover{ color:#fff; }
.mx-ia-danger:hover{ border-color:var(--danger); color:var(--danger); }


.mx-search{ position:relative; display:flex; align-items:center; background:var(--surface); border:1.5px solid var(--border-strong,var(--border));
  border-radius:14px; padding:0 14px; height:48px; transition:border-color .18s, box-shadow .18s; }
.mx-search:focus-within{ border-color:var(--primary); box-shadow:var(--ring); }
.mx-search .ic{ color:var(--text-disabled,var(--text-muted)); transition:color .18s; }
.mx-search:focus-within .ic{ color:var(--primary); }
.mx-search input{ flex:1; border:0; outline:0; background:transparent; font-family:inherit; font-size:16px; color:var(--text); padding:0 12px; height:100%; }
.mx-search input::placeholder{ color:var(--text-disabled,var(--text-muted)); }


.mx-state{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:44px 26px; }
.mx-state-ic{ width:74px; height:74px; border-radius:22px; display:grid; place-items:center; margin-bottom:16px; }
.mx-state-ic .ic{ width:38px; height:38px; }
.mx-state-ic.err{ background:var(--danger-bg); color:var(--danger-text,var(--danger)); }
.mx-state-ic.empty{ background:var(--bg-alt,var(--bg)); color:var(--text-muted); }
.mx-state h3{ margin:0 0 6px; font-size:18px; font-weight:500; color:var(--text); }
.mx-state p{ margin:0 0 18px; font-size:14px; color:var(--text-muted); max-width:360px; line-height:1.8; }
.mx-state .mx-state-row{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }


.mx-spin{ width:44px; height:44px; border-radius:50%; border:3px solid var(--border); border-top-color:var(--primary); animation:mx-sp .8s linear infinite; }
@keyframes mx-sp{ to{ transform:rotate(360deg); } }
.mx-skl{ height:14px; border-radius:7px; background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border-light) 37%,var(--bg-alt) 63%);
  background-size:400% 100%; animation:mx-sh 1.3s ease infinite; }
@keyframes mx-sh{ 0%{ background-position:100% 0; } 100%{ background-position:-100% 0; } }


.mx-ci-warn{ background:var(--warning-bg); color:var(--warning-text,var(--warning)); }
.mx-ci-info{ background:var(--info-bg); color:var(--info-text,var(--info)); }
.mx-ci-ok{ background:var(--success-bg); color:var(--success-text,var(--success)); }
.mx-ci-danger{ background:var(--danger-bg); color:var(--danger-text,var(--danger)); }
.mx-ci-primary{ background:var(--primary-bg); color:var(--primary); }

@media (max-width:640px){
  .mx-title{ font-size:19px; }
  .mx-table thead{ display:none; }
  .mx-card-b{ padding:14px; }
}



body{ -webkit-font-smoothing:antialiased; }
b, strong, th{ font-weight:500; }
::selection{ background:var(--primary); color:var(--on-primary); }


td, .num, input[type=number], .kpi b{ font-variant-numeric:tabular-nums; }

.num, td.num, .kpi b, input[type=number], #vf-amount, .amount, .money,
.stat-value, .kpi-value{ font-family:var(--font-num,'Alexandria','Cairo',sans-serif); }


@keyframes luxePageIn{ from{opacity:0; transform:translateY(7px)} to{opacity:1; transform:none} }
@keyframes luxeFadeUp{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }



.btn{
  border-radius:var(--radius-sm) !important;
  font-weight:500;
  transition:transform var(--d-micro) var(--e-swift), background-color var(--d-micro),
             border-color var(--d-micro), box-shadow var(--d-micro), color var(--d-micro), opacity var(--d-micro);
}
.btn:active{ transform:translateY(1px); }
.btn-primary:hover{ background:var(--primary-hover); }
.btn-secondary:hover{ background:var(--bg-alt); border-color:var(--border-strong); box-shadow:none; }
.btn-danger{ background:var(--danger-bg); color:var(--danger-text); border-color:transparent; }
.btn-danger:hover{ background:var(--danger); color:#fff; }


.card{
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border);
  box-shadow:none;
  transition:transform var(--d-std) var(--e-swift), box-shadow var(--d-std), border-color var(--d-std);
}
a .card:hover, .card[onclick]:hover, .card.clickable:hover {
  transform:translateY(-2px); box-shadow:var(--shadow-md); border-color:var(--border-strong);
}


.input:focus, input:focus, select:focus, textarea:focus{
  outline:0 !important;
  border-color:var(--primary) !important;
  box-shadow:var(--ring) !important;
  transition:border-color var(--d-micro), box-shadow var(--d-micro);
}


.table thead th{
  font-size:12px; font-weight:500; letter-spacing:.08em;
  color:var(--text-muted);
  background:transparent;
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.table tbody td{ border-bottom:1px solid var(--border-light); }
.table tbody tr{ transition:background-color var(--d-micro); }
.table tbody tr:hover{ background:var(--surface-hover); }
.table tbody tr:last-child td{ border-bottom:0; }












.pill, .badge, .chip{ font-weight:500; border-radius:999px; }


.bar > span, .progress > span, [class*="tierbar"] > span{
  transition:width var(--d-slow) var(--e-luxe) !important;
}


.sens{ filter:blur(7px); transition:filter .28s var(--e-luxe); border-radius:4px; }
body.reveal .sens{ filter:blur(0); }


@keyframes luxeShimmer{ to{ transform:translateX(-100%);} }
.sk{ position:relative; overflow:hidden; background:var(--bg-alt); border-radius:8px; }
.sk::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform:translateX(100%); animation:luxeShimmer 1.3s infinite;
}
html[data-theme="dark"] .sk::after{ background:linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent); }


#luxe-thread{ position:fixed; top:0; right:0; height:2px; width:0; background:var(--primary);
  z-index:9999; transition:width .35s var(--e-swift), opacity .3s; pointer-events:none; }


*{ scrollbar-width:thin; scrollbar-color:var(--border-strong) transparent; }
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-thumb{ background:var(--border-strong); border-radius:99px; border:2px solid transparent; background-clip:content-box; }
::-webkit-scrollbar-thumb:hover{ background:var(--text-disabled); border:2px solid transparent; background-clip:content-box; }



@keyframes luxeRot{ to{ transform:rotate(360deg); } }




button#sd-min{ display:grid; place-items:center; width:28px; height:28px; border-radius:8px; border:1px solid var(--border); background:var(--surface); color:var(--text-muted); cursor:pointer; margin-inline-start:auto; padding:0; transition:border-color var(--d-micro) var(--e-swift), color var(--d-micro), background-color var(--d-micro); }
button#sd-min:hover{ border-color:var(--primary); color:var(--text); }
button#sd-min svg{ transition:transform var(--d-std) var(--e-luxe); }

@media (max-width:900px){ button#sd-min{ display:none; } }


.vf-type-btn{
  border-radius:10px !important; font-weight:500 !important;
  border:1.5px solid var(--border-strong) !important; background:var(--surface) !important;
  transition:background-color var(--d-micro) var(--e-swift), border-color var(--d-micro), color var(--d-micro), transform var(--d-micro) !important;
}
.vf-type-btn.active{
  background:var(--primary) !important; color:var(--on-primary) !important; border-color:var(--primary) !important;
}
.vf-src-card{
  border-radius:12px !important; border:1.5px solid var(--border) !important;
  transition:background-color var(--d-micro) var(--e-swift), border-color var(--d-micro), color var(--d-micro), transform var(--d-micro), box-shadow var(--d-micro) !important; font-weight:500 !important;
}
.vf-src-card:hover{ border-color:var(--border-strong) !important; transform:translateY(-1px); }
.vf-src-card.active, .vf-src-card.selected{
  background:var(--primary) !important; border-color:var(--primary) !important;
  color:var(--on-primary) !important;
}
.vf-src-card.active .icon, .vf-src-card.active span{ color:inherit !important; }
#vf-amount{
  font-size:22px !important; font-weight:500 !important; text-align:center !important;
  height:52px !important; border-radius:12px !important; letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}

.vf-amt #vf-amount{
  font-size:30px !important; font-weight:500 !important; text-align:start !important;
  height:auto !important; min-height:44px !important; border:0 !important;
  border-radius:0 !important; background:none !important; padding:0 !important;
  box-shadow:none !important; letter-spacing:-.02em;
}
.vf-amt #vf-amount:focus{ box-shadow:none !important; border:0 !important; }

.vf-amt input{
  font-size:30px; font-weight:500; text-align:start; border:0; background:none;
  padding:0; min-height:44px; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
  direction:ltr; width:100%; min-width:0; outline:0; color:var(--text);
}
.vf-amt.vf-amt-sm input, .vf-amt.vf-amt-sm #vf-amount{ font-size:24px !important; min-height:40px !important; }
@media (max-width:560px){ .vf-amt #vf-amount{ font-size:34px !important; } }


.vf-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.vf-chip{
  border:1px solid var(--border); background:var(--surface);
  border-radius:12px; padding:0 14px; min-height:46px;
  font-family:inherit; font-size:12.5px; font-weight:400;
  color:var(--text-muted); cursor:pointer; display:inline-flex;
  align-items:center; gap:6px; transition:background-color var(--d-micro) var(--e-swift), border-color var(--d-micro), color var(--d-micro);
}
.vf-chip:hover{ background:var(--bg-alt); }
.vf-chip.on{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }


.btn-sm .btn-tx{ margin-inline-start:5px; font-size:12px; font-weight:500; }
@media (max-width:900px){ .btn-sm .btn-tx{ display:none; } }


.vf-bank-pill, .vf-method-pill{ border-radius:12px !important; font-weight:500 !important; transition:background-color var(--d-micro) var(--e-swift), border-color var(--d-micro), color var(--d-micro) !important; }





.page-title{ font-size:21px !important; font-weight:500 !important; letter-spacing:-.01em; line-height:1.35; }
.page-subtitle{ font-size:12px !important; color:var(--text-muted) !important; font-weight:400; margin-top:3px; }
.page-header{ margin-bottom:18px; gap:14px; }


.btn-success{ background:var(--primary) !important; color:var(--on-primary) !important; border-color:var(--primary) !important; }
.btn-success:hover{ background:var(--primary-hover) !important; }


input[type="checkbox"], input[type="radio"]{ accent-color:var(--primary); }
.select, select.select, select.input{ border-radius:10px; }
summary{ transition:color var(--d-micro); }
summary:hover{ color:var(--text); }




.stat b, .kpi b, .stat-value, [class*="-total"] strong{ letter-spacing:-.02em; }




hr{ border:0; border-top:1px solid var(--border-light); }


.mx-title{ font-size:21px !important; font-weight:500 !important; letter-spacing:-.01em; display:flex; align-items:center; gap:8px; }
.mx-title .icon{ color:var(--text) !important; font-size:22px; }
.mx-sub{ font-size:12px !important; color:var(--text-muted) !important; font-weight:400; margin-top:3px; }
.mx-head{ margin-bottom:18px; }
.mx-card{ border-radius:var(--radius-lg) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow-sm) !important; background:var(--surface) !important; }
.mx-chip{
  border-radius:10px !important; font-weight:400 !important; font-size:12.3px !important;
  border:1px solid var(--border-strong) !important; background:var(--surface) !important; color:var(--text-muted) !important;
  transition:background-color var(--d-micro) var(--e-swift), border-color var(--d-micro), color var(--d-micro) !important;
}
.mx-chip:hover{ border-color:var(--primary) !important; color:var(--text) !important; }
.mx-chip.on{ background:var(--primary) !important; color:var(--on-primary) !important; border-color:var(--primary) !important; }
.mx-chip .icon, .mx-chip svg{ color:inherit !important; }


.filter-chip, .chip[data-filter]{
  border-radius:10px !important; font-weight:400 !important;
  border:1px solid var(--border-strong) !important; background:var(--surface) !important; color:var(--text-muted) !important;
}
.filter-chip.active, .filter-chip.on, .chip[data-filter].on{
  background:var(--primary) !important; color:var(--on-primary) !important; border-color:var(--primary) !important;
}


html[data-theme="dark"] .pw-chip.on,
html[data-theme="dark"] .pw-num,
html[data-theme="dark"] .vf-bank-pill.active,
html[data-theme="dark"] .vf-bank-pill.active .icon { color:var(--on-primary) !important; }

.input:disabled, input:disabled{ color:var(--text-muted) !important; }




@media (max-width:900px){

  

  
  .app-main{ padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important; }

  

  
  
}






.bo-hint{ margin:0 0 12px; font-size:13px; color:var(--text-muted); line-height:1.75; }
.bo-hint b{ color:var(--text); }
.bo-row{
  display:flex; align-items:center; gap:10px; padding:9px 10px;
  border:1px solid var(--border); border-radius:11px; margin-bottom:7px;
  background:var(--surface);
}
.bo-row.in{ border-color:var(--border-strong); background:var(--primary-bg); }
.bo-ic{ width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
        background:var(--bg-alt); color:var(--text-muted); flex:0 0 auto; }
.bo-row.in .bo-ic{ background:var(--surface); color:var(--text); }

.bo-tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.bo-tx b{ font-size:13px; font-weight:500; }
.bo-tx small{ font-size:11px; color:var(--text-muted); }
.bo-b{
  width:34px; height:34px; border-radius:9px; flex:0 0 auto;
  border:1px solid var(--border); background:var(--surface); color:var(--text);
  font-size:15px; font-weight:500; cursor:pointer; font-family:inherit;
}
.bo-b:active{ transform:scale(.94); }
.bo-pin{
  min-width:62px; height:34px; padding:0 11px; border-radius:9px; flex:0 0 auto;
  border:1px solid var(--border-strong); background:var(--surface); color:var(--text-muted);
  font-size:12px; font-weight:500; cursor:pointer; font-family:inherit;
}
.bo-pin.on{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.bo-pin:active{ transform:scale(.96); }


.table thead th{ position:sticky; top:0; background:var(--surface); z-index:2; }


@media print{
   #luxe-thread, #luxe-saver, #luxe-splash, .page-actions, .ph-acts, .mx-head-actions,
  .btn, button, .toast, #toast-host { display:none !important; }
  
  .app-main{ padding:0 !important; overflow:visible !important; }
  body{ background:#fff !important; color:#111 !important; }
  .card, .mx-card, .sec { box-shadow:none !important; border:1px solid #ddd !important; break-inside:avoid; }
  .sens{ filter:none !important; }         
  .table thead th{ position:static; color:#555 !important; }
  a{ text-decoration:none; color:inherit; }
}


.mx-btn{
  border-radius:10px !important; font-weight:500 !important; font-family:inherit;
  border:1px solid var(--border-strong) !important; background:var(--surface) !important; color:var(--text) !important;
  transition:transform var(--d-micro) var(--e-swift), border-color var(--d-micro), background var(--d-micro), box-shadow var(--d-micro) !important;
}
.mx-btn:hover{ border-color:var(--primary) !important; box-shadow:var(--shadow-sm); }
.mx-btn:active{ transform:scale(.97); }
.mx-btn-primary{ background:var(--primary) !important; color:var(--on-primary) !important; border-color:var(--primary) !important; }
.mx-btn-primary:hover{ background:var(--primary-hover) !important; }
.mx-btn-danger{ background:var(--danger-bg) !important; color:var(--danger-text) !important; border-color:transparent !important; }
.mx-btn-danger:hover{ background:var(--danger) !important; color:#fff !important; }

.mx-pill{ border-radius:999px !important; font-weight:500 !important; }
.mx-pill-ok{ background:var(--success-bg) !important; color:var(--success-text) !important; }
.mx-pill-warn{ background:var(--warning-bg) !important; color:var(--warning-text) !important; }
.mx-pill-info{ background:var(--info-bg) !important; color:var(--info-text) !important; }
.mx-pill-danger, .mx-pill-err{ background:var(--danger-bg) !important; color:var(--danger-text) !important; }

.mx-stat{ background:var(--surface) !important; border:1px solid var(--border) !important;
  border-radius:var(--radius-lg) !important; box-shadow:var(--shadow-sm) !important; }
.mx-stat-val{ font-family:var(--font-num,'Alexandria','Cairo',sans-serif) !important;
  font-variant-numeric:tabular-nums; font-weight:500 !important; letter-spacing:-.02em; }
.mx-stat-ci{ border-radius:10px !important; background:var(--bg-alt) !important; color:var(--text) !important; }
.mx-ci-info, .mx-ci-warn, .mx-ci-ok, .mx-ci-primary{ background:var(--bg-alt) !important; color:var(--text) !important; }

.mx-av{ background:var(--primary) !important; color:var(--on-primary) !important; border-radius:8px !important; font-weight:500; }
.mx-amt{ font-family:var(--font-num,'Alexandria','Cairo',sans-serif) !important; font-variant-numeric:tabular-nums; font-weight:500; }
.mx-table thead th{ font-size:12px; font-weight:500; letter-spacing:.08em; color:var(--text-muted); border-bottom:1px solid var(--border); }
.mx-table tbody td{ border-bottom:1px solid var(--border-light); }
.mx-table tbody tr:hover{ background:var(--surface-hover); }
.mx-spin{ border-color:var(--border) !important; border-top-color:var(--primary) !important; }





 .pf-bx, .kpi, .mx-stat {
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:14px !important;
  padding:13px 15px !important;
  box-shadow:var(--shadow-sm) !important;
  transition:transform var(--d-std) var(--e-swift), box-shadow var(--d-std), border-color var(--d-std) !important;
}
 .pf-bx:hover, .kpi:hover, .mx-stat:hover {
  border-color:var(--border-strong) !important;
}

 .pf-bx small, .kpi small, .mx-stat-lbl {
  font-size:11px !important; font-weight:400 !important;
  color:var(--text-muted) !important; letter-spacing:.05em;
}

 .pf-bx b, .kpi b, .mx-stat-val {
  font-size:21px !important; font-weight:500 !important;
  font-family:var(--font-num,'Alexandria','Cairo',sans-serif) !important;
  font-variant-numeric:tabular-nums; letter-spacing:-.02em !important;
  margin-top:4px;
}

.pf-grid .pf-bx b{ font-size:19px !important; }


 .card > h3, .card > h4, .mx-card > h3, .mx-card > h4,
.card h3:first-child, .mx-card h3:first-child {
  font-size:14px !important; font-weight:500 !important; letter-spacing:0;
}








.modal-body .field-label, .modal-body label.field-label{
  font-size:12.5px !important; font-weight:500 !important; color:var(--text) !important;
}

.modal-body .input, .modal-body .select, .modal-body select, .modal-body input[type="text"],
.modal-body input[type="number"], .modal-body input[type="date"], .modal-body input[type="tel"]{
  border-radius:12px !important; min-height:44px;
}
.modal-body textarea{ border-radius:12px !important; }

.modal-body h3, .modal-body h4{
  font-size:15px !important; font-weight:500 !important; color:var(--text) !important;
}

.modal-body [id$="-suggestions"], .modal-body [class*="suggestions"]{
  border-radius:12px !important; box-shadow:var(--shadow-md) !important; border:1px solid var(--border) !important;
}

.modal-body table thead th{
  font-size:11.5px !important; font-weight:500 !important; letter-spacing:0;
  color:var(--text-muted) !important; background:var(--surface-2) !important;
  border-bottom:1px solid var(--border) !important;
}
.modal-body table tbody td{ border-bottom:1px solid var(--border) !important; }

.modal-body .settings-grid{ gap:14px 18px !important; }

.modal-footer{ gap:8px !important; padding-top:14px !important; }

.modal-body [id$="-total"]{ font-family:var(--font-num,'Alexandria','Cairo',sans-serif); font-variant-numeric:tabular-nums; }


.mx-stat-val, .mx-stat-val *{ color:var(--text) !important; }
.mx-stat-lbl .icon, .mx-stat-ci .icon{ color:var(--text) !important; }
[class*="exa"] .kpi b, .exa-kpi b, .exa-kpi .v{ color:var(--text) !important; }




.tb-ntf-panel{
  position:fixed;
  width:min(360px, calc(100vw - 24px)); max-height:min(70vh, 520px); overflow-y:auto; overscroll-behavior:contain;
  background:var(--surface); color:var(--text);
  border:1px solid var(--border); border-radius:18px;
  box-shadow:0 24px 60px -24px rgba(10,10,10,.35), 0 2px 6px rgba(10,10,10,.04);
  font-family:'Readex Pro', var(--font-family, system-ui), sans-serif;
  z-index:70; text-align:start; padding:6px;
  opacity:0; transform:translateY(-6px) scale(.98);
  transition:opacity var(--d-micro, .16s) var(--e-swift, ease), transform var(--d-micro, .16s) var(--e-swift, ease);
}
html[data-theme="dark"] .tb-ntf-panel{ box-shadow:0 24px 60px -24px rgba(0,0,0,.8); }
.tb-ntf-panel.open{ opacity:1; transform:none; }
.tb-ntf-head{
  display:flex; align-items:center; gap:8px;
  font-size:15px; font-weight:500; padding:12px 12px 10px;
  border-bottom:1px solid var(--border);
}
.tb-ntf-total{
  background:var(--ds-gold, #b8962e); color:#fff;
  border-radius:99px; min-width:22px; height:20px; padding:0 7px;
  display:grid; place-items:center; font-size:11px; font-weight:500;
}
.tb-ntf-sec{
  font-size:11.5px; font-weight:500; color:var(--ds-gold-deep, var(--text-muted));
  padding:12px 12px 4px;
}
.tb-ntf-panel button{ touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.tb-ntf-it{
  display:flex; align-items:center; gap:11px; width:100%;
  background:none; border:0; border-radius:12px;
  padding:8px 10px; cursor:pointer; text-align:start;
  font-family:inherit; font-size:13.5px; font-weight:400; color:var(--text);
  transition:background-color var(--d-micro, .16s) ease;
}
.tb-ntf-it:hover{ background:var(--bg-alt); }
html[data-theme="dark"] .tb-ntf-it:hover{ background:rgba(237,237,234,.06); }
.tb-ntf-it .icon{ width:32px; height:32px; border-radius:10px; background:var(--bg-alt); display:inline-grid !important; place-items:center; font-size:16px; color:var(--text); flex:none; }
html[data-theme="dark"] .tb-ntf-it .icon{ background:rgba(237,237,234,.07); }
.tb-ntf-danger .icon{ color:var(--danger); background:var(--danger-bg); }
.tb-ntf-lbl{ flex:1; line-height:1.5; }
.tb-ntf-cnt{
  background:var(--primary); color:var(--on-primary);
  border-radius:99px; min-width:22px; height:20px; padding:0 7px;
  display:grid; place-items:center; font-size:11px; font-weight:500; flex:none;
}
.tb-ntf-danger .tb-ntf-cnt{ background:var(--danger); color:#fff; }
.tb-ntf-dev{
  display:flex; align-items:center; gap:10px;
  border:1px solid var(--border); border-radius:14px;
  padding:10px 12px; margin:4px 6px;
}
.tb-ntf-dev-tx{ flex:1; min-width:0; }
.tb-ntf-dev-tx b{ display:block; font-size:13.5px; font-weight:500; }
.tb-ntf-dev-tx small{ display:block; font-size:12px; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tb-ntf-dev-acts{ display:flex; gap:6px; flex:none; }
.tb-ntf-ok, .tb-ntf-no{
  width:34px; height:34px; border-radius:11px; border:1px solid var(--border-strong);
  display:grid; place-items:center; cursor:pointer;
  background:var(--surface); color:var(--text);
  transition:background-color var(--d-micro, .16s) ease, border-color var(--d-micro, .16s) ease, color var(--d-micro, .16s) ease;
}
.tb-ntf-ok:hover{ background:var(--success-bg); color:var(--success); border-color:var(--success); }
.tb-ntf-no:hover{ background:var(--danger-bg); color:var(--danger); border-color:var(--danger); }
.tb-ntf-empty{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  text-align:center; padding:26px 14px; font-size:12.5px; color:var(--text-muted);
}
.tb-ntf-empty b{ font-size:14px; font-weight:500; color:var(--text); }
.tb-ntf-empty-ic{ width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:var(--success-bg); color:var(--success); margin-bottom:6px; }
.tb-ntf-foot{
  display:block; width:calc(100% - 12px); margin:6px;
  background:transparent; border:1px solid var(--border); border-radius:12px;
  padding:10px 12px; cursor:pointer; text-align:center;
  font-family:inherit; font-size:12.5px; font-weight:500; color:var(--text);
  transition:border-color .15s;
}
.tb-ntf-foot:hover{ border-color:var(--ink, var(--text)); }
@media (max-width:640px){
  .tb-ntf-panel{ position:fixed; top:calc(var(--tb-h, 56px) + 6px); inset-inline:12px; width:auto; }
}


.lx-proof{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lx-proof-btn{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  border:2px dashed var(--border); border-radius:14px;
  padding:16px 10px; cursor:pointer; text-align:center;
  background:var(--surface); color:var(--text);
  transition:background-color var(--d-micro, .16s) ease, border-color var(--d-micro, .16s) ease, transform var(--d-micro, .16s) ease;
}
.lx-proof-btn:hover{ border-color:var(--primary); background:var(--bg-alt); transform:translateY(-1px); }
.lx-proof-btn .icon{ font-size:26px; color:var(--text-muted); }
.lx-proof-btn:hover .icon{ color:var(--text); }
.lx-proof-btn b{ font-size:13px; font-weight:500; }
.lx-proof-btn small{ font-size:12px; color:var(--text-muted); }
.lx-proof-done{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  border:2px solid var(--success-text); border-radius:14px;
  padding:10px 14px; background:var(--success-bg);
}
.lx-proof-done img{ width:72px; height:72px; object-fit:cover; border-radius:10px; border:1px solid var(--border); }
.lx-proof-done-tx{ flex:1; min-width:120px; }
.lx-proof-done-tx b{ display:block; font-size:13px; color:var(--success-text); }
.lx-proof-done-tx small{ font-size:12px; color:var(--text-muted); }


.lx-ep{
  position:sticky; bottom:-1px; z-index:6;
  background:var(--surface);
  border:2px solid var(--primary); border-radius:16px;
  padding:12px 16px 13px; margin-top:14px;
  box-shadow:var(--shadow-lg);
}
.lx-ep-head{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.lx-ep-ic{
  width:26px; height:26px; border-radius:8px; flex:none;
  background:var(--primary); color:var(--on-primary);
  display:grid; place-items:center;
}
.lx-ep-ic .icon{ font-size:15px; }
.lx-ep-head b{ font-size:13px; font-weight:500; }
.lx-ep-live{
  font-size:11px; font-weight:500; color:var(--success-text);
  background:var(--success-bg); border-radius:99px; padding:2px 8px;
}
.lx-ep-head small{ margin-inline-start:auto; font-size:12px; color:var(--text-muted); font-weight:400; }
@media (max-width:640px){
  .lx-ep{ padding:10px 12px 11px; border-radius:14px; margin-inline:-2px; }
  .lx-proof-btn{ padding:13px 8px; }
}



@keyframes lxMobFade{ from{ opacity:.4; } to{ opacity:1; } }
@media (hover:none){
  .btn:hover, .card:hover, .mx-stat:hover,
  .lx-proof-btn:hover { transform:none !important; }
}
 .btn { -webkit-tap-highlight-color:transparent; }


html, body{ overscroll-behavior:none !important; width:100%; max-width:100%; }
 .app-main { overflow-x:clip; }




.vf-src-select{ display:none; }
@media (max-width:640px){
  .vf-sources{ display:none !important; }
  .vf-src-select{
    display:block; width:100%; min-height:44px;
    font-weight:500; font-size:14px;
  }
  
  #vf-body .field{ margin-bottom:10px; }
  #vf-body .field-hint{ font-size:12px; }
  .lx-proof-btn{ padding:11px 8px; }
  .lx-proof-btn .icon{ font-size:21px; }
}




.mx-btn{
  justify-content:center;
  gap:6px !important;
  padding:7px 16px !important;
  font-size:var(--font-size) !important;
  line-height:1.4 !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm);
  white-space:nowrap;
  user-select:none;
}
.mx-btn:hover:not(:disabled){ transform:translateY(-1px) !important; }
.mx-btn:active:not(:disabled){ transform:translateY(0) !important; }
.mx-btn:disabled{ opacity:.5 !important; cursor:not-allowed; box-shadow:none; }
.mx-btn-sm{
  min-height:30px;
  padding:4px 11px !important;
  font-size:12px !important;
  font-weight:500 !important;
  border-radius:8px !important;
}
.mx-btn-sm .icon{ font-size:15px; }


button.chip, .filter-chip, .chip[data-filter], .mx-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 13px !important;
  border:1px solid var(--border-strong) !important;
  border-radius:10px !important;
  background:var(--surface) !important;
  color:var(--text-muted) !important;
  font-family:inherit;
  font-size:12.3px !important;
  font-weight:400 !important;
  line-height:1.2;
  cursor:pointer;
  transition:background-color var(--d-micro) var(--e-swift), border-color var(--d-micro), color var(--d-micro) !important;
}
button.chip:hover, .filter-chip:hover, .chip[data-filter]:hover, .mx-chip:hover{
  border-color:var(--primary) !important; color:var(--text) !important;
}
button.chip.active, button.chip.on,
.filter-chip.active, .filter-chip.on,
.chip[data-filter].active, .chip[data-filter].on,
.mx-chip.active, .mx-chip.on{
  background:var(--primary) !important; color:var(--on-primary) !important; border-color:var(--primary) !important;
}

span.chip{ border-radius:999px !important; }


.mx-head{
  padding:12px 16px !important;
  gap:14px !important;
  margin-bottom:18px !important;
  border-radius:var(--radius) !important;
  box-shadow:none !important;
}
.mx-title{ line-height:1.35 !important; }
.mx-head-actions{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }


.mx-table{ border-collapse:separate !important; border-spacing:0 !important; }


.filter-bar .input, .filter-bar .select, .filter-bar select, .filter-bar input,
.page-actions .input, .page-actions .select, .page-actions select, .page-actions input,
.rpx .page-actions .input, .rpx .page-actions .select, input[type="search"], .search-input, .search-box input, .input.search,
.input.num, input.num {
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1.2 !important;
}


@media (min-width:641px){
  .filter-bar .input, .filter-bar .select, .filter-bar select, .filter-bar input,
  .page-actions .input, .page-actions .select, .page-actions select, .page-actions input,
  .rpx .page-actions .input, .rpx .page-actions .select{
    font-size:14px !important;
  }
}


#bf-product-suggestions, #tf-product-suggestions, .mf-pick-list{
  max-height:min(46vh, 360px) !important;
  overscroll-behavior:contain;
}
#bf-product-suggestions .bf-tpl-head,
#tf-product-suggestions .tf-tpl-head{
  position:sticky !important;
  top:0 !important;
  z-index:2;
}




html[data-theme="dark"] .select,
html[data-theme="dark"] select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23F4F4F2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}


.filter-bar > .select,
.filter-bar > select {
  width: auto;
  min-width: 130px;
  max-width: 220px;
}


#vf-body.vf-stepped > [data-vstep]{ display:none !important; }
#vf-body.vf-stepped[data-cur="1"] > [data-vstep="1"],
#vf-body.vf-stepped[data-cur="2"] > [data-vstep="2"],
#vf-body.vf-stepped[data-cur="3"] > [data-vstep="3"]{ display:block !important; }

#vf-stepbar{ display:block !important; margin:0 0 14px; }
.vf-dots{ display:flex; gap:5px; margin:0 0 11px; }
.vf-dots i{ flex:1; height:3px; border-radius:2px; background:var(--border); transition:background .3s; }
.vf-dots i.on{ background:var(--primary); }
.vf-steph{ font-size:17px; font-weight:500; letter-spacing:-.3px; margin:0 0 8px; }
.vf-crumbs{ display:flex; gap:6px; flex-wrap:wrap; margin:0 0 4px; }
.vf-crumb{
  display:inline-flex; align-items:center; gap:5px; background:var(--bg-alt);
  border:1px solid var(--border); border-radius:999px; padding:5px 11px;
  font-family:inherit; font-size:11.5px; font-weight:500; color:var(--text); cursor:pointer;
  min-height:32px;
}
.vf-crumb:active{ transform:scale(.97); }
.vf-crumb::after{ content:"✎"; font-size:11px; opacity:.5; }


.vf-stepfoot{
  position:sticky; bottom:0; z-index:3; display:flex; gap:9px;
  margin:16px -14px -14px; padding:11px 14px calc(11px + env(safe-area-inset-bottom,0px));
  background:var(--surface); border-top:1px solid var(--border);
}
.vf-sbtn{
  flex:1; min-height:48px; border-radius:12px; font-family:inherit; font-size:14.5px;
  font-weight:500; cursor:pointer; border:1px solid var(--border-strong);
  background:var(--surface); color:var(--text);
}
.vf-sbtn.pri{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.vf-sbtn:active{ transform:scale(.985); }


.inv-reload{
  margin-inline-start:auto; background:none; border:1px solid var(--border-strong);
  border-radius:9px; padding:4px 10px; font-family:inherit; font-size:11px;
  font-weight:500; color:var(--text-muted); cursor:pointer; min-height:30px;
}
.inv-reload:hover{ border-color:var(--text-muted); color:var(--text); }
.inv-list{
  max-height:236px; overflow-y:auto; display:flex; flex-direction:column; gap:5px;
  border:1px solid var(--border); border-radius:12px; padding:6px; background:var(--bg-alt);
}
.inv-load{ font-size:12.5px; color:var(--text-muted); padding:10px 4px; font-weight:400; }
.inv-row{
  display:flex; align-items:center; gap:10px; width:100%; text-align:start;
  background:var(--surface); border:1px solid var(--border); border-radius:10px;
  padding:9px 10px; font-family:inherit; cursor:pointer; min-height:52px;
  transition:border-color var(--d-micro), background var(--d-micro);
}
.inv-row:hover:not(:disabled){ border-color:var(--border-strong); }
.inv-row.on{ border-color:var(--primary); background:var(--primary-bg); box-shadow:inset 0 0 0 1px var(--primary); }
.inv-row:disabled{ opacity:.5; cursor:not-allowed; }
.inv-l{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.inv-l b{ font-size:12.5px; font-weight:500; }
.inv-l small{ font-size:11px; color:var(--text-muted); font-weight:400; }
.inv-used{ font-size:11px; color:var(--danger-text); font-weight:500; font-style:normal; }
.inv-r{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex:0 0 auto; }
.inv-r b{ font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; }
.inv-match{
  font-size:11px; font-style:normal; font-weight:500; color:var(--success-text);
  background:var(--success-bg); border-radius:999px; padding:2px 7px;
}
.inv-row.match{ border-color:var(--success); }


.mf-form[data-mcur] > [data-mstep]{ display:none !important; }
.mf-form[data-mcur="1"] > [data-mstep="1"],
.mf-form[data-mcur="2"] > [data-mstep="2"],
.mf-form[data-mcur="3"] > [data-mstep="3"],
.mf-form[data-mcur="4"] > [data-mstep="4"],
.mf-form[data-mcur="5"] > [data-mstep="5"]{ display:flex !important; grid-column:1 / -1 !important; }
.mf-form[data-mcur]{ grid-template-columns:1fr !important; }

.mf-rail{ display:flex; gap:8px; margin:0 0 16px; flex-wrap:wrap; }
.mf-rl{ flex:1; min-width:120px; display:flex; flex-direction:column; gap:7px;
        background:none; border:0; padding:0; cursor:pointer; font-family:inherit; text-align:start; }
.mf-rl-t{ display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:500;
          color:var(--text-muted); transition:color var(--d-std) var(--e-swift); }
.mf-rl.cur .mf-rl-t{ color:var(--text); }
.mf-rl.done .mf-rl-t{ color:var(--text-muted); }
.mf-rl-n{ width:18px; height:18px; border-radius:6px; background:var(--border-strong); color:var(--surface);
  display:grid; place-items:center; font-size:11px; font-style:normal; flex:0 0 auto;
  transition:background var(--d-std) var(--e-swift), transform var(--d-std) var(--e-luxe); }
.mf-rl.cur .mf-rl-n{ background:var(--primary); color:var(--on-primary); transform:scale(1.12); }
.mf-rl.done .mf-rl-n{ background:var(--success); }
.mf-rl-b{ display:block; height:3px; border-radius:2px; background:var(--border); overflow:hidden; }
.mf-rl-b i{ display:block; height:100%; width:0; background:var(--primary); border-radius:2px;
            transition:width .5s var(--e-luxe); }
.mf-rl.cur .mf-rl-b i, .mf-rl.done .mf-rl-b i{ width:100%; }
.mf-rl.done .mf-rl-b i{ background:var(--success); }


.mf-form[data-mcur] > [data-mstep]{ animation:mfIn .3s var(--e-luxe); }
@keyframes mfIn{ from{ opacity:0; transform:translateX(-18px) } to{ opacity:1; transform:none } }
.mf-nav{ display:flex; gap:9px; margin:14px 0 0; }
.mf-nb{ flex:1; justify-content:center; min-height:48px; font-size:14.5px; font-weight:500; }
@media (min-width:901px){ .mf-nav{ justify-content:flex-end; } .mf-nb{ flex:0 0 auto; min-width:150px; } }




.mf-form[data-mcur] > .mf-sec{
  border:0 !important; box-shadow:none !important; background:none !important;
  padding:0 !important; gap:13px;
}
.mf-form[data-mcur] > .mf-sec::before{ display:none !important; }
.mf-form[data-mcur] > .mf-sec > .mf-sec-h{
  font-size:17px; letter-spacing:-.4px; margin:0 0 4px; gap:9px;
}
.mf-form[data-mcur] > .mf-sec > .mf-sec-h .ic,
.mf-form[data-mcur] > .mf-sec > .mf-sec-h .icon{ width:21px; height:21px; font-size:21px; }
@media (min-width:901px){
  .mf-form[data-mcur] > .mf-sec > .mf-sec-h{ font-size:21px; letter-spacing:-.5px; }
  
  .mf-form[data-mcur] > .mf-sec{ flex-direction:row !important; flex-wrap:wrap !important; align-items:flex-start; }
  .mf-form[data-mcur] > .mf-sec > *{ flex:1 1 100%; min-width:0; }
  .mf-form[data-mcur] > .mf-sec > .mf-row{ flex:1 1 240px; }
}


.mf-form[data-mcur] .mf-pick-lbl{ display:none !important; }
.mf-form[data-mcur] .mf-pick-wrap > .input{
  min-height:52px; border-radius:14px; font-size:15px; font-weight:500;
  padding-inline:15px; background:var(--bg-alt);
  transition:background var(--d-std,.2s) var(--e-luxe), border-color var(--d-std,.2s) var(--e-luxe);
}
.mf-form[data-mcur] .mf-pick-wrap > .input:focus{ background:var(--surface); }


.mf-form[data-mcur] .mf-pick-list{
  margin-top:10px !important; background:none !important; border:0 !important;
  border-radius:0 !important; box-shadow:none !important;
  max-height:min(56vh,520px) !important; overflow:auto !important;
  display:grid; gap:9px; grid-template-columns:1fr; padding:2px;
}
.mf-form[data-mcur] .mf-tpl{ border:0 !important; }
.mf-form[data-mcur] .mf-tpl-vars{ gap:9px; grid-template-columns:1fr; padding:8px 0 3px; }
.mf-form[data-mcur] .mf-tpl-head{
  background:none !important; border-bottom:0 !important; padding:7px 2px 2px !important;
  position:static !important; font-size:12px !important;
}
.mf-form[data-mcur] .mf-tpl-head:hover{ background:none !important; }
.mf-form[data-mcur] .mf-tpl-head > strong{ font-size:13.5px; font-weight:500; }
.mf-form[data-mcur] .mf-tpl-count{
  font-size:11px; font-weight:500; color:var(--text-muted);
  background:var(--bg-alt); border:1px solid var(--border); border-radius:999px; padding:1px 8px;
}

@media (min-width:901px){
  .mf-form[data-mcur] .mf-pick-list{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
  .mf-form[data-mcur] .mf-pick-list > .mf-tpl{ grid-column:1 / -1; }
  .mf-form[data-mcur] .mf-tpl-vars{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
}


.mf-form[data-mcur] .mf-opt{
  display:flex !important; align-items:center; gap:10px;
  background:var(--surface); border:1px solid var(--border);
  border-bottom:1px solid var(--border) !important;
  border-radius:13px; padding:12px !important; min-height:66px;
  font-size:13px !important; padding-inline-start:12px !important;
  position:relative; overflow:hidden; box-sizing:border-box;
  transition:border-color .18s var(--e-luxe), transform .18s var(--e-luxe), box-shadow .18s var(--e-luxe);
  animation:mfPop .32s var(--e-luxe) backwards;
}
.mf-form[data-mcur] .mf-tpl-vars .mf-opt{ padding-inline-start:12px !important; background:var(--surface); }
.mf-form[data-mcur] .mf-opt:hover{
  background:var(--surface); border-color:var(--border-strong);
  transform:translateY(-2px); box-shadow:var(--shadow-md);
}
.mf-form[data-mcur] .mf-opt:active{ transform:scale(.985); }
.mf-form[data-mcur] .mf-opt > strong{ flex:1; min-width:0; font-size:13px; font-weight:500; line-height:1.35; }
.mf-form[data-mcur] .mf-opt > span{
  float:none !important; flex:0 0 auto; text-align:end; line-height:1.5;
  font-size:11px !important; font-weight:500;
}
.mf-form[data-mcur] .mf-opt > span strong{ font-size:14px; letter-spacing:-.3px; font-variant-numeric:tabular-nums; }
@keyframes mfPop{ from{ opacity:0; transform:translateY(9px) } to{ opacity:1; transform:none } }
.mf-form[data-mcur] .mf-opt:nth-child(1){ animation-delay:.02s }
.mf-form[data-mcur] .mf-opt:nth-child(2){ animation-delay:.05s }
.mf-form[data-mcur] .mf-opt:nth-child(3){ animation-delay:.08s }
.mf-form[data-mcur] .mf-opt:nth-child(4){ animation-delay:.11s }
.mf-form[data-mcur] .mf-opt:nth-child(5){ animation-delay:.14s }
.mf-form[data-mcur] .mf-opt:nth-child(6){ animation-delay:.17s }
.mf-form[data-mcur] .mf-opt:nth-child(n+7){ animation-delay:.2s }


.mf-form[data-mcur] .mf-row{
  display:block !important; border:1px solid var(--border); border-radius:13px;
  padding:11px 13px; background:var(--surface); box-sizing:border-box;
  transition:border-color .2s var(--e-luxe);
}
.mf-form[data-mcur] .mf-row:focus-within{ border-color:var(--primary); }
.mf-form[data-mcur] .mf-row > span:first-child{
  display:block; font-size:11px; font-weight:500; color:var(--text-muted);
  letter-spacing:.07em; margin:0 0 6px; line-height:1.5;
}
.mf-form[data-mcur] .mf-row .input,
.mf-form[data-mcur] .mf-row .select{
  width:100% !important; border:0 !important; background:none !important;
  padding:0 !important; height:auto !important; min-height:0 !important;
  box-shadow:none !important; font-family:inherit; font-weight:500;
  font-size:22px !important; letter-spacing:-.6px; color:var(--text);
  font-variant-numeric:tabular-nums;
}
.mf-form[data-mcur] .mf-row .input:focus,
.mf-form[data-mcur] .mf-row .select:focus{ outline:none; box-shadow:none !important; }
.mf-form[data-mcur] .mf-row .select,
.mf-form[data-mcur] .mf-row input[type="date"]{ font-size:15.5px !important; letter-spacing:0; }
.mf-form[data-mcur] .mf-row .select{ padding-inline-end:18px !important; }


.mf-form[data-mcur] .mf-row.mf-wc-hidden{ display:none !important; }
.mf-wcg{ display:grid; gap:9px; grid-template-columns:1fr; }
@media (min-width:641px){ .mf-wcg{ grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); } }
.mf-wct{
  display:flex; align-items:center; gap:9px; min-height:58px; padding:11px 13px;
  border:1px solid var(--border); border-radius:13px; background:var(--surface);
  font-family:inherit; font-size:13px; font-weight:500; color:var(--text);
  cursor:pointer; text-align:start; box-sizing:border-box;
  transition:border-color .18s var(--e-luxe), transform .18s var(--e-luxe), box-shadow .18s var(--e-luxe);
  animation:mfPop .32s var(--e-luxe) backwards;
}
.mf-wct:hover{ border-color:var(--border-strong); transform:translateY(-2px); box-shadow:var(--shadow-md); }
.mf-wct:active{ transform:scale(.985); }
.mf-wct.on{ border-color:var(--primary); background:var(--primary-bg); box-shadow:inset 0 0 0 1px var(--primary); }
.mf-wct.mf-wct-add{ border-style:dashed; justify-content:center; color:var(--text-muted); font-weight:400; }


.mf-rev{ display:grid; gap:10px; margin:0 0 4px; }
@media (min-width:901px){ .mf-rev{ grid-template-columns:1.15fr .85fr; align-items:start; } }
.mf-sum{ border:1px solid var(--border); border-radius:13px; overflow:hidden; background:var(--surface); }
.mf-sum-r{
  display:flex; align-items:center; gap:10px; padding:11px 13px;
  border-bottom:1px solid var(--border-light); font-size:12.5px;
  animation:mfPop .3s var(--e-luxe) backwards;
}
.mf-sum-r:last-child{ border-bottom:0; }
.mf-sum-r > span{ color:var(--text-muted); font-weight:400; flex:0 0 auto; }
.mf-sum-r > b{
  margin-inline-start:auto; font-weight:500; text-align:end; min-width:0;
  overflow-wrap:anywhere; font-variant-numeric:tabular-nums;
}
.mf-rev-av{
  border:1px solid var(--border); border-radius:13px; padding:11px 13px;
  background:var(--bg-alt); font-size:12px; line-height:1.6;
}


.mf-form[data-mcur] > #mf-cust-box{ border:0 !important; background:none !important; padding:0 !important; }


.mf-plvl{ grid-column:1 / -1; display:grid; gap:9px; animation:mfLvl .26s var(--e-luxe); }
@keyframes mfLvl{ from{ opacity:0; transform:translateX(16px) } to{ opacity:1; transform:none } }
@media (min-width:901px){ .mf-plvl1{ grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); } }

.mf-ptpl{
  display:flex; align-items:center; gap:11px; width:100%; min-height:74px; padding:10px 12px;
  border:1px solid var(--border); border-radius:14px; background:var(--surface);
  font-family:inherit; text-align:start; cursor:pointer; box-sizing:border-box; color:var(--text);
  transition:border-color .18s var(--e-luxe), transform .18s var(--e-luxe), box-shadow .18s var(--e-luxe);
  animation:mfPop .32s var(--e-luxe) backwards;
}
.mf-ptpl:hover{ border-color:var(--border-strong); transform:translateY(-2px); box-shadow:var(--shadow-md); }
.mf-ptpl:active{ transform:scale(.99); }

.mf-pth{
  flex:0 0 auto; width:52px; height:52px; border-radius:12px; overflow:hidden;
  background:var(--bg-alt); border:1px solid var(--border-light);
  display:grid; place-items:center; color:var(--text-muted);
}
.mf-pth img{ width:100%; height:100%; object-fit:cover; display:block; animation:mfFade .3s var(--e-luxe); }
@keyframes mfFade{ from{ opacity:0 } to{ opacity:1 } }
.mf-pth .ic{ width:20px; height:20px; }

.mf-ptx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.mf-ptx b{ font-size:13px; font-weight:500; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mf-ptx small{ font-size:11px; color:var(--text-muted); font-weight:400; }
.mf-ptx small i{ font-style:normal; font-weight:500; }
.mf-ptx small i.ok{ color:var(--success); }
.mf-ptx small i.no{ color:var(--danger); }
.mf-ptc{ flex:0 0 auto; color:var(--text-muted); display:inline-flex; }
[dir="rtl"] .mf-ptc.nav .ic{ transform:rotate(180deg); }
.mf-ptc.ok{ color:var(--success); }

.mf-pmono{
  font-size:15px; font-weight:500; letter-spacing:-.4px; color:var(--text-muted);
  font-variant-numeric:tabular-nums; line-height:1;
}


.mf-pvh{
  display:flex; align-items:center; gap:11px; padding:10px 12px; margin:0 0 4px;
  border:1px solid var(--primary); border-radius:14px; background:var(--primary-bg);
  animation:mfPop .3s var(--e-luxe) backwards;
}
.mf-pvb{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:5px;
  border:1px solid var(--border-strong); background:var(--surface); border-radius:10px;
  padding:8px 12px; font-family:inherit; font-size:12px; font-weight:500; cursor:pointer; color:var(--text);
  transition:border-color .16s var(--e-luxe), transform .16s var(--e-luxe);
}
.mf-pvb:hover{ border-color:var(--primary); }
.mf-pvb:active{ transform:scale(.96); }
.mf-pvg{ display:grid; gap:9px; grid-template-columns:1fr; }
@media (min-width:901px){ .mf-pvg{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); } }


.mf-pcode{ 
  font-style:normal; font-weight:500; font-size:11px; letter-spacing:.02em;
  background:var(--bg-alt); border:1px solid var(--border); border-radius:5px;
  padding:0 5px; margin-inline-end:6px; color:var(--text-muted);
  font-variant-numeric:tabular-nums;
}
.mf-phint, .mf-pempty{
  grid-column:1 / -1; font-size:11.5px; font-weight:400; color:var(--text-muted);
  padding:9px 2px 2px; line-height:1.6;
}
.mf-pempty{
  text-align:center; padding:26px 14px; border:1px dashed var(--border-strong);
  border-radius:14px; background:var(--bg-alt); animation:mfPop .3s var(--e-luxe);
}
.mf-phint kbd, .mf-pempty kbd{
  font-family:inherit; font-size:11px; font-weight:500; color:var(--text);
  border:1px solid var(--border-strong); border-radius:5px; padding:1px 6px;
  background:var(--surface);
}


.mf-form[data-mcur] .mf-row > span:first-child{
  font-size:11.5px !important; color:var(--text-muted) !important; letter-spacing:.02em !important;
}
.mf-form[data-mcur] .mf-pick-wrap > .input{ font-size:15.5px; }
.mf-form[data-mcur] .mf-sec-done .mf-pick-wrap > .input{
  font-size:16px; font-weight:500; color:var(--text);
  background:var(--success-bg); border-color:var(--success) !important;
}

.mf-form[data-mcur] #mf-fab-avail{
  border:1px solid var(--border); border-radius:13px; padding:10px 12px;
  background:var(--bg-alt); font-size:12.5px !important; line-height:1.75;
}
.mf-form[data-mcur] #mf-fab-avail:empty{ display:none; }
.mf-form[data-mcur] #mf-fab-avail > div{ font-size:12.5px !important; }
.mf-form[data-mcur] #mf-fab-avail strong{ font-size:13.5px; }

.mf-form[data-mcur] .mf-sec-tpl .mf-row > span:first-child{ font-size:11px !important; }


.mf-form[data-mcur] .mf-row.mf-qty-bad{
  border-color:var(--danger) !important;
  background:var(--danger-bg) !important;
  box-shadow:inset 0 0 0 1px var(--danger);
}
.mf-form[data-mcur] .mf-row.mf-qty-bad > span:first-child{ color:var(--danger-text) !important; }
.mf-form[data-mcur] .mf-row.mf-qty-bad .input{ color:var(--danger-text) !important; }
.mf-form[data-mcur] #mf-fab-avail.mf-av-bad{
  border-color:var(--danger) !important; background:var(--danger-bg) !important;
}
.mf-form[data-mcur] #mf-fab-avail.mf-av-ok{
  border-color:var(--success) !important; background:var(--success-bg) !important;
}


.mf-form[data-mcur] .mf-row.mf-req{ border-color:var(--danger); }
.mf-form[data-mcur] .mf-row.mf-req > span:first-child::after{
  content:'مطلوب'; display:inline-block; margin-inline-start:7px;
  font-size:9.5px; font-weight:500; letter-spacing:0;
  color:var(--danger-text); background:var(--danger-bg);
  border:1px solid var(--danger); border-radius:999px; padding:0 6px;
  vertical-align:1px;
}
.mf-form[data-mcur] .mf-row.mf-req:focus-within{ border-color:var(--danger); box-shadow:inset 0 0 0 1px var(--danger); }


.mf-when{
  font-size:11px; font-weight:400; color:var(--text-muted);
  margin-top:4px; font-variant-numeric:tabular-nums; white-space:nowrap;
}
@media (min-width:901px){
  .mx-table tbody tr{ transition:box-shadow .18s var(--e-luxe), transform .18s var(--e-luxe); }
  .mx-table tbody tr:hover{ box-shadow:none; }
  .mx-table tbody tr > td:first-child{ border-start-start-radius:13px; border-end-start-radius:13px; }
  .mx-table tbody tr > td:last-child{ border-start-end-radius:13px; border-end-end-radius:13px; }
}


.pr-list{ display:grid; gap:10px; }
.pr-card{
  border:1px solid var(--border); border-radius:16px; background:var(--surface);
  padding:14px 15px; display:flex; flex-direction:column; gap:9px;
  transition:border-color .18s var(--e-luxe), transform .18s var(--e-luxe), box-shadow .18s var(--e-luxe);
  animation:mfPop .32s var(--e-luxe) backwards;
}
.pr-card:hover{ border-color:var(--border-strong); transform:translateY(-2px); box-shadow:var(--shadow-md); }
.pr-card.on{ border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.pr-top{ display:flex; align-items:center; gap:11px; }
.pr-ic{ color:var(--text-muted); }
.pr-r{ margin-inline-start:auto; text-align:end; flex:0 0 auto; line-height:1.9; }
.pr-amt{ font-size:19px; font-weight:500; letter-spacing:-.5px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pr-amt.big{ color:var(--danger-text); }
.prc{
  font-style:normal; font-weight:400; font-size:11px; color:var(--text-muted);
  background:var(--bg-alt); border:1px solid var(--border); border-radius:999px;
  padding:1px 8px; margin-inline-end:5px; display:inline-block;
}
.prc.ltr{ font-variant-numeric:tabular-nums; }
.pr-note{ font-size:12.5px; color:var(--text-muted); line-height:1.7; }
.pr-warn{
  display:flex; align-items:center; gap:7px; font-size:12px; font-weight:500;
  color:var(--warning-text); background:var(--warning-bg); border:1px solid var(--warning);
  border-radius:11px; padding:8px 11px;
}
.pr-why{
  display:flex; align-items:center; gap:7px; font-size:12px;
  color:var(--danger-text); background:var(--danger-bg); border:1px solid var(--danger);
  border-radius:11px; padding:8px 11px;
}
.pr-acts{ display:flex; gap:8px; flex-wrap:wrap; }
@media (min-width:901px){
  .pr-list{ grid-template-columns:repeat(auto-fill,minmax(430px,1fr)); }
}


@media (min-width:901px){
  #vf-body.vf-stepped{ max-width:760px; margin-inline:auto; }
  .vf-steph{ font-size:21px; letter-spacing:-.5px; margin-bottom:10px; }
  .vf-dots{ margin-bottom:13px; }
  .vf-crumb{ font-size:12px; min-height:34px; padding:6px 13px; }
  .modal-full #vf-body.vf-stepped .vf-stepfoot{
    margin:18px -16px -26px; padding:13px 16px;
  }
  .vf-sbtn{ min-height:46px; font-size:14px; }
}


#vf-body.vf-stepped{ display:flex !important; flex-direction:column; min-height:100%; }
#vf-body.vf-stepped > #vf-stepbar{ flex:0 0 auto; }
#vf-body.vf-stepped > #vf-stepnav{
  flex:0 0 auto; margin-top:auto;
  position:sticky; bottom:0; z-index:6;
}
#vf-body.vf-stepped > #vf-stepnav > .vf-stepfoot{ position:static; }

#vf-body.vf-stepped{ flex:1 1 auto; }
#vf-body.vf-stepped > #vf-stepnav > .vf-stepfoot{ margin-bottom:0; }


.vf-src-card.big{
  position:relative; flex-direction:column; align-items:flex-start; gap:8px;
  min-height:104px; padding:14px 14px 12px; text-align:start;
  border-width:1.5px; border-radius:16px; font-size:15px;
}
.vf-src-card.big .vf-src-dot{ display:none; }
.vf-src-card.big .vf-src-ic{
  font-size:20px; line-height:1;
  width:38px; height:38px; border-radius:11px; display:grid; place-items:center;
  background:var(--bg-alt); border:1px solid var(--border-light);
  color:var(--text); flex:none; font-variation-settings:'FILL' 0;
}

.vf-src-card.big .vf-src-nm{
  font-size:15px; font-weight:500; line-height:1.35; letter-spacing:-.2px;
  white-space:normal; overflow:visible; text-overflow:clip; min-width:0;
}
.vf-src-card.big.hasacts .vf-src-nm{ padding-inline-end:62px; }
.vf-src-card.big .vf-src-ft{
  margin-top:auto; display:flex; align-items:center; gap:7px; width:100%;
  overflow:visible;
}
.vf-src-card.big .vf-src-dir{
  font-size:11px; font-weight:500; border-radius:999px; padding:3px 9px;
  background:var(--bg-alt); color:var(--text-muted); flex:none;
}
.vf-src-card.big .vf-src-dir.in { background:var(--success-bg); color:var(--success); }
.vf-src-card.big .vf-src-dir.out{ background:var(--danger-bg);  color:var(--danger);  }
.vf-src-card.big .vf-src-n{ margin-inline-start:auto; flex:none; }

.vf-src-card.big .vf-src-acts{
  position:absolute; inset-inline-end:8px; inset-block-start:8px;
  display:flex; gap:1px; overflow:visible;
}

.vf-src-card.big.active .vf-src-ic{
  background:color-mix(in srgb, var(--on-primary) 14%, transparent); border-color:color-mix(in srgb, var(--on-primary) 22%, transparent); color:var(--on-primary);
}
.vf-src-card.big.active .vf-src-dir{ background:color-mix(in srgb, var(--on-primary) 17%, transparent); color:var(--on-primary); }

.vf-src-card.big.off > span:not(.vf-src-nm){ text-decoration:none; }


.vf-sources{ gap:10px; }
@media (max-width:560px){ .modal-full .vf-sources, .vf-sources{ grid-template-columns:repeat(2,1fr); gap:10px; } }
@media (min-width:561px) and (max-width:899px){ .modal-full .vf-sources, .vf-sources{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:900px){  .modal-full .vf-sources{ grid-template-columns:repeat(4,1fr); gap:13px; } }
@media (min-width:1300px){ .modal-full .vf-sources{ grid-template-columns:repeat(5,1fr); } }


@media (min-width:900px){
  .modal-full #vf-body.vf-stepped{ max-width:1180px; }
  .modal-full #vf-body.vf-stepped[data-cur="2"]{ max-width:1000px; }
  .modal-full #vf-body.vf-stepped[data-cur="3"]{ max-width:1100px; }
  .vf-steph{ font-size:26px; letter-spacing:-.8px; margin-bottom:4px; }
}
.vf-stepsub{ font-size:13px; font-weight:400; color:var(--text-muted); margin:0 0 11px; line-height:1.7; }
@media (min-width:900px){ .vf-stepsub{ font-size:13.5px; margin-bottom:13px; } }


#vf-confirm{ flex:1 1 auto; display:flex; flex-direction:column; min-width:0; }
.vc-head{ margin-bottom:16px; }
.vc-cols{ display:grid; grid-template-columns:1fr; gap:16px; align-items:start; }
@media (min-width:900px){ .vc-cols{ grid-template-columns:1.45fr 1fr; gap:24px; } }
.vc-dim{ opacity:.5; pointer-events:none; }

.vc-doc{ background:var(--surface); border:1px solid var(--border-strong);
  border-radius:14px; overflow:hidden; }
.vc-dh{ display:flex; gap:18px; flex-wrap:wrap; padding:13px 15px;
  background:var(--bg-alt); border-bottom:1px solid var(--border); }
.vc-dh span{ min-width:0; }
.vc-dh i{ font-style:normal; font-size:11px; font-weight:500;
  color:var(--text-muted); display:block; }
.vc-dh b{ font-size:13.5px; font-weight:500; margin-top:3px; display:block; }
.vc-dh b.ltr, .vc-code, .vc-n, .vc-mv{ direction:ltr; font-variant-numeric:tabular-nums; }
.vc-t{ width:100%; border-collapse:collapse; }
.vc-t thead th{ font-size:11.5px; font-weight:500; color:var(--text-muted);
  padding:9px 14px; border-bottom:1px solid var(--border); text-align:start; }
.vc-t th.vc-n, .vc-t td.vc-n{ text-align:end; width:118px; }
.vc-t tbody td{ padding:12px 14px; border-bottom:1px solid var(--border-light);
  font-size:13.5px; vertical-align:top; }
.vc-t tbody td.vc-n{ font-weight:500; font-size:14.5px; }
.vc-t tbody td.vc-n.z{ color:var(--text-disabled); font-weight:500; }
.vc-acc{ font-weight:500; }
.vc-acc.bad{ color:var(--danger); }
.vc-code{ display:inline-block; background:var(--bg-alt); border:1px solid var(--border);
  border-radius:5px; padding:0 5px; font-size:12px; margin-inline-end:6px; }
.vc-acc.bad .vc-code{ border-color:var(--danger); color:var(--danger); }
.vc-ln{ display:block; font-size:11.5px; font-weight:400; color:var(--text-muted); margin-top:4px; }
.vc-t tfoot td{ padding:12px 14px; font-size:13px; font-weight:500;
  background:var(--bg-alt); border-top:1px solid var(--border); }
.vc-t tfoot td.vc-n{ font-size:15px; }
.vc-bal{ padding:10px 15px; font-size:12.5px; font-weight:500;
  color:var(--success); background:var(--success-bg); border-top:1px solid var(--border); }

.vc-side{ background:var(--surface); border:1px solid var(--border);
  border-radius:14px; padding:15px 16px; }
.vc-side h4{ margin:0 0 11px; font-size:12.5px; font-weight:500; color:var(--text-muted); }
.vc-sr{ display:flex; gap:10px; padding:9px 0; font-size:13.5px;
  border-bottom:1px solid var(--border-light); }
.vc-sr:last-child{ border-bottom:0; }
.vc-sr .k{ color:var(--text-muted); font-weight:400; flex:none; min-width:70px; }
.vc-sr .v{ font-weight:500; margin-inline-start:auto; text-align:end; min-width:0; }
.vc-sr .v.big{ font-size:17px; direction:ltr; font-variant-numeric:tabular-nums; }
.vc-sr .v.nb{ font-weight:500; }
.vc-thumb{ margin-top:12px; padding:14px; border-radius:10px; background:var(--bg-alt);
  border:1px dashed var(--border-strong); font-size:12px; font-weight:500;
  color:var(--text-muted); text-align:center; }

.vc-warn{ background:var(--warning-bg); border:1px solid var(--warning);
  border-radius:12px; padding:12px 14px; margin-bottom:16px; }
.vc-warn.bad{ background:var(--danger-bg); border-color:var(--danger); }
.vc-warn h5{ margin:0 0 5px; font-size:13.5px; font-weight:500; color:var(--warning-text); }
.vc-warn.bad h5{ color:var(--danger); }
.vc-warn p{ margin:0; font-size:12.5px; line-height:1.85; color:var(--text-muted); }
.vc-warn p.ltr{ direction:ltr; text-align:start; font-size:12px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }


.vc-foot{ flex:0 0 auto; margin-top:auto; position:sticky; bottom:0; z-index:6;
  margin-inline:-16px; background:var(--surface); border-top:1px solid var(--border); }
@media (min-width:900px){ .vc-foot{ margin-inline:-30px; } }
.vc-bar{ height:3px; background:var(--border-light); position:relative; }
.vc-fill{ position:absolute; inset-block:0; inset-inline-start:0; width:100%;
  background:var(--primary); transform-origin:inline-end; }
.vc-foot.warn .vc-fill{ background:var(--warning); }
.vc-fill.vc-run{ transform:scaleX(.45); animation:vcRun 1.1s ease-in-out infinite alternate; }
@keyframes vcRun{ from{ transform:scaleX(.25); } to{ transform:scaleX(.75); } }
.vc-fin{ max-width:1180px; margin:0 auto; display:flex; align-items:center; gap:11px;
  padding:12px 16px; flex-wrap:wrap; }
@media (min-width:900px){ .vc-fin{ padding:13px 30px; flex-wrap:nowrap; } }
.vc-msg{ font-size:12.5px; font-weight:400; color:var(--text-muted); }
.vc-msg b{ color:var(--text); font-variant-numeric:tabular-nums; }
.vc-fin .vf-sbtn{ flex:0 0 auto; padding:0 20px; }
.vc-fin .vf-sbtn.pri{ margin-inline-start:auto; padding:0 28px; }

.vc-ok{ display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:11px; padding:56px 20px; text-align:center; }
.vc-ring{ width:64px; height:64px; border-radius:50%; display:grid; place-items:center;
  background:var(--success-bg); color:var(--success); font-size:30px; font-weight:500; }
.vc-ok h3{ margin:0; font-size:20px; font-weight:500; letter-spacing:-.5px; }
.vc-ok p{ margin:0; font-size:13.5px; color:var(--text-muted); line-height:1.9; }
.vc-mv{ display:inline-block; background:var(--bg-alt); border:1px solid var(--border-strong);
  border-radius:7px; padding:3px 9px; font-size:14px; font-weight:500; }


.input, .select, .textarea, select, textarea,
input[type="text"], input[type="number"], input[type="email"],
input[type="password"], input[type="date"], input[type="search"], input[type="tel"],
.vf-src-card, .vf-bank-pill, .vf-crumb, .vf-sbtn, .vf-save,
.lx-proof-btn, .vf-more, .mx-btn, .btn{
  border-color:var(--border-strong);
}

.input, .select, .textarea, select, textarea,
input[type="text"], input[type="number"], input[type="date"], input[type="tel"]{
  border-width:1.5px;
}


#vf-body.vf-confirming > #vf-stepbar{ display:none !important; }

@media (min-width:900px){
  #vf-confirm .vc-cols{ flex:1 1 auto; align-items:stretch; }
  #vf-confirm .vc-cols > *{ height:100%; }
}
#vf-confirm .vc-side{ display:flex; flex-direction:column; }
#vf-confirm .vc-thumb{ margin-top:auto; }
#vf-confirm #vf-entry-preview{ display:flex; flex-direction:column; }
#vf-confirm #vf-entry-preview > table{ flex:0 0 auto; }

@media (min-width:900px){
  #vf-confirm #vf-entry-preview{ font-size:15px; }
  #vf-confirm .vc-sr{ font-size:14.5px; padding:11px 0; }
  #vf-confirm .vc-side h4{ font-size:13.5px; }
}

.v2-root{
  --ink:#0E0E0E; --ink-2:#2B2B2B;
  --bg:#FFFFFF; --bg-alt:#F3F3F1; --surface:#FFFFFF; --surface-2:#FAFAF8;
  --border:#E3E3DF; --border-strong:#C8C8C2;
  --text:#111111; --text-muted:#6B6B66; --text-faint:#A3A39E; --text-disabled:#8A8A85;
  --primary:#0E0E0E; --on-primary:#FFFFFF; --primary-hover:#000000; --primary-bg:#F3F3F1;
  --success:#1E7F4F; --success-bg:#E6F4EC; --success-text:#155C3A;
  --warning:#A86B00; --warning-bg:#FFF4DC; --warning-text:#7A4E00;
  --danger:#B42318;  --danger-bg:#FDECEA;  --danger-text:#8A1B12;
  --info:#2D5FA6;    --info-bg:#E9F0FA;    --info-text:#214A83;
  --ring:0 0 0 3px rgba(14,14,14,.10);
  --shadow-sm:0 1px 2px rgba(10,10,10,.05); --shadow-md:0 10px 30px -14px rgba(10,10,10,.16); --shadow-lg:0 20px 50px -20px rgba(10,10,10,.24);
  --r-sm:8px; --r:12px; --r-lg:18px; --r-xl:24px;
  --sb-w:248px; --top-h:56px; --bn-h:60px;
  
  --font:'Readex Pro','Cairo',system-ui,-apple-system,sans-serif; --font-num:'Readex Pro','Cairo',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1); --dur:160ms;
  color:var(--text); background:var(--bg); font-family:var(--font); font-size:14.5px; line-height:1.55;
}
html[data-theme="dark"] .v2-root{
  --ink:#F2F2EF; --ink-2:#D6D6D2;
  --bg:#101010; --bg-alt:#171717; --surface:#181818; --surface-2:#1E1E1E;
  --border:#2A2A2A; --border-strong:#3A3A3A;
  --text:#EDEDEA; --text-muted:#9C9C96; --text-faint:#63635F; --text-disabled:#6E6E69;
  --primary:#F2F2EF; --on-primary:#0E0E0E; --primary-hover:#FFFFFF; --primary-bg:#1E1E1E;
  --success:#3FB273; --success-bg:#12281B; --success-text:#8FE0B4;
  --warning:#E0A23A; --warning-bg:#2C2210; --warning-text:#F0C77E;
  --danger:#E0574B;  --danger-bg:#2E1613;  --danger-text:#F3A199;
  --info:#6C9BE0;    --info-bg:#14213A;    --info-text:#A9C6F2;
  --ring:0 0 0 3px rgba(242,242,239,.14);
  --shadow-md:0 10px 30px -14px rgba(0,0,0,.6); --shadow-lg:0 20px 50px -20px rgba(0,0,0,.7);
}
.v2-root *, .v2-root *::before, .v2-root *::after{ box-sizing:border-box; }
.v2-root .num{ font-family:var(--font-num); font-variant-numeric:tabular-nums; direction:ltr; unicode-bidi:isolate; }
.v2-root a{ color:inherit; }

.v2-root a:hover, .v2-root a:focus-visible{ text-decoration:none; }
.v2-root .v2-ic{ width:18px; height:18px; flex:none; }
.v2-root :focus-visible{ outline:none; box-shadow:var(--ring); border-radius:var(--r-sm); }


.v2-root{ min-height:100vh; min-height:100dvh; display:flex; }
.v2-sb{ width:var(--sb-w); flex:none; position:sticky; top:0; height:100vh; height:100dvh; display:flex; flex-direction:column;
  background:var(--surface); border-inline-start:1px solid var(--border); }
.v2-col{ flex:1; min-width:0; display:flex; flex-direction:column; }
.v2-top{ position:sticky; top:0; z-index:30; height:var(--top-h); display:flex; align-items:center; gap:10px; padding:0 20px;
  background:color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter:saturate(1.2) blur(8px); border-bottom:1px solid var(--border); }
.v2-crumb{ min-width:0; display:flex; align-items:center; gap:8px; flex:none; }
.v2-crumb-root{ font-size:13px; color:var(--text-muted); text-decoration:none; white-space:nowrap; } .v2-crumb-root:hover{ color:var(--text); }
.v2-crumb-sep{ color:var(--text-faint); }
.v2-crumb-title{ font-weight:600; font-size:14.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-search{ flex:1; display:flex; justify-content:center; position:relative; min-width:0; }
.v2-search-box{ display:flex; align-items:center; gap:8px; width:min(460px,100%); height:38px; padding:0 10px 0 8px; border:1px solid var(--border); border-radius:11px; background:var(--surface); color:var(--text-muted); cursor:text; }
.v2-search-box:focus-within{ border-color:var(--primary); box-shadow:var(--ring); }
.v2-search-ic .v2-ic{ width:17px; height:17px; }
.v2-search-box input{ flex:1; min-width:0; border:0; background:transparent; font:inherit; font-size:13.5px; color:var(--text); outline:none; }
.v2-search-box input::placeholder{ color:var(--text-faint); }
.v2-search-box input::-webkit-search-cancel-button{ display:none; }
.v2-search-box kbd{ font-family:var(--font-num); font-size:10.5px; color:var(--text-faint); border:1px solid var(--border); border-radius:6px; padding:1px 6px; }
.v2-search-list{ position:absolute; top:44px; inset-inline:0; margin:0 auto; width:min(460px,100%); background:var(--surface); border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow-lg); padding:6px; z-index:50; }
.v2-search-item{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:8px; text-decoration:none; color:var(--text); font-size:13.5px; font-weight:500; }
.v2-search-item .v2-ic{ width:18px; height:18px; color:var(--text-muted); }
.v2-search-item small{ margin-inline-start:auto; color:var(--text-faint); font-size:11px; }
.v2-search-item.on, .v2-search-item:hover{ background:var(--bg-alt); }
.v2-search-empty{ padding:10px; color:var(--text-muted); font-size:13px; }
.v2-badge{ position:absolute; top:5px; inset-inline-end:5px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:var(--danger); color:#fff; font-size:10px; font-weight:600; display:grid; place-items:center; font-family:var(--font-num); }
.v2-user{ position:relative; margin-inline-start:4px; }
.v2-user-btn{ display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 8px 0 10px; border:1px solid var(--border); border-radius:11px; background:var(--surface); color:var(--text); font:inherit; font-weight:500; font-size:13px; cursor:pointer; }
.v2-user-btn:hover{ background:var(--bg-alt); }
.v2-ic-sm{ width:14px; height:14px; color:var(--text-faint); }
.v2-menu{ position:absolute; top:44px; inset-inline-end:0; min-width:190px; background:var(--surface); border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow-lg); padding:6px; z-index:50; display:grid; }
.v2-menu a, .v2-menu button{ display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:8px; text-decoration:none; color:var(--text); font:inherit; font-size:13.5px; font-weight:500; background:transparent; border:0; cursor:pointer; text-align:start; }
.v2-menu a:hover, .v2-menu button:hover{ background:var(--bg-alt); }
.v2-menu .v2-ic{ width:18px; height:18px; color:var(--text-muted); }
.v2-top-actions{ display:flex; align-items:center; gap:8px; }
.v2-main{ flex:1; padding:22px 24px 40px; }
.v2-only-m{ display:none; }
.v2-scrim{ display:none; }


.v2-sb-top{ display:flex; align-items:center; gap:8px; padding:14px 14px 8px; }
.v2-sb-top .v2-brand-link{ flex:1; min-width:0; }
.v2-sb-toggle .v2-ic{ transition:transform 200ms var(--ease); }
.v2-sb-quick{ margin:6px 14px 4px; justify-content:center; height:44px; border-radius:12px; font-size:14px; }
.v2-sb-quick .v2-ic{ width:18px; height:18px; }

.sb-min .v2-sb{ width:68px; }
.sb-min .v2-brand-link span, .sb-min .v2-nav-label, .sb-min .v2-nav-title, .sb-min .v2-user-meta, .sb-min .v2-sb-quick span, .sb-min .v2-soon{ display:none; }
.sb-min .v2-sb-top{ flex-direction:column; padding:12px 8px 6px; }
.sb-min .v2-sb-toggle .v2-ic{ transform:rotate(180deg); }
.sb-min .v2-sb-quick{ margin:6px 12px 4px; width:44px; padding:0; }
.sb-min .v2-nav-item{ justify-content:center; padding:10px 0; }
.sb-min .v2-nav-group{ margin-top:4px; }
.sb-min .v2-sb-user{ justify-content:center; padding:12px 8px; }
.v2-brand-link{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text); }
.v2-brand-link svg{ width:40px; height:40px; flex:none; color:var(--text); }
.v2-brand-link b{ display:block; font-size:15px; font-weight:600; line-height:1.15; }
.v2-brand-link small{ display:block; font-family:var(--font-num); font-size:9.5px; letter-spacing:.24em; color:var(--text-muted); margin-top:2px; }
.v2-sb-nav{ flex:1; overflow-y:auto; padding:6px 10px 10px; scrollbar-width:thin; }
.v2-nav-group{ margin-top:10px; }
.v2-nav-title{ font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--text-faint); padding:8px 10px 4px; }
.v2-nav-item{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px; text-decoration:none; color:var(--text-muted);
  font-weight:500; font-size:13.5px; position:relative; transition:background var(--dur) var(--ease), color var(--dur) var(--ease); }
.v2-nav-item:hover{ background:var(--bg-alt); color:var(--text); }
.v2-nav-item.on{ background:var(--primary); color:var(--on-primary); font-weight:500; }
.v2-nav-item .v2-ic{ width:20px; height:20px; flex:none; }
.v2-nav-label{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-nav-item.soon{ color:var(--text-disabled); }
.v2-nav-item.soon .v2-ic{ opacity:.55; }
.v2-soon{ width:7px; height:7px; border-radius:50%; border:1.5px solid var(--border-strong); flex:none; }
.v2-nav-item.on .v2-soon{ border-color:var(--on-primary); }
.v2-sb-user{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-top:1px solid var(--border); text-decoration:none; color:var(--text); }
.v2-sb-user:hover{ background:var(--bg-alt); }
.v2-avatar.sm{ width:30px; height:30px; border-radius:9px; font-size:12px; }
.v2-avatar{ overflow:hidden; } .v2-avatar.has-photo{ background:var(--bg-alt); } .v2-avatar img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.v2-avatar{ width:36px; height:36px; border-radius:11px; background:var(--primary); color:var(--on-primary); display:grid; place-items:center;
  font-weight:600; font-size:13px; flex:none; }
.v2-user-meta{ flex:1; min-width:0; }
.v2-user-meta b{ display:block; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-user-meta small{ display:block; font-size:11.5px; color:var(--text-muted); }
.v2-ibtn{ position:relative; width:36px; height:36px; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--text-muted); cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; transition:background var(--dur), color var(--dur); }
.v2-ibtn:hover{ background:var(--bg-alt); color:var(--text); }
.v2-ibtn .v2-ic{ width:20px; height:20px; }


@media (max-width:899px){
  .v2-only-m{ display:inline-flex; }
  .v2-sb{ position:fixed; inset:0 0 0 auto; right:0; z-index:60; width:min(300px,86vw); transform:translateX(100%);
    transition:transform 220ms var(--ease); box-shadow:none; }
  .v2-sb.open{ transform:none; box-shadow:var(--shadow-lg); }
  .v2-scrim{ display:block; position:fixed; inset:0; z-index:55; background:rgba(0,0,0,.35); }
  .v2-scrim[hidden]{ display:none; }
  .v2-top{ padding:0 10px; gap:6px; }
  .v2-crumb-root, .v2-crumb-sep, .v2-user-name, .v2-user-btn .v2-ic-sm, .v2-search, [data-act="refresh"], [data-act="theme"]{ display:none; }
  .v2-crumb{ flex:1; }
  .v2-user-btn{ padding:0 4px; border:0; }
  .v2-main{ padding:14px 14px calc(var(--bn-h) + 24px); }
  .v2-bn{ position:fixed; bottom:0; inset-inline:0; z-index:40; height:calc(var(--bn-h) + env(safe-area-inset-bottom,0)); padding-bottom:env(safe-area-inset-bottom,0);
    display:grid; grid-template-columns:repeat(5,1fr); background:var(--surface); border-top:1px solid var(--border); }
  .v2-bn-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; text-decoration:none; color:var(--text-muted);
    font-size:10.5px; font-weight:500; border:0; background:transparent; font-family:inherit; cursor:pointer; min-height:44px; }
  .v2-bn-item .v2-ic{ width:22px; height:22px; }
  .v2-bn-item.on{ color:var(--text); }
  .v2-bn-item.on .v2-ic{ stroke-width:2.2; }
  .v2-bn-item.soon{ color:var(--text-disabled); }
}
@media (min-width:900px){ .v2-bn{ display:none; } }


.v2-page{ max-width:1180px; margin:0 auto; }

.v2-eyebrow{ font-size:11.5px; color:var(--text-muted); font-weight:500; letter-spacing:.04em; }
.v2-muted{ color:var(--text-muted); margin:0; font-size:13.5px; }

.v2-h2{ font-size:13px; font-weight:600; color:var(--text-faint); letter-spacing:.06em; margin:0 0 10px; }

.v2-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:18px; }
.v2-btn{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; border:1px solid transparent; border-radius:12px; padding:9px 16px; font:inherit; font-weight:500;
  font-size:13.5px; cursor:pointer; line-height:1.3; text-decoration:none; transition:background var(--dur), border-color var(--dur), transform 120ms, opacity var(--dur); }

.v2-btn:active:not(:disabled){ transform:scale(.98); }
.v2-btn:disabled{ opacity:.45; cursor:not-allowed; }
.v2-btn-p{ background:var(--primary); color:var(--on-primary); } .v2-btn-p:hover:not(:disabled){ background:color-mix(in srgb, var(--primary) 88%, var(--gold, #b8962e)); }
.v2-btn-s{ background:var(--surface); border-color:var(--border-strong); color:var(--text); } .v2-btn-s:hover:not(:disabled){ background:var(--surface); border-color:var(--ink, var(--primary)); }
.v2-btn-g{ background:transparent; color:var(--text-muted); } .v2-btn-g:hover:not(:disabled){ background:var(--bg-alt); color:var(--text); }
.v2-btn-d{ background:var(--surface); border-color:color-mix(in srgb, var(--danger) 40%, transparent); color:var(--danger); } .v2-btn-d:hover:not(:disabled){ background:var(--danger-bg); border-color:var(--danger); }
.v2-pill{ display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:1px 9px; font-size:11.5px; font-weight:500; line-height:1.6; white-space:nowrap; }
.v2-pill i{ width:7px; height:7px; border-radius:50%; background:currentColor; display:inline-block; }
.v2-p-info{ background:var(--info-bg); color:var(--info-text); } .v2-p-ink{ background:var(--primary); color:var(--on-primary); }
.v2-p-warn{ background:var(--warning-bg); color:var(--warning-text); } .v2-p-ok{ background:var(--success-bg); color:var(--success-text); }
.v2-p-dng{ background:var(--danger-bg); color:var(--danger-text); } .v2-p-mut{ background:var(--bg-alt); color:var(--text-muted); }


.v2-ub{ max-width:520px; margin:48px auto; text-align:center; padding:34px 24px; border:1px dashed var(--border-strong); border-radius:var(--r-xl); }
.v2-ub .v2-ic{ width:44px; height:44px; color:var(--text-faint); }
.v2-ub h2{ margin:12px 0 4px; font-size:20px; font-weight:600; }
.v2-ub p{ margin:0 0 16px; color:var(--text-muted); font-size:13.5px; }


@media (min-width:900px){ .v2-root .v2-only-m{ display:none; } }
@media (pointer:coarse){ .v2-root .v2-btn, .v2-root button, .v2-root select, .v2-root input:not([type=checkbox]):not([type=radio]){ min-height:44px; } }
@media (prefers-reduced-motion:reduce){ .v2-root *{ transition:none !important; animation:none !important; } }


.v2-root{ --br-capitale:#B8891D; --br-banbla:#2F6FB5; --br-sand:#178F55; }
.v2-root .good{ color:var(--success-text); } .v2-root .bad{ color:var(--danger-text); }
.v2-root .sens{ filter:blur(7px); border-radius:4px; transition:filter 220ms var(--ease); }
body.reveal .v2-root .sens{ filter:blur(0); }



.v2-seg{ display:inline-flex; border:1px solid var(--border); border-radius:10px; padding:3px; background:var(--surface); }
.v2-seg button{ border:0; background:transparent; color:var(--text-muted); font:inherit; font-weight:500; font-size:13px; padding:5px 12px; border-radius:7px; cursor:pointer; }
.v2-seg button.on{ background:var(--primary); color:var(--on-primary); }
.v2-select{ height:36px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); font:inherit; font-weight:500; font-size:13px; padding:0 10px; }
.v2-link{ text-decoration:none; color:inherit; display:block; }
.v2-link:hover{ border-color:var(--border-strong); }
.v2-chev{ color:var(--text-faint); display:inline-flex; } .v2-chev .v2-ic{ width:18px; height:18px; }
.v2-loading{ display:flex; align-items:center; gap:10px; color:var(--text-muted); font-size:13px; padding:10px 2px; min-height:44px; }
.v2-spin{ width:18px; height:18px; border-radius:50%; border:2px solid var(--border-strong); border-top-color:var(--primary); animation:v2spin .9s linear infinite; }
@keyframes v2spin{ to{ transform:rotate(360deg); } }
.v2-dim{ color:var(--text-muted); font-size:13px; padding:8px 2px; }
.v2-dim.small{ font-size:12px; padding:6px 2px 0; }



.v2-sep{ margin:0 7px; opacity:.45; }



.v2-dot{ width:9px; height:9px; border-radius:50%; flex:none; }





.v2-bi{ grid-area:ic; width:24px; height:24px; border-radius:7px; display:grid; place-items:center; }
.v2-bi .v2-ic{ width:14px; height:14px; }
.v2-bi.mut{ background:var(--bg-alt); color:var(--text-muted); } .v2-bi.info{ background:var(--info-bg); color:var(--info); } .v2-bi.ink{ background:var(--bg-alt); color:var(--text); }
.v2-bi.ok{ background:var(--success-bg); color:var(--success-text); } .v2-bi.warn{ background:var(--warning-bg); color:var(--warning-text); }

.v2-bv{ grid-area:val; font-size:15px; font-weight:600; }
.v2-total{ display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding-top:10px; border-top:1px dashed var(--border); font-size:13px; font-weight:500; color:var(--text-muted); }
.v2-total strong{ color:var(--text); font-size:15px; }





.v2-input{ flex:1; min-width:220px; height:44px; border:1px solid var(--border-strong); border-radius:10px; padding:0 12px; font:inherit; font-family:var(--font-num); background:var(--surface); color:var(--text); direction:ltr; }
.v2-input:focus{ outline:none; border-color:var(--primary); box-shadow:var(--ring); }

.v2-root [hidden]{ display:none; }


.v2-tip{
  position:fixed; z-index:2000; pointer-events:none;
  max-width:260px; padding:6px 10px; border-radius:9px;
  background:var(--primary); color:var(--on-primary);
  font-family:inherit; font-size:12px; font-weight:500; line-height:1.5;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  box-shadow:var(--shadow-md);
  opacity:0; transform:translateY(-3px);
  transition:opacity 130ms var(--ease), transform 130ms var(--ease);
}
.v2-tip.side{ transform:translateX(3px); }
.v2-tip.on{ opacity:1; transform:none; }
.v2-tip .k{ font-family:var(--font-num); font-weight:600; opacity:.6; margin-inline-start:7px; }
@media (prefers-reduced-motion:reduce){ .v2-tip{ transition:opacity 60ms linear; transform:none; } }


.v2-root{ --gold:#b8962e; --gold-deep:#8a6f1f; --gold-soft:#f7f1e0; }
html[data-theme="dark"] .v2-root{ --gold:#d8b85a; --gold-deep:#e3c77a; --gold-soft:rgba(216,184,90,.12); }
.v2-sb, .v2-top, .v2-bn, .v2-menu, .v2-search-list, .v2-tip{ font-family:'Readex Pro', var(--font); }


.v2-brand-link b{ font-weight:500; font-size:15.5px; letter-spacing:0; }
.v2-sb-quick{ height:46px; border-radius:14px; font-weight:500; font-size:14px; gap:8px; }
.v2-sb-nav{ padding:4px 12px 12px; }
.v2-nav-group{ margin-top:14px; }
.v2-nav-title{ display:flex; align-items:center; gap:8px; font-size:11px; font-weight:500; letter-spacing:.02em; color:var(--gold-deep); padding:6px 10px 6px; }
.v2-nav-title::before{ content:''; width:12px; height:1px; background:currentColor; opacity:.7; }
.v2-nav-item{ font-weight:400; font-size:13.5px; padding:9px 12px; border-radius:11px; color:var(--text-muted); }
.v2-nav-item .v2-ic{ width:19px; height:19px; }
.v2-nav-item:hover{ background:var(--bg-alt); color:var(--text); }
.v2-nav-item.on{ background:var(--bg-alt); color:var(--text); font-weight:500; }
.v2-nav-item.on::before{ content:''; position:absolute; inset-inline-start:-12px; top:9px; bottom:9px; width:3px; border-radius:0 3px 3px 0; background:var(--gold); }
.v2-nav-item.on .v2-ic{ color:var(--gold-deep); }
.sb-min .v2-nav-item.on::before{ inset-inline-start:-12px; }
.v2-sb-user{ padding:14px 16px; }
.v2-user-meta b{ font-weight:500; }
.v2-avatar{ font-weight:500; border-radius:12px; }


.v2-crumb-title{ font-weight:500; font-size:14.5px; }
.v2-search-box{ height:40px; border-radius:12px; background:var(--surface-2); }
.v2-search-item{ font-weight:400; }
.v2-user-btn{ font-weight:500; border-radius:12px; height:40px; }
.v2-menu a, .v2-menu button{ font-weight:400; }
.v2-badge{ font-weight:500; }
.v2-tip{ font-weight:500; }


@media (max-width:899px){
  .v2-bn-item{ font-weight:500; font-size:10.5px; position:relative; }
  .v2-bn-item.on{ color:var(--text); }
  .v2-bn-item.on::before{ content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:22px; height:2px; border-radius:0 0 2px 2px; background:var(--gold); }
  .v2-bn-item.on .v2-ic{ color:var(--gold-deep); stroke-width:1.9; }
}


.icon.ic-svg{ font-family:inherit !important; display:inline-flex !important; align-items:center; justify-content:center; line-height:1 !important; vertical-align:-.16em; font-variation-settings:normal; }
.icon.ic-svg > svg, .ic-svg > svg{ width:1em; height:1em; flex:none; display:block; }

.icon.ic-svg[hidden], .icon.ic-svg[style*="display:none"], .icon.ic-svg[style*="display: none"]{ display:none !important; }
.ic-svg{ font-family:inherit !important; font-variation-settings:normal !important; }


.modal-backdrop .modal :is(h1,h2,h3,h4,b,strong,.modal-title){ font-weight:500; }
.modal-backdrop .modal .btn, .modal-backdrop .modal .field-label, .modal-backdrop .modal .pill{ font-weight:500 !important; }
.modal-backdrop .modal :is([style*="font-weight:900"],[style*="font-weight:800"],[style*="font-weight: 900"],[style*="font-weight: 800"]),
.v2-root #page-content :is([style*="font-weight:900"],[style*="font-weight:800"],[style*="font-weight: 900"],[style*="font-weight: 800"]){ font-weight:600 !important; }
.modal-backdrop .modal :is([style*="font-weight:700"],[style*="font-weight: 700"],[style*="font-weight:600"],[style*="font-weight: 600"]),
.v2-root #page-content :is([style*="font-weight:700"],[style*="font-weight: 700"],[style*="font-weight:600"],[style*="font-weight: 600"]){ font-weight:500 !important; }
.modal-backdrop .modal .input, .modal-backdrop .modal .select, .modal-backdrop .modal textarea{ font-family:inherit; }

.ord2{ display:flex; flex-direction:column; gap:16px; max-width:1180px; margin:0 auto; }

.ord2{ font-family:'Readex Pro', var(--font); --font-num:'Readex Pro', var(--font); --r-lg:20px; --gold:#b8962e; --gold-deep:#8a6f1f; --gold-soft:#f7f1e0; }
html[data-theme="dark"] .ord2{ --gold:#d8b85a; --gold-deep:#e3c77a; --gold-soft:rgba(216,184,90,.12); }
.ord2 .v2-btn{ font-weight:500; border-radius:12px; }
.ord2 .v2-pill{ font-weight:500; }
.ord2 .o-head h1{ font-size:28px; font-weight:500; letter-spacing:-.005em; }
.ord2 .o-tab.on svg{ color:var(--gold-deep); }
.ord2 *, .ord2 *::before, .ord2 *::after{ box-sizing:border-box; }
.ord2 .num{ font-family:var(--font-num); font-variant-numeric:tabular-nums; }
.ord2 label{ display:block; font-size:12.5px; font-weight:500; color:var(--text-muted); line-height:20px; }


.ord2 .o-inp, .ord2 .o-sel, .ord2 .o-ta{
  display:block; width:100%; min-height:44px; margin-top:6px; padding:0 13px; font:inherit; font-size:14px; font-weight:500; color:var(--text);
  background:var(--surface); border:1px solid var(--border-strong); border-radius:10px; transition:border-color var(--dur), box-shadow var(--dur);
}
.ord2 .o-ta{ padding:10px 13px; min-height:88px; resize:vertical; line-height:1.7; }
.ord2 .o-inp:focus, .ord2 .o-sel:focus, .ord2 .o-ta:focus{ outline:none; border-color:var(--primary); box-shadow:var(--ring); }
.ord2 .o-inp::placeholder{ color:var(--text-faint); font-weight:400; }
.ord2 .o-inp[type=number], .ord2 .o-inp[dir=ltr]{ font-family:var(--font-num); }
.ord2 .o-inp.sm{ min-height:38px; width:auto; margin:0; }
.ord2 .o-inline{ display:inline-flex; align-items:center; gap:8px; margin:0; }


.ord2 .v2-btn.sm{ padding:6px 12px; font-size:12.5px; border-radius:8px; }
.ord2 .v2-btn.sm .v2-ic{ width:15px; height:15px; }
.ord2 .v2-btn .v2-ic{ width:16px; height:16px; }
.ord2 .v2-btn:disabled{ opacity:.5; cursor:not-allowed; }
.ord2 .v2-btn-d{ border-color:transparent; }


.o-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; padding:4px 2px 0; }
.o-head h1{ margin:0 0 4px; font-size:24px; font-weight:500; letter-spacing:-.4px; line-height:1.2; }
.o-head p{ margin:0; color:var(--text-muted); font-size:13.5px; }
.o-kpi{ display:flex; align-items:center; gap:14px; padding:12px 16px; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--surface); min-width:260px; }
.o-kpi-ic{ width:40px; height:40px; border-radius:12px; background:var(--success-bg); color:var(--success-text); display:grid; place-items:center; flex:none; }
.o-kpi-ic .v2-ic{ width:20px; height:20px; }
.o-kpi small{ display:block; font-size:11.5px; color:var(--text-muted); font-weight:400; }
.o-kpi b{ display:block; font-size:22px; font-weight:500; line-height:1.2; letter-spacing:-.3px; }
.o-kpi em{ display:block; font-style:normal; font-size:11.5px; color:var(--text-faint); font-weight:400; }
.o-kpi em strong{ color:var(--warning-text); font-weight:500; }


.o-tabs{ display:flex; gap:4px; padding:4px; border:1px solid var(--border); border-radius:14px; background:var(--bg-alt); overflow-x:auto; scrollbar-width:none; }
.o-tabs::-webkit-scrollbar{ display:none; }
.o-tab{ display:inline-flex; align-items:center; gap:8px; flex:1; justify-content:center; white-space:nowrap; border:0; background:transparent; color:var(--text-muted);
  font:inherit; font-size:13.5px; font-weight:400; padding:9px 14px; border-radius:10px; cursor:pointer; transition:background var(--dur), color var(--dur); }
.o-tab:hover{ color:var(--text); }
.o-tab.on{ background:var(--surface); color:var(--text); box-shadow:var(--shadow-sm); }
.o-tab .v2-ic{ width:17px; height:17px; }
.o-tab .o-n{ font-family:var(--font-num); font-size:11px; font-weight:500; min-width:20px; padding:1px 6px; border-radius:999px; background:var(--primary); color:var(--on-primary); }
.o-tab:not(.on) .o-n{ background:var(--border-strong); color:var(--text); }


.o-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:18px; }
.o-card.tight{ padding:0; overflow:hidden; }
.o-card-h{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.o-card-h h2, .o-card-h h3{ margin:0; font-size:15px; font-weight:500; flex:1; }
.o-card-h .o-sub{ font-weight:400; color:var(--text-muted); font-size:12.5px; }
.o-card-ic{ width:34px; height:34px; border-radius:10px; background:var(--bg-alt); color:var(--text); display:grid; place-items:center; flex:none; }
.o-card-ic .v2-ic{ width:18px; height:18px; }
.o-card-ic.ok{ background:var(--success-bg); color:var(--success-text); }
.o-card-ic.warn{ background:var(--warning-bg); color:var(--warning-text); }
.o-card-ic.info{ background:var(--info-bg); color:var(--info-text); }


.o-offers{ border:1px solid var(--border); border-radius:var(--r-lg); background:var(--surface); }
.o-offers summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:12px; padding:14px 18px; }
.o-offers summary::-webkit-details-marker{ display:none; }
.o-offers summary b{ font-size:14.5px; font-weight:500; }
.o-offers summary .o-sub{ color:var(--text-muted); font-size:12.5px; font-weight:400; flex:1; }
.o-offers summary .o-chev{ color:var(--text-faint); transition:transform var(--dur) var(--ease); display:inline-flex; }
.o-offers[open] summary .o-chev{ transform:rotate(180deg); }
.o-offers[open] summary{ border-bottom:1px solid var(--border); }
.o-offers-b{ padding:16px 18px 18px; }
.o-offers-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px; margin-top:14px; }
.o-offer{ border:1px solid var(--border); border-radius:12px; padding:11px 12px; background:var(--surface-2); display:flex; flex-direction:column; gap:9px; }
.o-offer b{ font-size:13px; font-weight:500; }
.o-offer-acts{ display:flex; gap:6px; }
.o-offer-acts button{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:5px; border:1px solid var(--border-strong); background:var(--surface); color:var(--text);
  font:inherit; font-size:12px; font-weight:500; padding:6px 8px; border-radius:8px; cursor:pointer; min-height:34px; transition:background var(--dur); }
.o-offer-acts button:hover{ background:var(--bg-alt); }
.o-offer-acts button.wa{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.o-offer-acts button .v2-ic{ width:14px; height:14px; }


.o-tip{ display:flex; align-items:center; gap:12px; padding:11px 16px; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
.o-tip-ic{ width:32px; height:32px; border-radius:9px; background:var(--warning-bg); color:var(--warning-text); display:grid; place-items:center; flex:none; }
.o-tip-ic .v2-ic{ width:17px; height:17px; }
.o-tip-t{ flex:1; min-width:0; }
.o-tip-t small{ display:block; font-size:11.5px; font-weight:500; color:var(--warning-text); }
.o-tip-t span{ display:block; font-size:13px; font-weight:500; color:var(--text); }
.o-tip-dots{ display:flex; gap:4px; flex:none; }
.o-tip-dots i{ width:6px; height:6px; border-radius:50%; background:var(--text); opacity:.22; display:block; transition:opacity 220ms; }


.o-intake{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:16px; align-items:start; }
.o-intake > .o-main{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.o-intake > .o-side{ position:sticky; top:calc(var(--top-h) + 14px); display:flex; flex-direction:column; gap:14px; }

@media (max-width:1023px){
  .o-intake{ grid-template-columns:1fr; }
  .o-intake > .o-main{ display:contents; }
  .o-intake > .o-side{ position:static; order:1; }
  .o-intake .o-recent{ order:2; }
}


.o-types{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.o-type{ display:flex; align-items:center; gap:11px; text-align:start; border:1px solid var(--border); background:var(--surface); border-radius:14px; padding:11px 13px; cursor:pointer; font:inherit; color:var(--text);
  transition:border-color var(--dur), background var(--dur), box-shadow var(--dur); }
.o-type:hover{ border-color:var(--border-strong); }
.o-type.on{ border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.o-type-ic{ width:38px; height:38px; border-radius:11px; background:var(--bg-alt); display:grid; place-items:center; flex:none; color:var(--text); }
.o-type.on .o-type-ic{ background:var(--primary); color:var(--on-primary); }
.o-type-ic .v2-ic{ width:19px; height:19px; }
.o-type b{ display:block; font-size:13.5px; font-weight:500; }
.o-type small{ display:block; font-size:11.5px; color:var(--text-muted); font-weight:400; }
@media (max-width:640px){ .o-types{ grid-template-columns:1fr; gap:8px; } }

.o-note{ display:flex; gap:10px; align-items:flex-start; padding:11px 13px; border-radius:12px; font-size:12.5px; font-weight:500; line-height:1.7; }
.o-note .v2-ic{ width:16px; height:16px; flex:none; margin-top:3px; }
.o-note.info{ background:var(--info-bg); color:var(--info-text); }
.o-note.ok{ background:var(--success-bg); color:var(--success-text); }
.o-note.warn{ background:var(--warning-bg); color:var(--warning-text); }
.o-note.dng{ background:var(--danger-bg); color:var(--danger-text); }

.o-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.o-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:640px){ .o-grid2, .o-grid3{ grid-template-columns:1fr; } }
.o-field{ position:relative; }
.o-field .o-ic{ position:absolute; inset-inline-start:12px; top:39px; color:var(--text-faint); pointer-events:none; display:inline-flex; }
.o-field .o-ic .v2-ic{ width:18px; height:18px; }
.o-field.has-ic .o-inp{ padding-inline-start:38px; }
.o-tag{ display:inline-flex; align-items:center; gap:5px; margin-top:6px; font-size:12px; font-weight:500; color:var(--success-text); }
.o-tag .v2-ic{ width:14px; height:14px; }


.o-pop{ position:absolute; z-index:30; inset-inline:0; top:100%; margin-top:4px; background:var(--surface); border:1px solid var(--border-strong); border-radius:12px; max-height:280px; overflow:auto; box-shadow:var(--shadow-lg); display:none; }
.o-opt{ display:flex; align-items:center; gap:10px; padding:9px 12px; cursor:pointer; border-bottom:1px solid var(--border); font-size:13px; }
.o-opt:last-child{ border-bottom:0; }
.o-opt:hover{ background:var(--bg-alt); }
.o-opt b{ font-weight:500; }
.o-opt .o-dim{ color:var(--text-muted); font-size:12px; }
.o-opt img, .o-opt .o-ph{ width:36px; height:36px; border-radius:8px; border:1px solid var(--border); object-fit:cover; flex:none; background:var(--bg-alt); }
.o-pop-msg{ padding:11px 12px; color:var(--text-muted); font-size:13px; }
.o-pop-msg.dng{ color:var(--danger-text); }


.o-pend{ margin-top:12px; border:1px solid var(--primary); border-radius:14px; padding:14px; background:var(--surface); }
.o-pend-h{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.o-pend-h b{ flex:1; font-size:14px; font-weight:500; }
.o-pend-h .o-code{ font-family:var(--font-num); font-size:12px; color:var(--text-muted); }
.o-pend-row{ display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.o-pend-row label{ margin:0; }
.o-pend-row .o-inp{ width:120px; }
.o-avail{ display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 10px; }
.o-av{ display:flex; flex-direction:column; gap:1px; min-width:108px; border:1px solid var(--border); border-radius:10px; padding:7px 11px; text-align:center; background:var(--surface-2); }
.o-av b{ font-size:12px; font-weight:500; }
.o-av span{ font-size:12px; font-weight:400; color:var(--text-muted); }
.o-av.has{ border-color:var(--success); background:var(--success-bg); } .o-av.has span{ color:var(--success-text); }
.o-av.out span{ color:var(--danger-text); }
.o-reward{ font-size:12px; font-weight:500; color:var(--success-text); }
.o-reward.dim{ color:var(--text-muted); font-weight:400; }


.o-cart-list{ display:flex; flex-direction:column; gap:8px; }
.o-ci{ display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.o-ci-ic{ width:30px; height:30px; border-radius:8px; background:var(--bg-alt); color:var(--text); display:grid; place-items:center; flex:none; }
.o-ci-ic .v2-ic{ width:15px; height:15px; }
.o-ci-t{ flex:1; min-width:0; }
.o-ci-t b{ display:block; font-size:13px; font-weight:500; }
.o-ci-t small{ display:block; font-size:11.5px; color:var(--text-muted); font-weight:400; line-height:1.6; }
.o-ci-x{ border:0; background:transparent; color:var(--text-faint); cursor:pointer; padding:4px; border-radius:6px; display:grid; place-items:center; }
.o-ci-x:hover{ background:var(--danger-bg); color:var(--danger-text); }
.o-ci-x .v2-ic{ width:15px; height:15px; }
.o-cart-empty{ text-align:center; padding:22px 12px; color:var(--text-muted); font-size:12.5px; line-height:1.8; border:1px dashed var(--border-strong); border-radius:12px; }
.o-cart-empty .v2-ic{ width:26px; height:26px; color:var(--text-faint); margin-bottom:6px; }
.o-cart-tot{ display:flex; justify-content:space-between; align-items:baseline; padding:12px 2px 0; margin-top:4px; border-top:1px solid var(--border); font-size:13px; font-weight:500; }
.o-cart-tot b{ font-size:17px; font-weight:500; }
.o-cart-acts{ display:flex; gap:8px; margin-top:12px; }
.o-cart-acts .v2-btn{ justify-content:center; }
.o-cart-acts .v2-btn-p{ flex:1; padding:12px 16px; font-size:14px; font-weight:500; border-radius:12px; }
.o-plan{ margin-top:10px; }
.o-plan-part{ display:flex; gap:8px; font-size:12px; padding:3px 0; }
.o-plan-part b{ flex:none; }


.o-sec-h{ display:flex; align-items:center; gap:10px; margin:4px 0 10px; }
.o-sec-h h3{ margin:0; font-size:14.5px; font-weight:500; }
.o-sec-h .o-count{ font-family:var(--font-num); font-size:11.5px; font-weight:400; padding:1px 8px; border-radius:999px; background:var(--bg-alt); color:var(--text-muted); border:1px solid var(--border); }
.o-sec-h .o-count.hot{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.o-sec-h .o-spacer{ flex:1; }
.o-empty{ text-align:center; padding:18px 12px; color:var(--text-muted); font-size:12.5px; border:1px dashed var(--border); border-radius:12px; }
.o-empty.big{ padding:38px 16px; }
.o-empty .v2-ic{ width:30px; height:30px; color:var(--text-faint); margin-bottom:6px; }
.o-empty b{ display:block; font-size:14px; color:var(--text); margin-bottom:2px; }


.o-orders{ display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:12px; }
@media (max-width:640px){ .o-orders{ grid-template-columns:1fr; } }
.ord{ position:relative; display:flex; flex-direction:column; gap:10px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:14px 16px 14px; transition:border-color var(--dur), box-shadow var(--dur); }
.ord:hover{ border-color:var(--border-strong); box-shadow:var(--shadow-md); }
.ord::before{ content:""; position:absolute; top:14px; bottom:14px; inset-inline-start:-1px; width:3px; border-radius:0 3px 3px 0; background:var(--border-strong); }
.ord.pending::before{ background:var(--warning); } .ord.ready::before{ background:var(--info); } .ord.done::before{ background:var(--success); } .ord.cancelled::before{ background:var(--danger); }
.ord.cancelled{ opacity:.7; }
.ord-top{ display:flex; align-items:flex-start; gap:11px; }
.ord-av{ width:38px; height:38px; border-radius:11px; display:grid; place-items:center; flex:none; background:var(--bg-alt); color:var(--text); }
.ord-av.mfg{ background:var(--info-bg); color:var(--info-text); }
.ord-av .v2-ic{ width:19px; height:19px; }
.ord-cust{ flex:1; min-width:0; }
.ord-cust b{ font-size:14.5px; font-weight:500; }
.ord-ph{ font-family:var(--font-num); font-size:12px; color:var(--text-muted); font-weight:400; white-space:nowrap; }
.ord-meta{ display:block; font-size:11.5px; color:var(--text-muted); font-weight:400; margin-top:1px; }
.ord-items{ background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:8px 12px; font-size:13px; font-weight:500; display:flex; flex-direction:column; gap:3px; }
.ord-items > div{ display:flex; gap:8px; }
.ord-items > div::before{ content:"•"; color:var(--text-faint); }
.ord-note{ font-size:12px; color:var(--text-muted); }
.ord-inc{ font-size:12px; color:var(--text-muted); font-weight:400; }
.ord-inc strong{ color:var(--success-text); }
.ord-inv{ font-size:12px; color:var(--success-text); font-weight:500; display:flex; align-items:center; gap:5px; }
.ord-inv .v2-ic{ width:15px; height:15px; }
.ord-acts{ display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; margin-top:auto; padding-top:4px; }
.ord .v2-pill{ flex:none; }


.o-kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; }
.o-kpi2{ background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:13px 15px; }
.o-kpi2 small{ display:block; font-size:12px; color:var(--text-muted); font-weight:400; }
.o-kpi2 b{ display:block; font-size:21px; font-weight:500; letter-spacing:-.4px; margin-top:2px; }
.o-kpi2 b.ok{ color:var(--success-text); } .o-kpi2 b.info{ color:var(--info-text); }
.o-rep-cols{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:760px){ .o-rep-cols{ grid-template-columns:1fr; } }
.o-row{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--border); font-size:13px; }
.o-row:last-child{ border-bottom:0; }
.o-row .o-lbl{ min-width:64px; font-weight:500; }
.o-row .o-bar{ flex:1; height:6px; border-radius:3px; background:var(--bg-alt); overflow:hidden; }
.o-row .o-bar i{ display:block; height:100%; background:var(--primary); border-radius:3px; }
.o-row .o-val{ font-family:var(--font-num); font-weight:500; }
.o-row .o-grow{ flex:1; min-width:0; }
.o-row .o-grow small{ display:block; color:var(--text-muted); font-size:12px; font-weight:400; }
.o-rank{ width:30px; height:30px; border-radius:9px; background:var(--bg-alt); color:var(--text); display:grid; place-items:center; font-weight:500; flex:none; }
.o-rank.top{ background:var(--primary); color:var(--on-primary); }


.o-done{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.o-done-r{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.o-done-acts{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.o-done-meta{ font-size:12px; color:var(--text-muted); margin-top:2px; }
.o-done-st{ display:flex; align-items:center; gap:6px; margin-top:6px; flex-wrap:wrap; }


.wo-bar{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding:12px 16px; }
.wo-bar2{ padding-top:0; gap:7px; }
.wo-search{ position:relative; flex:1; min-width:200px; }
.wo-search .o-ic{ position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); color:var(--text-faint); pointer-events:none; display:inline-flex; }
.wo-search .o-inp{ margin:0; padding-inline-start:38px; font-family:var(--font-num); }
.wo-f{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--border); background:transparent; color:var(--text-muted); border-radius:999px;
  padding:5px 12px; font:inherit; font-size:12.5px; font-weight:400; cursor:pointer; transition:background var(--dur), color var(--dur), border-color var(--dur); }
.wo-f:hover{ background:var(--bg-alt); }
.wo-f.on{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.wo-f .wo-n{ font-family:var(--font-num); font-size:11.5px; opacity:.7; font-weight:500; }
.wo-live{ margin-inline-start:auto; display:inline-flex; align-items:center; gap:6px; font-size:11.5px; color:var(--text-faint); white-space:nowrap; font-weight:400; }
.wo-live i{ width:7px; height:7px; border-radius:50%; background:var(--success); display:inline-block; }
.wo-note{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--text-muted); }
.wo-link{ border:0; background:none; padding:0; font:inherit; font-weight:500; color:var(--text); cursor:pointer; text-decoration:underline; }
.wo-err{ margin:0 16px 12px; padding:10px 12px; border-radius:10px; background:var(--danger-bg); color:var(--danger-text); font-size:13px; font-weight:500; }
.wo-table{ width:100%; border-collapse:collapse; margin:0; }
.wo-table th{ text-align:start; font-size:11.5px; font-weight:500; color:var(--text-muted); letter-spacing:.02em; padding:9px 14px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface-2); }
.wo-table td{ padding:10px 14px; border-bottom:1px solid var(--border); vertical-align:middle; font-size:13px; }
.wo-table tbody tr{ cursor:pointer; transition:background .12s; }
.wo-table tbody tr:last-child td{ border-bottom:0; }
.wo-table tbody tr:hover, .wo-table tbody tr:focus-visible{ background:var(--bg-alt); outline:none; }
.wo-table tbody tr:focus-visible{ box-shadow:inset 0 0 0 2px var(--primary); }
.wo-date{ white-space:nowrap; font-size:12px; color:var(--text-muted); }
.wo-cust{ line-height:1.35; }
.wo-name{ display:block; font-weight:500; }
.wo-phone{ display:block; font-size:11.5px; color:var(--text-muted); text-align:end; direction:ltr; }
.wo-table td.wo-total{ text-align:end; font-weight:500; white-space:nowrap; }
.wo-table th.end{ text-align:end; }
.wo-table td.wo-go{ color:var(--text-faint); width:1%; text-align:end; }
.wo-go .v2-ic{ width:18px; height:18px; }
.wo-head-total{ display:none; }
.wo-load{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:34px 14px; color:var(--text-muted); font-size:13px; }
@media (max-width:620px){
  .wo-search{ flex:1 0 100%; }
  .wo-bar .v2-btn-p{ flex:1; justify-content:center; }
  .wo-live{ display:none; }
  .wo-table thead{ display:none; }
  .wo-head-total{ display:inline; font-weight:500; }
  .wo-table td.wo-total, .wo-table td.wo-go{ display:none; }
  .wo-table, .wo-table tbody, .wo-table tr, .wo-table td{ display:block; width:auto; }
  .wo-table tr{ border:1px solid var(--border); border-radius:12px; padding:11px 13px; margin:0 0 9px; }
  .wo-table td{ border:none !important; padding:0 !important; }
  .wo-table td[data-k]{ display:flex; align-items:baseline; gap:8px; margin-top:5px; }
  .wo-table td[data-k]::before{ content:attr(data-k); font-size:11px; color:var(--text-muted); min-width:52px; font-weight:400; flex:none; }
  .wo-table td.wo-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .wo-cust .wo-name, .wo-cust .wo-phone{ display:inline; }
  .wo-cust .wo-phone{ margin-inline-start:8px; text-align:start; }
  .wo-table tbody{ padding:0 12px 12px; }
}


@media (max-width:640px){
  .o-head{ align-items:stretch; }
  .o-kpi{ min-width:0; width:100%; }
  .o-card{ padding:14px; }
  .o-tab{ flex:none; }
  .o-offers summary .o-sub{ display:none; }
}


.ro-wtable td.wo-sel, .ro-wtable th.wo-sel { width: 1%; padding-inline: 8px 0; }
.wo-sel input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--ds-gold-deep, #8a6d1f); cursor: pointer; }
.ro-wsel { gap: 8px; align-items: center; flex-wrap: wrap; }
@media (max-width: 760px) { .ro-wtable td.wo-sel:empty { display: none; } }



.v2-root, #modal-host, #toast-host, .tb-ntf-panel{
  --ds-ink: var(--ink, #0e0e0e); --ds-text: var(--text, #111); --ds-mute: var(--text-muted, #6b6b66); --ds-faint: var(--text-faint, #a3a39e);
  --ds-bg: var(--bg, #fff); --ds-alt: var(--bg-alt, #f4f4f2); --ds-surface: var(--surface, #fff); --ds-surface2: var(--surface-2, #fafaf8);
  --ds-line: var(--border, #e7e7e3); --ds-line2: var(--border-strong, #cfcfc9);
  --ds-gold: #b8962e; --ds-gold-deep: #8a6f1f; --ds-gold-soft: #f7f1e0;
  --ds-ok: var(--success, #1e7f4f); --ds-ok-bg: var(--success-bg, #e6f4ec); --ds-bad: var(--danger, #b42318); --ds-bad-bg: var(--danger-bg, #fdecea);
  --ds-r: 14px; --ds-r-lg: 22px; --ds-ease: cubic-bezier(.2,.7,.2,1);
  --ds-font: 'Readex Pro', var(--font, system-ui), sans-serif;
  --gold:#b8962e; --gold-deep:#8a6f1f; --gold-soft:#f7f1e0;
}
html[data-theme="dark"] :is(.v2-root, #modal-host, #toast-host, .tb-ntf-panel){
  --ds-gold: #d8b85a; --ds-gold-deep: #e3c77a; --ds-gold-soft: rgba(216,184,90,.12);
  --gold:#d8b85a; --gold-deep:#e3c77a; --gold-soft:rgba(216,184,90,.12);
}


.v2-root #page-content, .modal-backdrop .modal{ font-family:var(--ds-font); --font-num:'Readex Pro', var(--font, system-ui); -webkit-font-smoothing:antialiased; }
.v2-root #page-content .sens{ unicode-bidi:plaintext; }   
.v2-root #page-content :is(h1,h2,h3,h4,h5,h6), .modal-backdrop .modal :is(h1,h2,h3,h4,h5,h6){ font-family:inherit; font-weight:500; letter-spacing:-.005em; }
.v2-root #page-content :is(b, strong), .modal-backdrop .modal :is(b, strong){ font-weight:500; }


.v2-root #page-content .page-header,
.v2-root #page-content .mx-head{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  padding:4px 2px 0 !important; margin:0 0 24px !important; border-radius:0 !important;
  display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.v2-root #page-content .page-title,
.v2-root #page-content .mx-title{
  margin:0 !important; font-size:28px !important; font-weight:500 !important; letter-spacing:-.005em; line-height:1.25;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--ds-text);
}
.v2-root #page-content .mx-title > .icon,
.v2-root #page-content .mx-title > svg,
.v2-root #page-content .page-title > .icon{ display:none !important; }   
.v2-root #page-content .page-subtitle,
.v2-root #page-content .mx-sub{ margin:6px 0 0 !important; color:var(--ds-mute) !important; font-size:13.5px !important; font-weight:400 !important; line-height:1.6; max-width:72ch; }
.v2-root #page-content .page-actions,
.v2-root #page-content .mx-head-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }


.v2-root #page-content .card,
.v2-root #page-content .mx-card,
.modal-backdrop .modal .modal-body .card{
  background:var(--ds-surface); border-color:var(--ds-line); border-radius:var(--ds-r-lg) !important;
  box-shadow:none !important; transition:border-color .15s, box-shadow .2s var(--ds-ease);
}
.v2-root #page-content .card:not([style*="border"]),
.v2-root #page-content .mx-card:not([style*="border"]),
.modal-backdrop .modal .modal-body .card:not([style*="border"]){ border:1px solid var(--ds-line); }
.v2-root #page-content .card{ padding:20px 22px; }
.modal-backdrop .modal .modal-body .card{ border-radius:var(--ds-r) !important; }
.v2-root #page-content .card.clickable:hover, .v2-root #page-content a .card:hover{ border-color:var(--ds-ink); box-shadow:0 12px 28px -20px rgba(0,0,0,.45) !important; }

.v2-root #page-content .card > h3, .v2-root #page-content .card > h4,
.v2-root #page-content .card h3:first-child, .v2-root #page-content .mx-card h3:first-child,
.v2-root #page-content .mx-card > h3, .v2-root #page-content .mx-card > h4{
  margin:0 0 14px; font-size:15px !important; font-weight:500 !important; letter-spacing:0; display:flex; align-items:center; gap:12px; color:var(--ds-text);
}
.v2-root #page-content .card > :is(h3, h4) > .icon{
  width:38px; height:38px; border-radius:11px; background:var(--ds-alt); color:var(--ds-text); display:inline-grid !important; place-items:center; font-size:18px; flex:none;
}
.v2-root #page-content .card > :is(h3, h4) > .icon > svg{ width:18px; height:18px; }
.v2-root #page-content .mx-card-h{ padding:16px 20px; font-size:15px; font-weight:500; }
.v2-root #page-content .mx-card-b{ padding:18px 20px; }
.v2-root #page-content .mx-sec{ margin:24px 2px 10px; font-size:12px; font-weight:500; color:var(--ds-mute); letter-spacing:0; }
.v2-root #page-content .mx-sec::after{ background:var(--ds-line); }


.v2-root #page-content .mx-chips,
.v2-root #page-content .vf-chips, .modal-backdrop .modal .vf-chips{
  display:inline-flex !important; gap:4px !important; padding:4px; margin:0 0 16px;
  background:var(--ds-alt); border:0; border-radius:14px; max-width:100%; overflow-x:auto; scrollbar-width:none;
}
.v2-root #page-content .mx-chips::-webkit-scrollbar, .v2-root #page-content .vf-chips::-webkit-scrollbar, .modal-backdrop .modal .vf-chips::-webkit-scrollbar{ display:none; }
.v2-root #page-content .mx-chip,
.v2-root #page-content .vf-chip, .modal-backdrop .modal .vf-chip{
  border:0 !important; background:transparent !important; color:var(--ds-mute) !important; box-shadow:none !important;
  font:inherit; font-size:13px !important; font-weight:400 !important; min-height:36px; padding:0 14px !important; border-radius:10px !important;
  white-space:nowrap; cursor:pointer; display:inline-flex; align-items:center; gap:7px; transition:background .15s, color .15s, box-shadow .15s; transform:none !important;
}
.v2-root #page-content .mx-chip:hover, .v2-root #page-content .vf-chip:hover, .modal-backdrop .modal .vf-chip:hover{ color:var(--ds-text) !important; }
.v2-root #page-content :is(.mx-chip.on, .mx-chip.active),
.v2-root #page-content :is(.vf-chip.on, .vf-chip.active), .modal-backdrop .modal :is(.vf-chip.on, .vf-chip.active){
  background:var(--ds-surface) !important; color:var(--ds-text) !important; font-weight:500 !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06), 0 0 0 1px var(--ds-line) !important;
}
.v2-root #page-content .mx-chips > :is(.sep, i){ width:1px; align-self:stretch; background:var(--ds-line2); margin:6px 2px; }

.v2-root #page-content :is(.filter-chip, .chip), .modal-backdrop .modal :is(.filter-chip, .chip){
  min-height:32px; padding:0 13px; border-radius:16px !important; border:1px solid var(--ds-line2); background:var(--ds-surface); color:var(--ds-text);
  font:inherit; font-size:12.5px; font-weight:400; box-shadow:none; transition:background .15s, border-color .15s, color .15s;
}
.v2-root #page-content :is(.filter-chip, .chip):hover, .modal-backdrop .modal :is(.filter-chip, .chip):hover{ border-color:var(--ds-ink); background:var(--ds-surface); }
.v2-root #page-content :is(.filter-chip, .chip):is(.active, .on), .modal-backdrop .modal :is(.filter-chip, .chip):is(.active, .on){ background:var(--ds-ink); border-color:var(--ds-ink); color:var(--ds-bg); font-weight:500; }


.v2-root #page-content :is(.btn, .mx-btn), .modal-backdrop .modal :is(.btn, .mx-btn){
  display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:12px !important;
  padding:0 16px; min-height:40px; font:inherit; font-size:13.5px !important; font-weight:500 !important; line-height:1.3; letter-spacing:0;
  cursor:pointer; text-decoration:none; box-shadow:none !important; filter:none !important; transform:none;
  background:var(--ds-surface); border-color:var(--ds-line2); color:var(--ds-text); transition:transform .12s var(--ds-ease), background .15s, border-color .15s, opacity .15s;
}
.v2-root #page-content :is(.btn, .mx-btn):hover:not(:disabled), .modal-backdrop .modal :is(.btn, .mx-btn):hover:not(:disabled){ background:var(--ds-surface); border-color:var(--ds-ink); transform:none; }
.v2-root #page-content :is(.btn, .mx-btn):active:not(:disabled), .modal-backdrop .modal :is(.btn, .mx-btn):active:not(:disabled){ transform:scale(.98); }
.v2-root #page-content :is(.btn-primary, .mx-btn-primary), .modal-backdrop .modal :is(.btn-primary, .mx-btn-primary){ background:var(--ds-ink) !important; color:var(--ds-bg) !important; border-color:var(--ds-ink) !important; }
.v2-root #page-content :is(.btn-primary, .mx-btn-primary):hover:not(:disabled), .modal-backdrop .modal :is(.btn-primary, .mx-btn-primary):hover:not(:disabled){ background:color-mix(in srgb, var(--ds-ink) 88%, var(--ds-gold)) !important; }
.v2-root #page-content :is(.btn-danger, .mx-btn-danger), .modal-backdrop .modal :is(.btn-danger, .mx-btn-danger){ background:var(--ds-surface) !important; color:var(--ds-bad) !important; border-color:color-mix(in srgb, var(--ds-bad) 40%, transparent) !important; }
.v2-root #page-content :is(.btn-danger, .mx-btn-danger):hover:not(:disabled), .modal-backdrop .modal :is(.btn-danger, .mx-btn-danger):hover:not(:disabled){ background:var(--ds-bad-bg) !important; border-color:var(--ds-bad) !important; }
.v2-root #page-content .btn-success, .modal-backdrop .modal .btn-success{ background:var(--ds-ok-bg) !important; color:var(--ds-ok) !important; border-color:color-mix(in srgb, var(--ds-ok) 30%, transparent) !important; }
.v2-root #page-content .btn-success:hover:not(:disabled), .modal-backdrop .modal .btn-success:hover:not(:disabled){ border-color:var(--ds-ok) !important; }
.v2-root #page-content :is(.btn-ghost, .mx-btn-ghost, .btn-link), .modal-backdrop .modal :is(.btn-ghost, .mx-btn-ghost, .btn-link){ background:transparent; border-color:transparent; color:var(--ds-mute); }
.v2-root #page-content :is(.btn-ghost, .mx-btn-ghost, .btn-link):hover:not(:disabled), .modal-backdrop .modal :is(.btn-ghost, .mx-btn-ghost, .btn-link):hover:not(:disabled){ background:var(--ds-alt); border-color:transparent; color:var(--ds-text); }
.v2-root #page-content :is(.btn-sm, .mx-btn-sm), .modal-backdrop .modal :is(.btn-sm, .mx-btn-sm){ padding:0 12px !important; min-height:34px !important; font-size:12.5px !important; border-radius:10px !important; gap:6px; }
.v2-root #page-content .btn-lg, .modal-backdrop .modal .btn-lg{ min-height:48px; padding:0 22px; font-size:14px !important; border-radius:14px !important; }
.v2-root #page-content :is(.btn, .mx-btn):disabled, .modal-backdrop .modal :is(.btn, .mx-btn):disabled{ opacity:.45 !important; cursor:not-allowed; transform:none; }
.v2-root #page-content :is(.btn, .mx-btn) .icon, .modal-backdrop .modal :is(.btn, .mx-btn) .icon{ font-size:16px; }
.v2-root #page-content :is(.btn-sm, .mx-btn-sm) .icon, .modal-backdrop .modal :is(.btn-sm, .mx-btn-sm) .icon{ font-size:15px; }
.v2-root #page-content :is(.btn, .mx-btn) > .v2-ic, .modal-backdrop .modal :is(.btn, .mx-btn) > .v2-ic{ width:16px; height:16px; }

.v2-root #page-content :is(.btn-icon, .mx-ia), .modal-backdrop .modal :is(.btn-icon, .mx-ia){ width:34px; min-width:34px; height:34px; min-height:34px; padding:0 !important; justify-content:center; border-radius:10px !important; }


.v2-root #page-content :is(.input, .select, .textarea), .modal-backdrop .modal :is(.input, .select, .textarea){
  min-height:44px; padding-block:0; padding-inline-start:13px; font:inherit; font-size:13.5px; font-weight:400; color:var(--ds-text); background-color:var(--ds-surface);
  border:1px solid var(--ds-line); border-radius:12px !important; box-shadow:none; transition:border-color .15s, box-shadow .15s;
}
.v2-root #page-content .input:not(select), .modal-backdrop .modal .input:not(select){ padding-inline-end:13px; }
.v2-root #page-content :is(textarea.input, .textarea), .modal-backdrop .modal :is(textarea.input, .textarea){ padding:10px 13px; line-height:1.7; min-height:88px; }
.v2-root #page-content :is(.input, .select, .textarea):hover:not(:disabled):not(:focus), .modal-backdrop .modal :is(.input, .select, .textarea):hover:not(:disabled):not(:focus){ border-color:var(--ds-line2); }
.v2-root #page-content :is(.input, .select, .textarea):focus, .modal-backdrop .modal :is(.input, .select, .textarea):focus{
  outline:none; border-color:var(--ds-ink); box-shadow:0 0 0 4px color-mix(in srgb, var(--ds-ink) 7%, transparent);
}
.v2-root #page-content :is(.input, .textarea)::placeholder, .modal-backdrop .modal :is(.input, .textarea)::placeholder{ color:var(--ds-faint); font-weight:400; }
.v2-root #page-content :is(.input, .select):disabled, .modal-backdrop .modal :is(.input, .select):disabled{ background-color:var(--ds-alt); color:var(--ds-mute); }

.modal-backdrop .modal .modal-body :is(input[type="text"], input[type="number"], input[type="date"], input[type="tel"], input[type="search"], input[type="email"], input[type="password"], input[type="time"], input[type="month"], select, textarea):not([class*="ds-"]){
  border-radius:12px !important; border-color:var(--ds-line); font-weight:400;
}
.modal-backdrop .modal .modal-body :is(input, select, textarea):not([class*="ds-"]):not([type="checkbox"]):not([type="radio"]):focus{ border-color:var(--ds-ink); box-shadow:0 0 0 4px color-mix(in srgb, var(--ds-ink) 7%, transparent); outline:none; }

.v2-root #page-content .field-label, .modal-backdrop .modal .field-label{
  display:block; font-size:12.5px !important; font-weight:500 !important; color:var(--ds-text) !important; line-height:20px; margin:0 0 6px;
}
.v2-root #page-content .field-hint, .modal-backdrop .modal .field-hint{ color:var(--ds-mute); font-size:11.5px; line-height:1.55; margin-top:5px; }
.v2-root #page-content .field-error, .modal-backdrop .modal .field-error{ color:var(--ds-bad); font-size:11.5px; }


.v2-root #page-content :is(.table, .mx-table), .modal-backdrop .modal :is(.table, .mx-table){ width:100%; border-collapse:collapse; margin:0; border-radius:0; font-size:13px; }
.v2-root #page-content .table th, .modal-backdrop .modal .table th,
.v2-root #page-content .mx-table thead th, .modal-backdrop .modal .mx-table thead th,
.modal-backdrop .modal .modal-body table thead th{
  text-align:start; font-size:11.5px !important; font-weight:500 !important; color:var(--ds-mute) !important; letter-spacing:0 !important;
  padding:10px 14px; border-bottom:1px solid var(--ds-line) !important; background:var(--ds-surface2) !important; white-space:nowrap;
}
.v2-root #page-content .table td, .modal-backdrop .modal .table td,
.v2-root #page-content .mx-table tbody td, .modal-backdrop .modal .mx-table tbody td{ padding:11px 14px; border-bottom:1px solid var(--ds-line) !important; vertical-align:middle; font-size:13px; }
.modal-backdrop .modal .modal-body table tbody td{ border-bottom-color:var(--ds-line) !important; }
.v2-root #page-content :is(.table, .mx-table) tbody tr:last-child td, .modal-backdrop .modal :is(.table, .mx-table) tbody tr:last-child td{ border-bottom:0 !important; }
.v2-root #page-content :is(.table, .mx-table) tbody tr, .modal-backdrop .modal :is(.table, .mx-table) tbody tr{ border-bottom:0; }
.v2-root #page-content :is(.table, .mx-table) tbody tr:hover, .modal-backdrop .modal :is(.table, .mx-table) tbody tr:hover{ background:var(--ds-surface2); }


.v2-root #page-content :is(.pill, .mx-pill), .modal-backdrop .modal :is(.pill, .mx-pill){
  display:inline-flex; align-items:center; gap:5px; min-height:22px; border-radius:11px !important; padding:0 9px !important;
  font-size:11.5px !important; font-weight:500 !important; line-height:1.5; letter-spacing:0; white-space:nowrap; vertical-align:middle;
}
.v2-root #page-content .pill::before, .modal-backdrop .modal .pill::before{ width:6px; height:6px; }
.v2-root #page-content :is(.pill-posted, .pill-muted), .modal-backdrop .modal :is(.pill-posted, .pill-muted){ background:var(--ds-alt); color:var(--ds-mute); }


.v2-root #page-content .mx-kpi{ background:var(--ds-surface); border:1px solid var(--ds-line); border-radius:18px !important; padding:14px 16px; box-shadow:none !important; }
.v2-root #page-content .mx-kpi small{ font-size:11.5px; font-weight:400; color:var(--ds-mute); }
.v2-root #page-content .mx-kpi :is(b, .v){ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:22px; font-weight:500; letter-spacing:-.01em; }


.v2-root #page-content :is(.empty:not(.vl-ch):not(.mx-state-ic), .mx-state), .modal-backdrop .modal :is(.empty:not(.vl-ch):not(.mx-state-ic), .mx-state){
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; text-align:center; padding:32px 16px; color:var(--ds-mute); font-size:12.5px;
  border:1px dashed var(--ds-line2); border-radius:var(--ds-r-lg); background:transparent;
}
.v2-root #page-content :is(.card, .mx-card, .pg-card, td) > :is(.empty, .mx-state), .modal-backdrop .modal :is(.card, .mx-card, .pg-card, td) > :is(.empty:not(.vl-ch):not(.mx-state-ic), .mx-state){ border:0 !important; }
.v2-root #page-content :is(.empty-title, .mx-state h3), .modal-backdrop .modal :is(.empty-title, .mx-state h3){ font-size:14px !important; font-weight:500 !important; color:var(--ds-text); margin:6px 0 0; }
.v2-root #page-content :is(.empty-hint, .mx-state p), .modal-backdrop .modal :is(.empty-hint, .mx-state p){ font-size:12.5px; color:var(--ds-mute); margin:0; }
.v2-root #page-content :is(.empty > .icon, .empty > .empty-icon), .modal-backdrop .modal :is(.empty > .icon, .empty > .empty-icon){
  width:52px; height:52px; border-radius:50% !important; background:var(--ds-alt) !important; color:var(--ds-mute) !important;
  display:grid !important; place-items:center; font-size:22px !important; margin:0 auto 6px;
}
.v2-root #page-content .empty > .empty-icon:empty, .modal-backdrop .modal .empty > .empty-icon:empty{ display:none !important; }
.v2-root #page-content .mx-state-ic .icon, .modal-backdrop .modal .mx-state-ic .icon{ font-size:22px !important; }
.v2-root #page-content .mx-state-ic{ width:52px; height:52px; border-radius:50%; margin:0 auto 8px; }


.v2-root #page-content .mx-alert{ border-radius:var(--ds-r) !important; padding:12px 14px; font-size:13px; font-weight:400; line-height:1.6; }


html[data-theme="dark"] :is(.pg-note.info, .pg-note.mut, .dss-note.info, .ds-tag:not(.ok):not(.bad):not(.gold):not(.ink):not(.on), .v2-p-mut, .pill-posted, .pill-muted, .pg-ic:not(.ok):not(.warn):not(.info):not(.dng):not(.ink), .dss-ic, .pg-empty > .v2-ic, .empty > .icon){
  background-color:rgba(237,237,234,.07) !important;
}


@media (max-width:640px){
  .v2-root #page-content .page-header, .v2-root #page-content .mx-head{ align-items:stretch; margin-bottom:18px !important; gap:14px; }
  .v2-root #page-content .page-title, .v2-root #page-content .mx-title{ font-size:23px !important; }
  .v2-root #page-content .mx-head-actions :is(.btn, .mx-btn){ flex:1; justify-content:center; }
  .v2-root #page-content .card{ padding:16px; }
  .v2-root #page-content .page-actions{ flex-direction:row; flex-wrap:wrap; }
  .v2-root #page-content .page-actions .btn{ width:auto; flex:1 1 140px; }
  
  .v2-root #page-content :is(.card, .mx-card, .mx-card-b, .pg-card, .pg-table-wrap, .table-wrap, .dss-card-bd):has(> table:not(.cards)){ overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

:root{ --r-sm:8px; --r:12px; --r-lg:18px; --r-xl:24px; --dur:160ms; --ease:cubic-bezier(.2,.7,.2,1); --ring:0 0 0 3px rgba(14,14,14,.10); }

.pg{ display:flex; flex-direction:column; gap:16px; max-width:1180px; margin:0 auto; }
.pg *, .pg *::before, .pg *::after{ box-sizing:border-box; }
.pg .num, .pg-num{ font-family:var(--font-num); font-variant-numeric:tabular-nums; }

.pg{ font-family:'Readex Pro', var(--font); --font-num:'Readex Pro', var(--font); --r-lg:22px; --gold:#b8962e; --gold-deep:#8a6f1f; --gold-soft:#f7f1e0; }
html[data-theme="dark"] .pg{ --gold:#d8b85a; --gold-deep:#e3c77a; --gold-soft:rgba(216,184,90,.12); }
.pg .v2-btn{ font-weight:500; }
.pg .v2-pill{ font-weight:500; }


.pg-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; padding:4px 2px 0; }
.pg-head h1{ margin:0 0 4px; font-size:28px; font-weight:500; letter-spacing:-.005em; line-height:1.25; }
.pg-head p{ margin:0; color:var(--text-muted); font-size:13.5px; }
.pg-head-acts{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }


.pg-kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.pg-kpi{ background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:14px 16px; display:flex; flex-direction:column; gap:2px; }
.pg-kpi small{ font-size:11.5px; color:var(--text-muted); font-weight:400; }
.pg-kpi b{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:22px; font-weight:500; letter-spacing:-.4px; line-height:1.2; unicode-bidi:plaintext; }
.pg-kpi em{ font-style:normal; font-size:11.5px; color:var(--text-faint); font-weight:400; }
.pg-kpi.warn{ border-color:var(--warning); } .pg-kpi.warn b{ color:var(--warning-text); }
.pg-kpi.bad{ border-color:var(--danger); }   .pg-kpi.bad b{ color:var(--danger-text); }
.pg-kpi.ok b{ color:var(--success-text); }
.pg-kpi.info b{ color:var(--info-text); }
.pg-kpi.ink{ background:var(--primary); border-color:var(--primary); } .pg-kpi.ink small, .pg-kpi.ink em{ color:var(--on-primary); opacity:.75; } .pg-kpi.ink b{ color:var(--on-primary); }


.pg-seg{ display:inline-flex; gap:4px; padding:4px; border:0; border-radius:14px; background:var(--bg-alt); max-width:100%; overflow-x:auto; scrollbar-width:none; }
.pg-seg.full{ display:flex; } .pg-seg.full > button{ flex:1; justify-content:center; }
.pg-seg::-webkit-scrollbar{ display:none; }
.pg-seg > button{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; border:0; background:transparent; color:var(--text-muted);
  font:inherit; font-size:13px; font-weight:400; padding:8px 14px; border-radius:10px; cursor:pointer; transition:background var(--dur), color var(--dur); }
.pg-seg > button:hover{ color:var(--text); }
.pg-seg > button.on{ background:var(--surface); color:var(--text); font-weight:500; box-shadow:0 1px 2px rgba(0,0,0,.06), 0 0 0 1px var(--border); }
.pg-seg > button .n{ font-family:var(--font-num); font-size:11px; font-weight:500; min-width:20px; padding:1px 6px; border-radius:999px; background:var(--surface); color:var(--text-muted); box-shadow:inset 0 0 0 1px var(--border); }
.pg-seg > button.on .n{ background:var(--primary); color:var(--on-primary); }
.pg-seg > button.on .v2-ic{ color:var(--gold-deep); }
.pg-seg > i{ width:1px; align-self:stretch; background:var(--border-strong); margin:4px 2px; }
.pg-toolbar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pg-toolbar .spacer{ flex:1; }


.pg-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:18px; }
.pg-card.tight{ padding:0; overflow:hidden; }
.pg-card.sub{ background:var(--surface-2); }
.pg-card-h{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.pg-card.tight > .pg-card-h{ margin:0; padding:14px 18px; border-bottom:1px solid var(--border); }
.pg-card-h h2, .pg-card-h h3{ margin:0; font-size:15px; font-weight:500; flex:1; min-width:0; }
.pg-card-h .sub{ font-weight:400; color:var(--text-muted); font-size:12.5px; }
.pg-card-h .tools{ display:flex; align-items:center; gap:8px; }
.pg-ic{ width:34px; height:34px; border-radius:11px; background:var(--bg-alt); color:var(--text); display:grid; place-items:center; flex:none; }
.pg-ic .v2-ic, .pg-ic svg{ width:18px; height:18px; }
.pg-ic.ok{ background:var(--success-bg); color:var(--success-text); }
.pg-ic.warn{ background:var(--warning-bg); color:var(--warning-text); }
.pg-ic.info{ background:var(--info-bg); color:var(--info-text); }
.pg-ic.dng{ background:var(--danger-bg); color:var(--danger-text); }
.pg-ic.ink{ background:var(--primary); color:var(--on-primary); }
.pg-ic.sm{ width:28px; height:28px; border-radius:8px; } .pg-ic.sm .v2-ic, .pg-ic.sm svg{ width:15px; height:15px; }
.pg-ic.lg{ width:44px; height:44px; border-radius:12px; } .pg-ic.lg .v2-ic, .pg-ic.lg svg{ width:22px; height:22px; }


.pg-sec-h{ display:flex; align-items:center; gap:10px; margin:4px 0 10px; }
.pg-sec-h h3{ margin:0; font-size:14.5px; font-weight:500; }
.pg-sec-h .count{ font-family:var(--font-num); font-size:11.5px; font-weight:400; padding:1px 8px; border-radius:999px; background:var(--bg-alt); color:var(--text-muted); border:1px solid var(--border); }
.pg-sec-h .count.hot{ background:var(--primary); color:var(--on-primary); border-color:var(--primary); }
.pg-sec-h .spacer{ flex:1; }
.pg-sec-h .sub{ font-size:12px; color:var(--text-muted); font-weight:400; }


.pg-table-wrap{ overflow-x:auto; }
.pg-table{ width:100%; border-collapse:collapse; margin:0; }
.pg-table th{ text-align:start; font-size:11.5px; font-weight:500; color:var(--text-muted); letter-spacing:0; padding:10px 14px; border-bottom:1px solid var(--border); background:var(--surface-2); white-space:nowrap; }
.pg-table td{ padding:11px 14px; border-bottom:1px solid var(--border); vertical-align:middle; font-size:13px; }
.pg-table tbody tr:last-child td{ border-bottom:0; }
.pg-table tbody tr:hover{ background:var(--surface-2); }
.pg-table tbody tr.clickable{ cursor:pointer; }
.pg-table .end{ text-align:end; }
.pg-table .center{ text-align:center; }
.pg-table .muted{ color:var(--text-muted); font-size:12px; }
.pg-table .dim{ color:var(--text-disabled); }
.pg-table td.act{ text-align:end; white-space:nowrap; }
.pg-table td.act .v2-btn + .v2-btn{ margin-inline-start:6px; }

@media (max-width:640px){
  .pg-table.cards thead{ display:none; }
  .pg-table.cards, .pg-table.cards tbody, .pg-table.cards tr, .pg-table.cards td{ display:block; width:100%; }
  .pg-table.cards tr{ border:1px solid var(--border); border-radius:14px; margin:0 0 10px; padding:6px 13px; background:var(--surface); }
  .pg-table.cards tbody tr:hover{ background:var(--surface); }
  .pg-table.cards td{ border:0 !important; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:7px 0; }
  .pg-table.cards td + td{ border-top:1px solid var(--border) !important; }
  .pg-table.cards td[data-label]::before{ content:attr(data-label); color:var(--text-muted); font-weight:500; font-size:12px; flex:none; }
  .pg-table.cards td.act{ padding-top:10px; }
  .pg-table.cards td.act .v2-btn{ width:100%; justify-content:center; }
  .pg-table.cards td.act .v2-btn + .v2-btn{ margin:6px 0 0; }
}


.pg-field{ position:relative; }
.pg-field label, .pg-label{ display:block; font-size:12.5px; font-weight:500; color:var(--text); line-height:20px; margin:0 0 6px; }
.pg-inp, .pg-sel, .pg-ta{ display:block; width:100%; min-height:44px; padding:0 13px; font:inherit; font-size:13.5px; font-weight:400; color:var(--text);
  background-color:var(--surface); border:1px solid var(--border); border-radius:12px; transition:border-color var(--dur), box-shadow var(--dur); }
.pg-ta{ padding:10px 13px; min-height:88px; resize:vertical; line-height:1.7; }
.pg-inp:hover:not(:focus):not(:disabled), .pg-sel:hover:not(:focus):not(:disabled), .pg-ta:hover:not(:focus):not(:disabled){ border-color:var(--border-strong); }
.pg-inp:focus, .pg-sel:focus, .pg-ta:focus{ outline:none; border-color:var(--ink, var(--primary)); box-shadow:0 0 0 4px color-mix(in srgb, var(--ink, var(--primary)) 7%, transparent); }
.pg-inp::placeholder{ color:var(--text-faint); font-weight:400; }
.pg-inp[type=number], .pg-inp[dir=ltr], .pg-inp.num{ font-family:var(--font-num); }
.pg-inp.sm, .pg-sel.sm{ min-height:38px; width:auto; }
.pg-inp.bad{ border-color:var(--danger); background:var(--danger-bg); }
.pg-field .ic{ position:absolute; inset-inline-start:12px; top:39px; color:var(--text-faint); pointer-events:none; display:inline-flex; }
.pg-field .ic .v2-ic{ width:18px; height:18px; }
.pg-field.has-ic .pg-inp{ padding-inline-start:38px; }
.pg-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pg-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:640px){ .pg-grid2, .pg-grid3{ grid-template-columns:1fr; } }
.pg-check{ display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); cursor:pointer; font-size:13.5px; font-weight:400; }
.pg-check input{ width:18px; height:18px; margin:0; accent-color:var(--primary); cursor:pointer; }


.pg-note{ display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:14px; font-size:13px; font-weight:400; line-height:1.6; color:var(--text); }
.pg-note .v2-ic{ width:16px; height:16px; flex:none; margin-top:3px; }

.pg-note.info{ background:var(--bg-alt); color:var(--text); } .pg-note.info .v2-ic, .pg-note.info > .icon{ color:var(--text-muted); }
.pg-note.ok{ background:var(--success-bg); color:var(--text); } .pg-note.ok .v2-ic, .pg-note.ok > .icon{ color:var(--success); }
.pg-note.warn{ background:var(--gold-soft, #f7f1e0); color:var(--text); } .pg-note.warn .v2-ic, .pg-note.warn > .icon{ color:var(--gold-deep, #8a6f1f); }
.pg-note.dng{ background:var(--danger-bg); color:var(--text); } .pg-note.dng .v2-ic, .pg-note.dng > .icon{ color:var(--danger); }
.pg-note.mut{ background:var(--bg-alt); color:var(--text-muted); }
.pg-note > .icon{ font-size:16px; flex:none; margin-top:3px; }
.pg-note b{ font-weight:500; }


.pg-empty{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:32px 16px; color:var(--text-muted); font-size:12.5px; border:1px dashed var(--border-strong); border-radius:22px; }
.pg-card.tight > .pg-empty, .pg-card > .pg-empty{ border:0; }

.pg-empty > .v2-ic, .pg-empty > .icon{ width:52px; height:52px; padding:15px; border-radius:50%; background:var(--bg-alt); color:var(--text-muted); margin-bottom:8px; box-sizing:border-box; flex:none; }
.pg-empty > .icon{ display:grid !important; place-items:center; font-size:22px; padding:0; }
.pg-empty b{ display:block; font-size:14px; font-weight:500; color:var(--text); margin-bottom:2px; }
.pg-loading{ display:flex; align-items:center; justify-content:center; gap:10px; color:var(--text-muted); font-size:13px; padding:26px 12px; }
.pg-spin{ width:18px; height:18px; border-radius:50%; border:2px solid var(--border-strong); border-top-color:var(--primary); animation:pgspin .9s linear infinite; }
@keyframes pgspin{ to{ transform:rotate(360deg); } }


.pg-av{ width:28px; height:28px; border-radius:8px; background:var(--bg-alt); color:var(--text); display:inline-grid; place-items:center; font-size:12px; font-weight:500; flex:none; }
.pg-av.ink{ background:var(--primary); color:var(--on-primary); }
.pg-who{ display:inline-flex; align-items:center; gap:9px; }
.pg-who b{ font-weight:500; }


.pg-list{ display:flex; flex-direction:column; gap:10px; }
.pg-row{ display:flex; align-items:center; gap:12px; padding:12px 14px; background:var(--surface); border:1px solid var(--border); border-radius:16px; transition:border-color var(--dur), box-shadow var(--dur); }
.pg-row:hover{ border-color:var(--border-strong); }
.pg-row.on{ border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.pg-row .t{ flex:1; min-width:0; }
.pg-row .t b{ display:block; font-size:14px; font-weight:500; }
.pg-row .t small{ display:block; font-size:12px; color:var(--text-muted); font-weight:400; line-height:1.6; }
.pg-row .r{ text-align:end; flex:none; }
.pg-row .amt{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:18px; font-weight:500; letter-spacing:-.4px; white-space:nowrap; direction:ltr; unicode-bidi:isolate; display:inline-block; }   
.pg-row .amt.bad{ color:var(--danger-text); } .pg-row .amt.ok{ color:var(--success-text); }
.pg-row-acts{ display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }


.pg-kv{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:8px 0; border-bottom:1px solid var(--border); font-size:13px; }
.pg-kv:last-child{ border-bottom:0; }
.pg-kv span{ color:var(--text-muted); font-weight:400; }
.pg-kv b{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-weight:500; unicode-bidi:plaintext; }
.pg-kv.total{ border-top:1px solid var(--border-strong); margin-top:4px; padding-top:12px; font-size:14px; }
.pg-kv.total b{ font-size:18px; }


.pg .v2-btn.sm, .pg-btn-sm{ padding:6px 12px; font-size:12.5px; border-radius:10px; }
.pg .v2-btn .v2-ic{ width:16px; height:16px; }
.pg .v2-btn.sm .v2-ic{ width:15px; height:15px; }
.pg .v2-btn:disabled{ opacity:.45; cursor:not-allowed; }
.pg .v2-btn.wide{ width:100%; justify-content:center; padding:12px 16px; font-size:14px; font-weight:500; border-radius:12px; }
.v2-btn-w{ background:var(--warning-bg); color:var(--warning-text); }   
.v2-btn-ok{ background:var(--success-bg); color:var(--success-text); }


@media (max-width:640px){
  .pg-head{ align-items:stretch; }
  .pg-head-acts .v2-btn{ flex:1; justify-content:center; }
  .pg-card{ padding:14px; }
  .pg-kpis{ grid-template-columns:repeat(2,1fr); }
}



.vl-banks{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; padding:14px 18px; }
.vl-bank{ display:flex; align-items:center; gap:10px; width:100%; text-align:start; font:inherit; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:10px 12px; cursor:pointer; transition:border-color var(--dur), transform var(--dur), box-shadow var(--dur); }
.vl-bank:hover:not(:disabled){ border-color:var(--primary); transform:translateY(-1px); box-shadow:var(--shadow-sm); }
.vl-bank:disabled{ cursor:not-allowed; opacity:.55; border-style:dashed; }
.vl-bank .t{ flex:1; min-width:0; }
.vl-bank small{ display:flex; justify-content:space-between; align-items:center; gap:6px; font-size:11.5px; color:var(--text-muted); font-weight:400; }
.vl-bank small .v2-ic{ width:13px; height:13px; color:var(--text-faint); }
.vl-bank b{ display:block; font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:16px; font-weight:500; letter-spacing:-.3px; margin-top:2px; direction:ltr; text-align:start; }
.vl-bank b.neg{ color:var(--danger-text); } .vl-bank b.dim{ color:var(--text-faint); font-weight:400; }
.vl-cashier{ border-top:1px solid var(--border); padding:14px 18px 16px; background:var(--surface-2); display:flex; flex-direction:column; gap:12px; }
.vl-chs{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
.vl-ch{ background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:12px 13px; }
.vl-ch.cash{ border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.vl-ch.empty{ border-style:dashed; opacity:.6; }
.vl-ch-h{ display:flex; align-items:center; gap:9px; margin-bottom:8px; }
.vl-ch-h b{ font-size:13.5px; font-weight:500; }
.vl-ch-h code{ font-family:var(--font-num); font-size:11px; color:var(--text-faint); direction:ltr; }
.vl-ch-h .v2-pill{ margin-inline-start:auto; }
.vl-ch-bal{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:21px; font-weight:500; letter-spacing:-.4px; direction:ltr; text-align:start; }
.vl-ch-bal.neg{ color:var(--danger-text); }
.vl-ch-rows{ margin-top:9px; padding-top:9px; border-top:1px dashed var(--border); display:flex; flex-direction:column; gap:4px; font-size:11.5px; }
.vl-ch-rows div{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
.vl-ch-rows span{ color:var(--text-muted); font-weight:400; }
.vl-ch-rows b{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-weight:500; direction:ltr; }
.vl-ch-rows b.up{ color:var(--success-text); } .vl-ch-rows b.down{ color:var(--danger-text); }


.vl-batch{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 14px 10px 18px; background:var(--primary); color:var(--on-primary); border-radius:14px; }
.vl-batch strong{ font-size:13.5px; font-weight:500; display:inline-flex; align-items:center; gap:8px; }
.vl-batch .spacer{ flex:1; }
.vl-batch .v2-pill{ background:color-mix(in srgb, var(--on-primary) 16%, transparent); color:var(--on-primary); }
.vl-batch .v2-btn-p{ background:var(--on-primary); color:var(--primary); }
.vl-batch .v2-btn-p:hover{ background:var(--on-primary); opacity:.9; }
.vl-batch .v2-btn-g{ color:var(--on-primary); border-color:color-mix(in srgb, var(--on-primary) 35%, transparent); }
.vl-batch .v2-btn-g:hover{ background:color-mix(in srgb, var(--on-primary) 12%, transparent); color:var(--on-primary); }


.vl-filters{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 18px; border-bottom:1px solid var(--border); background:var(--surface-2); }
.vl-filters .pg-seg > button{ padding:6px 12px; font-size:12.5px; }
.vl-odoo{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.vl-odoo .pg-inp, .vl-odoo .pg-sel{ min-height:36px; font-size:12.5px; padding:0 10px; width:auto; }
.vl-odoo .pg-sel{ max-width:180px; }
.vl-live{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding:9px 18px; background:var(--info-bg); color:var(--info-text); font-size:12.5px; font-weight:500; border-bottom:1px solid var(--border); }
.vl-live b{ font-family:var(--font-num); font-weight:500; }


.vl-table td.sel{ width:36px; padding-inline-end:0; }
.vl-table td.sel input, .vl-table th input{ width:16px; height:16px; accent-color:var(--primary); cursor:pointer; margin:0; display:block; }
.vl-table tr.on td{ background:var(--surface-2); }
.vl-table tr.on td:first-child{ box-shadow:inset 3px 0 0 var(--primary); }
.vl-table .no{ font-family:var(--font-num); font-weight:500; white-space:nowrap; }
.vl-table td.nw{ white-space:nowrap; }
.vl-table .no .v2-ic{ width:12px; height:12px; color:var(--text-faint); vertical-align:-1px; margin-inline-start:3px; }
.vl-table .amt{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-weight:500; font-size:14px; white-space:nowrap; direction:ltr; display:inline-block; }
.vl-table .amt.in{ color:var(--success-text); } .vl-table .amt.out{ color:var(--danger-text); }
.vl-table .sub{ display:flex; align-items:center; gap:4px; font-size:11.5px; color:var(--text-muted); margin-top:2px; }
.vl-table .sub .v2-ic{ width:13px; height:13px; }
.vl-table .src{ display:inline-flex; align-items:center; gap:6px; }
.vl-table .src .v2-ic{ color:var(--text-faint); }
.vl-table .arrow{ color:var(--text-faint); padding:0 3px; }
.vl-acts{ display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
.vl-acts .v2-btn{ width:32px; height:32px; padding:0; justify-content:center; border-radius:9px; }
.vl-acts .v2-btn.lbl{ width:auto; padding:0 10px; }
.vl-acts .v2-btn-s{ border-color:var(--border); }
.vl-acts .v2-btn.warn{ background:var(--warning-bg); color:var(--warning-text); }

@media (min-width:641px){
  .vl-table td{ padding:10px 10px; }
  .vl-table td.act .vl-acts{ flex-wrap:wrap; gap:4px; width:172px; margin-inline-start:auto; }
  .vl-table td.act .vl-acts .v2-btn{ width:30px; height:30px; border-radius:9px; }
  .vl-table td.act .vl-acts .v2-btn.lbl{ width:auto; }
  .vl-table td[data-label="المصدر"]{ min-width:120px; }
  .vl-table td[data-label="الجهة"]{ min-width:90px; }
}
@media (max-width:640px){
    .vl-table.pg-table.cards td.sel{ width:100%; padding:7px 0; }
  .vl-table.pg-table.cards td.sel::before{ content:'تحديد للنشر'; color:var(--text-muted); font-weight:400; font-size:12px; }
  .vl-table.pg-table.cards td.sel input{ width:20px; height:20px; }
  .vl-table.pg-table.cards td.sel:empty{ display:none; }
  .vl-table.pg-table.cards td.sel:empty + td{ border-top:0 !important; }
  #odoo-balances-card .pg-card-h h2{ flex:1 1 100%; }
  #odoo-balances-card .pg-card-h .tools{ flex:1; } #odoo-balances-card .pg-card-h .tools .pg-sel{ flex:1; }
  .vl-table.pg-table.cards td.amtc .amt{ font-size:19px; }
  .vl-table.pg-table.cards td.act{ display:block; }
  .vl-table.pg-table.cards td.act .vl-acts{ justify-content:flex-start; }
  .vl-table.pg-table.cards td.act .vl-acts .v2-btn{ width:40px; height:38px; margin:0; flex:none; }
  .vl-table.pg-table.cards td.act .vl-acts .v2-btn.lbl{ width:auto; flex:1; }
  
  .vl-table.pg-table.cards tr{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:2px 10px; padding:14px 14px 12px; border-radius:16px; }
  .vl-table.pg-table.cards td{ display:block; width:auto; padding:0; border:0 !important; }
  .vl-table.pg-table.cards td + td{ border-top:0 !important; }
  .vl-table.pg-table.cards td[data-label]::before{ content:none; }
  .vl-table.pg-table.cards td.sel{ order:0; flex:none; width:auto; padding:0; }
  .vl-table.pg-table.cards td.sel::before{ content:none; }
  .vl-table.pg-table.cards td[data-label="الرقم"]{ order:1; flex:1 1 60%; font-size:12.5px; color:var(--text-muted); }
  .vl-table.pg-table.cards td[data-label="الحالة"]{ position:absolute; top:12px; inset-inline-end:14px; }
  .vl-table.pg-table.cards td[data-label="المصدر"]{ order:2; flex:0 0 55%; min-width:0; margin-top:6px; font-size:14.5px; }
  .vl-table.pg-table.cards td.amtc{ order:3; flex:1 1 38%; margin-top:6px; text-align:end; }
  .vl-table.pg-table.cards td.amtc .amt{ font-size:19px; }
  .vl-table.pg-table.cards td[data-label="التاريخ"], .vl-table.pg-table.cards td[data-label="النوع"], .vl-table.pg-table.cards td[data-label="الجهة"],
  .vl-table.pg-table.cards td[data-label="الفرع"], .vl-table.pg-table.cards td[data-label="البنك"]{ flex:none; font-size:12px; color:var(--text-muted); margin-top:8px; }
  .vl-table.pg-table.cards td[data-label="التاريخ"]{ order:4; } .vl-table.pg-table.cards td[data-label="النوع"]{ order:5; }
  .vl-table.pg-table.cards td[data-label="الجهة"]{ order:6; } .vl-table.pg-table.cards td[data-label="الفرع"]{ order:7; } .vl-table.pg-table.cards td[data-label="البنك"]{ order:8; }
  .vl-table.pg-table.cards td[data-label="الجهة"]:has(> .dim:only-child){ display:none; }
  .vl-table.pg-table.cards td[data-label="النوع"] .v2-pill{ font-size:11px; padding:1px 8px; }
  .vl-table.pg-table.cards td.act{ order:9; flex:0 0 100%; margin-top:10px; padding-top:10px; border-top:1px solid var(--border) !important; }
}


.vl-cs{ display:grid; grid-template-columns:1fr; gap:16px; align-items:start; }
.vl-cs-main{ min-width:0; display:flex; flex-direction:column; gap:16px; }
.vl-cs-side{ display:flex; flex-direction:column; gap:12px; }
@media (min-width:1040px){ .vl-cs{ grid-template-columns:1fr 320px; } .vl-cs-side{ position:sticky; top:12px; } }
.vl-open-h{ display:flex; align-items:center; gap:10px; padding:12px 18px; background:var(--primary); color:var(--on-primary); }
.vl-open-h b{ flex:1; font-size:13.5px; font-weight:500; display:inline-flex; align-items:center; gap:8px; }
.vl-open-h .live{ width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 30%, transparent); flex:none; }
.vl-open-h .v2-btn{ background:color-mix(in srgb, var(--on-primary) 14%, transparent); color:var(--on-primary); border-color:color-mix(in srgb, var(--on-primary) 30%, transparent); }
.vl-amt-wrap{ padding:16px 18px 6px; }
.vl-amt-l{ font-size:11.5px; font-weight:400; color:var(--text-muted); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.vl-amt-l em{ font-style:normal; font-weight:400; color:var(--text-faint); }
.vl-amt-l .v2-btn{ margin-inline-start:auto; }
.vl-amt{ display:flex; align-items:center; gap:12px; border:2px solid var(--primary); border-radius:16px; padding:8px 16px; background:var(--surface); }
.vl-amt b{ flex:1; min-width:0; font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:32px; font-weight:500; letter-spacing:-.8px; direction:ltr; text-align:start; line-height:1.2; }
.vl-amt small{ font-size:13px; font-weight:400; color:var(--text-muted); flex:none; }
.vl-amt-eq{ font-size:11.5px; color:var(--text-muted); margin:8px 2px 0; line-height:1.7; }
.vl-amt-eq b{ font-family:var(--font-num); color:var(--text); }
.vl-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:10px 18px 16px; }
.vl-stat{ background:var(--surface-2); border:1px solid var(--border); border-radius:12px; padding:10px 12px; }
.vl-stat small{ display:flex; align-items:center; gap:5px; font-size:11px; color:var(--text-muted); font-weight:400; }
.vl-stat b{ display:block; font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:16px; font-weight:500; margin-top:3px; direction:ltr; text-align:start; }
.vl-stat.up b{ color:var(--success-text); } .vl-stat.down b{ color:var(--danger-text); }
@media (max-width:560px){ .vl-stats{ grid-template-columns:1fr; } .vl-amt b{ font-size:30px; } }

.vl-opt{ display:flex; align-items:center; gap:12px; width:100%; text-align:start; font:inherit; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:14px; padding:13px; cursor:pointer; transition:border-color var(--dur), box-shadow var(--dur); }
.vl-opt.rec{ border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.vl-opt:hover:not(:disabled){ border-color:var(--primary); }
.vl-opt:disabled{ opacity:.5; cursor:not-allowed; border-style:dashed; }
.vl-opt .t{ flex:1; min-width:0; }
.vl-opt .t > b{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:500; }
.vl-opt .t > small{ display:block; font-size:11.5px; color:var(--text-muted); margin-top:2px; line-height:1.6; }
.vl-opt .amt{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:19px; font-weight:500; direction:ltr; flex:none; }

.vl-count{ display:flex; align-items:center; gap:10px; border:2px solid var(--border-strong); border-radius:16px; padding:6px 14px; background:var(--surface); transition:border-color var(--dur); }
.vl-count.ok{ border-color:var(--success); } .vl-count.up{ border-color:var(--warning); } .vl-count.down{ border-color:var(--danger); }
.vl-count input{ border:0; outline:0; background:none; font-family:var(--font-num); color:var(--text); font-size:30px; font-weight:500; width:100%; min-width:0; padding:0; min-height:46px; text-align:start; direction:ltr; font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
.vl-count input::-webkit-outer-spin-button, .vl-count input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.vl-count small{ font-size:13px; font-weight:400; color:var(--text-muted); flex:none; }

.vl-ledger{ max-height:55vh; overflow:auto; border:1px solid var(--border); border-radius:14px; }
.vl-ledger thead th{ position:sticky; top:0; z-index:2; }
.vl-att{ display:flex; flex-direction:column; gap:6px; align-items:center; }
.vl-att img{ width:110px; height:110px; object-fit:cover; border-radius:12px; border:1px solid var(--border); display:block; }


.pg-sel{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:left 12px center;
  background-size:16px 16px;
  padding-left:38px;
}
html[data-theme="dark"] .pg-sel{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23F4F4F2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}


.csh-table td.end, .csh-table td.nw{ white-space:nowrap; }
@media (max-width:640px){
  
  .csh-table.pg-table.cards tr{ position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 10px; padding:14px 14px 12px; border-radius:16px; }
  .csh-table.pg-table.cards td{ display:block; width:auto; padding:0; border:0 !important; }
  .csh-table.pg-table.cards td + td{ border-top:0 !important; }
  .csh-table.pg-table.cards td[data-label]::before{ content:none; }
  .csh-table.pg-table.cards td[data-label="الكاشير"]{ grid-column:1 / -1; padding-inline-end:120px; }
  .csh-table.pg-table.cards td[data-label="الحالة"]{ position:absolute; top:14px; inset-inline-end:14px; }
  .csh-table.pg-table.cards td[data-label="الفرع"], .csh-table.pg-table.cards td[data-label="الفتح"], .csh-table.pg-table.cards td[data-label="الإغلاق"]{ font-size:12px; color:var(--text-muted); margin-top:4px; }
  .csh-table.pg-table.cards td[data-label="الفرع"] .pg-av{ width:22px; height:22px; font-size:11px; border-radius:7px; }
  .csh-table.pg-table.cards td[data-label="الفتح"]::before{ content:'فُتحت '; font-size:11px; font-weight:400; color:var(--text-faint); }
  .csh-table.pg-table.cards td[data-label="الإغلاق"]::before{ content:'أُغلقت '; font-size:11px; font-weight:400; color:var(--text-faint); }
  .csh-table.pg-table.cards td.end{ text-align:start; margin-top:10px; padding:9px 10px; background:var(--surface-2); border:1px solid var(--border) !important; border-radius:12px; font-size:14px; }
  .csh-table.pg-table.cards td.end::before{ content:attr(data-label); display:block; font-size:11px; font-weight:400; color:var(--text-muted); margin-bottom:2px; }
  .csh-table.pg-table.cards td.act{ grid-column:1 / -1; margin-top:10px; }
}


.pb-card{ display:flex; flex-direction:column; gap:10px; padding:14px 16px; }
.pb-card.rp{ border-color:color-mix(in srgb, var(--danger) 45%, var(--border)); }
.pb-meta{ display:flex; gap:18px; flex-wrap:wrap; font-size:12.5px; color:var(--text-muted); padding:8px 12px; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; }
.pb-meta b{ color:var(--text); font-weight:500; margin-inline-start:4px; }
.pb-meta{ align-items:center; }
.pb-thumbs{ display:inline-flex; align-items:center; gap:4px; }   
.pb-thumbs em{ font-style:normal; font-size:11px; color:var(--text-muted); padding-inline-start:2px; }
.pb-amt{ font-weight:500; direction:ltr; unicode-bidi:isolate; display:inline-block; }
.pb2 .pg-head-acts .pg-sel{ min-width:140px; }
@media (max-width:640px){ .pb2 .pg-head-acts .pg-sel{ flex:1; } }
.pb-card .num{ white-space:nowrap; }
@media (max-width:640px){
  
  .pb-table.pg-table.cards tr{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:2px 10px; padding:13px 14px 12px; }
  .pb-table.pg-table.cards td{ display:block; width:auto; padding:0; border:0 !important; }
  .pb-table.pg-table.cards td + td{ border-top:0 !important; }
  .pb-table.pg-table.cards td[data-label]::before{ content:none; }
  .pb-table.pg-table.cards td[data-label="الرقم"]{ order:1; flex:1 1 60%; font-size:12.5px; color:var(--text-muted); }
  .pb-table.pg-table.cards td[data-label="الحالة"]{ position:absolute; top:11px; inset-inline-end:14px; }
  .pb-table.pg-table.cards td[data-label="المورّد"]{ order:2; flex:0 0 58%; min-width:0; margin-top:6px; font-size:14.5px; }
  .pb-table.pg-table.cards td[data-label="الإجمالي"]{ order:3; flex:1 1 35%; margin-top:6px; text-align:end; font-size:16px; }
  .pb-table.pg-table.cards td[data-label="التاريخ"]{ order:4; flex:none; font-size:12px; margin-top:6px; }
  .pb-table.pg-table.cards td[data-label="الأصناف"]{ order:5; flex:none; font-size:12px; color:var(--text-muted); margin-top:6px; direction:rtl; }
  .pb-table.pg-table.cards td[data-label="الأصناف"]::after{ content:' صنف'; }
}


.prx-bar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 16px; border-bottom:1px solid var(--border); background:var(--surface-2); }
.prx-search{ position:relative; flex:1 1 260px; max-width:420px; }
.prx-search svg{ position:absolute; top:50%; transform:translateY(-50%); inset-inline-start:13px; color:var(--text-faint); pointer-events:none; }
.prx-search input{ width:100%; height:42px; padding:0 14px; padding-inline-start:40px; border:1px solid var(--border-strong); border-radius:12px; font:inherit; font-size:13.5px; background:var(--surface); color:var(--text); }
.prx-search input:focus{ outline:none; border-color:var(--primary); box-shadow:var(--ring); }
#btn-batch-upload{ margin-inline-start:auto; }
.prx-table td.sel{ width:36px; }
.prx-table td.sel input, .prx-table th input{ width:16px; height:16px; accent-color:var(--primary); margin:0; display:block; }
.prx-ref{ font-family:var(--font-num); font-size:12px; background:var(--bg-alt); border:1px solid var(--border); border-radius:7px; padding:2px 7px; color:var(--text-muted); white-space:nowrap; direction:ltr; }
.prx-nm{ font-weight:500; }
.prx-price{ font-weight:500; direction:ltr; unicode-bidi:isolate; display:inline-block; }
.prx-cost{ color:var(--text-muted); direction:ltr; unicode-bidi:isolate; display:inline-block; }
.prx-table td.nw{ white-space:nowrap; }
.prx-acts{ display:flex; gap:5px; justify-content:flex-end; flex-wrap:nowrap; }
.prx-acts .v2-btn{ height:32px; min-width:32px; padding:0 8px; justify-content:center; border-radius:9px; }
@media (max-width:640px){
  .prx-search{ max-width:none; }
  
  .prx-table.pg-table.cards{ padding:10px; display:block; }
  .prx-table.pg-table.cards tr{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:2px 10px; padding:13px 14px 12px; }
  .prx-table.pg-table.cards td{ display:block; width:auto; padding:0; border:0 !important; }
  .prx-table.pg-table.cards td + td{ border-top:0 !important; }
  .prx-table.pg-table.cards td[data-label]::before{ content:none; }
  .prx-table.pg-table.cards td.sel{ order:0; flex:none; }
  .prx-table.pg-table.cards td[data-label="المرجع"]{ order:1; flex:1 1 50%; }
  .prx-table.pg-table.cards td[data-label="الحالة"]{ position:absolute; top:12px; inset-inline-end:14px; }
  .prx-table.pg-table.cards td[data-label="الاسم"]{ order:2; flex:0 0 60%; min-width:0; margin-top:6px; font-size:14.5px; }
  .prx-table.pg-table.cards td[data-label="السعر"]{ order:3; flex:1 1 30%; margin-top:6px; font-size:16px; }
  .prx-table.pg-table.cards td[data-label="الفئة"]{ order:4; flex:none; font-size:12px; margin-top:6px; }
  .prx-table.pg-table.cards td[data-label="التكلفة"]{ order:5; flex:none; font-size:12px; margin-top:6px; }
  .prx-table.pg-table.cards td[data-label="التكلفة"]::before{ content:'التكلفة '; font-size:11px; color:var(--text-faint); font-weight:400; }
  .prx-table.pg-table.cards td[data-label="التكلفة"]:has(> .dim:only-child){ display:none; }
  .prx-table.pg-table.cards td.act{ order:6; flex:0 0 100%; margin-top:10px; padding-top:10px; border-top:1px solid var(--border) !important; }
  .prx-table.pg-table.cards td.act .prx-acts{ justify-content:flex-start; }
  .prx-table.pg-table.cards td.act .prx-acts .v2-btn{ width:auto; height:38px; min-width:42px; margin:0; }
  .prx-table.pg-table.cards td.act .prx-acts .v2-btn.lbl{ flex:1; }
}


.trf-type{ display:inline-flex; align-items:center; gap:5px; color:var(--text-muted); font-size:12.5px; }
.trf-route{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.trf-route b{ font-weight:500; }
.trf-route .arrow{ color:var(--gold-deep, var(--text-faint)); display:inline-flex; }
.trf-table td.nw, .trf-table td[data-label="الرقم"]{ white-space:nowrap; }
.trf-acts{ display:flex; gap:5px; justify-content:flex-end; flex-wrap:nowrap; }
.trf-acts .v2-btn{ height:32px; min-width:32px; padding:0 8px; justify-content:center; border-radius:9px; }
@media (max-width:640px){
  
  .trf-table.pg-table.cards{ padding:10px; display:block; }
  .trf-table.pg-table.cards tr{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; padding:13px 14px 12px; }
  .trf-table.pg-table.cards td{ display:block; width:auto; padding:0; border:0 !important; }
  .trf-table.pg-table.cards td + td{ border-top:0 !important; }
  .trf-table.pg-table.cards td[data-label]::before{ content:none; }
  .trf-table.pg-table.cards td[data-label="الرقم"]{ order:1; flex:1 1 60%; font-size:12.5px; color:var(--text-muted); }
  .trf-table.pg-table.cards td[data-label="الحالة"]{ position:absolute; top:12px; inset-inline-end:14px; }
  .trf-table.pg-table.cards td[data-label="المسار"]{ order:2; flex:0 0 100%; margin-top:6px; font-size:15px; }
  .trf-table.pg-table.cards td[data-label="التاريخ"]{ order:3; flex:none; font-size:12px; margin-top:6px; }
  .trf-table.pg-table.cards td[data-label="النوع"]{ order:4; flex:none; margin-top:6px; }
  .trf-table.pg-table.cards td[data-label="السطور"]{ order:5; flex:none; font-size:12px; color:var(--text-muted); margin-top:6px; direction:rtl; }
  .trf-table.pg-table.cards td[data-label="السطور"]::after{ content:' صنف'; }
  .trf-table.pg-table.cards td.act{ order:6; flex:0 0 100%; margin-top:10px; padding-top:10px; border-top:1px solid var(--border) !important; }
  .trf-table.pg-table.cards td.act .trf-acts{ justify-content:flex-start; flex-wrap:wrap; }
  .trf-table.pg-table.cards td.act .trf-acts .v2-btn{ width:auto; height:38px; min-width:42px; margin:0; }
  .trf-table.pg-table.cards td.act .trf-acts .v2-btn.lbl{ flex:1 1 100%; }
}


.prp-step{ border:1px solid var(--border); border-radius:16px; padding:12px 14px; background:var(--surface); }
.prp-sh{ display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; margin-bottom:10px; }
.prp-sh b{ font-weight:500; font-size:14.5px; color:var(--text); }
.prp-sh small{ flex-basis:100%; padding-inline-start:34px; margin-top:-2px; color:var(--text-muted); font-size:12px; }
.prp-n{ width:24px; height:24px; flex:none; display:inline-grid; place-items:center; border-radius:50%; background:var(--gold-soft,#f7f1e0); color:var(--gold-deep,#8a6f1f); font:500 12.5px/1 var(--font-num); border:1px solid color-mix(in srgb, var(--gold,#b8962e) 35%, transparent); }
.prp-copy{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.prp-cp{ all:unset; box-sizing:border-box; cursor:pointer; display:flex; flex-direction:column; gap:4px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); min-width:0; transition:border-color .15s, background .15s; }
.prp-cp:hover{ border-color:var(--gold,#b8962e); }
.prp-cp:focus-visible{ outline:2px solid var(--gold,#b8962e); outline-offset:2px; }
.prp-cp small{ color:var(--text-muted); font-size:11.5px; }
.prp-cp b{ font:500 17px/1.3 var(--font-num); color:var(--text); word-break:break-all; unicode-bidi:plaintext; text-align:start; }
.prp-cp.none{ cursor:default; } .prp-cp.none b{ font-family:inherit; font-size:13px; color:var(--text-muted); }
.prp-cpi{ display:inline-flex; align-items:center; gap:5px; align-self:flex-start; font-size:12px; color:var(--gold-deep,#8a6f1f); }
.prp-cpi em{ font-style:normal; }
.prp-cp.done{ border-color:var(--success,#1f8a4c); background:color-mix(in srgb, var(--success,#1f8a4c) 8%, var(--surface-2)); }
.prp-cp.done .prp-cpi{ color:var(--success,#1f8a4c); }
.prp-note{ margin-top:8px; font-size:13px; color:var(--text-muted); line-height:1.7; padding:8px 12px; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; }
.prp-drop{ display:flex; flex-direction:column; align-items:center; gap:4px; padding:18px 12px; border:1.5px dashed color-mix(in srgb, var(--gold,#b8962e) 55%, var(--border)); border-radius:14px; background:color-mix(in srgb, var(--gold-soft,#f7f1e0) 55%, transparent); cursor:pointer; text-align:center; transition:background .15s, border-color .15s; }
.prp-drop:hover, .over .prp-drop{ background:var(--gold-soft,#f7f1e0); border-color:var(--gold,#b8962e); }
.prp-drop b{ font-weight:500; font-size:14px; color:var(--text); }
.prp-drop small{ font-size:12px; color:var(--text-muted); }
.prp-drop-ic{ width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--surface); color:var(--gold-deep,#8a6f1f); border:1px solid var(--border); margin-bottom:4px; }
.prp-prev{ display:flex; gap:12px; align-items:center; }
.prp-prev img{ width:96px; height:120px; object-fit:cover; border-radius:12px; border:1px solid var(--border); flex:none; }
.prp-prev-a{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.prp-ok{ flex-basis:100%; display:inline-flex; align-items:center; gap:6px; color:var(--success,#1f8a4c); font-size:13px; }
.prp-sum{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 14px; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
.prp-sum span{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.prp-sum span b{ font-weight:500; } .prp-sum small{ color:var(--text-muted); font-size:12px; }
.prp-sum > b{ font:500 18px/1 var(--font-num); direction:ltr; }
.prv-list{ display:flex; flex-direction:column; gap:12px; }
.prv-load{ display:flex; align-items:center; justify-content:center; gap:8px; padding:28px 10px; color:var(--text-muted); font-size:13px; }
.prv-fig{ margin:0; display:flex; flex-direction:column; gap:8px; align-items:center; }
.prv-fig img{ max-width:100%; max-height:62vh; object-fit:contain; border-radius:14px; border:1px solid var(--border); background:var(--surface-2); }
#prv-add{ border-top:1px solid var(--border); padding-top:12px; }
.pg-row-acts .prp-has{ border-color:color-mix(in srgb, var(--gold,#b8962e) 45%, var(--border)); color:var(--gold-deep,#8a6f1f); }
@media (max-width:560px){
  .prp-copy{ grid-template-columns:1fr; }
  .prp-cp{ flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; }
  .prp-cp small{ flex-basis:100%; }
  .prp-cpi{ align-self:center; }
}

.pg-card.prq-focus{ border-color:var(--gold,#b8962e) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--gold,#b8962e) 22%, transparent); transition:box-shadow .4s, border-color .4s; }

@font-face { font-family: 'Readex Pro'; font-style: normal; font-weight: 200 700; font-display: swap; src: url('../../shop/fonts/readex-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: 'Readex Pro'; font-style: normal; font-weight: 200 700; font-display: swap; src: url('../../shop/fonts/readex-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }

.ds {
  --ds-ink: var(--ink, #0e0e0e); --ds-text: var(--text, #111); --ds-mute: var(--text-muted, #6b6b66); --ds-faint: var(--text-faint, #a3a39e);
  --ds-bg: var(--bg, #fff); --ds-alt: var(--bg-alt, #f4f4f2); --ds-surface: var(--surface, #fff); --ds-surface2: var(--surface-2, #fafaf8);
  --ds-line: var(--border, #e7e7e3); --ds-line2: var(--border-strong, #cfcfc9);
  --ds-gold: #b8962e; --ds-gold-deep: #8a6f1f; --ds-gold-soft: #f7f1e0;
  --ds-ok: var(--success, #1e7f4f); --ds-ok-bg: var(--success-bg, #e6f4ec); --ds-bad: var(--danger, #b42318); --ds-bad-bg: var(--danger-bg, #fdecea);
  --ds-r: 14px; --ds-r-lg: 22px; --ds-ease: cubic-bezier(.2,.7,.2,1);
  --ds-font: 'Readex Pro', var(--font, system-ui), sans-serif;
  font-family: var(--ds-font); color: var(--ds-text); font-size: 14px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
html[data-theme="dark"] .ds { --ds-gold: #d8b85a; --ds-gold-deep: #e3c77a; --ds-gold-soft: rgba(216,184,90,.12); }
.ds *, .ds *::before, .ds *::after { box-sizing: border-box; }
.ds button, .ds input, .ds textarea, .ds select { font-family: inherit; font-size: inherit; color: inherit; }
.ds .num { font-variant-numeric: tabular-nums; font-family: inherit; }
.ds [hidden] { display: none !important; }


.ds-page { max-width: 1180px; margin: 0 auto; padding: 10px 4px 40px; }   
.ds-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 26px; }
.ds-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ds-gold-deep); font-weight: 500; margin-bottom: 6px; }
.ds-eyebrow i { width: 18px; height: 1px; background: currentColor; display: block; }
.ds-h1 { font-size: 28px; font-weight: 500; line-height: 1.25; margin: 0; letter-spacing: -.005em; }
.ds-sub { color: var(--ds-mute); font-size: 13.5px; margin: 6px 0 0; max-width: 58ch; }
.ds-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; }
.ds-side { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 18px; }
@media (max-width: 1020px) { .ds-grid { grid-template-columns: minmax(0, 1fr); } .ds-side { position: static; } }


.ds-kpis { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.ds-kpi { display: flex; flex-direction: column; gap: 2px; min-width: 64px; }
.ds-kpi b { font-size: 24px; font-weight: 500; line-height: 1.1; }
.ds-kpi span { font-size: 11.5px; color: var(--ds-mute); display: inline-flex; align-items: center; gap: 5px; }
.ds-kpi-sep { width: 1px; height: 34px; background: var(--ds-line); }
.ds-kpi.loading b { color: transparent; background: var(--ds-alt); border-radius: 6px; width: 38px; }


.ds-card { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); }
.ds-card-pad { padding: 8px 26px 0; }
.ds-card-hd { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 20px 6px; }
.ds-card-hd b { font-size: 14px; font-weight: 500; }


.ds-step { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 16px; padding: 24px 0; border-top: 1px solid var(--ds-line); }
.ds-step:first-child { border-top: 0; }
.ds-step-n { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--ds-line2); display: grid; place-items: center; font-size: 12.5px; color: var(--ds-mute); transition: all .2s var(--ds-ease); }
.ds-step.done .ds-step-n { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); }
.ds-step-t { font-size: 15.5px; font-weight: 500; margin: 3px 0 14px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ds-step-t small { font-size: 12px; color: var(--ds-mute); font-weight: 400; }


.ds-field { position: relative; display: block; margin-bottom: 12px; }
.ds-in, .ds-ta { width: 100%; border: 1px solid var(--ds-line); background: var(--ds-surface); border-radius: var(--ds-r); padding: 12px 14px; outline: none; transition: border-color .15s, box-shadow .15s; }
.ds-in { height: 50px; }
.ds-in.lg { font-size: 17px; height: 56px; font-weight: 500; }
.ds-ta { min-height: 84px; resize: none; line-height: 1.7; }
.ds-in:focus, .ds-ta:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 7%, transparent); }
.ds-in::placeholder, .ds-ta::placeholder { color: var(--ds-faint); }
.ds-count { position: absolute; bottom: 9px; inset-inline-end: 12px; font-size: 10.5px; color: var(--ds-faint); pointer-events: none; opacity: 0; transition: opacity .15s; }
.ds-field:focus-within .ds-count { opacity: 1; }
.ds-field .ds-in.lg { padding-inline-end: 60px; }
.ds-ltr { direction: ltr; text-align: left; }
.ds-link { background: none; border: 0; padding: 0; color: var(--ds-mute); font-size: 12.5px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--ds-line2); }
.ds-link:hover { color: var(--ds-text); }


.ds-seg { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: var(--ds-alt); border-radius: 14px; max-width: 100%; }
.ds-seg button { border: 0; background: transparent; height: 38px; padding: 0 14px; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; cursor: pointer; color: var(--ds-mute); font-size: 13px; transition: background .15s, color .15s, box-shadow .15s; white-space: nowrap; }
.ds-seg button:hover { color: var(--ds-text); }
.ds-seg button.on { background: var(--ds-surface); color: var(--ds-text); box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 0 0 1px var(--ds-line); font-weight: 500; }
.ds-seg button em { font-style: normal; font-size: 11px; min-width: 20px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ds-alt); color: var(--ds-mute); display: inline-grid; place-items: center; }
.ds-seg button.on em { background: var(--ds-ink); color: var(--ds-bg); }
.ds-seg.sm button { height: 30px; padding: 0 11px; font-size: 12px; }


.ds-btn { height: 48px; padding: 0 22px; border-radius: 14px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 9px; cursor: pointer; font-weight: 500; font-size: 14px; transition: transform .12s var(--ds-ease), background .15s, opacity .15s; white-space: nowrap; }
.ds-btn:active { transform: scale(.98); }
.ds-btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.ds-btn.pri { background: var(--ds-ink); color: var(--ds-bg); }
.ds-btn.pri:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-ink) 88%, var(--ds-gold)); }
.ds-btn.ghost { background: var(--ds-surface); border-color: var(--ds-line2); color: var(--ds-text); }
.ds-btn.ghost:hover:not(:disabled) { border-color: var(--ds-ink); }
.ds-btn.sm { height: 38px; padding: 0 14px; font-size: 13px; border-radius: 11px; }
.ds-btn .spin { width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: dsSpin .7s linear infinite; }
@keyframes dsSpin { to { transform: rotate(360deg); } }


.ds-actions { position: sticky; bottom: 0; z-index: 3; margin: 0 -26px; padding: 16px 26px 20px; background: color-mix(in srgb, var(--ds-surface) 88%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--ds-line); border-radius: 0 0 var(--ds-r-lg) var(--ds-r-lg); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ds-actions .ds-btn.pri { flex: 1 1 260px; }
.ds-hint { font-size: 12px; color: var(--ds-mute); flex-basis: 100%; }


.ds-search { position: relative; }
.ds-search > svg { position: absolute; top: 50%; transform: translateY(-50%); inset-inline-start: 16px; color: var(--ds-mute); pointer-events: none; }
.ds-search .ds-in { padding-inline-start: 46px; height: 54px; font-size: 15px; }
.ds-search kbd { position: absolute; top: 50%; transform: translateY(-50%); inset-inline-end: 14px; font: 500 11px var(--ds-font); color: var(--ds-faint); border: 1px solid var(--ds-line); border-radius: 6px; padding: 2px 7px; }
.ds-res { margin-top: 10px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); overflow: hidden; background: var(--ds-surface); }
.ds-res-hd { font-size: 11.5px; color: var(--ds-mute); padding: 10px 14px 6px; display: flex; justify-content: space-between; }
.ds-res-list { max-height: 360px; overflow-y: auto; padding: 4px; }
.ds-prow { width: 100%; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 7px 10px; border: 0; background: transparent; border-radius: 11px; cursor: pointer; text-align: start; }
.ds-prow:hover, .ds-prow.kb { background: var(--ds-alt); }
.ds-prow img, .ds-thumb { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; background: var(--ds-alt); display: block; }
.ds-prow .nm { font-size: 13.5px; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ds-prow .nm mark { background: var(--ds-gold-soft); color: inherit; border-radius: 3px; padding: 0 1px; }
.ds-prow .pr { font-size: 12.5px; color: var(--ds-mute); white-space: nowrap; }
.ds-prow .pr s { color: var(--ds-faint); margin-inline-start: 6px; font-size: 11px; }
.ds-sk { height: 62px; margin: 4px; border-radius: 11px; background: linear-gradient(90deg, var(--ds-alt), var(--ds-surface2), var(--ds-alt)); background-size: 200% 100%; animation: dsSk 1.2s ease-in-out 3; }
@keyframes dsSk { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.ds-empty { padding: 26px 16px; text-align: center; color: var(--ds-mute); font-size: 13px; }


.ds-picked { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface2); animation: dsIn .25s var(--ds-ease); }
.ds-picked img { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; background: var(--ds-alt); }
.ds-picked b { font-weight: 500; font-size: 14px; display: block; line-height: 1.45; }
.ds-picked span { font-size: 12.5px; color: var(--ds-mute); }
@keyframes dsIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }


.ds-phone { width: 300px; max-width: 100%; aspect-ratio: 300 / 610; margin: 0 auto; border-radius: 48px; padding: 11px; background: #0d0d0d; box-shadow: 0 30px 60px -30px rgba(0,0,0,.45), inset 0 0 0 1.5px #2a2a2a; }
.ds-screen { position: relative; height: 100%; border-radius: 38px; overflow: hidden; background: #d9d6cf center / cover no-repeat; color: #fff; }
.ds-screen::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.18) 34%, rgba(0,0,0,.08) 60%, rgba(0,0,0,.3)); }
.ds-island { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 92px; height: 26px; border-radius: 14px; background: #000; z-index: 2; }
.ds-clock { position: relative; z-index: 1; text-align: center; padding-top: 58px; direction: ltr; }
.ds-clock small { display: block; font-size: 13px; font-weight: 500; opacity: .92; }
.ds-clock b { display: block; text-shadow: 0 2px 18px rgba(0,0,0,.25); font-size: 62px; font-weight: 500; line-height: 1.05; letter-spacing: -.02em; }
.ds-notif { position: absolute; z-index: 1; left: 10px; right: 10px; top: 190px; border-radius: 20px; padding: 11px 13px 12px; background: rgba(245,245,243,.78); backdrop-filter: blur(22px) saturate(1.4); -webkit-backdrop-filter: blur(22px) saturate(1.4); color: #111; box-shadow: 0 8px 24px rgba(0,0,0,.18); animation: dsDrop .45s var(--ds-ease); }
@keyframes dsDrop { from { opacity: 0; transform: translateY(-10px) scale(.98); } to { opacity: 1; transform: none; } }
.ds-notif-hd { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #555; margin-bottom: 5px; }
.ds-notif-hd img { width: 20px; height: 20px; border-radius: 5px; background: #fff; }
.ds-notif-hd .t { margin-inline-start: auto; }
.ds-notif b { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.4; }
.ds-notif p { margin: 1px 0 0; font-size: 12.5px; line-height: 1.5; color: #222; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ds-notif .img { margin-top: 9px; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; background: #eee; display: block; }
.ds-notif .ph { color: #9a9a95; }
.ds-prev-ft { display: flex; justify-content: center; margin-top: 14px; }


.ds-hist { padding: 4px 20px 14px; }
.ds-hrow { padding: 12px 0; border-top: 1px solid var(--ds-line); }
.ds-hrow:first-child { border-top: 0; }
.ds-hrow .top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.ds-hrow b { font-weight: 500; font-size: 13.5px; }
.ds-hrow time { font-size: 11px; color: var(--ds-faint); white-space: nowrap; }
.ds-hrow p { margin: 2px 0 0; font-size: 12.5px; color: var(--ds-mute); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ds-hrow .meta { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 11.5px; color: var(--ds-mute); }
.ds-bar { flex: 1; height: 4px; border-radius: 2px; background: var(--ds-alt); overflow: hidden; }
.ds-bar i { display: block; height: 100%; background: var(--ds-gold); border-radius: 2px; }
.ds-tag { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 11px; background: var(--ds-alt); color: var(--ds-mute); font-size: 11px; white-space: nowrap; }


.ds-note { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--ds-r); background: var(--ds-gold-soft); color: var(--ds-text); font-size: 13px; line-height: 1.6; margin-bottom: 18px; }
.ds-note.bad { background: var(--ds-bad-bg); }
.ds-note svg { flex: none; margin-top: 2px; color: var(--ds-gold-deep); }
.ds-note.bad svg { color: var(--ds-bad); }
.ds-test { margin-top: 14px; padding: 16px; border-radius: var(--ds-r); border: 1px dashed var(--ds-line2); background: var(--ds-surface2); animation: dsIn .2s var(--ds-ease); }
.ds-test-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ds-test-row .ds-in { flex: 1 1 180px; height: 44px; }
.ds-dev { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0 0; font-size: 13px; line-height: 1.55; }
.ds-dev i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex: none; font-style: normal; font-size: 12px; }
.ds-dev i.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.ds-dev i.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }

@media (prefers-reduced-motion: reduce) { .ds *, .ds *::before, .ds *::after { animation: none !important; transition: none !important; } }


@media (max-width: 640px) {
  .ds-page { padding: 4px 0 24px; } .ds-h1 { font-size: 23px; } .ds-head { margin-bottom: 18px; }
  .ds-card-pad { padding: 2px 16px 0; } .ds-step { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 20px 0; } .ds-step-n { display: none; }
  .ds-seg:not(.sm) { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: 100%; } .ds-seg::-webkit-scrollbar { display: none; }
  .ds-prow { grid-template-columns: 52px minmax(0, 1fr); } .ds-prow .pr { grid-column: 2; margin-top: -4px; }
  .ds-actions { margin: 0 -16px; padding: 12px 16px 14px; gap: 8px; } .ds-actions .ds-btn.pri { flex: 1 1 0; min-width: 0; } .ds-actions .ds-btn.ghost { flex: 0 0 auto; padding: 0 14px; }
  .ds-kpis { gap: 16px; } .ds-kpi b { font-size: 20px; }
}

@media (max-width: 899px) { .ds-actions { bottom: calc(var(--bn-h, 60px) + env(safe-area-inset-bottom, 0px)); } }


.ds-page.iv { max-width: 880px; }
.iv-tabs { margin-bottom: 18px; }
.iv-pick { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.iv-card { overflow: visible; }
.iv-top { padding: 18px 20px 6px; display: flex; flex-direction: column; gap: 14px; }
.iv-top .ds-note { margin: 0; }
.iv-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.iv-prog { display: flex; align-items: center; gap: 12px; }
.iv-prog .ds-bar { height: 8px; border-radius: 4px; }
.iv-prog .ds-bar i { border-radius: 4px; transition: width .3s var(--ds-ease); }
.iv-prog b { font-size: 13px; font-weight: 500; min-width: 40px; text-align: end; }
.iv-filter { align-self: flex-start; }
.ds-tag.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.ds-kpi b small { font-size: 13px; color: var(--ds-mute); font-weight: 400; }
.iv-list { padding: 0 8px 8px; }
.iv-grp { border-top: 1px solid var(--ds-line); padding: 12px 0 4px; }
.iv-grp:first-child { border-top: 0; }
.iv-gh { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 0 12px 6px; }
.iv-gh b { font-weight: 500; font-size: 14.5px; margin-inline-end: 4px; }
.iv-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 12px; border-radius: 12px; transition: background .2s; }
.iv-row.done { background: color-mix(in srgb, var(--ds-ok-bg) 55%, transparent); }
.iv-row.flash { animation: ivFlash 1s var(--ds-ease); }
@keyframes ivFlash { 0% { background: var(--ds-gold-soft); box-shadow: 0 0 0 2px var(--ds-gold); } 100% { box-shadow: 0 0 0 0 transparent; } }
.iv-nm { min-width: 0; display: flex; flex-direction: column; }
.iv-nm b { font-weight: 500; font-size: 14px; line-height: 1.4; }
.iv-nm small { font-size: 11.5px; color: var(--ds-faint); }
.iv-by, .iv-alt, .iv-ap { font-size: 11.5px !important; color: var(--ds-mute) !important; display: inline-flex; align-items: center; gap: 4px; direction: rtl !important; }
.iv-alt { color: var(--ds-bad) !important; } .iv-ap { color: var(--ds-ok) !important; }
.iv-q { display: flex; align-items: center; gap: 4px; direction: ltr; }
.iv-q input { width: 64px; height: 46px; border: 1px solid var(--ds-line2); border-radius: 12px; text-align: center; font-size: 19px; font-weight: 500; background: var(--ds-surface); outline: none; }
.iv-q input:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 8%, transparent); }
.iv-q input::placeholder { color: var(--ds-faint); font-weight: 400; }
.iv-row.done .iv-q input { border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line2)); }
.iv-pm { width: 42px; height: 46px; border-radius: 12px; border: 1px solid var(--ds-line); background: var(--ds-surface); display: grid; place-items: center; cursor: pointer; color: var(--ds-text); touch-action: manipulation; }
.iv-pm:active { transform: scale(.94); background: var(--ds-alt); }
.iv-pm:disabled, .iv-q input:disabled { opacity: .45; }
.iv-actions { margin: 0; border-radius: 0 0 var(--ds-r-lg) var(--ds-r-lg); }
.iv-status { flex-basis: 100%; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ds-mute); }
.iv-status.ok { color: var(--ds-ok); } .iv-status.bad { color: var(--ds-bad); } .iv-status.wait { color: var(--ds-gold-deep); }
.iv-status .spin { width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: dsSpin .7s linear infinite; display: inline-block; }

.iv-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.iv-ph { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 10px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface); }
.iv-ph.done { border-color: color-mix(in srgb, var(--ds-ok) 40%, var(--ds-line)); background: color-mix(in srgb, var(--ds-ok-bg) 40%, var(--ds-surface)); }
.iv-ph-img { position: relative; width: 96px; height: 116px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-faint); overflow: hidden; }
.iv-ph-img img { width: 100%; height: 100%; object-fit: cover; }
.iv-ph-img i { position: absolute; inset: auto 6px 6px auto; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; }
.iv-ph-img i.ok { background: var(--ds-ok); color: #fff; } .iv-ph-img i.wait { background: var(--ds-surface); color: var(--ds-ink); }
.iv-ph-b { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.iv-ph-b b { font-weight: 500; font-size: 13.5px; line-height: 1.45; }
.iv-ph-b small { font-size: 11.5px; color: var(--ds-faint); }
.iv-ph-w { display: flex; flex-wrap: wrap; gap: 4px; margin: 2px 0 4px; }
.iv-ph-err { font-size: 12px; color: var(--ds-bad); } .iv-ph-ok { font-size: 12.5px; color: var(--ds-ok); margin-top: auto; }
.iv-shot { margin-top: auto; align-self: flex-start; }

.iv-rk { margin: 4px 0 14px; }
.iv-ppl { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.iv-rv { padding: 4px 12px 12px; }
.iv-rr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 6px; border-top: 1px solid var(--ds-line); }
.iv-rr:first-child { border-top: 0; }
.iv-rr > .iv-nm:first-child { grid-column: 1 / 3; }
.iv-rr input[type=checkbox], .iv-chk input { width: 20px; height: 20px; accent-color: var(--ds-ink); }
.iv-rr.applied { opacity: .7; }
.iv-rn { display: flex; gap: 14px; align-items: center; font-size: 11.5px; color: var(--ds-mute); white-space: nowrap; }
.iv-rn span { display: flex; flex-direction: column; align-items: center; }
.iv-rn b { font-size: 15px; color: var(--ds-text); font-weight: 500; }
.iv-d b { min-width: 46px; text-align: center; padding: 3px 8px; border-radius: 8px; background: var(--ds-alt); }
.iv-d.up b { background: var(--ds-ok-bg); color: var(--ds-ok); } .iv-d.down b { background: var(--ds-bad-bg); color: var(--ds-bad); }
.iv-chk { display: flex; align-items: center; gap: 8px; font-size: 13px; flex-basis: 100%; }
.iv-det { margin-top: 12px; } .iv-det summary { padding: 16px 20px; cursor: pointer; font-weight: 500; font-size: 14px; }

.iv-plan { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin-top: 14px; }
.iv-pd { border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 12px; background: var(--ds-surface2); }
.iv-pdh { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.iv-pdh b { font-weight: 500; } .iv-pdh span { font-size: 12px; color: var(--ds-mute); } .iv-pdh em { margin-inline-start: auto; font-style: normal; font-size: 12px; color: var(--ds-gold-deep); }
.iv-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.iv-chip { white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 4px 0 10px; border-radius: 15px; background: var(--ds-surface); border: 1px solid var(--ds-line); font-size: 12px; }
.iv-chip em { font-style: normal; color: var(--ds-mute); font-size: 11px; }
.iv-chip select { border: 0; background: var(--ds-alt); border-radius: 11px; height: 22px; font-size: 11px; padding: 0 4px; cursor: pointer; }
@media (max-width: 640px) {
  .iv-top { padding: 14px 12px 4px; } .iv-list { padding: 0 2px 6px; } .iv-row { padding: 8px; gap: 8px; }
  .iv-q input { width: 58px; height: 48px; } .iv-pm { width: 44px; height: 48px; }
  .iv-actions { margin: 0; padding: 10px 12px 12px; }
  .iv-rr { grid-template-columns: auto minmax(0, 1fr); } .iv-rn { grid-column: 1 / -1; justify-content: flex-end; }
  .iv-pick .ds-seg, .iv-tabs, .iv-filter { width: 100%; flex-wrap: nowrap; overflow-x: auto; contain: inline-size; }   
}
.iv-ap.wait { color: var(--ds-gold-deep) !important; }


.ds-tag.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.pm .ds-head { margin-bottom: 22px; }
.pmx-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 980px) { .pmx-grid { grid-template-columns: minmax(0, 1fr); } }


.pmx-people { position: sticky; top: 76px; padding: 12px; display: flex; flex-direction: column; gap: 10px; max-height: calc(100vh - 100px); }
@media (max-width: 980px) { .pmx-people { position: static; max-height: none; } .pmx-plist { display: flex; overflow-x: auto; gap: 6px; padding-bottom: 4px; } .pmx-person { min-width: 220px; } }
.pmx-search .ds-in { height: 42px; font-size: 13.5px; padding-inline-start: 40px; }
.pmx-search > svg { inset-inline-start: 13px; }
.pmx-plist { overflow-y: auto; display: flex; flex-direction: column; gap: 2px; margin: 0 -4px; padding: 0 4px; }
.pmx-person { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 11px; align-items: center; width: 100%; padding: 9px 10px; border: 1px solid transparent; border-radius: 13px; background: transparent; cursor: pointer; text-align: start; transition: background .15s, border-color .15s; }
.pmx-person:hover { background: var(--ds-alt); }
.pmx-person.on { background: var(--ds-surface); border-color: var(--ds-ink); box-shadow: 0 6px 18px -12px rgba(0,0,0,.35); }
.pmx-pt { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.pmx-pt b { font-weight: 500; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pmx-pt small { font-size: 11.5px; color: var(--ds-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pmx-pn { font-size: 12px; color: var(--ds-mute); min-width: 26px; text-align: end; }
.pmx-pbar { display: block; height: 3px; border-radius: 2px; background: var(--ds-alt); overflow: hidden; margin-top: 5px; }
.pmx-pbar i { display: block; height: 100%; background: var(--ds-gold); border-radius: 2px; transition: width .3s var(--ds-ease); }
.pmx-av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-alt); color: var(--ds-text); font-size: 13px; font-weight: 500; flex: none; }
.pmx-av.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.pmx-av.lg { width: 56px; height: 56px; font-size: 18px; background: var(--ds-ink); color: var(--ds-bg); }
.pmx-av.lg.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }


.pmx-main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.pmx-card { padding: 22px 24px; }
.pmx-card .ds-note { margin: 16px 0 0; }
.pmx-uh { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.pmx-uh-t { flex: 1; min-width: 200px; }
.pmx-uh-t h2 { margin: 0 0 6px; font-size: 21px; font-weight: 500; }
.pmx-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.pmx-ukpi .ds-kpi b small { font-size: 13px; color: var(--ds-faint); }
.pmx-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--ds-line); position: relative; }
.pmx-sp { flex: 1; }
.pmx-sel { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border: 1px solid var(--ds-line2); border-radius: 11px; background: var(--ds-surface); color: var(--ds-mute); cursor: pointer; transition: border-color .15s; }
.pmx-sel:hover { border-color: var(--ds-ink); }
.pmx-sel select { border: 0; background: transparent; outline: none; font-size: 13px; color: var(--ds-text); cursor: pointer; max-width: 190px; }
.pmx-menu { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 20; min-width: 230px; padding: 6px; border-radius: 14px; background: var(--ds-surface); border: 1px solid var(--ds-line); box-shadow: 0 18px 40px -18px rgba(0,0,0,.35); animation: dsIn .15s var(--ds-ease); }
.pmx-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; background: transparent; border-radius: 10px; cursor: pointer; font-size: 13px; text-align: start; }
.pmx-menu button:hover { background: var(--ds-alt); }
.pmx-menu button.bad { color: var(--ds-bad); }
.pmx-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 16px 0 14px; }
.pmx-filter .pmx-search { flex: 1 1 260px; }


.pmx-secs { display: flex; flex-direction: column; gap: 10px; }
.pmx-sec { border: 1px solid var(--ds-line); border-radius: 16px; background: var(--ds-surface); overflow: hidden; transition: border-color .15s; }
.pmx-sec[open] { border-color: var(--ds-line2); }
.pmx-sec > summary { list-style: none; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto 20px; gap: 12px; align-items: center; padding: 12px 14px; cursor: pointer; user-select: none; }
.pmx-sec > summary::-webkit-details-marker { display: none; }
.pmx-sec > summary:hover { background: var(--ds-surface2); }
.pmx-sic { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-text); }
.pmx-sec[open] .pmx-sic { background: var(--ds-ink); color: var(--ds-bg); }
.pmx-st { min-width: 0; }
.pmx-st b { font-weight: 500; font-size: 14.5px; }
.pmx-st .pmx-pbar { max-width: 220px; }
.pmx-sn { font-size: 13px; }
.pmx-sn small { color: var(--ds-faint); font-size: 11.5px; }
.pmx-chev { color: var(--ds-mute); display: grid; transition: transform .2s var(--ds-ease); }
.pmx-sec[open] .pmx-chev { transform: rotate(180deg); }
.pmx-rows { padding: 2px 10px 10px; border-top: 1px solid var(--ds-line); }
.pmx-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 11px 8px; border-bottom: 1px solid var(--ds-line); }
.pmx-row:last-child { border-bottom: 0; }
.pmx-rt b { display: block; font-weight: 400; font-size: 13.5px; color: var(--ds-mute); transition: color .15s; }
.pmx-row.on .pmx-rt b { color: var(--ds-text); font-weight: 500; }
.pmx-rt small { display: block; font-size: 11.5px; color: var(--ds-faint); margin-top: 1px; }
.pmx-scope button { gap: 5px; }
.pmx-scope-ph { width: 0; }
@media (max-width: 620px) { .pmx-row { grid-template-columns: minmax(0, 1fr) auto; } .pmx-row .pmx-scope { grid-column: 1 / -1; grid-row: 2; justify-self: start; } .pmx-sec > summary { grid-template-columns: 36px minmax(0, 1fr) auto auto; } .pmx-chev { display: none; } .pmx-card { padding: 18px 16px; } }


.pmx-sw { position: relative; display: inline-block; width: 42px; height: 24px; flex: none; cursor: pointer; }
.pmx-sw input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.pmx-sw i { position: absolute; inset: 0; border-radius: 12px; background: var(--ds-line2); transition: background .18s var(--ds-ease); }
.pmx-sw i::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: inset-inline-start .18s var(--ds-ease); }
.pmx-sw input:checked + i { background: var(--ds-ink); }
.pmx-sw input:checked + i::after { inset-inline-start: 21px; }
.pmx-sw input:focus-visible + i { box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-gold) 45%, transparent); }
.pmx-sw input:disabled { cursor: not-allowed; }
.pmx-sw input:disabled + i { opacity: .4; }
.pmx-sw.sm { width: 34px; height: 20px; }
.pmx-sw.sm i::after { width: 14px; height: 14px; }
.pmx-sw.sm input:checked + i::after { inset-inline-start: 17px; }
html[data-theme="dark"] .pmx-sw input:checked + i { background: var(--ds-gold); }


.pmx-sub-h { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.pmx-sub-h b { display: block; font-weight: 500; font-size: 14.5px; }
.pmx-sub-h small { color: var(--ds-mute); font-size: 12.5px; }
.pmx-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pmx-chip { display: inline-flex; align-items: center; height: 32px; padding: 0 13px; border-radius: 16px; border: 1px solid var(--ds-line2); font-size: 12.5px; cursor: pointer; transition: all .15s; }
.pmx-chip input { display: none; }
.pmx-chip.on { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); }
@media (prefers-reduced-motion: reduce) { .pmx-sw i, .pmx-sw i::after, .pmx-chev, .pmx-pbar i { transition: none; } }
@media (max-width: 980px) { .pmx-plist { flex-direction: row; } }

.pmx-pv-t { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ds-mute); margin: 4px 0 10px; }
.pmx-pv-t .num { color: var(--ds-faint); }
.pmx-pv-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.pmx-pv-chips .ds-tag { height: 28px; font-size: 12px; padding: 0 11px; border-radius: 14px; }
.pmx-pv-chips .ds-tag.on { background: var(--ds-ink); color: var(--ds-bg); }
.pmx-pv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.pmx-pv-sec { border: 1px solid var(--ds-line); border-radius: 14px; padding: 12px 14px; }
.pmx-pv-h { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.pmx-pv-h b { font-weight: 500; font-size: 13.5px; flex: 1; }
.pmx-pv-h small { color: var(--ds-faint); font-size: 11.5px; }
.pmx-pv-sec ul { list-style: none; margin: 0; padding: 0; }
.pmx-pv-sec li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 5px 0; font-size: 12.5px; border-top: 1px dashed var(--ds-line); }
.pmx-pv-sec li:first-child { border-top: 0; }
.pmx-pv-sec li .ds-tag { height: 19px; font-size: 10.5px; }
.pmx-hist table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.pmx-hist th { text-align: start; font-weight: 500; color: var(--ds-mute); font-size: 11.5px; padding: 8px 10px; border-bottom: 1px solid var(--ds-line); }
.pmx-hist td { padding: 10px; border-bottom: 1px solid var(--ds-line); }
.pmx-hist td:first-child { color: var(--ds-mute); white-space: nowrap; direction: ltr; text-align: end; }


.dss .ds-head { margin-bottom: 24px; }
.dss-head-side { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.ds-btn.bad { background: var(--ds-surface); border-color: color-mix(in srgb, var(--ds-bad) 40%, transparent); color: var(--ds-bad); }
.ds-btn.bad:hover:not(:disabled) { background: var(--ds-bad-bg); border-color: var(--ds-bad); }
.ds-btn.ghost .v2-ic, .ds-btn.pri .v2-ic, .ds-btn.bad .v2-ic { flex: none; }


.dss-card { margin-bottom: 16px; overflow: hidden; }
.dss-card.is-bad { border-color: color-mix(in srgb, var(--ds-bad) 35%, var(--ds-line)); }
.dss-card.is-gold { border-color: color-mix(in srgb, var(--ds-gold) 45%, var(--ds-line)); background: linear-gradient(180deg, var(--ds-gold-soft), var(--ds-surface) 120px); }
.dss-card-hd { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 18px 22px 4px; }
.dss-card-hd:only-child { padding-bottom: 18px; }
.dss-ic { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-text); }
.dss-card.is-bad .dss-ic { background: var(--ds-bad-bg); color: var(--ds-bad); }
.dss-card.is-gold .dss-ic { background: var(--ds-surface); color: var(--ds-gold-deep); }
.dss-card-t b { display: block; font-weight: 500; font-size: 15px; }
.dss-card-t small { display: block; color: var(--ds-mute); font-size: 12.5px; line-height: 1.6; margin-top: 1px; }
.dss-card-act { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.dss-card-bd { padding: 10px 22px 20px; }
.dss-card-bd.flush { padding: 6px 0 0; }
.dss-card-bd > .ds-note:first-child { margin-top: 6px; }
.dss-card-bd .ds-note { margin: 12px 0; }
@media (max-width: 620px) { .dss-card-hd { grid-template-columns: auto minmax(0, 1fr); padding: 16px 16px 4px; } .dss-card-act { grid-column: 1 / -1; justify-content: flex-start; } .dss-card-bd { padding: 10px 16px 18px; } }


.dss-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px 0; border-top: 1px solid var(--ds-line); }
.dss-card-bd > .dss-row:first-child { border-top: 0; }
.dss-row.stack { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.dss-row-t b { display: block; font-weight: 500; font-size: 13.5px; }
.dss-row-t small { display: block; color: var(--ds-mute); font-size: 12px; line-height: 1.6; margin-top: 2px; }
.dss-row-c { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
.dss-row.stack .dss-row-c { justify-content: flex-start; }
.dss-row-c .dss-in { min-width: 220px; }
@media (max-width: 620px) { .dss-row { grid-template-columns: minmax(0, 1fr); } .dss-row-c { justify-content: flex-start; } .dss-row-c .dss-in { min-width: 0; width: 100%; } }


.dss-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 16px; }
.dss-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dss-field.wide { grid-column: 1 / -1; }
.dss-field > span { font-size: 12.5px; font-weight: 500; }
.dss-field > small { font-size: 11.5px; color: var(--ds-mute); line-height: 1.55; }
.ds-in.dss-in { height: 44px; font-size: 13.5px; padding: 10px 13px; border-radius: 12px; }
.ds-ta.dss-in { height: auto; min-height: 96px; font-size: 13.5px; border-radius: 12px; resize: vertical; }
select.ds-in.dss-in { padding-block: 0; cursor: pointer; }

select.ds-in { -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 13px center; background-size: 16px 16px; padding-left: 38px; cursor: pointer; }
html[data-theme="dark"] select.ds-in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239C9C96' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }

select:not([multiple]):not([size]) { background-repeat: no-repeat; }
.dss-in.ltr, .dss-in[dir="ltr"] { direction: ltr; text-align: left; font-variant-numeric: tabular-nums; }


.dss-sw { position: relative; display: inline-block; width: 42px; height: 24px; flex: none; cursor: pointer; }
.dss-sw input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.dss-sw i { position: absolute; inset: 0; border-radius: 12px; background: var(--ds-line2); transition: background .18s var(--ds-ease); }
.dss-sw i::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: inset-inline-start .18s var(--ds-ease); }
.dss-sw input:checked + i { background: var(--ds-ink); }
.dss-sw input:checked + i::after { inset-inline-start: 21px; }
.dss-sw input:focus-visible + i { box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-gold) 45%, transparent); }
.dss-sw input:disabled { cursor: not-allowed; }
.dss-sw input:disabled + i { opacity: .4; }
html[data-theme="dark"] .dss-sw input:checked + i { background: var(--ds-gold); }


.dss-note.ok { background: var(--ds-ok-bg); }
.dss-note.ok svg { color: var(--ds-ok); }
.dss-note.info { background: var(--ds-alt); }
.dss-note.info svg { color: var(--ds-mute); }
.dss-note code, .dss code { font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; background: var(--ds-alt); padding: 1px 6px; border-radius: 6px; direction: ltr; unicode-bidi: embed; }
.dss-tag.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.dss-tag.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
.dss-tag.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.dss-tag.ink { background: var(--ds-ink); color: var(--ds-bg); }


.dss-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 30px 16px; text-align: center; color: var(--ds-mute); }
.dss-empty > span { width: 52px; height: 52px; border-radius: 50%; background: var(--ds-alt); display: grid; place-items: center; margin-bottom: 4px; }
.dss-empty b { color: var(--ds-text); font-weight: 500; font-size: 14px; }
.dss-empty small { font-size: 12.5px; }


.dss-table { border: 1px solid var(--ds-line); border-radius: 14px; overflow: auto; }
.dss-card-bd.flush > .dss-table { border: 0; border-top: 1px solid var(--ds-line); border-radius: 0; }
.dss-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.dss-table th { text-align: start; font-weight: 500; font-size: 11.5px; color: var(--ds-mute); padding: 10px 14px; background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); white-space: nowrap; }
.dss-table td { padding: 11px 14px; border-bottom: 1px solid var(--ds-line); vertical-align: middle; }
.dss-table tr:last-child td { border-bottom: 0; }
.dss-table tbody tr:hover td { background: var(--ds-surface2); }


.dss-layout { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 22px; align-items: start; }
.dss-nav { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 2px; padding: 8px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); }
.dss-tab { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 12px; border: 0; border-radius: 11px; background: transparent; color: var(--ds-mute); font-size: 13.5px; text-align: start; cursor: pointer; transition: background .15s, color .15s; }
.dss-tab span { flex: 1; }
.dss-tab em { font-style: normal; font-size: 11px; min-width: 20px; height: 18px; padding: 0 6px; border-radius: 9px; background: var(--ds-gold); color: #fff; display: inline-grid; place-items: center; }
.dss-tab:hover { background: var(--ds-alt); color: var(--ds-text); }
.dss-tab.on { background: var(--ds-ink); color: var(--ds-bg); font-weight: 500; }
.dss-content { min-width: 0; }
@media (max-width: 900px) { .dss-layout { grid-template-columns: minmax(0, 1fr); } .dss-nav { position: static; flex-direction: row; overflow-x: auto; padding: 6px; } .dss-tab { flex: none; white-space: nowrap; } }


.dss-hub-sec { margin-bottom: 26px; }
.dss-hub-t { font-size: 12px; font-weight: 500; color: var(--ds-mute); margin: 0 0 10px; display: flex; align-items: center; gap: 10px; }
.dss-hub-t::after { content: ''; flex: 1; height: 1px; background: var(--ds-line); }
.dss-hub { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 12px; }
.dss-tile { display: grid; grid-template-columns: 46px minmax(0, 1fr) 18px; gap: 14px; align-items: center; padding: 16px 18px; border: 1px solid var(--ds-line); border-radius: 18px; background: var(--ds-surface); text-align: start; cursor: pointer; transition: border-color .15s, box-shadow .2s var(--ds-ease), transform .12s; }
.dss-tile:hover { border-color: var(--ds-ink); box-shadow: 0 12px 28px -20px rgba(0,0,0,.45); }
.dss-tile:active { transform: scale(.99); }
.dss-tile-ic { width: 46px; height: 46px; border-radius: 14px; background: var(--ds-alt); display: grid; place-items: center; transition: background .15s, color .15s; }
.dss-tile:hover .dss-tile-ic { background: var(--ds-ink); color: var(--ds-bg); }
.dss-tile-t b { display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 14.5px; }
.dss-tile-t b em { font-style: normal; font-size: 11px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--ds-gold); color: #fff; display: inline-grid; place-items: center; }
.dss-tile-t small { display: block; color: var(--ds-mute); font-size: 12.5px; line-height: 1.55; margin-top: 2px; }
.dss-tile-go { color: var(--ds-faint); transition: transform .15s var(--ds-ease), color .15s; }
.dss-tile:hover .dss-tile-go { color: var(--ds-text); transform: translateX(-3px); }
@media (prefers-reduced-motion: reduce) { .dss-sw i, .dss-sw i::after, .dss-tile, .dss-tile-go { transition: none; } }


.dss-sh-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 6px 0 12px; }
.dss-sh-top > b { font-size: 36px; font-weight: 500; line-height: 1.1; }
.dss-sh-meter { padding-bottom: 14px; }
.dss-sh-meter .ds-bar, .dss-sh-share .ds-bar { height: 8px; border-radius: 4px; }
.dss-sh-meter .ds-bar i, .dss-sh-share .ds-bar i { border-radius: 4px; }
.dss-sh-meter.ok .ds-bar i { background: var(--ds-ok); }
.dss-sh-meter.bad .ds-bar i { background: var(--ds-bad); }
.dss-sh-share { min-width: 120px; }
.dss-sh-share:not(.big) .ds-bar i { opacity: .45; }
.dss-al-time, .dss-al-meta { color: var(--ds-mute); font-size: 12px; white-space: nowrap; }
.dss-al-meta { white-space: normal; min-width: 160px; display: block; }
.dss-ov-lab { display: inline-flex; align-items: center; gap: 8px; }
.dss-ov-lab svg { color: var(--ds-mute); flex: none; }
.dss-ov-url { word-break: break-all; }


.dss-nc-cat { margin-top: 6px; }
.dss-nc-cat .dss-row-t b { font-weight: 600; }
.dss-nc-ev { padding-block: 10px; padding-inline-start: 18px; border-top-style: dashed; }
.dss-nc-ev .dss-row-t b { font-weight: 400; font-size: 13px; }


.dss-da-sub { display: block; color: var(--ds-mute); font-size: 11.5px; margin-top: 2px; }
.dss-da-when { white-space: nowrap; font-size: 12px; color: var(--ds-mute); }
.dss-da-acts { display: flex; gap: 6px; flex-wrap: wrap; }


.dss-ms-acts { display: flex; justify-content: flex-end; margin-top: 16px; }


.dss-pay-grid { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 18px; align-items: start; }
@media (max-width: 980px) { .dss-pay-grid { grid-template-columns: minmax(0, 1fr); } }
.dss-pay-list { padding: 8px; position: sticky; top: 76px; }
@media (max-width: 980px) { .dss-pay-list { position: static; } }
.dss-pay-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 6px; border: 1px solid transparent; border-radius: 14px; transition: background .15s, border-color .15s; }
.dss-pay-row + .dss-pay-row { margin-top: 2px; }
.dss-pay-row:hover { background: var(--ds-alt); }
.dss-pay-row.on { background: var(--ds-surface); border-color: var(--ds-ink); box-shadow: 0 6px 18px -12px rgba(0,0,0,.35); }
.dss-pay-row.off .dss-pay-nm b, .dss-pay-row.off .dss-pay-logo { opacity: .5; }
.dss-pay-pick { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 4px; border: 0; background: transparent; cursor: pointer; text-align: start; }
.dss-pay-nm { display: flex; flex-direction: column; min-width: 0; }
.dss-pay-nm b { font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dss-pay-nm small { color: var(--ds-mute); font-size: 12px; }
.dss-pay-ord { display: inline-flex; gap: 2px; }
.dss-pay-ord .ds-btn { width: 30px; height: 30px; padding: 0; border-color: transparent; background: transparent; }
.dss-pay-ord .ds-btn:hover:not(:disabled) { background: var(--ds-alt); border-color: transparent; }
.dss-pay-logo { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; overflow: hidden; flex: none; font-weight: 600; font-size: 16px; }
.dss-pay-logo.lg { width: 52px; height: 52px; border-radius: 14px; font-size: 20px; }
.dss-pay-logo img { width: 100%; height: 100%; object-fit: contain; }
.dss-pay-logo-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.dss-pay-file { cursor: pointer; }
.dss-pay-ed { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.dss-pay-prev { padding: 16px 20px 20px; }
.dss-pay-prev-h { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ds-mute); margin-bottom: 12px; }
.dss-pay-phone { max-width: 380px; border: 1px solid var(--ds-line); border-radius: 20px; padding: 16px 18px; background: var(--ds-surface2); }
.dss-pay-ph-top { display: flex; align-items: center; gap: 12px; }
.dss-pay-ph-top b { display: block; font-weight: 500; font-size: 14.5px; }
.dss-pay-ph-top small { color: var(--ds-mute); font-size: 12px; }
.dss-pay-ph-num { margin: 12px 0 8px; padding: 10px 14px; border-radius: 12px; background: var(--ds-surface); border: 1px dashed var(--ds-line2); font-size: 20px; font-weight: 500; text-align: center; letter-spacing: .06em; }
.dss-pay-phone ol { margin: 8px 0 0; padding-inline-start: 20px; font-size: 13px; line-height: 1.9; }
.dss-pay-bar { position: sticky; bottom: 12px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 4px; padding: 12px 16px; border: 1px solid var(--ds-line); border-radius: 18px; background: color-mix(in srgb, var(--ds-surface) 92%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 -8px 24px -18px rgba(0,0,0,.35); font-size: 13px; color: var(--ds-mute); }
.dss-pay-bar > span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.dss-pay-bar.dirty { border-color: var(--ds-gold); background: color-mix(in srgb, var(--ds-gold-soft) 92%, transparent); color: var(--ds-text); }
.dss-pay-bar.dirty svg { color: var(--ds-gold-deep); }
.dss-pay-bar-b { display: inline-flex; gap: 8px; }
.dss-pay-hist { margin-top: 16px; }
.dss-pay-hist > summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 14px 20px; cursor: pointer; font-weight: 500; font-size: 14px; }
.dss-pay-hist > summary::-webkit-details-marker { display: none; }
.dss-pay-hist > summary small { color: var(--ds-mute); font-weight: 400; }
.dss-pay-hist .dss-table { border: 0; border-top: 1px solid var(--ds-line); border-radius: 0; }


.dss-subhead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 2px 0 16px; }
.dss-subhead-t h2 { margin: 0; font-size: 20px; font-weight: 500; }
.dss-subhead-t p { margin: 4px 0 0; color: var(--ds-mute); font-size: 13px; max-width: 62ch; line-height: 1.6; }
.dss-subhead .ds-kpi b { font-size: 20px; }
.dss-embed + .dss-embed { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--ds-line); }


.hm { display: flex; flex-direction: column; gap: 18px; }
.hm .sens { unicode-bidi: plaintext; }
.hm-head { margin-bottom: 4px; }
.hm-head .ds-h1 { font-size: 30px; }
.hm-quick { display: flex; gap: 10px; flex-wrap: wrap; }
.hm-quick .ds-btn { height: 46px; }


.hm-alert { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px 18px; border: 1px solid color-mix(in srgb, var(--ds-gold) 45%, var(--ds-line)); background: var(--ds-gold-soft); border-radius: var(--ds-r-lg); }
.hm-alert-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--ds-surface); color: var(--ds-gold-deep); }
.hm-alert-t b { display: block; font-weight: 500; font-size: 14.5px; }
.hm-alert-t small { display: block; color: var(--ds-mute); font-size: 12.5px; line-height: 1.6; }
.hm-alert-act { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.hm-alert-more { grid-column: 1 / -1; font-size: 12.5px; color: var(--ds-mute); }
.hm-alert-more summary { cursor: pointer; width: max-content; }
.hm-alert-more .hm-alert-act { margin-top: 8px; }
.hm-alert-act .ds-in { height: 38px; width: 200px; border-radius: 11px; font-size: 13px; }

.hm-steps { grid-column: 1 / -1; margin: 2px 0 0; padding: 12px 14px; list-style: none; counter-reset: hmst; display: grid; gap: 10px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 12px; font-size: 13.5px; line-height: 1.7; }
.hm-steps li { display: flex; gap: 10px; align-items: flex-start; }
.hm-steps li:not(.hm-steps-n)::before { counter-increment: hmst; content: counter(hmst); flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-ink); color: var(--ds-surface); font-size: 12px; font-weight: 600; }
.hm-steps li.hm-steps-n { color: var(--ds-mute); font-size: 12.5px; padding-inline-start: 32px; }


.hm-kpis { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; }
.hm-kpis.n2 { --n: 2; } .hm-kpis.n3 { --n: 3; }
.hm-k { padding: 18px 22px 16px; display: flex; flex-direction: column; gap: 4px; min-width: 0; border-inline-start: 1px solid var(--ds-line); }
.hm-k:first-child { border-inline-start: 0; }
.hm-k small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.hm-k small svg { color: var(--ds-gold-deep); }
.hm-k b { font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 30px; display: flex; align-items: center; }
.hm-k > span { font-size: 11.5px; color: var(--ds-faint); min-height: 18px; }
.hm .ok { color: var(--ds-ok); } .hm .bad { color: var(--ds-bad); }


.hm-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.hm-col { display: flex; flex-direction: column; gap: 18px; min-width: 0; }


.hm-card { display: block; overflow: hidden; }
.hm-hd { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 18px 20px 6px; }
.hm-hd-ic { width: 38px; height: 38px; border-radius: 11px; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-ink); }
.hm-hd-t b { display: block; font-weight: 500; font-size: 15.5px; line-height: 1.3; }
.hm-hd-t small { display: block; font-size: 12px; color: var(--ds-mute); }
.hm-hd-tools { display: flex; gap: 8px; align-items: center; }
.hm-ibtn { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-mute); display: grid; place-items: center; cursor: pointer; }
.hm-ibtn:hover { color: var(--ds-text); border-color: var(--ds-line2); }
.hm-sel { height: 34px; border: 1px solid var(--ds-line); border-radius: 10px; background: var(--ds-surface) !important; background-image: none !important; color: var(--ds-text); padding: 0 10px; font-size: 12.5px; cursor: pointer; -webkit-appearance: menulist; appearance: auto; min-width: 92px; box-shadow: none !important; }
.hm-bd { padding: 12px 20px 20px; }
.hm-ft { border-top: 1px solid var(--ds-line); padding: 12px 20px; display: flex; justify-content: flex-end; }
.hm-go { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--ds-mute); text-decoration: none; white-space: nowrap; }
.hm-go:hover { color: var(--ds-text); }
.hm-go svg { color: var(--ds-gold-deep); }
.hm-link { color: inherit; text-decoration: none; transition: border-color .16s var(--ds-ease); }
.hm-link:hover { border-color: var(--ds-line2); }
.hm-chev { color: var(--ds-faint); display: grid; }
.hm-dim { color: var(--ds-mute); font-size: 13px; padding: 6px 0; }
.hm-dim.sm { font-size: 12px; color: var(--ds-faint); padding: 8px 0 0; }
.hm-sk { display: inline-block; height: 14px; border-radius: 6px; background: var(--ds-alt); vertical-align: middle; }
.hm-sep { margin: 0 8px; color: var(--ds-faint); }


.hm-big { padding: 4px 0 18px; }
.hm-big-v { font-size: 40px; font-weight: 500; line-height: 1.15; letter-spacing: -.02em; }
.hm-big-z { font-size: 18px; color: var(--ds-mute); padding: 6px 0; }
.hm-big-s { margin-top: 8px; font-size: 12.5px; color: var(--ds-mute); display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.hm .ds-tag.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.hm .ds-tag.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
.hm-brs { display: flex; flex-direction: column; border-top: 1px solid var(--ds-line); }
.hm-br { display: grid; grid-template-columns: minmax(120px, 1.1fr) minmax(60px, 1fr) 40px minmax(96px, auto); gap: 14px; align-items: center; width: 100%; padding: 13px 4px; background: none; border: 0; border-bottom: 1px solid var(--ds-line); cursor: pointer; text-align: start; border-radius: 0; }
.hm-br:hover { background: var(--ds-surface2); }
.hm-br-n { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.hm-br-n i, .hm-bar-n i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; align-self: center; }
.hm-br-n b { font-weight: 500; font-size: 14px; }
.hm-br-n small { font-size: 11.5px; color: var(--ds-faint); white-space: nowrap; }
.hm-br-bar, .hm-bar-b { height: 6px; border-radius: 3px; background: var(--ds-alt); overflow: hidden; }
.hm-br-bar i, .hm-bar-b i { display: block; height: 100%; border-radius: 3px; background: var(--ds-ink); }
.hm-br-p { font-size: 12px; color: var(--ds-mute); text-align: center; }
.hm-br-v { font-size: 14.5px; font-weight: 500; text-align: end; white-space: nowrap; }
.hm-trend { margin-top: 18px; }
.hm-trend-t { display: flex; justify-content: space-between; font-size: 12px; color: var(--ds-mute); margin-bottom: 8px; }
.hm-trend svg { display: block; width: 100%; height: 72px; overflow: visible; }
.hm-trend .a { fill: var(--ds-gold-soft); stroke: none; }
.hm-trend .l { fill: none; stroke: var(--ds-ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.hm-trend .d { fill: var(--ds-gold); stroke: var(--ds-surface); stroke-width: 2; vector-effect: non-scaling-stroke; }
.hm-trend-x { display: flex; justify-content: space-between; margin-top: 6px; font-size: 10.5px; color: var(--ds-faint); direction: ltr; }
.hm-trend-x span:last-child { color: var(--ds-text); }


.hm-liq { padding: 4px 0 6px; }
.hm-liq small { display: block; font-size: 12px; color: var(--ds-mute); }
.hm-liq b { display: block; font-size: 30px; font-weight: 500; line-height: 1.3; letter-spacing: -.015em; }
.hm-grp { margin-top: 14px; }
.hm-grp-t { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ds-mute); padding-bottom: 6px; border-bottom: 1px solid var(--ds-line); }
.hm-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px dashed var(--ds-line); font-size: 13.5px; }
.hm-line:last-child { border-bottom: 0; }
.hm-line-n { display: inline-flex; align-items: center; gap: 8px; color: var(--ds-text); min-width: 0; }
.hm-line-n svg { color: var(--ds-faint); flex: none; }
.hm-line-v { font-weight: 500; white-space: nowrap; }
.hm-line.tot { border-top: 1px solid var(--ds-line); border-bottom: 0; margin-top: 2px; }
.hm-line.tot .hm-line-n { color: var(--ds-mute); font-size: 12.5px; }


.hm-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.hm-mini.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hm-mini.one { grid-template-columns: minmax(0, 1fr); }
.hm-mini > div { background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.hm-mini small { font-size: 11.5px; color: var(--ds-mute); }
.hm-mini small em, .hm-mini > div > em { font-style: normal; color: var(--ds-faint); font-size: 11px; display: block; }
.hm-mini b { font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.hm-bar { display: grid; grid-template-columns: 92px minmax(40px, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0; font-size: 13px; }
.hm-bar-n { display: inline-flex; align-items: center; gap: 7px; min-width: 0; white-space: nowrap; }
.hm-bar.gold .hm-bar-b i { background: var(--ds-gold); }
.hm-bar-v { font-weight: 500; white-space: nowrap; text-align: end; }
.hm-bar-v em { font-style: normal; font-weight: 400; font-size: 11px; color: var(--ds-faint); margin-inline-start: 6px; }

@media (max-width: 1100px) { .hm-two { grid-template-columns: minmax(0, 1fr); gap: 4px; } }
@media (max-width: 980px) {
  .hm-grid { display: flex; flex-direction: column; align-items: stretch; }
  .hm-grid > .hm-col { display: contents; }
  .hm-grid [data-key="sec-sales"] { order: 1; } .hm-grid [data-key="sec-shift"] { order: 2; } .hm-grid [data-key="sec-money"] { order: 3; }
  .hm-grid [data-key="sec-exp"] { order: 4; } .hm-grid [data-key="sec-me"] { order: 5; }
  .hm-kpis, .hm-kpis.n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hm-kpis.n3 .hm-k:last-child { grid-column: 1 / -1; }
  .hm-k { border-top: 1px solid var(--ds-line); }
  .hm-k:nth-child(-n+2) { border-top: 0; }
  .hm-k:nth-child(odd) { border-inline-start: 0; }
}
@media (max-width: 640px) {
  .hm { gap: 14px; }
  .hm-head .ds-h1 { font-size: 24px; }
  .hm-quick { width: 100%; }
  .hm-quick .ds-btn { flex: 1 1 140px; height: 48px; }
  .hm-k { padding: 14px 14px 12px; }
  .hm-k b { font-size: 19px; min-height: 26px; }
  .hm-hd { padding: 16px 16px 4px; }
  .hm-bd { padding: 10px 16px 16px; }
  .hm-ft { padding: 10px 16px; }
  .hm-big-v { font-size: 32px; }
  .hm-br { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 12px 2px; }
  .hm-br-bar { grid-column: 1 / 2; grid-row: 2; }
  .hm-br-p { grid-column: 2; grid-row: 2; text-align: end; }
  .hm-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hm-mini > div:nth-child(3):last-child { grid-column: 1 / -1; }
  .hm-alert { grid-template-columns: 38px minmax(0, 1fr); }
  .hm-alert-act { grid-column: 1 / -1; }
  .hm-alert-act .ds-in { flex: 1 1 160px; width: auto; }
  .hm-bar { grid-template-columns: 78px minmax(30px, 1fr) auto; }
}


.hm-acct-card { cursor: pointer; }
.hm-acct-card:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }
.hm-acct { display: flex; flex-direction: column; border-top: 1px solid var(--ds-line); margin-top: 8px; }
.hm-acct-r { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--ds-line); font-size: 13px; }
.hm-acct-r:last-child { border-bottom: 0; }
.hm-acct-r span { color: var(--ds-mute); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hm-acct-r b { font-weight: 500; direction: ltr; white-space: nowrap; flex: none; }


.hm-rb-prize { font-size: 12px; font-weight: 600; color: var(--ds-gold-deep); background: var(--ds-gold-soft); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
.hm-rb-win { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; margin: 4px 0 10px; border-radius: var(--ds-r); background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.hm-rb-win svg { flex: none; margin-top: 2px; }
.hm-rb-win b { display: block; font-size: 14px; font-weight: 600; color: var(--ds-ink); }
.hm-rb-win small { display: block; font-size: 12px; color: var(--ds-mute); margin-top: 2px; }
.hm-rb-list { margin: 0; padding: 0; list-style: none; }
.hm-rb-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 10px 6px; border-bottom: 1px solid var(--ds-line); font-size: 14px; }
.hm-rb-list li:last-child { border-bottom: 0; }
.hm-rb-list li.me { background: var(--ds-alt); border-radius: var(--ds-r); }
.hm-rb-list li.out { color: var(--ds-mute); }
.hm-rb-rk { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; background: var(--ds-alt); color: var(--ds-mute); }
.hm-rb-list li.lead .hm-rb-rk { background: var(--ds-gold); color: #fff; }
.hm-rb-nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.hm-rb-nm em { font-style: normal; font-size: 11px; font-weight: 500; color: var(--ds-mute); border: 1px solid var(--ds-line); border-radius: 999px; padding: 1px 7px; margin-inline-start: 6px; }
.hm-rb-av { color: var(--ds-gold-deep); white-space: nowrap; }
.hm-rb-av b { font-weight: 600; color: var(--ds-ink); }
.hm-rb-n { font-size: 12px; color: var(--ds-mute); white-space: nowrap; min-width: 58px; text-align: end; }
.hm-rb-hint { margin-top: 10px; font-size: 13px; font-weight: 500; color: var(--ds-ink); }
.hm-rb-rule { margin: 8px 0 0; font-size: 12px; line-height: 1.7; color: var(--ds-mute); }
.hm-rb-rule b { color: var(--ds-ink); font-weight: 600; }

.modal .dv { display: block; }
.dv .dv-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 0 16px; }
.dv .dv-head-t { min-width: 0; }
.dv .dv-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.dv .dv-title { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.35; color: var(--ds-text); font-variant-numeric: tabular-nums; }
.dv .dv-sub { margin-top: 4px; font-size: 12.5px; color: var(--ds-mute); line-height: 1.6; }
.dv .dv-nav { display: inline-flex; align-items: center; gap: 4px; flex: none; }
.dv .dv-nav-b { width: 36px; height: 36px; padding: 0; justify-content: center; }
.dv .dv-nav-b[disabled] { opacity: .35; pointer-events: none; }
.dv .dv-nav-n { font-size: 12px; color: var(--ds-mute); min-width: 38px; text-align: center; }

.dv .dv-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 14px; align-items: start; }
.dv .dv-grid.one { grid-template-columns: minmax(0, 1fr); }
.dv .dv-main, .dv .dv-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
@media (max-width: 760px) { .dv .dv-grid { grid-template-columns: minmax(0, 1fr); } }

.dv .dv-card { border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg, 14px); background: var(--ds-surface); overflow: hidden; }
.dv .dv-card-h { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--ds-line); font-size: 13.5px; }
.dv .dv-card-h > svg { color: var(--ds-gold-deep); flex: none; }
.dv .dv-card-h small { color: var(--ds-mute); font-size: 12px; margin-inline-start: 2px; }
.dv .dv-card-h .dv-tools { margin-inline-start: auto; display: flex; gap: 6px; }
.dv .dv-card-b { padding: 12px 14px; }
.dv .dv-amount { font-size: 26px; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.dv .dv-amount.in { color: var(--ds-ok); } .dv .dv-amount.out { color: var(--ds-bad); }
.dv .dv-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0; border-bottom: 1px dashed var(--ds-line); font-size: 13px; }
.dv .dv-row:last-child { border-bottom: 0; }
.dv .dv-row > span { color: var(--ds-mute); flex: none; }
.dv .dv-row > b { font-weight: 500; text-align: end; min-width: 0; overflow-wrap: anywhere; }
.dv .dv-note { font-size: 13px; line-height: 1.75; color: var(--ds-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.dv .dv-link { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; margin: 0 -2px; border-radius: 10px; color: var(--ds-text); text-decoration: none; font-size: 13px; }
.dv .dv-link:hover { background: var(--ds-surface2); }
.dv .dv-link > span { flex: 1; min-width: 0; }
.dv .dv-link > svg:first-child { color: var(--ds-gold-deep); flex: none; }
.dv .dv-link > svg:last-child { color: var(--ds-faint); flex: none; }


.dv .dv-tl-list { list-style: none; margin: 0; padding: 10px 14px 12px; }
.dv .dv-tl-list li { position: relative; display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; gap: 10px; padding: 8px 0; font-size: 13px; line-height: 1.55; }
.dv .dv-tl-list li::before { content: ""; position: absolute; inset-inline-start: 6px; top: 20px; bottom: -8px; width: 1px; background: var(--ds-line); }
.dv .dv-tl-list li:last-child::before { display: none; }
.dv .dv-tl-dot { width: 13px; height: 13px; margin-top: 3px; border-radius: 50%; background: var(--ds-surface); border: 2px solid var(--ds-line2); display: grid; place-items: center; z-index: 1; }
.dv .dv-tl-dot svg { width: 8px; height: 8px; }
.dv .dv-tl-list li.ok .dv-tl-dot { border-color: var(--ds-ok); }
.dv .dv-tl-list li.bad .dv-tl-dot { border-color: var(--ds-bad); }
.dv .dv-tl-list li.gold .dv-tl-dot { border-color: var(--ds-gold); }
.dv .dv-tl-txt { display: block; color: var(--ds-text); }
.dv .dv-tl-who { display: block; font-size: 11.5px; color: var(--ds-mute); }
.dv .dv-tl-list time { font-size: 11.5px; color: var(--ds-mute); white-space: nowrap; }



.rb-fin .fx-pos { color: var(--ds-ok); }
.rb-fin .fx-neg { color: var(--ds-bad); }
.rb-fin .fx-mut { color: var(--ds-mute); }
.rb-fin .fx-faint { color: var(--ds-faint); }
.rb-fin .fx-gold { color: var(--ds-gold-deep); }
.rb-fin .fx-sp { flex: 1 1 auto; }
.rb-fin .fx-block { margin-bottom: 16px; }
.rb-fin .ds-note.dss-note { margin-bottom: 16px; }
.rb-fin .dss-card-bd > .ds-note.dss-note:last-child { margin-bottom: 0; }
.rb-fin .ds-page .ds-page { padding: 0; }                         
.rb-fin .ds-seg.fx-full { display: flex; width: 100%; }
.rb-fin .ds-seg.fx-full > button { flex: 1 1 0; justify-content: center; }
.rb-fin .ds-seg button .n,
.rb-fin .ds-seg button em { font-style: normal; font-size: 11px; min-width: 20px; height: 18px; padding: 0 6px; border-radius: 9px; background: var(--ds-surface); color: var(--ds-mute); display: inline-grid; place-items: center; border: 1px solid var(--ds-line); }
.rb-fin .ds-seg button.on .n,
.rb-fin .ds-seg button.on em { background: var(--ds-ink); color: var(--ds-bg); border-color: transparent; }
.rb-fin .fx-segrow { margin-bottom: 16px; }


.rb-fin .fx-tools { display: flex; align-items: flex-end; gap: 10px 12px; flex-wrap: wrap; }
.rb-fin .fx-tools > .dss-field { min-width: 170px; flex: 0 1 220px; }
.rb-fin .fx-tools .ds-in.dss-in { height: 42px; }
.rb-fin .fx-tools .ds-btn { height: 42px; }


.rb-fin .fx-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 34px 16px; color: var(--ds-mute); font-size: 13px; text-align: center; }
.rb-fin .fx-spin { width: 16px; height: 16px; flex: none; border: 2px solid var(--ds-line2); border-top-color: var(--ds-ink); border-radius: 50%; animation: dsSpin .7s linear infinite; display: inline-block; }


.rb-fin .fx-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; margin-bottom: 16px; }
.rb-fin .fx-k { padding: 16px 20px 14px; display: flex; flex-direction: column; gap: 3px; min-width: 0; border-inline-start: 1px solid var(--ds-line); margin-inline-start: -1px; border-top: 1px solid var(--ds-line); margin-top: -1px; }
.rb-fin .fx-k > small { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-fin .fx-k > small svg { color: var(--ds-gold-deep); }
.rb-fin .fx-k > b { font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-fin .fx-k > em { font-style: normal; font-size: 11.5px; color: var(--ds-faint); line-height: 1.55; }
.rb-fin .fx-k.ok > b { color: var(--ds-ok); }
.rb-fin .fx-k.bad > b { color: var(--ds-bad); }
.rb-fin .fx-k.gold > b { color: var(--ds-gold-deep); }
.rb-fin .fx-k.warn > b { color: var(--ds-gold-deep); }
.rb-fin .fx-k.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-fin .fx-k.ink > small, .rb-fin .fx-k.ink > em { color: color-mix(in srgb, var(--ds-bg) 72%, transparent); }
.rb-fin .fx-k.ink > small svg { color: var(--ds-gold); }
.rb-fin .fx-k b.sm { font-size: 15px; }


.rb-fin .fx-hero { background: var(--ds-ink); color: var(--ds-bg); border-radius: var(--ds-r-lg); padding: 18px 22px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rb-fin .fx-hero small { font-size: 12px; color: color-mix(in srgb, var(--ds-bg) 70%, transparent); }
.rb-fin .fx-hero b { font-size: 32px; font-weight: 500; line-height: 1.15; letter-spacing: -.02em; }
.rb-fin .fx-hero b.gold { color: var(--ds-gold); }
.rb-fin .fx-hero b i { font-style: normal; font-size: 13px; opacity: .6; }
.rb-fin .fx-hero em { font-style: normal; font-size: 12px; color: color-mix(in srgb, var(--ds-bg) 72%, transparent); }


.rb-fin .dss-table.fx-tw { -webkit-overflow-scrolling: touch; }
.rb-fin .dss-table.fx-tw.fx-max { max-height: 52vh; }
.rb-fin .fx-t { width: 100%; border-collapse: collapse; font-size: 13px; }
.rb-fin .fx-t th, .rb-fin .fx-t td { white-space: nowrap; }
.rb-fin .fx-t td.wrap, .rb-fin .fx-t th.wrap { white-space: normal; min-width: 160px; }
.rb-fin .fx-t :is(th, td).end { text-align: left; }
.rb-fin .fx-t :is(th, td).mid { text-align: center; }
.rb-fin .fx-t td.mut { color: var(--ds-mute); }
.rb-fin .fx-t td.z { color: var(--ds-faint); }
.rb-fin .fx-t td b { font-weight: 500; }
.rb-fin .fx-t tfoot td { font-weight: 500; background: var(--ds-surface2); border-top: 1px solid var(--ds-line2); border-bottom: 0; }
.rb-fin .fx-t tr.click, .rb-fin .fx-t tr[data-pid], .rb-fin .fx-t tr[data-close], .rb-fin .fx-t tr[data-row], .rb-fin .fx-t tr[data-sr] { cursor: pointer; }
.rb-fin .fx-t tr.now td { background: var(--ds-gold-soft); }
.rb-fin .fx-t tr.now td:first-child { box-shadow: inset -3px 0 0 var(--ds-gold); font-weight: 500; }
.rb-fin .fx-t tr.grp td { background: var(--ds-alt); font-weight: 500; font-size: 11.5px; color: var(--ds-mute); }
.rb-fin .fx-t tr.open td { background: var(--ds-surface2); font-weight: 500; }
.rb-fin .fx-t .chev { display: inline-flex; color: var(--ds-faint); vertical-align: -2px; margin-inline-start: 4px; }
.rb-fin .fx-t tbody tr:hover .chev { color: var(--ds-text); }
.rb-fin .fx-t .empty-row td { text-align: center; padding: 22px; color: var(--ds-mute); white-space: normal; }


.rb-fin .fx-av { width: 30px; height: 30px; border-radius: 50%; background: var(--ds-alt); color: var(--ds-text); display: inline-grid; place-items: center; font-size: 12.5px; font-weight: 500; flex: none; }
.rb-fin .fx-av.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-fin .fx-who { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
.rb-fin .fx-who b { font-weight: 500; }
.rb-fin .fx-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-inline-end: 7px; vertical-align: middle; flex: none; }
.rb-fin .fx-chip { display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 7px; border-radius: 10px; background: var(--ds-alt); color: var(--ds-mute); font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; vertical-align: 1px; }
.rb-fin .fx-bar { height: 7px; border-radius: 4px; background: var(--ds-alt); overflow: hidden; }
.rb-fin .fx-bar > span, .rb-fin .fx-bar > i { display: block; height: 100%; border-radius: 4px; background: var(--ds-ink); }
.rb-fin .fx-kv { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--ds-line); font-size: 13px; }
.rb-fin .fx-kv:first-child { border-top: 0; }
.rb-fin .fx-kv > span { color: var(--ds-mute); }
.rb-fin .fx-kv > b { font-weight: 500; }
.rb-fin .fx-kv.total { border-top: 1px solid var(--ds-line2); margin-top: 6px; padding-top: 12px; }
.rb-fin .fx-kv.total > span { color: var(--ds-text); font-weight: 500; }
.rb-fin .fx-sumrow { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--ds-r); background: var(--ds-surface2); border: 1px solid var(--ds-line); font-weight: 500; margin-top: 10px; }
.rb-fin .fx-how { margin: 2px 0 16px; font-size: 12.5px; color: var(--ds-mute); }
.rb-fin .fx-how summary { cursor: pointer; display: inline-flex; gap: 6px; align-items: center; list-style: none; }
.rb-fin .fx-how summary::-webkit-details-marker { display: none; }
.rb-fin .fx-how p { margin: 8px 0 0; line-height: 1.9; background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: 12px; padding: 10px 14px; }
.rb-fin .fx-foot { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; padding: 12px 16px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface2); font-size: 12.5px; color: var(--ds-mute); margin-bottom: 16px; }
.rb-fin .fx-foot b { font-weight: 500; }


.rb-fin .dss-ic.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-fin .dss-ic.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-fin .dss-ic.warn { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-fin .dss-ic.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-fin .dss-card-t small .num { font-size: inherit; }


.rb-fin.fx-modal { display: flex; flex-direction: column; gap: 14px; font-size: 13.5px; }
.rb-fin.fx-modal .fx-kpis, .rb-fin.fx-modal .ds-note.dss-note, .rb-fin.fx-modal .dss-card { margin-bottom: 0; }
.rb-fin.fx-modal h4.fx-h { margin: 0 0 8px; font-size: 13.5px; font-weight: 500; }
.rb-fin .fx-meta { display: flex; gap: 6px 16px; flex-wrap: wrap; font-size: 13px; color: var(--ds-mute); }
.rb-fin .fx-meta b { color: var(--ds-text); font-weight: 500; }

@media (max-width: 640px) {
  .rb-fin .fx-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-fin .fx-k { padding: 12px 14px; }
  .rb-fin .fx-k > b { font-size: 17px; }
  .rb-fin .fx-hero b { font-size: 27px; }
  .rb-fin .fx-tools > .dss-field { flex: 1 1 140px; min-width: 0; }
  .rb-fin .fx-t { font-size: 12.5px; }
  .rb-fin .dss-table .fx-t th, .rb-fin .dss-table .fx-t td { padding: 9px 10px; }
  .rb-fin .dss-head-side { width: 100%; }
}


.rb-fin.fx-stms { max-width: 1180px; margin: 0 auto; }
.rb-fin .fx-stms-tabs { display: flex; justify-content: flex-start; padding: 10px 4px 0; }
@media (max-width: 640px) {
  .rb-fin .fx-stms-tabs { padding: 4px 0 0; }
  .rb-fin .fx-stms-tabs .ds-seg { display: flex; width: 100%; flex-wrap: nowrap; }
  .rb-fin .fx-stms-tabs .ds-seg > button { flex: 1 1 0; justify-content: center; padding: 0 8px; font-size: 12.5px; }
}
@media print { .rb-fin .fx-stms-tabs { display: none !important; } }
.rb-fin .fx-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }


.rb-fin.stm2 .stm-bar > .dss-field { flex: 1 1 160px; }
.rb-fin.stm2 .stm-bar > .dss-field:nth-child(3) { flex: 1.3 1 190px; }
.rb-fin.stm2 .stm-search { flex: 2 1 240px; min-width: 200px; }
.rb-fin.stm2 .stm-search .ds-in { height: 42px; font-size: 13.5px; border-radius: 12px; padding-inline-start: 42px; }
.rb-fin.stm2 .stm-search > svg { inset-inline-start: 14px; }
.rb-fin.stm2 .stm-scope { margin: 12px 0 0; }
.rb-fin.stm2 .stm-accs { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 4px; margin-bottom: 14px; scrollbar-width: none; contain: inline-size; }
.rb-fin.stm2 .stm-accs::-webkit-scrollbar { display: none; }
.rb-fin.stm2 .stm-acc { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 132px; padding: 10px 14px; border-radius: var(--ds-r); border: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-text); cursor: pointer; text-align: start; transition: border-color .15s, box-shadow .15s; }
.rb-fin.stm2 .stm-acc:hover { border-color: var(--ds-line2); }
.rb-fin.stm2 .stm-acc.on { border-color: var(--ds-ink); box-shadow: 0 6px 18px -12px rgba(0,0,0,.35); }
.rb-fin.stm2 .stm-acc .t { font-size: 13px; font-weight: 500; white-space: nowrap; }
.rb-fin.stm2 .stm-acc .m { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ds-mute); }
.rb-fin.stm2 .stm-acc .m i { font-style: normal; background: var(--ds-alt); border-radius: 9px; padding: 0 7px; min-width: 22px; text-align: center; }
.rb-fin.stm2 .stm-acc.on .m i { background: var(--ds-ink); color: var(--ds-bg); }
.rb-fin.stm2 .stm-acc .m b { font-weight: 500; }
.rb-fin.stm2 .stm-acc .neg { color: var(--ds-bad); } .rb-fin.stm2 .stm-acc .pos { color: var(--ds-ok); }
.rb-fin.stm2 .stm-grp-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 20px; }
.rb-fin.stm2 .stm-grp-h > b { font-size: 15px; font-weight: 500; }
.rb-fin.stm2 .stm-grp-s { margin-inline-start: auto; display: flex; gap: 14px; font-size: 12.5px; }
.rb-fin.stm2 .stm-grp .dss-table { border: 0; border-top: 1px solid var(--ds-line); border-radius: 0; }
.rb-fin.stm2 .stm-who { flex-wrap: wrap; }
.rb-fin.stm2 .stm-id { font-size: 11.5px; color: var(--ds-faint); }
.rb-fin.stm2 .stm-tags { font-size: 12px; }
.rb-fin.stm2 .fx-t tbody tr[data-pid]:hover td { background: var(--ds-surface2); }
.rb-fin .stm-acc-note { margin-bottom: 4px; }
.rb-fin .stm-led-h { text-align: center; padding: 2px 0 6px; display: flex; flex-direction: column; align-items: center; gap: 3px; }
.rb-fin .stm-led-h b { font-size: 30px; font-weight: 500; letter-spacing: -.02em; }
.rb-fin .stm-led-h b i { font-style: normal; font-size: 13px; opacity: .6; }
.rb-fin .stm-led-h span { font-size: 12.5px; }
.rb-fin .stm-led-h small { font-size: 12px; color: var(--ds-mute); }
.rb-fin.stm2 .stm-prt { display: none; }
.rb-fin.stm2 .stm-prt-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; border-bottom: 2px solid #000; padding-bottom: 8px; margin-bottom: 12px; }
.rb-fin.stm2 .stm-prt-t { font-size: 17px; font-weight: 700; }
.rb-fin.stm2 .stm-prt-s { font-size: 12px; margin-top: 3px; }
.rb-fin.stm2 .stm-prt-b { text-align: end; font-size: 12px; line-height: 1.7; }
.rb-fin.stm2 .stm-prt-k { display: flex; gap: 22px; font-size: 12px; font-weight: 500; margin-bottom: 12px; }
@media (max-width: 640px) {
  .rb-fin.stm2 .stm-bar > .dss-field, .rb-fin.stm2 .stm-search { flex: 1 1 100%; min-width: 0; }
  .rb-fin.stm2 .stm-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rb-fin.stm2 .stm-tiles .fx-k { padding: 10px; }
  .rb-fin.stm2 .stm-tiles .fx-k > em { display: none; }
  .rb-fin.stm2 .stm-tile-v { font-size: 16px !important; }
  .rb-fin.stm2 .stm-grp-h { padding: 12px 14px; }
  .rb-fin.stm2 .stm-grp-s { margin-inline-start: 0; flex-basis: 100%; }
  .rb-fin.stm2 .ds-head .fx-acts { width: 100%; }
  .rb-fin.stm2 .ds-head .fx-acts .ds-btn { flex: 1 1 0; padding: 0 8px; }
}
@media print {
  @page { size: A4; margin: 12mm; }
  .rb-fin.stm2 .stm-filters, .rb-fin.stm2 .ds-head, .rb-fin.stm2 .stm-foot, .rb-fin.stm2 #stm-tiles, .rb-fin.stm2 #stm-foot, .rb-fin.stm2 #stm-accs { display: none !important; }
  .rb-fin.stm2 .stm-prt { display: block !important; margin-bottom: 10px; }
  .rb-fin.stm2 .stm-id { display: none; }
  .rb-fin.stm2 .stm-grp { break-inside: auto; margin-bottom: 9px !important; border-radius: 6px; }
  .rb-fin.stm2 .stm-grp-h { break-after: avoid; page-break-after: avoid; background: #f2f2f2 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rb-fin.stm2 .fx-t thead th { background: #f7f7f7 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; font-size: 12px; }
  .rb-fin.stm2 .fx-t td { font-size: 12px; padding: 4px 7px; }
  .rb-fin.stm2 tr { break-inside: avoid; page-break-inside: avoid; }
  .rb-fin.stm2 .dss-table { overflow: visible !important; }
}


.rb-fin.cst2 .pos { color: var(--ds-ok); } .rb-fin.cst2 .neg { color: var(--ds-bad); } .rb-fin.cst2 .mut { color: var(--ds-mute); }
.rb-fin.cst2 .cst-q .ds-in { padding-inline-end: 130px; }
.rb-fin.cst2 .cst-q .cst-scope { position: absolute; top: 50%; transform: translateY(-50%); inset-inline-end: 12px; }
.rb-fin.cst2 .cst-res { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; max-height: 340px; overflow-y: auto; border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 4px; }
.rb-fin.cst2 .cst-res-it { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; text-align: start; background: transparent; border: 0; border-radius: 11px; padding: 7px 10px; cursor: pointer; color: var(--ds-text); }
.rb-fin.cst2 .cst-res-it:hover { background: var(--ds-alt); }
.rb-fin.cst2 .cst-res-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rb-fin.cst2 .cst-res-t b { font-weight: 500; font-size: 13.5px; }
.rb-fin.cst2 .cst-res-t small { font-size: 12px; color: var(--ds-mute); text-align: start; }
.rb-fin.cst2 .cst-id { color: var(--ds-faint); font-size: 12px; }
.rb-fin.cst2 .cst-res-note { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ds-mute); margin-top: 12px; }
.rb-fin.cst2 .cst-res-more { font-size: 12px; color: var(--ds-gold-deep); background: var(--ds-gold-soft); border-radius: 10px; padding: 8px 12px; margin: 4px; }
.rb-fin.cst2 .cst-picked { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 13.5px; flex-wrap: wrap; }
.rb-fin.cst2 .cst-picked b { font-weight: 500; }
.rb-fin.cst2 .cst-hint .dss-empty { padding: 40px 16px; }
.rb-fin.cst2 .cst-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr); gap: 12px; margin-bottom: 16px; align-items: stretch; }
.rb-fin.cst2 .cst-hero .fx-kpis { margin-bottom: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-fin.cst2 .cst-big { justify-content: space-between; gap: 14px; }
.rb-fin.cst2 .cst-big.debt { box-shadow: inset 0 -4px 0 var(--ds-bad); }
.rb-fin.cst2 .cst-big.credit { box-shadow: inset 0 -4px 0 var(--ds-ok); }
.rb-fin.cst2 .cst-who { display: flex; align-items: center; gap: 10px; }
.rb-fin.cst2 .cst-who b { display: block; font-weight: 500; font-size: 15px; letter-spacing: 0; line-height: 1.4; }
.rb-fin.cst2 .cst-who small { display: block; font-size: 12px; }
.rb-fin.cst2 .cst-av { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--ds-bg) 16%, transparent); font-weight: 500; flex: none; }
.rb-fin.cst2 .cst-bal small { display: block; }
.rb-fin.cst2 .cst-bal b { display: block; }
.rb-fin.cst2 .cst-bal em { display: inline-block; margin-top: 6px; padding: 2px 10px; border-radius: 99px; background: color-mix(in srgb, var(--ds-bg) 16%, transparent); }
.rb-fin.cst2 .cst-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.rb-fin.cst2 .cst-lq { flex: 1 1 220px; }
.rb-fin.cst2 .cst-lq .ds-in { height: 46px; font-size: 13.5px; padding-inline-start: 40px; }
.rb-fin.cst2 .cst-lq > svg { inset-inline-start: 14px; }
.rb-fin.cst2 .cst-led-card .dss-table { border: 0; border-radius: 0; }
.rb-fin.cst2 .cst-led-card .dss-empty { padding: 34px 16px; }
.rb-fin.cst2 .cst-t td { vertical-align: top; }
.rb-fin.cst2 .cst-t th { position: sticky; top: 0; z-index: 1; }
.rb-fin.cst2 .cst-t td.dt { color: var(--ds-mute); font-size: 12px; }
.rb-fin.cst2 .cst-t td.ds { min-width: 200px; }
.rb-fin.cst2 .cst-t td.ds small { display: block; font-size: 11px; color: var(--ds-faint); margin-top: 2px; }
.rb-fin.cst2 .cst-t td.run small { display: block; font-size: 10.5px; color: var(--ds-mute); }
.rb-fin.cst2 .cst-acc { display: inline-flex; align-items: center; margin-inline-start: 6px; height: 20px; font-size: 11px; padding: 0 8px; border-radius: 10px; background: var(--ds-gold-soft); color: var(--ds-gold-deep); vertical-align: 1px; }
.rb-fin.cst2 .cst-t tr.cst-m td { background: var(--ds-alt); padding: 8px 14px; font-size: 12.5px; }
.rb-fin.cst2 .cst-t tr.cst-m td b { font-weight: 500; }
.rb-fin.cst2 .cst-t tr.cst-m td span { float: inline-end; font-size: 12px; color: var(--ds-mute); }
.rb-fin.cst2 .cst-t tr.cst-open td { background: var(--ds-surface2); font-weight: 500; }
.rb-fin.cst2 .cst-t tbody tr.cst-m:hover td { background: var(--ds-alt); }
.rb-fin.cst-pdf .cst-opts { display: grid; gap: 8px; }
.rb-fin.cst-pdf .cst-opt { display: flex; align-items: center; gap: 10px; border: 1px solid var(--ds-line); border-radius: 12px; padding: 12px 14px; cursor: pointer; min-height: 48px; }
.rb-fin.cst-pdf .cst-opt:has(input:checked) { border-color: var(--ds-ink); }
.rb-fin.cst-pdf .cst-opt input { accent-color: var(--ds-ink); width: 18px; height: 18px; margin: 0; }
.rb-fin.cst-pdf .cst-opt b { font-weight: 500; font-size: 13.5px; }
.rb-fin.cst-pdf .cst-opt small { font-size: 12px; color: var(--ds-mute); margin-inline-start: auto; }
.rb-fin.cst-pdf .cst-dates { display: none; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 4px; }
@media (max-width: 900px) { .rb-fin.cst2 .cst-hero { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  .rb-fin.cst2 .cst-hero .fx-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rb-fin.cst2 .cst-hero .fx-k { padding: 10px; }
  .rb-fin.cst2 .cst-hero .fx-k > b { font-size: 15px; }
  .rb-fin.cst2 .cst-hero .fx-k > em { display: none; }
  .rb-fin.cst2 .cst-tools .ds-seg { width: 100%; display: flex; flex-wrap: nowrap; }
  .rb-fin.cst2 .cst-tools .ds-seg > button { flex: 1 1 0; justify-content: center; padding: 0 6px; font-size: 12px; }
  .rb-fin.cst2 .cst-t td.ds { min-width: 140px; }
  .rb-fin.cst2 .ds-head .fx-acts { width: 100%; }
  .rb-fin.cst2 .ds-head .fx-acts .ds-btn { flex: 1 1 auto; padding: 0 10px; }
  .rb-fin.cst2 .cst-q .ds-in { padding-inline-end: 14px; }
  .rb-fin.cst2 .cst-q .cst-scope { position: static; transform: none; margin-top: 8px; }
}
@media print {
  .rb-fin.cst2 .cst-find, .rb-fin.cst2 .ds-head .fx-acts, .rb-fin.cst2 .cst-tools, .rb-fin.cst2 .cst-hint { display: none !important; }
  .rb-fin.cst2 .cst-big { background: #fff !important; color: #000 !important; border: 2px solid #000; }
  .rb-fin.cst2 .dss-table { overflow: visible !important; }
  .rb-fin.cst2 .cst-t tr { break-inside: avoid; }
}


.rb-fin.fx-ms { min-height: 100vh; background: var(--ds-bg); color: var(--ds-text); }
.rb-fin.fx-ms .pos { color: var(--ds-ok); } .rb-fin.fx-ms .neg { color: var(--ds-bad); } .rb-fin.fx-ms .mut { color: var(--ds-mute); }
.rb-fin.fx-ms .ms-topbar { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px; min-height: 60px; background: color-mix(in srgb, var(--ds-surface) 90%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--ds-line); }
.rb-fin.fx-ms .ms-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rb-fin.fx-ms .ms-brand > div { min-width: 0; }
.rb-fin.fx-ms .ms-mark { width: 36px; height: 36px; border-radius: 11px; background: #fff; border: 1px solid var(--ds-line); display: grid; place-items: center; overflow: hidden; padding: 3px; flex: none; }
.rb-fin.fx-ms .ms-mark img { width: 100%; height: 100%; object-fit: contain; }
.rb-fin.fx-ms .ms-brand b { display: block; font-size: 14.5px; font-weight: 500; }
.rb-fin.fx-ms .ms-brand small { display: block; font-size: 12px; color: var(--ds-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-fin.fx-ms .ms-acts { display: flex; gap: 6px; flex: none; }
.rb-fin.fx-ms .ms-acts .ds-btn { height: 40px; padding: 0 12px; }
.rb-fin.fx-ms .ms-content { max-width: 760px; margin: 0 auto; padding: 20px 16px 48px; display: flex; flex-direction: column; gap: 14px; }
.rb-fin.fx-ms .ms-content > .ds-note, .rb-fin.fx-ms .ms-content > .fx-kpis { margin-bottom: 0; }
.rb-fin.fx-ms .ms-wait { text-align: center; padding: 40px 22px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.rb-fin.fx-ms .ms-wait-ic { width: 60px; height: 60px; border-radius: 50%; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-mute); margin-bottom: 6px; }
.rb-fin.fx-ms .ms-wait b { font-size: 15px; font-weight: 500; }
.rb-fin.fx-ms .ms-wait p { margin: 0; font-size: 13px; color: var(--ds-mute); line-height: 1.8; }
.rb-fin.fx-ms .ms-wait strong { color: var(--ds-text); font-weight: 500; }
.rb-fin.fx-ms .ms-hero { text-align: center; padding: 26px 18px 22px; border-radius: var(--ds-r-lg); background: var(--ds-ink); color: var(--ds-bg); display: flex; flex-direction: column; align-items: center; gap: 6px; }
.rb-fin.fx-ms .ms-hero.debt { box-shadow: inset 0 -4px 0 var(--ds-bad); }
.rb-fin.fx-ms .ms-hero.credit { box-shadow: inset 0 -4px 0 var(--ds-ok); }
.rb-fin.fx-ms .ms-hero > small { font-size: 12.5px; color: color-mix(in srgb, var(--ds-bg) 70%, transparent); }
.rb-fin.fx-ms .ms-hero > b { font-size: 40px; font-weight: 500; letter-spacing: -.02em; line-height: 1.2; }
.rb-fin.fx-ms .ms-hero > b i { font-style: normal; font-size: 15px; opacity: .6; }
.rb-fin.fx-ms .ms-status { font-size: 12.5px; padding: 4px 14px; border-radius: 99px; background: color-mix(in srgb, var(--ds-bg) 15%, transparent); }
.rb-fin.fx-ms .ms-hero > em { font-style: normal; font-size: 12px; color: color-mix(in srgb, var(--ds-bg) 65%, transparent); margin-top: 6px; }
.rb-fin.fx-ms .ms-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-fin.fx-ms .ms-kpis .fx-k { text-align: center; align-items: center; }
.rb-fin.fx-ms .ms-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.rb-fin.fx-ms .ms-btns .ds-btn { flex: 1 1 130px; }
.rb-fin.fx-ms .ms-h { margin: 6px 0 0; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.rb-fin.fx-ms .ms-h > span { width: 30px; height: 30px; border-radius: 10px; background: var(--ds-alt); display: inline-grid; place-items: center; }
.rb-fin.fx-ms .ms-rl { display: block; font-size: 11px; color: var(--ds-faint); font-weight: 400; }
.rb-fin.fx-ms .ms-cards { display: none; flex-direction: column; gap: 8px; }
.rb-fin.fx-ms .ms-card { padding: 12px 14px; border-radius: var(--ds-r); }
.rb-fin.fx-ms .ms-card-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--ds-line); font-size: 12px; color: var(--ds-mute); }
.rb-fin.fx-ms .ms-card-h b { font-size: 14px; font-weight: 500; text-align: left; }
.rb-fin.fx-ms .ms-card p { margin: 8px 0; font-size: 13.5px; line-height: 1.6; }
.rb-fin.fx-ms .ms-card-n { display: flex; gap: 8px; }
.rb-fin.fx-ms .ms-card-n > div { flex: 1; padding: 6px; border-radius: 10px; background: var(--ds-alt); text-align: center; }
.rb-fin.fx-ms .ms-card-n small { display: block; font-size: 11px; color: var(--ds-mute); }
.rb-fin.fx-ms .ms-card-n b { font-weight: 500; }
.rb-fin.fx-ms .ms-foot { text-align: center; font-size: 12px; color: var(--ds-faint); margin: 6px 0 0; display: flex; align-items: center; justify-content: center; gap: 6px; }
@media (max-width: 700px) { .rb-fin.fx-ms .ms-table-wrap { display: none; } .rb-fin.fx-ms .ms-cards { display: flex; } }
@media (max-width: 420px) { .rb-fin.fx-ms .ms-acts .ds-btn { padding: 0 10px; font-size: 12.5px; } .rb-fin.fx-ms .ms-hero > b { font-size: 34px; } .rb-fin.fx-ms .ms-kpis .fx-k > b { font-size: 16px; } }
@media print { .rb-fin.fx-ms .ms-acts, .rb-fin.fx-ms .ms-btns { display: none; } }


.rb-fin.pt2 .pos { color: var(--ds-ok); } .rb-fin.pt2 .neg { color: var(--ds-bad); }
.rb-fin .pt-blocked { max-width: 620px; margin: 40px auto; }
.rb-fin.pt2 .pt-who { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.rb-fin.pt2 .pt-who button { flex: 1 1 150px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; min-height: 56px; border-radius: var(--ds-r); border: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-text); cursor: pointer; text-align: start; transition: border-color .15s, box-shadow .15s; }
.rb-fin.pt2 .pt-who button:hover { border-color: var(--ds-line2); }
.rb-fin.pt2 .pt-who button.on { border-color: var(--ds-ink); box-shadow: 0 6px 18px -12px rgba(0,0,0,.35); }
.rb-fin.pt2 .pt-who .av { width: 36px; height: 36px; border-radius: 50%; background: var(--ds-alt); display: grid; place-items: center; font-weight: 500; flex: none; }
.rb-fin.pt2 .pt-who button.on .av { background: var(--ds-ink); color: var(--ds-bg); }
.rb-fin.pt2 .pt-who b { display: block; font-weight: 500; font-size: 14px; }
.rb-fin.pt2 .pt-who small { display: block; color: var(--ds-mute); font-size: 12px; }
.rb-fin.pt2 .pt-bar { margin-bottom: 14px; align-items: flex-end; }
.rb-fin.pt2 .pt-month { flex: 0 1 200px; }
.rb-fin.pt2 .pt-acc { font-size: 12.5px; color: var(--ds-mute); padding-bottom: 11px; }
.rb-fin.pt2 .pt-acc b { color: var(--ds-text); font-weight: 500; }
.rb-fin.pt2 .pt-ibtn { width: 42px; padding: 0; }
.rb-fin.pt2 .pt-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); gap: 12px; margin-bottom: 16px; }
.rb-fin.pt2 .pt-hero .fx-kpis { margin-bottom: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-fin.pt2 .pt-big { justify-content: center; }
.rb-fin.pt2 .pt-big b { font-size: 34px; }
.rb-fin.pt2 .pt-kpis .fx-k > b { direction: ltr; text-align: end; }

.rb-fin.pt2 .pt-cap { padding: 16px 20px; }
.rb-fin.pt2 .pt-cap-h { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.rb-fin.pt2 .pt-cap-n { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; font-size: 13px; flex-wrap: wrap; }
.rb-fin.pt2 .pt-cap-n b { font-weight: 500; }
.rb-fin.pt2 .pt-cap-n .neg, .rb-fin.pt2 .pt-cap-n .pos { font-weight: 500; }
.rb-fin.pt2 .pt-cap-bar { height: 8px; border-radius: 4px; background: var(--ds-alt); overflow: hidden; margin-top: 8px; }
.rb-fin.pt2 .pt-cap-bar i { display: block; height: 100%; background: var(--ds-ok); border-radius: 4px; }
.rb-fin.pt2 .pt-cap.warn .pt-cap-bar i { background: var(--ds-gold); }
.rb-fin.pt2 .pt-cap.over { border-color: color-mix(in srgb, var(--ds-bad) 35%, var(--ds-line)); }
.rb-fin.pt2 .pt-cap.over .pt-cap-bar i { background: var(--ds-bad); }

.rb-fin.pt2 .pt-sum .dss-table { border: 0; border-radius: 0; }
.rb-fin.pt2 .pt-t tr.pt-open td { background: var(--ds-surface2); }

.rb-fin.pt2 .pt-bks { display: flex; flex-direction: column; }
.rb-fin.pt2 .pt-bkr { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding: 12px 2px; border-bottom: 1px solid var(--ds-line); }
.rb-fin.pt2 .pt-bkr:last-child { border-bottom: 0; }
.rb-fin.pt2 .pt-bkr .ic { width: 34px; height: 34px; border-radius: 10px; background: var(--ds-alt); display: grid; place-items: center; grid-row: span 2; }
.rb-fin.pt2 .pt-bkr .nm { font-weight: 500; font-size: 13.5px; min-width: 0; }
.rb-fin.pt2 .pt-bkr .am { font-weight: 500; text-align: left; }
.rb-fin.pt2 .pt-bkr .bar { height: 6px; border-radius: 3px; background: var(--ds-alt); overflow: hidden; }
.rb-fin.pt2 .pt-bkr .bar i { display: block; height: 100%; background: var(--ds-gold); border-radius: inherit; }
.rb-fin.pt2 .pt-bkr .tot { font-size: 11.5px; color: var(--ds-mute); text-align: left; white-space: nowrap; }
.rb-fin.pt2 .pt-bkr.off .ic { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-fin.pt2 .pt-bkr.off .bar i { background: var(--ds-bad); }

.rb-fin.pt2 .pt-sech h2 { display: flex; align-items: center; gap: 8px; font-size: 18px; }
.rb-fin.pt2 .pt-grp { border: 1px solid var(--ds-line); border-radius: var(--ds-r); margin-bottom: 8px; overflow: hidden; background: var(--ds-surface); }
.rb-fin.pt2 .pt-grp[open] { border-color: var(--ds-line2); }
.rb-fin.pt2 .pt-grp > summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 12px 16px; min-height: 48px; cursor: pointer; }
.rb-fin.pt2 .pt-grp > summary::-webkit-details-marker { display: none; }
.rb-fin.pt2 .pt-grp > summary:hover { background: var(--ds-surface2); }
.rb-fin.pt2 .pt-grp > summary .nm { flex: 1; min-width: 0; font-weight: 500; }
.rb-fin.pt2 .pt-grp > summary .am { font-weight: 500; }
.rb-fin.pt2 .pt-grp > summary .chev { color: var(--ds-mute); transition: transform .2s var(--ds-ease); display: inline-flex; }
.rb-fin.pt2 .pt-grp[open] > summary .chev { transform: rotate(-90deg); }
.rb-fin.pt2 .pt-grp.off { border-color: color-mix(in srgb, var(--ds-gold) 50%, var(--ds-line)); }
.rb-fin.pt2 .pt-ln { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--ds-line); font-size: 13px; }
.rb-fin.pt2 .pt-ln .d { color: var(--ds-mute); font-size: 12px; white-space: nowrap; }
.rb-fin.pt2 .pt-ln .t { min-width: 0; }
.rb-fin.pt2 .pt-ln .t small { display: inline-block; font-size: 11px; color: var(--ds-mute); background: var(--ds-alt); border-radius: 6px; padding: 0 6px; margin-inline-start: 6px; direction: ltr; }
.rb-fin.pt2 .pt-ln .a { font-weight: 500; white-space: nowrap; }
.rb-fin.pt2 .pt-sumrow { margin: 4px 0 16px; }

.rb-fin.pt2 .pt-pos { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 12px 2px; border-bottom: 1px solid var(--ds-line); }
.rb-fin.pt2 .pt-pos .h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.rb-fin.pt2 .pt-pos .h b { font-weight: 500; }
.rb-fin.pt2 .pt-pos .h small { font-size: 11px; color: var(--ds-mute); background: var(--ds-alt); border-radius: 6px; padding: 0 6px; direction: ltr; }
.rb-fin.pt2 .pt-pos .s { grid-column: 1 / -1; font-size: 12px; color: var(--ds-mute); line-height: 1.7; }
.rb-fin.pt2 .pt-pos .r { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
.rb-fin.pt2 .pt-pos .r b { font-weight: 500; }
.rb-fin.pt2 .pt-pos select.ds-in { height: 40px; font-size: 12.5px; width: auto; max-width: 170px; }

.rb-fin.pt-bkf #bk-list { display: flex; flex-direction: column; gap: 8px; }
.rb-fin.pt-bkf .pt-row { display: flex; gap: 8px; align-items: center; }
.rb-fin.pt-bkf .pt-row .ds-in { flex: 1; min-width: 0; }
.rb-fin.pt-bkf .pt-bkadd { align-self: flex-start; }
@media (max-width: 900px) {
  .rb-fin.pt2 .pt-hero { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .rb-fin.pt2 .pt-hero .fx-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-fin.pt2 .pt-hero .fx-k:last-child { grid-column: 1 / -1; }
  .rb-fin.pt2 .pt-month { flex: 1 1 100%; }
  .rb-fin.pt2 .pt-acc { padding-bottom: 0; flex: 1 1 100%; }
  .rb-fin.pt2 .pt-bar .fx-sp { display: none; }
  .rb-fin.pt2 .pt-cap-h { grid-template-columns: auto minmax(0, 1fr); }
  .rb-fin.pt2 .pt-cap-h .ds-btn { grid-column: 1 / -1; justify-self: start; }
  .rb-fin.pt2 .pt-tabs .ds-seg { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .rb-fin.pt2 .pt-tabs .ds-seg > button { flex: 0 0 auto; padding: 0 12px; font-size: 12.5px; }
  .rb-fin.pt2 .pt-ln { grid-template-columns: minmax(0, 1fr) auto; }
  .rb-fin.pt2 .pt-ln .d { grid-column: 1 / -1; order: 3; }
  .rb-fin.pt2 .pt-pos { grid-template-columns: minmax(0, 1fr); }
  .rb-fin.pt2 .pt-pos .r { justify-content: space-between; }
}


.rb-fin.lq2 .lq-range > .dss-field { flex: 0 1 180px; }
.rb-fin.lq2 .lq-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rb-fin.lq2 .lq-pad { padding: 4px 22px 0; }
.rb-fin.lq2 .lq-pad .ds-note { margin: 8px 0 12px; }
.rb-fin.lq2 .lq-close .dss-table { border: 0; border-top: 1px solid var(--ds-line); border-radius: 0; }
.rb-fin.lq2 .lq-board td { vertical-align: middle; }
.rb-fin.lq2 .lq-board td.lq-cell { cursor: pointer; }
.rb-fin.lq2 .lq-board td.lq-cell b { display: block; font-size: 15px; font-weight: 500; text-align: right; }
.rb-fin.lq2 .lq-board td.lq-cell small { display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--ds-mute); margin-top: 2px; }
.rb-fin.lq2 .lq-board td.lq-cell small svg { color: var(--ds-ok); }
.rb-fin.lq2 .lq-board td.lq-cell.miss { cursor: default; }
.rb-fin.lq2 .lq-board tbody tr:hover td.lq-cell:not(.miss) { background: var(--ds-surface2); }
.rb-fin.lq2 .lq-tail { display: block; font-size: 11px; color: var(--ds-faint); margin-top: 4px; padding-inline-start: 39px; }
.rb-fin.lq2 .lq-sub { border-top: 1px solid var(--ds-line); padding: 14px 22px 18px; background: var(--ds-surface2); }
.rb-fin.lq2 .lq-sub .dss-table { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 14px; }
.rb-fin.lq2 .lq-subh { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--ds-mute); margin-bottom: 10px; }
.rb-fin.lq2 .lq-banks { margin: 16px -22px -20px; border-radius: 0 0 var(--ds-r-lg) var(--ds-r-lg); }
.rb-fin.lq2 .lq-outseg { margin-bottom: 14px; }
.rb-fin.lq2 .lq-after .ds-note { margin: 12px 0 0; }
.rb-fin.lq2 .lq-tot { font-size: 12.5px; color: var(--ds-mute); white-space: nowrap; }
.rb-fin.lq2 .lq-tot b { color: var(--ds-text); font-weight: 500; }

.rb-fin.lq2 .lq-src { display: flex; flex-direction: column; gap: 8px; }
.rb-fin.lq2 .lq-srow { border: 1px solid var(--ds-line); border-radius: var(--ds-r); overflow: hidden; background: var(--ds-surface); }
.rb-fin.lq2 .lq-srow.on { border-color: var(--ds-ink); }
.rb-fin.lq2 .lq-shead { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; text-align: start; color: var(--ds-text); background: transparent; border: 0; padding: 10px 14px; cursor: pointer; }
.rb-fin.lq2 .lq-shead:hover { background: var(--ds-surface2); }
.rb-fin.lq2 .lq-sname { flex: 0 0 auto; min-width: 120px; max-width: 190px; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-fin.lq2 .lq-sbar { flex: 1; min-width: 40px; height: 7px; background: var(--ds-alt); border-radius: 4px; overflow: hidden; }
.rb-fin.lq2 .lq-sbar > span { display: block; height: 100%; background: var(--ds-bad); border-radius: 4px; transition: width .6s var(--ds-ease); }
.rb-fin.lq2 .lq-shead > b { flex: none; font-size: 14px; font-weight: 500; white-space: nowrap; }
.rb-fin.lq2 .lq-sdet { border: 0; border-top: 1px solid var(--ds-line); border-radius: 0; }
.rb-fin.lq2 .lq-chev { flex: none; display: inline-flex; color: var(--ds-faint); transition: transform .2s var(--ds-ease); }
.rb-fin.lq2 .lq-chev.up { transform: rotate(-90deg); }

.rb-fin.lq2 .lq-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.rb-fin.lq2 .lq-bar:last-child { margin-bottom: 0; }
.rb-fin.lq2 .lq-bl { flex: 0 0 120px; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-fin.lq2 .lq-bt { flex: 1; min-width: 40px; height: 9px; background: var(--ds-alt); border-radius: 5px; overflow: hidden; }
.rb-fin.lq2 .lq-bt > span { display: block; height: 100%; background: var(--ds-ink); border-radius: 5px; transition: width .6s var(--ds-ease); }
.rb-fin.lq2 .lq-bt.neg > span { background: var(--ds-bad); }
.rb-fin.lq2 .lq-bar > b { flex: none; font-size: 13px; font-weight: 500; white-space: nowrap; }

.rb-fin.lq2 .lq-brs { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.rb-fin.lq2 .lq-brc { background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 14px; cursor: pointer; transition: border-color .15s, background .15s; }
.rb-fin.lq2 .lq-brc:hover { border-color: var(--ds-line2); }
.rb-fin.lq2 .lq-brc.on { border-color: var(--ds-ink); background: var(--ds-surface); }
.rb-fin.lq2 .lq-brh { display: flex; align-items: center; gap: 9px; }
.rb-fin.lq2 .lq-brh > b { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-fin.lq2 .lq-share { font-size: 12px; color: var(--ds-mute); }
.rb-fin.lq2 .lq-bramt { font-size: 21px; font-weight: 500; letter-spacing: -.01em; margin-top: 10px; text-align: right; }
.rb-fin.lq2 .lq-track { height: 4px; background: var(--ds-alt); border-radius: 2px; overflow: hidden; margin-top: 8px; }
.rb-fin.lq2 .lq-track > span { display: block; height: 100%; background: var(--ds-gold); border-radius: 2px; }
.rb-fin.lq2 .lq-split { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--ds-line); font-size: 11.5px; color: var(--ds-mute); }
.rb-fin.lq2 .lq-split b { font-weight: 500; color: var(--ds-text); }
.rb-fin.lq2 .lq-accs { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--ds-line); }
.rb-fin.lq2 .lq-accsh { font-size: 11.5px; color: var(--ds-mute); margin-bottom: 4px; }
.rb-fin.lq2 .lq-acc { display: flex; align-items: center; gap: 8px; padding: 8px 0; min-height: 40px; border-bottom: 1px solid var(--ds-line); cursor: pointer; }
.rb-fin.lq2 .lq-acc:last-of-type { border-bottom: 0; }
.rb-fin.lq2 .lq-acc:hover .lq-an { color: var(--ds-text); text-decoration: underline; text-underline-offset: 3px; }
.rb-fin.lq2 .lq-acc.z { opacity: .5; }
.rb-fin.lq2 .lq-ai { display: inline-flex; flex: none; }
.rb-fin.lq2 .lq-ai.cash { color: var(--ds-ok); } .rb-fin.lq2 .lq-ai.bank { color: var(--ds-gold-deep); }
.rb-fin.lq2 .lq-an { flex: 1; min-width: 0; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-fin.lq2 .lq-acc > b { flex: none; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.rb-fin.lq2 .lq-zero { margin-top: 8px; }

.rb-fin.lq2 .lq-strange { align-items: flex-end; }
.rb-fin.lq2 .lq-strange > .dss-field { flex: 1 1 150px; }
.rb-fin.lq2 .lq-stq { align-items: center; }
.rb-fin.lq2 .lq-stq .ds-search { flex: 1 1 220px; }
.rb-fin.lq2 .lq-stq .ds-search .ds-in { height: 44px; font-size: 13.5px; padding-inline-start: 40px; }
.rb-fin.lq2 .lq-stq .ds-search > svg { inset-inline-start: 14px; }
.rb-fin.lq2 .lq-cnt { font-size: 12px; color: var(--ds-mute); white-space: nowrap; }
.rb-fin.lq2 .lq-mvs { max-height: 46vh; overflow-y: auto; border: 1px solid var(--ds-line); border-radius: var(--ds-r); }
.rb-fin.lq2 .lq-mv { display: flex; align-items: center; gap: 10px; padding: 10px 14px; min-height: 48px; border-bottom: 1px solid var(--ds-line); cursor: pointer; }
.rb-fin.lq2 .lq-mv:last-child { border-bottom: 0; }
.rb-fin.lq2 .lq-mv:hover { background: var(--ds-surface2); }
.rb-fin.lq2 .lq-mv .t { flex: 1; min-width: 0; }
.rb-fin.lq2 .lq-mv .t b { display: block; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-fin.lq2 .lq-mv .t small { display: block; font-size: 11.5px; color: var(--ds-mute); margin-top: 1px; text-align: right; }
.rb-fin.lq2 .lq-mv .amt { flex: none; font-size: 14px; font-weight: 500; white-space: nowrap; }
.rb-fin.lq2 .lq-mv .amt.ok { color: var(--ds-ok); } .rb-fin.lq2 .lq-mv .amt.bad { color: var(--ds-bad); }
.rb-fin.lq2 .lq-info { padding-top: 6px; padding-bottom: 8px; }
@media (max-width: 900px) { .rb-fin.lq2 .lq-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .rb-fin.lq2 .fx-segrow .ds-seg { width: 100%; }
  .rb-fin.lq2 .lq-range { display: grid; grid-template-columns: 1fr 1fr; }
  .rb-fin.lq2 .lq-range .ds-btn { grid-column: 1 / -1; }
  .rb-fin.lq2 .lq-pad { padding: 4px 16px 0; }
  .rb-fin.lq2 .lq-sub { padding: 14px 16px; }
  .rb-fin.lq2 .lq-banks { margin: 16px -16px -18px; }
  .rb-fin.lq2 .lq-tail { padding-inline-start: 0; }
  .rb-fin.lq2 .lq-sname { max-width: none; min-width: 0; flex: 1; }
  .rb-fin.lq2 .lq-sbar { display: none; }
  .rb-fin.lq2 .lq-bl { flex: 0 0 86px; }
  .rb-fin.lq2 .lq-strange { display: grid; grid-template-columns: 1fr 1fr; }
  .rb-fin.lq2 .lq-strange .fx-acts { grid-column: 1 / -1; }
  .rb-fin.lq2 .lq-strange .fx-acts .ds-btn { flex: 1 1 auto; padding: 0 8px; }
}


.rb-fin .fx-card { padding-bottom: 18px; margin-bottom: 16px; }
.rb-fin .fx-card > :not(.dss-card-hd):not(.fx-loading):not(.dss-empty) { margin-inline: 22px; }
.rb-fin .fx-card > .dss-card-hd { padding-bottom: 6px; }
.rb-fin .fx-card > .dss-card-hd + * { margin-top: 10px; }
.rb-fin .fx-card > .ds-note.dss-note { margin-bottom: 12px; }
.rb-fin .fx-card.tight { padding-bottom: 0; }
.rb-fin .fx-card.tight > .dss-table:not(.fx-x) { margin-inline: 0; border-width: 1px 0 0; border-radius: 0; }
.rb-fin .fx-card > .dss-table:not(:first-child) { margin-top: 12px; }
.rb-fin .fx-card.tight > .ds-note.dss-note { margin-top: 12px; margin-bottom: 16px; }
.rb-fin .fx-card > .fx-loading:only-child { padding: 40px 16px; }
@media (max-width: 620px) { .rb-fin .fx-card > :not(.dss-card-hd):not(.fx-loading):not(.dss-empty) { margin-inline: 16px; } .rb-fin .fx-card.tight > .dss-table:not(.fx-x) { margin-inline: 0; } }



.rb-fin { --exa-b1: #141414; --exa-b2: #5A5A5A; --exa-b3: #9A9A9A; --exa-b4: #C7C7C7; }
html[data-theme="dark"] .rb-fin { --exa-b1: #F2F2F2; --exa-b2: #B9B9B9; --exa-b3: #8A8A8A; --exa-b4: #5E5E5E; }
.rb-fin.exa #exa-body { display: flex; flex-direction: column; }
.rb-fin.exa #exa-body > .fx-kpis, .rb-fin.exa #exa-body > .exa-brs, .rb-fin.exa #exa-body > .ds-note { margin-bottom: 16px; }
.rb-fin.exa .exa-filters > .dss-field { flex: 0 1 240px; }
.rb-fin.exa .exa-kv { font-size: 20px; }
.rb-fin.exa .exa-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 16px; align-items: start; margin-bottom: 16px; }
.rb-fin.exa .exa-grid > .fx-card { height: 100%; margin-bottom: 0; }

.rb-fin.exa .exa-brs { display: grid; grid-template-columns: repeat(auto-fit, minmax(196px, 1fr)); gap: 12px; }
.rb-fin.exa .exa-br { background: var(--ds-surface); border: 1px solid var(--ds-line); border-inline-start: 4px solid var(--brc, var(--ds-line2)); border-radius: var(--ds-r); padding: 14px; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.rb-fin.exa .exa-br:hover { border-color: var(--ds-line2); }
.rb-fin.exa .exa-br.on { box-shadow: inset 0 0 0 1px var(--ds-ink); border-color: var(--ds-ink); }
.rb-fin.exa .exa-br .bn { font-size: 13.5px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rb-fin.exa .exa-br .bv { font-size: 20px; font-weight: 500; letter-spacing: -.01em; margin-top: 7px; }
.rb-fin.exa .exa-br .bs { font-size: 11.5px; color: var(--ds-mute); margin-top: 3px; }
.rb-fin.exa .exa-br .bs.exa-dif { font-weight: 500; }
.rb-fin.exa .exa-br .bsplit { display: flex; height: 6px; border-radius: 3px; overflow: hidden; margin-top: 9px; background: var(--ds-alt); }
.rb-fin.exa .exa-br .bsplit i { display: block; height: 100%; }

.rb-fin .exa-mx table.exa-t { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 520px; }
.rb-fin .exa-mx table.exa-t th, .rb-fin .exa-mx table.exa-t td { padding: 10px 14px; border-bottom: 1px solid var(--ds-line); white-space: nowrap; }
.rb-fin .exa-mx table.exa-t thead th { font-size: 11.5px; color: var(--ds-mute); font-weight: 500; text-align: center; background: var(--ds-surface2); }
.rb-fin .exa-mx table.exa-t td.k, .rb-fin .exa-mx table.exa-t th.k { position: sticky; inset-inline-start: 0; background: var(--ds-surface); z-index: 1; text-align: start; }
.rb-fin .exa-mx table.exa-t thead th.k { background: var(--ds-surface2); }
.rb-fin .exa-mx table.exa-t td.n { text-align: left; font-variant-numeric: tabular-nums; }
.rb-fin .exa-mx table.exa-t td.z { color: var(--ds-faint); }
.rb-fin .exa-mx table.exa-t td b { font-weight: 500; }
.rb-fin .exa-mx table.exa-t tr.grp td, .rb-fin .exa-mx table.exa-t tr.grp td.k { background: var(--ds-alt); font-weight: 500; font-size: 11.5px; color: var(--ds-mute); }
.rb-fin .exa-mx table.exa-t tr.sub td { font-weight: 500; }
.rb-fin .exa-mx table.exa-t td.exa-hid { color: var(--ds-gold-deep); display: flex; align-items: center; gap: 6px; }
.rb-fin .exa-mx table.exa-t tfoot td, .rb-fin .exa-mx table.exa-t tfoot td.k { font-weight: 500; border-top: 1px solid var(--ds-line2); border-bottom: 0; font-size: 14px; background: var(--ds-surface2); }
.rb-fin .exa-mx table.exa-t tr.click { cursor: pointer; }
.rb-fin .exa-mx table.exa-t tr.click:hover td, .rb-fin .exa-mx table.exa-t tr.click:hover td.k { background: var(--ds-surface2); }
.rb-fin .exa-mx table.exa-t tbody tr:last-child td { border-bottom: 0; }
.rb-fin .exa-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-inline-end: 6px; vertical-align: middle; }
.rb-fin .exa-chip { display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 7px; border-radius: 10px; background: var(--ds-alt); color: var(--ds-mute); font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; vertical-align: 1px; }
.rb-fin .exa-chip.exa-form { display: inline-flex; margin: 2px; margin-inline-end: 6px; height: 24px; font-size: 11.5px; }
.rb-fin .exa-flag { padding: 9px 0; border-bottom: 1px solid var(--ds-line); font-size: 13px; }
.rb-fin .exa-flag:last-of-type { border-bottom: 0; }
.rb-fin .exa-note { font-size: 11.5px; color: var(--ds-faint); margin: 10px 0 0; line-height: 1.7; }
.rb-fin .fx-card.tight > .exa-note.exa-mxn { margin: 10px 22px 16px; }

.rb-fin .exa-bar { height: 7px; border-radius: 4px; background: var(--ds-alt); overflow: hidden; margin-top: 6px; }
.rb-fin .exa-bar > span { display: block; height: 100%; border-radius: 4px; transition: width .6s var(--ds-ease); }
.rb-fin .exa-bar.exa-stack { margin: 0; display: flex; background: transparent; }
.rb-fin .exa-bar.exa-stack > i { display: block; height: 100%; }
.rb-fin .exa-catrow { padding: 11px 0; border-bottom: 1px solid var(--ds-line); }
.rb-fin .exa-catrow:last-of-type { border-bottom: 0; }
.rb-fin .exa-catline { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13.5px; }
.rb-fin .exa-catn { display: flex; align-items: center; gap: 8px; font-weight: 500; min-width: 0; }
.rb-fin .exa-cic { display: inline-flex; }
.rb-fin .exa-chev { display: inline-flex; color: var(--ds-faint); }
.rb-fin .exa-of, .rb-fin .exa-pc { color: var(--ds-faint); font-weight: 400; }
.rb-fin .exa-catrow[data-cat-detail] { cursor: pointer; }
.rb-fin .exa-catrow[data-cat-detail]:hover .exa-catn { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--ds-line2); }
.rb-fin .exa-up { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rb-fin .exa-upm { color: var(--ds-faint); font-size: 12px; }
.rb-fin .exa-when { font-size: 12px; font-weight: 500; }
.rb-fin .exa-up strong { font-weight: 500; }

.rb-fin .exa-mrow { display: flex; align-items: center; gap: 10px; padding: 6px 0; }
.rb-fin .exa-mrow .mm { width: 62px; font-size: 12px; color: var(--ds-mute); direction: ltr; text-align: right; font-variant-numeric: tabular-nums; }
.rb-fin .exa-mrow .mbar { flex: 1; min-width: 40px; display: flex; }
.rb-fin .exa-mrow .mbar .exa-stack { height: 10px; border-radius: 5px; }
.rb-fin .exa-mrow .mval { width: 92px; text-align: left; font-weight: 500; font-size: 12.5px; }

.rb-fin.exa .exa-bud { cursor: pointer; }
.rb-fin.exa .exa-bud .ds-in { width: 150px; height: 42px; text-align: left; }
.rb-fin.exa .exa-rcadd { margin-top: 14px; }
.rb-fin.exa .fx-card > .dss-grid + .exa-rcadd { margin-top: 14px; }
.rb-fin.exa td.act .fx-acts { flex-wrap: nowrap; }
.rb-fin.exa .exa-apl { display: flex; flex-direction: column; gap: 8px; }
.rb-fin.exa .exa-ap { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); }
.rb-fin.exa .exa-ap .t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rb-fin.exa .exa-ap .t b { font-weight: 500; }
.rb-fin.exa .exa-ap .t small { font-size: 12px; color: var(--ds-mute); }
.rb-fin.exa .exa-ap .t small.exa-req { color: var(--ds-gold-deep); font-weight: 500; }
@media (max-width: 640px) {
  .rb-fin.exa .exa-filters { display: grid; grid-template-columns: 1fr 1fr; }
  .rb-fin.exa .exa-filters > .dss-field { min-width: 0; }
  .rb-fin.exa .exa-filters .fx-sp { display: none; }
  .rb-fin.exa .exa-brs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-fin.exa .exa-br { padding: 12px; }
  .rb-fin.exa .exa-br .bv { font-size: 16px; }
  .rb-fin.exa .exa-grid { grid-template-columns: minmax(0, 1fr); }
  .rb-fin.exa .exa-kv { font-size: 16px; }
  .rb-fin .exa-mrow .mval { width: 78px; }
  .rb-fin.exa .exa-ap { grid-template-columns: 40px minmax(0, 1fr); }
  .rb-fin.exa .exa-ap .fx-acts { grid-column: 1 / -1; }
  .rb-fin.exa .ds-head .fx-acts .ds-btn { flex: 1 1 auto; }
}



.rb-fin { --sr-k1: #141414; --sr-k2: #3A3A3A; --sr-k3: #5E5E5E; --sr-k4: #7C7C7C; --sr-k5: #9A9A9A; --sr-k6: #B4B4B4; --sr-k7: #CBCBCB; --sr-k8: #E0E0E0; }
html[data-theme="dark"] .rb-fin { --sr-k1: #F2F2EF; --sr-k2: #D2D2D2; --sr-k3: #B0B0B0; --sr-k4: #949494; --sr-k5: #7A7A7A; --sr-k6: #636363; --sr-k7: #4E4E4E; --sr-k8: #3A3A3A; }
.rb-fin.sr2 .sr-tools > .dss-field { flex: 0 1 190px; }
.rb-fin.sr2 .fx-k > small .ki { display: inline-flex; color: var(--ds-gold-deep); }
.rb-fin.sr2 .fx-k > em b { font-weight: 500; }
.rb-fin.sr2 .ds-note.dss-note { margin-bottom: 16px; }
.rb-fin.sr2 .fx-card > .ds-note.dss-note { margin-bottom: 12px; }

.rb-fin.sr2 .sr-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; margin-bottom: 16px; }
.rb-fin.sr2 .sr-charts > .fx-card { margin-bottom: 0; }
.rb-fin.sr2 .sr-chart.wide { grid-column: 1 / -1; }
.rb-fin.sr2 .sr-canvas { position: relative; height: 240px; }
.rb-fin.sr2 .sr-canvas.tall { height: 300px; }

.rb-fin.sr2 .sr-goal + .sr-goal { margin-top: 18px; }
.rb-fin.sr2 .sr-goal-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 13px; margin-bottom: 8px; }
.rb-fin.sr2 .sr-goal-h b { font-weight: 500; }
.rb-fin.sr2 .sr-goal-h .sep { color: var(--ds-faint); }
.rb-fin.sr2 .sr-goal-h .mut { color: var(--ds-mute); }
.rb-fin.sr2 .sr-gp.ok { color: var(--ds-ok); } .rb-fin.sr2 .sr-gp.warn { color: var(--ds-gold-deep); } .rb-fin.sr2 .sr-gp.bad { color: var(--ds-bad); } .rb-fin.sr2 .sr-gp.mut { color: var(--ds-mute); }
.rb-fin.sr2 .sr-goal-f { font-size: 12px; color: var(--ds-mute); margin-top: 8px; }
.rb-fin.sr2 .sr-goal-f b { font-weight: 500; color: var(--ds-text); }
.rb-fin.sr2 .sr-bar { position: relative; height: 12px; border-radius: 6px; background: var(--ds-alt); overflow: hidden; }
.rb-fin.sr2 .sr-bar > span { display: block; height: 100%; border-radius: 6px; transition: width .6s var(--ds-ease); }
.rb-fin.sr2 .sr-bar > i { position: absolute; inset: 0; display: grid; place-items: center; font-size: 11px; font-weight: 500; color: #fff; font-style: normal; }

.rb-fin.sr2 .sr-pct { display: inline-block; font-weight: 500; padding: 1px 8px; border-radius: 10px; font-variant-numeric: tabular-nums; }
.rb-fin.sr2 .sr-pct.good { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-fin.sr2 .sr-pct.okish { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-fin.sr2 .sr-pct.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-fin.sr2 .fx-t tbody tr.click:hover td { background: var(--ds-surface2); }
.rb-fin.sr2 .fx-card .sr-more { margin: 0; text-align: center; padding: 14px 18px 16px; border-top: 1px solid var(--ds-line); }
.rb-fin.sr2 .sr-more-h { font-size: 11.5px; color: var(--ds-faint); margin-top: 7px; }
.rb-fin.sr2 .sr-search { width: 190px; height: 38px; }
.rb-fin.sr2 .dss-card-act { align-items: center; }
.rb-fin.sr2 .sr-ops { max-height: 280px; }
.rb-fin.sr2 .sr-cap { justify-content: center; margin-top: 6px; font-size: 12px; }
@media (max-width: 640px) {
  .rb-fin.sr2 .fx-segrow .ds-seg { width: 100%; }
  .rb-fin.sr2 .sr-tools { display: grid; grid-template-columns: 1fr 1fr; }
  .rb-fin.sr2 .sr-tools .fx-sp { display: none; }
  .rb-fin.sr2 .sr-tools > .dss-field { min-width: 0; }
  .rb-fin.sr2 .sr-tools > .dss-field:first-child { grid-column: 1 / -1; }
  .rb-fin.sr2 .sr-search { width: 100%; }
  .rb-fin.sr2 .dss-card-act .ds-seg { width: 100%; }
  .rb-fin.sr2 .sr-canvas { height: 210px; }
  .rb-fin.sr2 .sr-range { display: none; }
}


.rb-fin.pu2 .pu-tabs button em { background: var(--ds-gold); color: #fff; border-color: transparent; }
.rb-fin.pu2 .pu-list { display: flex; flex-direction: column; }
.rb-fin.pu2 .pu-row { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 16px 22px; border-top: 1px solid var(--ds-line); flex-wrap: wrap; }
.rb-fin.pu2 .pu-row:first-child { border-top: 0; }
.rb-fin.pu2 .pu-row.off { opacity: .6; }
.rb-fin.pu2 .pu-row.focus { background: var(--ds-gold-soft); box-shadow: inset -3px 0 0 var(--ds-gold); }
.rb-fin.pu2 .pu-main { flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 3px; }
.rb-fin.pu2 .pu-main small { font-size: 12.5px; color: var(--ds-mute); overflow-wrap: anywhere; }
.rb-fin.pu2 .pu-main small b { color: var(--ds-text); font-weight: 500; }
.rb-fin.pu2 .pu-t { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 2px; }
.rb-fin.pu2 .pu-t b { font-size: 15px; font-weight: 500; }
.rb-fin.pu2 .pu-unit { font-size: 12px; color: var(--ds-mute); }
.rb-fin .pu-acts { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.rb-fin.pu2 .pu-filter { padding: 12px 22px; border-bottom: 1px solid var(--ds-line); }
.rb-fin.pu2 .pu-filter .ds-seg { max-width: 100%; }

.rb-fin.pu-form .pu-fl { display: flex; flex-direction: column; gap: 6px; }
.rb-fin.pu-form .pu-fl > span { font-size: 12.5px; font-weight: 500; }
.rb-fin.pu-form .pu-ps { position: relative; }
.rb-fin.pu-form .pu-pop { position: absolute; inset-inline: 0; top: 100%; z-index: 5; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 12px; box-shadow: 0 18px 40px -18px rgba(0,0,0,.35); max-height: 260px; overflow: auto; margin-top: 4px; padding: 4px; }
.rb-fin.pu-form .pu-pop button { display: flex; justify-content: space-between; gap: 10px; width: 100%; min-height: 42px; text-align: start; background: none; border: 0; border-radius: 9px; padding: 9px 12px; color: inherit; cursor: pointer; }
.rb-fin.pu-form .pu-pop button:hover { background: var(--ds-alt); }
.rb-fin.pu-form .pu-pop b { font-weight: 500; }
.rb-fin.pu-form .pu-pop small { color: var(--ds-mute); }
.rb-fin.pu-form .pu-pe { padding: 10px 12px; color: var(--ds-mute); font-size: 13px; }
.rb-fin.pu-form .pu-accs, .rb-fin.pu-form .pu-kinds { display: flex; flex-direction: column; gap: 6px; }
.rb-fin.pu-form :is(.pu-acc, .pu-kind) { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--ds-line); border-radius: 12px; padding: 10px 12px; cursor: pointer; transition: border-color .15s; }
.rb-fin.pu-form :is(.pu-acc, .pu-kind):has(input:checked) { border-color: var(--ds-ink); }
.rb-fin.pu-form :is(.pu-acc, .pu-kind) input { margin-top: 4px; accent-color: var(--ds-ink); width: 16px; height: 16px; flex: none; }
.rb-fin.pu-form :is(.pu-acc, .pu-kind) > span { display: flex; flex-direction: column; gap: 2px; }
.rb-fin.pu-form :is(.pu-acc, .pu-kind) b { font-weight: 500; }
.rb-fin.pu-form :is(.pu-acc, .pu-kind) small { color: var(--ds-mute); font-size: 12px; line-height: 1.6; }
.rb-fin.pu-form .pu-chk { display: flex; gap: 8px; align-items: center; font-weight: 500; cursor: pointer; min-height: 40px; }
.rb-fin.pu-form .pu-chk input { accent-color: var(--ds-ink); width: 18px; height: 18px; }
.rb-fin.pu-form .pu-ledger, .rb-fin.pu-form .pu-pblock { display: flex; flex-direction: column; gap: 12px; }
.rb-fin.pu-form .pu-ledger[hidden], .rb-fin.pu-form .pu-accwrap[hidden], .rb-fin.pu-form .pu-pblock[hidden] { display: none; }
.rb-fin .mut { color: var(--ds-mute); }
.rb-fin .pu-err { background: var(--ds-bad-bg); color: var(--ds-bad); border-radius: 12px; padding: 10px 12px; font-size: 13px; }
.rb-fin .pu-bad { color: var(--ds-bad); }
.rb-fin .pu-req { color: var(--ds-bad); font-style: normal; }
.rb-fin .pu-code { font-size: 38px; font-weight: 500; letter-spacing: .18em; text-align: center; padding: 14px; border: 2px dashed var(--ds-gold); border-radius: 16px; direction: ltr; }
.rb-fin .pu-msg { white-space: pre-wrap; background: var(--ds-alt); border-radius: 12px; padding: 10px 12px; font: inherit; font-size: 12.5px; margin: 0; line-height: 1.8; }
.rb-fin.pu-actm .ds-note { margin: 0; }
.rb-fin .pu-copy { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.rb-fin .pu-cp { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; border: 1px solid var(--ds-line); background: var(--ds-surface2); border-radius: 12px; padding: 10px 12px; text-align: start; }
.rb-fin .pu-cp small { color: var(--ds-mute); font-size: 11.5px; }
.rb-fin .pu-cp b { font-size: 17px; font-weight: 500; }
.rb-fin .pu-proof { max-width: 100%; max-height: 220px; border-radius: 12px; display: block; }
.rb-fin .pu-proof.big { max-height: 70vh; margin: auto; }

.rb-fin.pu-pay .prp-step { border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 14px 16px; background: var(--ds-surface); display: flex; flex-direction: column; gap: 10px; }
.rb-fin.pu-pay .prp-step .ds-note { margin: 0; }
.rb-fin.pu-pay .prp-sh { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.rb-fin.pu-pay .prp-sh b { font-weight: 500; font-size: 14.5px; }
.rb-fin.pu-pay .prp-sh small { flex-basis: 100%; padding-inline-start: 34px; margin-top: -2px; color: var(--ds-mute); font-size: 12px; }
.rb-fin.pu-pay .prp-n { width: 24px; height: 24px; flex: none; display: inline-grid; place-items: center; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); font-size: 12.5px; font-weight: 500; }
.rb-fin.pu-pay .prp-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rb-fin.pu-pay .prp-cp { cursor: pointer; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 12px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface2); min-width: 0; color: var(--ds-text); text-align: start; transition: border-color .15s; }
.rb-fin.pu-pay .prp-cp:hover { border-color: var(--ds-gold); }
.rb-fin.pu-pay .prp-cp small { color: var(--ds-mute); font-size: 11.5px; }
.rb-fin.pu-pay .prp-cp b { font-size: 17px; font-weight: 500; word-break: break-all; unicode-bidi: plaintext; }
.rb-fin.pu-pay .prp-cp.none { cursor: default; } .rb-fin.pu-pay .prp-cp.none b { font-size: 13px; color: var(--ds-mute); }
.rb-fin.pu-pay .prp-cpi { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ds-gold-deep); }
.rb-fin.pu-pay .prp-cpi em { font-style: normal; }
.rb-fin.pu-pay .prp-cp.done { border-color: var(--ds-ok); background: var(--ds-ok-bg); }
.rb-fin.pu-pay .prp-cp.done .prp-cpi { color: var(--ds-ok); }
.rb-fin.pu-pay .prp-note { font-size: 13px; color: var(--ds-mute); line-height: 1.7; padding: 8px 12px; background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: 10px; }
.rb-fin.pu-pay .prp-drop { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 12px; border: 1.5px dashed color-mix(in srgb, var(--ds-gold) 55%, var(--ds-line)); border-radius: 14px; background: color-mix(in srgb, var(--ds-gold-soft) 50%, transparent); cursor: pointer; text-align: center; }
.rb-fin.pu-pay .prp-drop:hover, .rb-fin.pu-pay .over .prp-drop { background: var(--ds-gold-soft); border-color: var(--ds-gold); }
.rb-fin.pu-pay .prp-drop b { font-weight: 500; font-size: 14px; }
.rb-fin.pu-pay .prp-drop small { font-size: 12px; color: var(--ds-mute); }
.rb-fin.pu-pay .prp-drop-ic { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--ds-surface); color: var(--ds-gold-deep); border: 1px solid var(--ds-line); margin-bottom: 4px; }
.rb-fin.pu-pay .prp-prev { display: flex; gap: 12px; align-items: center; }
.rb-fin.pu-pay .prp-prev img { width: 96px; height: 120px; object-fit: cover; border-radius: 12px; border: 1px solid var(--ds-line); flex: none; }
.rb-fin.pu-pay .prp-prev-a { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.rb-fin.pu-pay .prp-ok { flex-basis: 100%; display: inline-flex; align-items: center; gap: 6px; color: var(--ds-ok); font-size: 13px; }
.rb-fin.pu-pay .pu-file { cursor: pointer; }
@media (max-width: 640px) {
  .rb-fin.pu2 .pu-row { padding: 14px 16px; }
  .rb-fin.pu2 .pu-filter { padding: 12px 16px; }
  .rb-fin.pu2 .pu-filter .ds-seg { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: 100%; }
  .rb-fin.pu2 .pu-main { min-width: 0; flex-basis: 100%; }
  .rb-fin.pu-pay .prp-copy { grid-template-columns: 1fr; }
  .rb-fin .pu-code { font-size: 30px; }
}
.rb-fin.pu2 .ds-sub .num { display: inline-block; direction: ltr; }

.rb-fin.fx-modal .num { direction: ltr; unicode-bidi: isolate; }
.rb-fin .fx-k > b, .rb-fin .fx-hero > b { text-align: right; }
.rb-fin.fx-modal .fx-k > b { white-space: normal; }



.rb-hr .num { font-variant-numeric: tabular-nums; }
.rb-hr .rb-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.rb-hr .ds-sub .ds-tag { vertical-align: middle; margin-inline-end: 4px; }
.rb-hr code { font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; background: var(--ds-alt); padding: 1px 6px; border-radius: 6px; direction: ltr; unicode-bidi: embed; }
.rb-hr .ds-btn.ok { background: var(--ds-ok); border-color: var(--ds-ok); color: #fff; text-decoration: none; }
.rb-hr .ds-btn.ok:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-ok) 88%, #000); }
.rb-hr a.ds-btn { text-decoration: none; }
.rb-hr a.ds-btn.ghost { color: var(--ds-text); }
.rb-hr .ds-btn.rb-ib { width: 38px; padding: 0; }
.rb-hr .ds-btn svg { flex: none; }
.rb-hr .rb-spin { display: inline-block; width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: dsSpin .7s linear infinite; vertical-align: -3px; color: var(--ds-gold-deep); flex: none; }
.rb-hr .rb-spin.sm { width: 11px; height: 11px; border-width: 1.5px; vertical-align: -1px; }
.rb-hr .dss-empty .rb-spin { width: 20px; height: 20px; }
.rb-hr .dss-field > label { font-size: 12.5px; font-weight: 500; }
.rb-hr .dss-field > span small, .rb-hr .dss-field > label small { font-weight: 400; color: var(--ds-mute); font-size: 11.5px; }
.rb-hr .dss-field > span svg { vertical-align: -2px; color: var(--ds-mute); }
.rb-hr .ds-in[readonly] { background: var(--ds-surface2); color: var(--ds-mute); }
.rb-hr .ds-in:disabled { background: var(--ds-surface2); color: var(--ds-mute); cursor: not-allowed; }


.rb-hr .rb-kpis { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; margin-bottom: 16px; }
.rb-hr .rb-kpis.n4 { --n: 4; }
.rb-hr .rb-k { padding: 16px 20px 14px; display: flex; flex-direction: column; gap: 3px; min-width: 0; border-inline-start: 1px solid var(--ds-line); }
.rb-hr .rb-k:first-child { border-inline-start: 0; }
.rb-hr .rb-k small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-hr .rb-k small svg { color: var(--ds-gold-deep); flex: none; }
.rb-hr .rb-k b { font-size: 22px; font-weight: 500; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; unicode-bidi: plaintext; text-align: start; }
.rb-hr .rb-k > span { font-size: 11.5px; color: var(--ds-faint); min-height: 18px; }
.rb-hr .rb-k.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-hr .rb-k.ink small, .rb-hr .rb-k.ink > span { color: color-mix(in srgb, var(--ds-bg) 70%, transparent); }
.rb-hr .rb-k.ink small svg { color: var(--ds-gold); }
.rb-hr .rb-k.ok b { color: var(--ds-ok); }
.rb-hr .rb-k.warn b { color: var(--ds-gold-deep); }
@media (max-width: 760px) {
  .rb-hr .rb-kpis.n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-hr .rb-kpis.n4 .rb-k:nth-child(n+3) { border-top: 1px solid var(--ds-line); }
  .rb-hr .rb-kpis.n4 .rb-k:nth-child(odd) { border-inline-start: 0; }
}
@media (max-width: 640px) {
  .rb-hr .rb-kpis.n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-hr .rb-kpis.n3 .rb-k:first-child { grid-column: 1 / -1; }
  .rb-hr .rb-kpis.n3 .rb-k:nth-child(2) { border-inline-start: 0; }
  .rb-hr .rb-kpis.n3 .rb-k:nth-child(n+2) { border-top: 1px solid var(--ds-line); }
  .rb-hr .rb-k { padding: 13px 14px 11px; }
  .rb-hr .rb-k b { font-size: 18px; }
}


.rb-hr .dss-table th.end, .rb-hr .dss-table td.end { text-align: end; }
.rb-hr .rb-cards td.act { width: 1%; white-space: nowrap; }



.rb-hr .rw-ctl { display: grid; grid-template-columns: 190px minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 16px 20px; }
.rb-hr .rw-rule { font-size: 12.5px; color: var(--ds-mute); line-height: 1.85; }
.rb-hr .rw-rule b { color: var(--ds-text); font-weight: 500; }
.rb-hr .rw-warn, .rb-hr .rw-rule b.rw-warn { color: var(--ds-gold-deep); }
@media (max-width: 860px) { .rb-hr .rw-ctl { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px; } .rb-hr .rw-ctl > .ds-btn { justify-self: start; } }
.rb-hr .rw-note-sub { display: block; color: var(--ds-mute); font-size: 12px; margin-top: 4px; line-height: 1.75; }
.rb-hr .rw-gsum { font-size: 17px; font-weight: 500; color: var(--ds-mute); white-space: nowrap; }
.rb-hr .rw-group .dss-card-act { align-items: center; }
.rb-hr .rw-sellers { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 12px; padding-top: 6px; }
.rb-hr .rw-sc { border: 1px solid var(--ds-line); border-radius: 16px; padding: 14px 16px; background: var(--ds-surface); display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rb-hr .rw-sc.win { border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line)); background: linear-gradient(180deg, color-mix(in srgb, var(--ds-ok-bg) 60%, var(--ds-surface)), var(--ds-surface) 96px); }
.rb-hr .rw-sc.off { opacity: .65; }
.rb-hr .rw-sc-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.rb-hr .rw-sc-hd > b { font-weight: 500; font-size: 14.5px; }
.rb-hr .rw-sc-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.rb-hr .rw-sc-sub { font-size: 12.5px; color: var(--ds-mute); }
.rb-hr .rw-sc-sub b { color: var(--ds-text); font-weight: 500; }
.rb-hr .rw-rows { display: flex; flex-direction: column; gap: 12px; }
.rb-hr .rw-r.zero { opacity: .55; }
.rb-hr .rw-r-t, .rb-hr .rw-r-f { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--ds-mute); }
.rb-hr .rw-r-t > span:first-child { color: var(--ds-text); font-weight: 500; }
.rb-hr .rw-r-t b { font-weight: 500; color: var(--ds-text); }
.rb-hr .rw-r-t b.ok { color: var(--ds-ok); }
.rb-hr .rw-r-f { font-size: 11.5px; color: var(--ds-faint); }
.rb-hr .rw-bar { height: 6px; border-radius: 3px; background: var(--ds-alt); overflow: hidden; margin: 6px 0 4px; }
.rb-hr .rw-bar span { display: block; height: 100%; border-radius: 3px; background: var(--ds-ink); transition: width .3s var(--ds-ease); }
.rb-hr .rw-r.cat .rw-bar span { background: var(--ds-gold); }
.rb-hr .rw-waste { display: flex; gap: 6px; align-items: flex-start; font-size: 12px; color: var(--ds-gold-deep); line-height: 1.6; }
.rb-hr .rw-waste svg { flex: none; margin-top: 2px; }
.rb-hr .rw-sc-ft { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px dashed var(--ds-line); }
.rb-hr .rw-sc-ft span { font-size: 12px; color: var(--ds-mute); }
.rb-hr .rw-sc-ft b { font-size: 21px; font-weight: 500; color: var(--ds-mute); }
.rb-hr .rw-sc-ft b.ok, .rb-hr .rw-gsum.ok, .rb-hr b.num.ok { color: var(--ds-ok); }
.rb-hr .rw-would { font-size: 12px; color: var(--ds-mute); }
.rb-hr .rw-sub-t { font-size: 12.5px; font-weight: 500; margin: 6px 0 10px; }
.rb-hr .rw-hint { font-size: 12px; color: var(--ds-mute); line-height: 1.8; margin: 10px 0 0; }
.rb-hr .rw-mute { color: var(--ds-mute); }
.rb-hr .rw-tbl td { white-space: nowrap; }
.rb-hr .rw-review .dss-table { background: var(--ds-surface); }
.rb-hr .rw-empty .dss-card-bd { padding: 6px 22px; }

.rb-hr.rb-hr-m { font-size: 13px; line-height: 1.85; }
.rb-hr .rw-p { margin: 0 0 8px; }
.rb-hr.rw-m > .rw-hint:first-of-type { margin-top: 0; }
.rb-hr.rw-m .ds-note { margin: 12px 0; }
.rb-hr .rw-mtbl { margin: 12px 0; }
.rb-hr .rw-x { color: var(--ds-bad); display: inline-grid; vertical-align: -2px; }
.rb-hr .rw-tots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 4px; }
.rb-hr .rw-tot { border: 1px solid var(--ds-line); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; background: var(--ds-surface2); margin-top: 4px; }
.rb-hr .rw-tot small { font-size: 12px; color: var(--ds-mute); }
.rb-hr .rw-tot b { font-size: 22px; font-weight: 500; line-height: 1.35; }
.rb-hr .rw-tot span { font-size: 12px; color: var(--ds-mute); line-height: 1.7; }
.rb-hr .rw-tot.bad { border-color: color-mix(in srgb, var(--ds-bad) 40%, var(--ds-line)); background: var(--ds-bad-bg); }
.rb-hr .rw-tot.bad b { color: var(--ds-bad); }
.rb-hr .rw-tot.ok { border-color: color-mix(in srgb, var(--ds-ok) 40%, var(--ds-line)); background: var(--ds-ok-bg); }
.rb-hr .rw-tot.ok b { color: var(--ds-ok); }
.rb-hr .rw-tot.warn { border-color: color-mix(in srgb, var(--ds-gold) 45%, var(--ds-line)); background: var(--ds-gold-soft); }
.rb-hr .rw-tot.warn b { color: var(--ds-gold-deep); }
.rb-hr .rw-cats { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--ds-line); }
.rb-hr .rw-cats-t { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.rb-hr .rw-cats-t svg { color: var(--ds-gold-deep); }
.rb-hr .rw-cats-t b { font-weight: 500; font-size: 13.5px; }
.rb-hr .rr-row { display: grid; grid-template-columns: minmax(0, 1fr) 130px 44px; gap: 8px; align-items: end; margin-bottom: 10px; }
.rb-hr .rr-del { width: 44px; height: 44px; padding: 0; color: var(--ds-mute); }
.rb-hr .rr-del:hover { color: var(--ds-bad); }
@media (max-width: 480px) { .rb-hr .rw-tots { grid-template-columns: minmax(0, 1fr); } .rb-hr .rr-row { grid-template-columns: minmax(0, 1fr) 100px 44px; } }


.rb-hr .sal-month { padding: 16px 20px; display: flex; flex-direction: column; gap: 14px; }
.rb-hr .sal-month-row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.rb-hr .sal-push { height: 44px; border-radius: 12px; padding: 0 18px; font-size: 13.5px; }
.rb-hr .sal-inc { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px 10px 10px; border-radius: 14px; background: var(--ds-surface2); border: 1px solid var(--ds-line); font-size: 12.5px; }
.rb-hr .sal-inc > span { display: inline-flex; align-items: center; gap: 7px; flex: 1 1 220px; }
.rb-hr .sal-inc.ok { background: color-mix(in srgb, var(--ds-ok-bg) 55%, var(--ds-surface)); border-color: color-mix(in srgb, var(--ds-ok) 30%, var(--ds-line)); }
.rb-hr .sal-inc.ok > span { color: var(--ds-ok); }
.rb-hr .sal-inc.warn { background: var(--ds-gold-soft); border-color: color-mix(in srgb, var(--ds-gold) 40%, var(--ds-line)); }
.rb-hr .sal-inc.warn > span { color: var(--ds-gold-deep); }
.rb-hr .sal-how summary { cursor: pointer; font-size: 12.5px; color: var(--ds-mute); display: inline-flex; align-items: center; gap: 6px; list-style: none; }
.rb-hr .sal-how summary::-webkit-details-marker { display: none; }
.rb-hr .sal-how summary:hover { color: var(--ds-text); }
.rb-hr .sal-how div { font-size: 12.5px; color: var(--ds-mute); line-height: 1.85; margin-top: 6px; }
.rb-hr .sal-how b { color: var(--ds-text); font-weight: 500; }
.rb-hr .sal-list { padding: 0; }
.rb-hr .sal-list > .dss-table { border: 0; border-radius: 0; }
.rb-hr .sal-list > .dss-empty { padding: 40px 16px; }
.rb-hr .sal-table td { white-space: nowrap; }
.rb-hr .sal-amt { direction: ltr; unicode-bidi: isolate; display: inline-block; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rb-hr .sal-amt.ok { color: var(--ds-ok); }
.rb-hr .sal-amt.bad { color: var(--ds-bad); }
.rb-hr .sal-amt.warn { color: var(--ds-gold-deep); }
.rb-hr .sal-amt.info { color: var(--ds-text); }
.rb-hr .sal-net .sal-amt, .rb-hr .sal-res .sal-amt { font-weight: 500; font-size: 14px; }
.rb-hr .sal-table .dim { color: var(--ds-faint); }
.rb-hr .sal-who { display: inline-flex; align-items: center; gap: 9px; }
.rb-hr .sal-nm { font-weight: 500; }
.rb-hr .sal-av { width: 30px; height: 30px; border-radius: 10px; overflow: hidden; background: var(--ds-alt); display: inline-grid; place-items: center; font-size: 12px; font-weight: 500; flex: none; }
.rb-hr .sal-av img { width: 100%; height: 100%; object-fit: cover; }
.rb-hr .sal-table .ds-tag { margin-inline-start: 6px; }
@media (max-width: 640px) {
  .rb-hr .sal-month { padding: 14px 16px; }
  .rb-hr .sal-month-row { grid-template-columns: minmax(0, 1fr); }
  .rb-hr .sal-push { width: 100%; }
  .rb-hr .sal-table td.sal-net, .rb-hr .sal-table td.sal-res { grid-column: 1 / -1; padding: 8px 12px; background: var(--ds-surface2); border-radius: 10px; margin-top: 4px; }
  .rb-hr .sal-table td.sal-net, .rb-hr .sal-table td.sal-res { order: 2; }
  .rb-hr .sal-table td.act { order: 3; }
}


.rb-hr.sls { display: flex; flex-direction: column; gap: 12px; }
.rb-hr.sls .ds-note { margin: 0; }
.rb-hr .sls-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--ds-mute); }
.rb-hr .sls-top b { color: var(--ds-text); font-weight: 500; }
.rb-hr .sls-prog { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 14px; background: var(--ds-gold-soft); font-size: 13px; flex-wrap: wrap; }
.rb-hr .sls-prog b { font-weight: 500; }
.rb-hr .sls-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--ds-line); border-radius: 16px; max-height: 58vh; overflow: auto; background: var(--ds-surface); }
.rb-hr .sls-list li { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--ds-line); }
.rb-hr .sls-list li:last-child { border-bottom: 0; }
.rb-hr .sls-who { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.rb-hr .sls-who b { font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-hr .sls-who small { font-size: 11.5px; color: var(--ds-mute); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.rb-hr .sls-who small .ok { color: var(--ds-ok); }
.rb-hr .sls-who small .bad, .rb-hr .sls-pvbar .bad { color: var(--ds-bad); }
.rb-hr .sls-amt { display: flex; flex-direction: column; align-items: flex-end; flex: none; }
.rb-hr .sls-amt b { font-size: 14px; font-weight: 500; direction: ltr; }
.rb-hr .sls-amt small { font-size: 11px; color: var(--ds-mute); }
.rb-hr .sls-acts { display: flex; gap: 6px; flex: none; }
.rb-hr .sls-load { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 34px; color: var(--ds-mute); font-size: 13px; }
.rb-hr .sls-pv .ds-note { margin-bottom: 10px; }
.rb-hr .sls-pvbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; font-size: 12.5px; color: var(--ds-mute); flex-wrap: wrap; }
.rb-hr .sls-frame { display: block; width: 100%; max-width: 440px; margin: 0 auto; min-height: 600px; border: 1px solid var(--ds-line); border-radius: 14px; background: #fff; }
@media (max-width: 560px) { .rb-hr .sls-list li { flex-wrap: wrap; } .rb-hr .sls-acts { width: 100%; justify-content: flex-end; } }


.rb-hr .tm-list { padding: 0; }
.rb-hr .tm-bar { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 14px 16px; border-bottom: 1px solid var(--ds-line); }

.rb-hr .tm-search { flex: 1 1 240px; min-width: 0; }
.rb-hr .tm-search .ds-in { height: 44px; font-size: 13.5px; border-radius: 12px; padding-inline-start: 42px; }
.rb-hr .tm-search > svg { inset-inline-start: 14px; }
.rb-hr .tm-list > .dss-table { border: 0; border-radius: 0; }
.rb-hr .tm-list > .dss-empty { padding: 40px 16px; }
.rb-hr .tm-av { overflow: hidden; width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: inline-grid; place-items: center; font-weight: 500; font-size: 14px; flex: none; }
.rb-hr .tm-av img { width: 100%; height: 100%; object-fit: cover; }
.rb-hr .tm-cell { display: flex; align-items: center; gap: 11px; min-width: 0; }
.rb-hr .tm-nm { min-width: 0; }
.rb-hr .tm-nm b { display: block; font-size: 13.5px; font-weight: 500; }
.rb-hr .tm-nm small { display: block; color: var(--ds-mute); font-size: 12px; }
.rb-hr .tm-nm .me { color: var(--ds-gold-deep); font-size: 12px; font-weight: 500; }
.rb-hr .tm-mail { direction: ltr; unicode-bidi: isolate; display: inline-block; font-size: 12.5px; color: var(--ds-mute); }
.rb-hr .tm-no { display: inline-flex; align-items: center; height: 22px; color: var(--ds-gold-deep); background: var(--ds-gold-soft); padding: 0 10px; border-radius: 11px; font-size: 11.5px; white-space: nowrap; }
.rb-hr .tm-role { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 11px; font-size: 11.5px; font-weight: 500; white-space: nowrap; background: var(--ds-alt); color: var(--ds-mute); }
.rb-hr .tm-role.r-admin { background: var(--ds-ink); color: var(--ds-bg); }
.rb-hr .tm-role.r-manager { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-hr .tm-role.r-cashier { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-hr .tm-br { font-size: 12px; color: var(--ds-mute); margin-inline-start: 8px; }
.rb-hr .tm-dash { color: var(--ds-faint); }
.rb-hr .tm-acts { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: nowrap; }
.rb-hr.tm > .ds-note { margin-top: 2px; }
@media (max-width: 640px) {
  .rb-hr .tm-bar { padding: 12px; }
  .rb-hr .tm-seg { width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; contain: inline-size; }
  .rb-hr .tm-seg::-webkit-scrollbar { display: none; }
  .rb-hr .tm-search { flex-basis: 100%; }
  .rb-hr .tm-table tr { display: flex; flex-wrap: wrap; gap: 6px 12px; }
  .rb-hr .tm-table td { justify-content: flex-start; }
  .rb-hr .tm-table td[data-label]::before { content: none; }
  .rb-hr .tm-table td.who { flex: 1 1 100%; }
  .rb-hr .tm-table td.act { flex: 1 1 100%; padding-top: 10px; border-top: 1px dashed var(--ds-line); }
  .rb-hr .tm-acts { justify-content: flex-start; flex-wrap: wrap; }
  .rb-hr .tm-table .ds-btn.sm { height: 40px; }
  .rb-hr .tm-table .ds-btn.rb-ib { width: 40px; }
}


.rb-hr.tmx { display: flex; flex-direction: column; gap: 14px; font-size: 13.5px; line-height: 1.7; }
.rb-hr.tmx .ds-note { margin: 0; }
.rb-hr .tmx-hint { font-weight: 400; color: var(--ds-mute); font-size: 11.5px; }
.rb-hr .tmx-p { margin: 0; font-size: 12px; color: var(--ds-mute); line-height: 1.8; }
.rb-hr .tmx-stack { display: flex; flex-direction: column; gap: 14px; }
.rb-hr .tmx-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rb-hr .tmx-list { display: flex; flex-direction: column; border: 1px solid var(--ds-line); border-radius: 16px; overflow: hidden; background: var(--ds-surface); }
.rb-hr .tmx-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 12px; align-items: center; padding: 11px 14px; border-bottom: 1px solid var(--ds-line); }
.rb-hr .tmx-row:last-child { border-bottom: 0; }
.rb-hr .tmx-emp b { display: block; font-size: 13.5px; font-weight: 500; }
.rb-hr .tmx-emp small { font-size: 11.5px; color: var(--ds-mute); }
.rb-hr .tmx-pick { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rb-hr .tmx-pick .ds-in { width: 100%; }
.rb-hr .tmx-why { font-style: normal; font-size: 11px; color: var(--ds-gold-deep); }
.rb-hr .tmx-why.ok { color: var(--ds-ok); }
.rb-hr .tmx-why.none { color: var(--ds-faint); }
.rb-hr .ua-who { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--ds-surface2); border: 1px solid var(--ds-line); }
.rb-hr .ua-av { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-ink); color: var(--ds-bg); display: grid; place-items: center; flex: none; }
.rb-hr .ua-who b { display: block; font-weight: 500; font-size: 14.5px; }
.rb-hr .ua-who small { display: block; font-size: 12px; color: var(--ds-mute); }
.rb-hr .ua-pw { display: flex; gap: 8px; }
.rb-hr .ua-pw .ds-in { flex: 1; min-width: 0; letter-spacing: .04em; font-family: ui-monospace, Menlo, monospace; }
.rb-hr .ua-pw .ds-btn { width: 44px; height: 44px; padding: 0; border-radius: 12px; flex: none; }
.rb-hr .ua-steps { margin: 0; padding: 0; list-style: none; counter-reset: uas; display: flex; flex-direction: column; gap: 14px; }
.rb-hr .ua-steps > li { display: flex; gap: 12px; align-items: flex-start; }
.rb-hr .ua-steps > li::before { counter-increment: uas; content: counter(uas); flex: none; width: 24px; height: 24px; margin-top: 2px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-ink); color: var(--ds-bg); font-size: 12px; font-weight: 500; }
.rb-hr .ua-steps > li > div { flex: 1; min-width: 0; }
.rb-hr .ua-steps a.ds-btn { margin-inline-start: 6px; vertical-align: middle; }
.rb-hr .ua-cred { margin-top: 10px; border: 1px solid var(--ds-line); border-radius: 14px; overflow: hidden; background: var(--ds-surface); }
.rb-hr .ua-cred > div { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--ds-line); min-width: 0; }
.rb-hr .ua-cred > div:last-child { border-bottom: 0; }
.rb-hr .ua-cred span { font-size: 12px; color: var(--ds-mute); flex: none; min-width: 64px; }
.rb-hr .ua-cred b { flex: 1; min-width: 0; font-weight: 500; font-family: ui-monospace, Menlo, monospace; font-size: 13.5px; text-align: end; overflow-wrap: anywhere; user-select: all; }
.rb-hr .ua-cred .ds-btn { flex: none; }
.rb-hr .ua-cred.big { margin-top: 0; }
.rb-hr .ua-cred.big > div { padding: 13px 14px; }
.rb-hr .ua-cred.big b { font-size: 15px; }
.rb-hr .ua-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.rb-hr .ua-acts .ds-btn { flex: 1 1 200px; height: 46px; }
@media (max-width: 560px) { .rb-hr .tmx-row { grid-template-columns: minmax(0, 1fr); gap: 8px; } }
@media (max-width: 380px) { .rb-hr .tmx-two { grid-template-columns: minmax(0, 1fr); } }


.rb-hr.pf { max-width: 880px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rb-hr.pf svg { flex: none; }
.rb-hr.pf .ok, .rb-hr.pf-m .ok { color: var(--ds-ok); }
.rb-hr.pf .bad, .rb-hr.pf-m .bad { color: var(--ds-bad); }
.rb-hr.pf .warn { color: var(--ds-gold-deep); }
.rb-hr .pf-hero { display: flex; align-items: center; gap: 16px; padding: 20px 22px; border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); background: var(--ds-surface); min-width: 0; }
.rb-hr .pf-av { width: 64px; height: 64px; border-radius: 18px; overflow: hidden; background: var(--ds-ink); color: var(--ds-bg); display: grid; place-items: center; font-size: 26px; font-weight: 500; flex: none; }
.rb-hr .pf-av img { width: 100%; height: 100%; object-fit: cover; }
.rb-hr .pf-id { flex: 1; min-width: 0; }
.rb-hr .pf-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ds-gold-deep); font-weight: 500; }
.rb-hr .pf-eyebrow::before { content: ''; width: 18px; height: 1px; background: currentColor; }
.rb-hr .pf-id h1 { margin: 2px 0 8px; font-size: 24px; font-weight: 500; line-height: 1.3; overflow-wrap: anywhere; }
.rb-hr .pf-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.rb-hr .pf-chip { display: inline-flex; align-items: center; gap: 5px; height: 24px; font-size: 11.5px; padding: 0 10px; border-radius: 12px; background: var(--ds-alt); color: var(--ds-mute); }
.rb-hr .pf-chip.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); font-weight: 500; }
.rb-hr .pf-chip.info { background: var(--ds-alt); color: var(--ds-text); }
.rb-hr .pf-chip.warn { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-hr .pf-acts { display: flex; gap: 8px; flex: none; align-self: flex-start; }
.rb-hr .pf-ib { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; border: 1px solid var(--ds-line2); background: var(--ds-surface); color: var(--ds-mute); cursor: pointer; flex: none; transition: border-color .15s, color .15s; }
.rb-hr .pf-ib:hover { color: var(--ds-text); border-color: var(--ds-ink); }
.rb-hr .pf-ib.sm { width: 36px; height: 36px; border-radius: 11px; }

.rb-hr .pf-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; }
.rb-hr .pf-kpis:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rb-hr .pf-kpi { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 3px; padding: 16px 20px 14px; border-inline-start: 1px solid var(--ds-line); min-width: 0; transition: background .15s; }
.rb-hr .pf-kpi:first-child { border-inline-start: 0; }
.rb-hr .pf-kpi:hover { background: var(--ds-surface2); }
.rb-hr .pf-kpi:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: -2px; }
.rb-hr .pf-kpi small { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-hr .pf-kpi small svg { color: var(--ds-gold-deep); }
.rb-hr .pf-kpi b { font-size: 22px; font-weight: 500; font-variant-numeric: tabular-nums; direction: ltr; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
.rb-hr .pf-kpi b.dim { color: var(--ds-faint); }
.rb-hr .pf-kpi em { font-style: normal; font-size: 11.5px; color: var(--ds-faint); }

.rb-hr .pf-card { border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); background: var(--ds-surface); padding: 18px 22px 20px; min-width: 0; }
.rb-hr .pf-h { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; min-width: 0; }
.rb-hr .pf-hic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--ds-alt); color: var(--ds-text); flex: none; }
.rb-hr .pf-ht { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rb-hr .pf-ht b { font-size: 15px; font-weight: 500; }
.rb-hr .pf-ht small { font-size: 12.5px; color: var(--ds-mute); }
.rb-hr .pf-pill { font-style: normal; display: inline-flex; align-items: center; height: 22px; font-size: 11px; padding: 0 9px; border-radius: 11px; background: var(--ds-alt); color: var(--ds-mute); white-space: nowrap; }
.rb-hr .pf-pill.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-hr .pf-pill.warn { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-hr .pf-pill.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-hr .pf-pill.info { background: var(--ds-alt); color: var(--ds-text); }

.rb-hr .pf-rows { display: flex; flex-direction: column; }
.rb-hr .pf-rows.boxed { border: 1px solid var(--ds-line); border-radius: 14px; padding: 4px 14px; background: var(--ds-surface); }
.rb-hr .pf-r { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 2px; border-bottom: 1px dashed var(--ds-line); font-size: 13.5px; }
.rb-hr .pf-r:last-child { border-bottom: 0; }
.rb-hr .pf-r > span { color: var(--ds-mute); }
.rb-hr .pf-r > b { font-weight: 500; font-variant-numeric: tabular-nums; direction: ltr; }
.rb-hr .pf-r > b.pf-near { direction: rtl; font-weight: 400; color: var(--ds-mute); }
.rb-hr .pf-r > b.pf-near .sens { color: var(--ds-text); font-weight: 500; }
.rb-hr .pf-r.total { border-top: 1px solid var(--ds-line2); border-bottom-style: solid; margin-top: 2px; }
.rb-hr .pf-r.total > span { color: var(--ds-text); }
.rb-hr .pf-r.total > b { font-size: 18px; }
.rb-hr .pf-r.gold > b { color: var(--ds-gold-deep); }

.rb-hr .pf-balrow { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 4px 2px 14px; border-bottom: 1px solid var(--ds-line); margin-bottom: 6px; }
.rb-hr .pf-balrow small { display: block; font-size: 12.5px; color: var(--ds-mute); margin-bottom: 2px; }
.rb-hr .pf-balrow b { font-size: 30px; font-weight: 500; font-variant-numeric: tabular-nums; direction: ltr; display: block; text-align: right; line-height: 1.25; letter-spacing: -.01em; }
.rb-hr .pf-muted { font-size: 12px; color: var(--ds-mute); }

.rb-hr .pf-mv { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.rb-hr .pf-mv.scroll { max-height: 52vh; overflow: auto; }
.rb-hr .pf-mv li { display: flex; align-items: center; gap: 12px; padding: 11px 4px; border-bottom: 1px solid var(--ds-line); min-width: 0; }
.rb-hr .pf-mv li:last-child { border-bottom: 0; }
.rb-hr .pf-mv li.click { cursor: pointer; border-radius: 12px; transition: background .15s; }
.rb-hr .pf-mv li.click:hover { background: var(--ds-surface2); }
.rb-hr .pf-mv-ic { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex: none; background: var(--ds-alt); color: var(--ds-mute); }
.rb-hr .pf-mv-ic.in, .rb-hr .pf-mv-ic.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-hr .pf-mv-ic.out, .rb-hr .pf-mv-ic.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-hr .pf-mv-ic.warn { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-hr .pf-mv-ic.info { background: var(--ds-alt); color: var(--ds-text); }
.rb-hr .pf-mv-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rb-hr .pf-mv-t b { font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-hr .pf-mv-t small { font-size: 11.5px; color: var(--ds-mute); }
.rb-hr .pf-mv-a { font-size: 14px; font-weight: 500; direction: ltr; white-space: nowrap; flex: none; font-variant-numeric: tabular-nums; }
.rb-hr .pf-mv-end { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.rb-hr .pf-mv-end b { font-size: 13.5px; font-weight: 500; direction: ltr; font-variant-numeric: tabular-nums; }
.rb-hr .pf-mv-end .pf-pill { color: var(--ds-mute); }
.rb-hr .pf-mv-end .pf-pill.ok { color: var(--ds-ok); } .rb-hr .pf-mv-end .pf-pill.bad { color: var(--ds-bad); } .rb-hr .pf-mv-end .pf-pill.warn { color: var(--ds-gold-deep); }
.rb-hr .pf-run { font-size: 11px; color: var(--ds-mute); }
.rb-hr .pf-more { all: unset; box-sizing: border-box; cursor: pointer; margin-top: 12px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 14px; border: 1px solid var(--ds-line2); font-size: 13.5px; font-weight: 500; color: var(--ds-text); transition: border-color .15s; }
.rb-hr .pf-more:hover { border-color: var(--ds-ink); }
.rb-hr .pf-more:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }

.rb-hr .pf-dim { display: flex; align-items: center; gap: 8px; color: var(--ds-mute); font-size: 13px; padding: 6px 2px; }
.rb-hr .pf-empty { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: var(--ds-r); background: var(--ds-alt); color: var(--ds-mute); font-size: 13px; line-height: 1.7; }
.rb-hr .pf-empty svg { margin-top: 3px; }
.rb-hr .pf-empty.mb { margin-bottom: 10px; }
.rb-hr .pf-empty.mt { margin-top: 10px; }
.rb-hr .pf-spin { display: inline-flex; animation: dsSpin .9s linear infinite; color: var(--ds-gold-deep); }
.rb-hr .pf-tiers { margin-top: 8px; }
.rb-hr .pf-tier-t { font-size: 12.5px; color: var(--ds-mute); margin: 12px 0 6px; }
.rb-hr .pf-tier-f { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--ds-mute); margin-top: 6px; }
.rb-hr .pf-tier-f b { font-weight: 500; }
.rb-hr .pf-tier-f b.pf-v { color: var(--ds-text); }
.rb-hr .pf-tierbar { height: 6px; border-radius: 3px; background: var(--ds-alt); overflow: hidden; }
.rb-hr .pf-tierbar span { display: block; height: 100%; border-radius: 3px; background: var(--ds-gold); transition: width .3s var(--ds-ease); }
.rb-hr .pf-foot { font-size: 12px; color: var(--ds-mute); margin: 12px 0 0; line-height: 1.7; }
.rb-hr.pf .sens { filter: blur(7px); opacity: .75; user-select: none; transition: filter .18s; }
.rb-hr.pf.revealed .sens { filter: none; opacity: 1; user-select: auto; }

.rb-hr.pf-m { display: flex; flex-direction: column; gap: 12px; }

.rb-hr .pf-dg-list { display: grid; gap: 8px; }
.rb-hr .pf-dg { border: 1px solid var(--ds-line); border-radius: 14px; padding: 11px 14px; background: var(--ds-surface); }
.rb-hr .pf-dg-h { display: flex; align-items: center; gap: 10px; font-size: 13px; flex-wrap: wrap; }
.rb-hr .pf-dg-h b { font-weight: 500; }
.rb-hr .pf-dg-i { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--ds-alt); color: var(--ds-mute); }
.rb-hr .pf-dg-d { margin-inline-start: auto; font-size: 12px; color: var(--ds-mute); overflow-wrap: anywhere; }
.rb-hr .pf-dg-fix { font-size: 12px; color: var(--ds-mute); margin-top: 6px; padding-inline-start: 34px; line-height: 1.7; }
.rb-hr .pf-dg.ok .pf-dg-i { background: var(--ds-ok-bg); color: var(--ds-ok); } .rb-hr .pf-dg.ok .pf-dg-d { color: var(--ds-ok); }
.rb-hr .pf-dg.bad { border-color: color-mix(in srgb, var(--ds-bad) 35%, var(--ds-line)); }
.rb-hr .pf-dg.bad .pf-dg-i { background: var(--ds-bad-bg); color: var(--ds-bad); } .rb-hr .pf-dg.bad .pf-dg-d { color: var(--ds-bad); }
.rb-hr .pf-dg.warn .pf-dg-i { background: var(--ds-gold-soft); color: var(--ds-gold-deep); } .rb-hr .pf-dg.warn .pf-dg-d { color: var(--ds-gold-deep); }
.rb-hr .pf-dg.load .pf-dg-i svg { animation: dsSpin .9s linear infinite; }
@media (max-width: 640px) {
  .rb-hr.pf { gap: 12px; }
  .rb-hr .pf-hero { padding: 16px; gap: 12px; flex-wrap: wrap; }
  .rb-hr .pf-av { width: 56px; height: 56px; border-radius: 16px; }
  .rb-hr .pf-id h1 { font-size: 20px; }
  .rb-hr .pf-acts { width: 100%; justify-content: flex-start; }
  .rb-hr .pf-kpis, .rb-hr .pf-kpis:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-hr .pf-kpis .pf-kpi:first-child { grid-column: 1 / -1; }
  .rb-hr .pf-kpis .pf-kpi:nth-child(2) { border-inline-start: 0; }
  .rb-hr .pf-kpis .pf-kpi:nth-child(n+2) { border-top: 1px solid var(--ds-line); }
  .rb-hr .pf-kpi { padding: 13px 14px 11px; }
  .rb-hr .pf-kpi b { font-size: 19px; }
  .rb-hr .pf-card { padding: 16px; }
  .rb-hr .pf-balrow b { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) { .rb-hr .rb-spin, .rb-hr .pf-spin, .rb-hr .pf-dg.load .pf-dg-i svg { animation: none; } .rb-hr .rw-bar span, .rb-hr .pf-tierbar span { transition: none; } }

.inb .inb-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px; border-bottom: 1px solid var(--ds-line); }
.inb .inb-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-text); font: inherit; font-size: 12.5px; cursor: pointer; }
.inb .inb-chip:hover { border-color: var(--ds-ink, #111); }
.inb .inb-chip.on { background: var(--ds-ink, #111); border-color: var(--ds-ink, #111); color: var(--ds-surface, #fff); }
.inb .inb-chip em { font-style: normal; font-size: 11px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--ds-surface2); color: var(--ds-mute); }
.inb .inb-chip.on em { background: rgba(255, 255, 255, .18); color: inherit; }

.inb .inb-list { display: flex; flex-direction: column; }
.inb .inb-day { padding: 10px 16px 6px; font-size: 11.5px; font-weight: 600; color: var(--ds-mute); background: var(--ds-surface2); border-top: 1px solid var(--ds-line); }
.inb .inb-day:first-child { border-top: 0; }
.inb .inb-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) 16px; align-items: start; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--ds-line); color: var(--ds-text); text-decoration: none; }
.inb .inb-day + .inb-row { border-top: 0; }
.inb .inb-row:hover { background: var(--ds-surface2); }
.inb .inb-row:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: -2px; }
.inb .inb-row.new { box-shadow: inset -3px 0 0 var(--ds-gold); }
.inb .inb-ic { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--ds-surface2); color: var(--ds-gold-deep); }
.inb .inb-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.inb .inb-top { display: flex; align-items: center; gap: 8px; }
.inb .inb-title { font-size: 13.5px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.inb .inb-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ds-gold); }
.inb .inb-body { font-size: 12.5px; line-height: 1.65; color: var(--ds-mute); white-space: pre-line; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.inb .inb-meta { display: flex; flex-wrap: wrap; gap: 4px; font-size: 11.5px; color: var(--ds-faint, var(--ds-mute)); }
.inb .inb-go { align-self: center; color: var(--ds-faint, var(--ds-mute)); }
@media (max-width: 560px) { .inb .inb-row { padding: 12px; gap: 10px; } .inb .inb-chips { padding: 10px 12px; } }



.rb-inv .rb-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.rb-inv .rb-gold { color: var(--ds-gold-deep); }
.rb-inv .rb-ok { color: var(--ds-ok); }
.rb-inv .rb-bad { color: var(--ds-bad); }
.rb-inv .rb-mute { color: var(--ds-mute); }
.rb-inv .rb-sp { flex: 1; }
.rb-inv .rb-seg { margin-bottom: 16px; }
.rb-inv .ds-btn.rb-ib { width: 38px; padding: 0; flex: none; }
.rb-inv .ds-btn.sm .v2-ic, .rb-inv .ds-btn.sm svg { flex: none; }
.rb-inv .rb-mt8 { margin-top: 8px; }
.rb-inv .rb-code { display: block; font-size: 11.5px; color: var(--ds-faint); margin-top: 2px; font-family: inherit; }
.rb-inv .rb-load { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 34px 16px; color: var(--ds-mute); font-size: 13px; text-align: center; }
.rb-inv .rb-spin { width: 18px; height: 18px; flex: none; border: 2px solid var(--ds-line2); border-top-color: var(--ds-ink); border-radius: 50%; animation: dsSpin .7s linear infinite; }
.rb-inv .rb-sec-t { display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 14px; margin: 4px 0 0; }
.rb-inv .rb-sec-t em { font-style: normal; font-size: 11px; min-width: 20px; height: 18px; padding: 0 6px; border-radius: 9px; background: var(--ds-alt); color: var(--ds-mute); display: inline-grid; place-items: center; }
.rb-inv .ds-seg button em.num { font-variant-numeric: tabular-nums; }
.rb-inv input[type=number] { -moz-appearance: textfield; appearance: textfield; }
.rb-inv input[type=number]::-webkit-inner-spin-button, .rb-inv input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.rb-inv .ds-in:disabled { background: var(--ds-alt); color: var(--ds-mute); cursor: not-allowed; }
@media (max-width: 640px) {
  .rb-inv .ds-btn.sm { height: 40px; }
  .rb-inv .ds-btn.rb-ib { width: 40px; }
  .rb-inv .dss-head-side, .rb-inv .rb-acts { width: 100%; }
  .rb-inv .ds-head .rb-acts > .ds-btn { flex: 1 1 0; min-width: 0; }
}


.rb-inv .rb-ifield { position: relative; }
.rb-inv .rb-ifield > svg { position: absolute; top: 22px; transform: translateY(-50%); inset-inline-start: 14px; color: var(--ds-mute); pointer-events: none; z-index: 1; }
.rb-inv .rb-ifield > .ds-in.dss-in { padding-inline-start: 42px; }
.rb-inv .rb-pop { position: absolute; inset-inline: 0; top: calc(100% + 6px); z-index: 40; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 16px; max-height: min(60vh, 440px); overflow-y: auto; box-shadow: 0 18px 40px -18px rgba(0,0,0,.35); overscroll-behavior: contain; }
.rb-inv .rb-pop-empty { padding: 13px 14px; color: var(--ds-mute); font-size: 13px; }
.rb-inv .rb-pop-sum { position: sticky; top: 0; z-index: 2; padding: 8px 14px; font-size: 12px; color: var(--ds-mute); background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); }
.rb-inv .rb-pop-tpl { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 14px; min-height: 46px; background: var(--ds-alt); border-bottom: 1px solid var(--ds-line); cursor: pointer; }
.rb-inv .rb-pop-tn { display: flex; align-items: center; gap: 8px; min-width: 0; }
.rb-inv .rb-pop-tn b { font-weight: 500; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-inv .rb-chev { display: inline-flex; color: var(--ds-mute); transition: transform .15s var(--ds-ease); flex: none; }
.rb-inv .rb-pop-tr { display: flex; align-items: center; gap: 8px; flex: none; }
.rb-inv .rb-pop-tr small { font-size: 12px; color: var(--ds-mute); white-space: nowrap; }
.rb-inv .rb-addall { height: 32px; padding: 0 12px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--ds-ok) 40%, transparent); background: var(--ds-ok-bg); color: var(--ds-ok); font-size: 12px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.rb-inv .rb-addall:disabled { opacity: .55; cursor: wait; }
.rb-inv .rb-pop-var { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 8px 14px; padding-inline-start: 34px; border: 0; border-bottom: 1px solid var(--ds-line); background: var(--ds-surface); cursor: pointer; text-align: start; }
.rb-inv .rb-pop-var:hover { background: var(--ds-surface2); }
.rb-inv .rb-pop-vl { display: flex; align-items: center; gap: 9px; min-width: 0; }
.rb-inv .rb-pop-vl b { font-weight: 500; }
.rb-inv .rb-pop-vl code { font-family: inherit; font-size: 11.5px; color: var(--ds-mute); }
.rb-inv .rb-pop-add { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-ok-bg); color: var(--ds-ok); flex: none; }


.rb-inv .rb-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0 0; padding: 8px 10px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); }
.rb-inv .rb-bulk-l { font-size: 12px; color: var(--ds-mute); margin-inline-end: 4px; }
.rb-inv .ds-in.dss-in.rb-bulk-in { width: 86px; height: 38px; text-align: center; padding: 0 6px; }
.rb-inv .rb-bulk .ds-btn.sm { padding: 0 12px; }


.rb-inv .rb-lines { margin-top: 12px; }
.rb-inv .rb-lines th.c, .rb-inv .rb-lines td.rb-c-qt { text-align: center; }
.rb-inv .rb-lines td.rb-c-rm { width: 52px; text-align: end; }
.rb-inv .rb-lines tr.is-over td { background: var(--ds-bad-bg); }
.rb-inv .rb-lines tr.rb-empty-row td, .rb-inv .rb-lines tr.empty td { padding: 0; }
.rb-inv .rb-lines tr.rb-empty-row:hover td, .rb-inv .rb-lines tr.empty:hover td { background: none; }
.rb-inv .rb-ln-nm { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rb-inv .rb-ln-nm b { font-weight: 500; font-size: 13.5px; line-height: 1.45; }
.rb-inv .rb-av { margin-top: 4px; font-size: 12px; color: var(--ds-mute); }
.rb-inv .rb-av.ok { color: var(--ds-ok); }
.rb-inv .rb-av.bad { color: var(--ds-bad); font-weight: 500; }
.rb-inv .rb-av.warn { color: var(--ds-gold-deep); }
.rb-inv .rb-qty { display: inline-flex; align-items: center; gap: 4px; direction: ltr; }
.rb-inv .rb-step { width: 38px; height: 40px; border-radius: 11px; border: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-text); font-size: 17px; line-height: 1; cursor: pointer; display: grid; place-items: center; touch-action: manipulation; }
.rb-inv .rb-step:active { transform: scale(.94); background: var(--ds-alt); }
.rb-inv .rb-qin { width: 64px; height: 40px; border: 1px solid var(--ds-line2); border-radius: 11px; text-align: center; font-size: 15px; font-weight: 500; background: var(--ds-surface); color: var(--ds-text); outline: none; padding: 0 4px; }
.rb-inv .rb-qin:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 8%, transparent); }
.rb-inv tr.is-over .rb-qin { border-color: var(--ds-bad); color: var(--ds-bad); }
.rb-inv .rb-x { width: 40px; height: 40px; border-radius: 11px; border: 0; background: transparent; color: var(--ds-mute); display: grid; place-items: center; cursor: pointer; }
.rb-inv .rb-x:hover { background: var(--ds-bad-bg); color: var(--ds-bad); }
@media (max-width: 640px) {
  .rb-inv .rb-lines thead { display: none; }
  .rb-inv .rb-lines table, .rb-inv .rb-lines tbody { display: block; }
  .rb-inv .rb-lines tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid var(--ds-line); }
  .rb-inv .rb-lines tr:last-child { border-bottom: 0; }
  .rb-inv .rb-lines tr.rb-empty-row, .rb-inv .rb-lines tr.empty { display: block; padding: 0; }
  .rb-inv .rb-lines td { display: block; padding: 0; border: 0; background: transparent !important; }
  .rb-inv .rb-lines tr.is-over { background: var(--ds-bad-bg); }
  .rb-inv .rb-lines td.rb-c-nm { grid-column: 1 / -1; }
  .rb-inv .rb-lines td.rb-c-qt { text-align: start; }
  .rb-inv .rb-lines td.rb-c-rm { width: auto; }
}


.rb-inv .rb-trf-tbl th.c, .rb-inv .rb-trf-tbl td.rb-c-lines { text-align: center; }
.rb-inv .rb-trf-tbl td.rb-c-st, .rb-inv .rb-trf-tbl td.rb-c-act { white-space: nowrap; }
.rb-inv .rb-trf-tbl td.rb-c-act { width: 1%; }
.rb-inv .rb-c-main { min-width: 210px; }
.rb-inv .rb-trf-route { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.rb-inv .rb-trf-route b { font-weight: 500; }
.rb-inv .rb-arrow { display: inline-flex; color: var(--ds-gold-deep); }
.rb-inv .rb-trf-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 3px; font-size: 12px; color: var(--ds-mute); }
.rb-inv .rb-trf-meta b { font-weight: 500; color: var(--ds-text); }
.rb-inv .rb-trf-meta i { width: 3px; height: 3px; border-radius: 50%; background: var(--ds-line2); }
.rb-inv .rb-trf-type { display: inline-flex; align-items: center; gap: 4px; color: var(--ds-mute); font-size: 12px; }
.rb-inv .rb-trf-acts { display: flex; gap: 4px; justify-content: flex-end; align-items: center; }
.rb-inv .rb-trf-tbl tr.rb-trf-row { cursor: pointer; }   
.rb-inv .rb-m-only { display: none; }
@media (max-width: 860px) { .rb-inv .rb-m-only { display: inline; } }
@media (min-width: 1081px) { .rb-inv .rb-trf-acts .ds-btn.rb-ib { width: 34px; height: 34px; border-radius: 10px; } .rb-inv .rb-trf-acts .ds-btn.sm:not(.rb-ib) { height: 34px; border-radius: 10px; } }


.ds-page.rb-tf { max-width: 980px; }
.rb-inv .rb-tf-body .dss-card { overflow: visible; }
.rb-inv .rb-tf-body .ds-note { margin: 4px 0 16px; }
.rb-inv .rb-locked { background: var(--ds-alt); }

.rb-inv.rb-trfv { display: flex; flex-direction: column; gap: 12px; }
.rb-inv .rb-kv { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--ds-line); border: 1px solid var(--ds-line); border-radius: 14px; overflow: hidden; }
.rb-inv .rb-kv-i { background: var(--ds-surface); padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rb-inv .rb-kv-i small { font-size: 11.5px; color: var(--ds-mute); }
.rb-inv .rb-kv-i b { font-weight: 500; }
.rb-inv .rb-kv-i.wide { grid-column: 1 / -1; }
.rb-inv .rb-trfv-tbl th.c, .rb-inv .rb-trfv-tbl td.c { text-align: center; width: 90px; }
.rb-inv .rb-appr { display: flex; flex-direction: column; gap: 6px; }
.rb-inv .rb-appr-i { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: var(--ds-ok-bg); font-size: 13px; }
.rb-inv .rb-appr-i.bad { background: var(--ds-bad-bg); }
.rb-inv .rb-appr-i b { font-weight: 500; }
.rb-inv .rb-appr-ic { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-ok); color: #fff; flex: none; }
.rb-inv .rb-appr-i.bad .rb-appr-ic { background: var(--ds-bad); }
.rb-inv .rb-appr-i small { display: block; color: var(--ds-mute); font-size: 11.5px; }
.rb-inv .rb-appr-i em { display: block; font-style: normal; margin-top: 2px; }
@media (max-width: 560px) { .rb-inv .rb-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); } }


.rb-inv.rb-cw { padding-bottom: 110px; }

.rb-inv .cw-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; margin-bottom: 14px; }
.rb-inv .cw-k { position: relative; display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 16px 20px 14px; border-inline-start: 1px solid var(--ds-line); transition: background .15s; }
.rb-inv .cw-k:first-child { border-inline-start: 0; }
.rb-inv .cw-k[data-kf] { cursor: pointer; }
.rb-inv .cw-k[data-kf]:hover { background: var(--ds-surface2); }
.rb-inv .cw-k.on::after { content: ''; position: absolute; inset-inline: 18px; bottom: 0; height: 2px; border-radius: 2px; background: var(--ds-ink); }
.rb-inv .cw-k small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-inv .cw-k small svg { color: var(--ds-gold-deep); }
.rb-inv .cw-k b { font-size: 24px; font-weight: 500; line-height: 1.25; }
.rb-inv .cw-k em { font-style: normal; font-size: 11.5px; color: var(--ds-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-inv .cw-k.bad b { color: var(--ds-bad); }
.rb-inv .cw-k.sel b { color: var(--ds-gold-deep); }

.rb-inv .cw-tb { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px; margin-bottom: 6px; }
.rb-inv .cw-qw { flex: 1 1 260px; min-width: 0; }
.rb-inv .cw-qw .ds-in { background: var(--ds-surface2); }
.rb-inv .cw-qw .ds-in:focus { background: var(--ds-surface); }
.rb-inv .cw-tb .cw-cat { flex: 0 1 250px; width: auto; min-width: 170px; }

.rb-inv .cw-grp { display: flex; align-items: baseline; gap: 10px; margin: 18px 4px 8px; }
.rb-inv .cw-grp h3 { margin: 0; font-size: 15px; font-weight: 500; }
.rb-inv .cw-grp .full { font-size: 11.5px; color: var(--ds-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1; }
.rb-inv .cw-grp .count { flex: none; }

.rb-inv .cw-card { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 18px; overflow: hidden; transition: border-color .15s, box-shadow .2s var(--ds-ease); }
.rb-inv .cw-card + .cw-card { margin-top: 8px; }
.rb-inv .cw-card:hover { border-color: var(--ds-line2); }
.rb-inv .cw-card.act { border-color: var(--ds-ink); box-shadow: 0 12px 28px -18px rgba(0,0,0,.35); }
.rb-inv .cw-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; align-items: center; gap: 16px; padding: 12px 14px; cursor: pointer; }
.rb-inv .cw-head .pthumb { --pt: 60px; border-radius: 12px; }
.rb-inv .cw-meta { min-width: 0; }
.rb-inv .cw-name { font-size: 14.5px; font-weight: 500; margin: 0; line-height: 1.45; }
.rb-inv .cw-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 3px; font-size: 12px; color: var(--ds-mute); }
.rb-inv .cw-sub i { width: 3px; height: 3px; border-radius: 50%; background: var(--ds-line2); }
.rb-inv .cw-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.rb-inv .cw-badges:not(:empty) { margin-top: 6px; }
.rb-inv .cw-b { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 11px; font-size: 11px; white-space: nowrap; }
.rb-inv .cw-b.sel { background: var(--ds-gold-soft); color: var(--ds-gold-deep); font-weight: 500; }
.rb-inv .cw-brs { display: grid; grid-template-columns: repeat(3, 64px); border: 1px solid var(--ds-line); border-radius: 12px; overflow: hidden; }
.rb-inv .cw-br { text-align: center; padding: 5px 4px; line-height: 1.25; }
.rb-inv .cw-br + .cw-br { border-inline-start: 1px solid var(--ds-line); }
.rb-inv .cw-br small { display: block; font-size: 10.5px; color: var(--ds-mute); }
.rb-inv .cw-br b { font-size: 15px; font-weight: 500; }
.rb-inv .cw-br.zero { background: var(--ds-bad-bg); }
.rb-inv .cw-br.zero b, .rb-inv .cw-br.zero small { color: var(--ds-bad); }
.rb-inv .cw-br.low { background: var(--ds-gold-soft); }
.rb-inv .cw-br.low b { color: var(--ds-gold-deep); }
.rb-inv .cw-mg { text-align: center; min-width: 74px; line-height: 1.15; }
.rb-inv .cw-mg b { display: block; font-size: 24px; font-weight: 500; letter-spacing: -.02em; }
.rb-inv .cw-mg small { font-size: 11px; color: var(--ds-mute); }
.rb-inv .cw-chev { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--ds-alt); color: var(--ds-mute); transition: transform .18s var(--ds-ease), background .15s; }
.rb-inv .cw-card.act .cw-chev { transform: rotate(180deg); background: var(--ds-ink); color: var(--ds-bg); }
.rb-inv .cw-body { border-top: 1px solid var(--ds-line); background: var(--ds-surface2); padding: 4px 14px 14px; }
.rb-inv .cw-tools { display: flex; gap: 7px; flex-wrap: wrap; padding: 11px 0 10px; align-items: center; }
.rb-inv .cw-tools .hint { font-size: 11.5px; color: var(--ds-mute); margin-inline-start: auto; }
.rb-inv .cw-tblw { border: 1px solid var(--ds-line); border-radius: 14px; overflow: auto; background: var(--ds-surface); }
.rb-inv .cw-tbl { width: 100%; border-collapse: collapse; }
.rb-inv .cw-tbl th { font-size: 11.5px; color: var(--ds-mute); font-weight: 500; text-align: center; padding: 9px 6px; background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); white-space: nowrap; }
.rb-inv .cw-tbl th:first-child { text-align: start; padding-inline-start: 14px; }
.rb-inv .cw-tbl td { padding: 8px 6px; border-bottom: 1px solid var(--ds-line); text-align: center; vertical-align: middle; }
.rb-inv .cw-tbl td:first-child { text-align: start; padding-inline-start: 14px; }
.rb-inv .cw-tbl tr:last-child td { border-bottom: 0; }
.rb-inv .cw-vlabel b { font-size: 13.5px; font-weight: 500; }
.rb-inv .cw-vlabel small { display: block; font-size: 11px; color: var(--ds-faint); font-variant-numeric: tabular-nums; }
.rb-inv .cw-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-inline-end: 6px; border: 1px solid rgba(0,0,0,.14); vertical-align: -1px; }
.rb-inv .cw-mgq { font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 500; }
.rb-inv .cw-qi { width: 60px; height: 40px; text-align: center; border: 1px solid var(--ds-line2); border-radius: 11px; font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 500; background: var(--ds-surface); color: var(--ds-text); outline: none; transition: border-color .15s, box-shadow .15s; }
.rb-inv .cw-qi:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 8%, transparent); }
.rb-inv .cw-qi.has { background: var(--ds-ink); color: var(--ds-bg); border-color: var(--ds-ink); }
.rb-inv .cw-cur { display: block; font-size: 11px; color: var(--ds-mute); font-variant-numeric: tabular-nums; margin-top: 3px; }
.rb-inv .cw-cur.z { color: var(--ds-bad); font-weight: 500; }
.rb-inv .cw-rest { font-variant-numeric: tabular-nums; font-size: 13px; font-weight: 500; color: var(--ds-mute); }
.rb-inv .cw-rest.on { color: var(--ds-ok); }
.rb-inv .cw-rest.bad { color: var(--ds-bad); }
.rb-inv .cw-tbl tr.dirty td { background: var(--ds-gold-soft); }

.rb-inv .cw-log { margin-top: 18px; }
.rb-inv .cw-log .lrow { display: grid; grid-template-columns: 110px auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 11px 22px; border-top: 1px solid var(--ds-line); font-size: 12.5px; }
.rb-inv .cw-log .t { color: var(--ds-mute); font-size: 11.5px; }
.rb-inv .cw-log .who { font-weight: 500; }
.rb-inv .cw-log .parts { color: var(--ds-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-inv .cw-log .q { font-weight: 500; white-space: nowrap; }

.rb-inv.cw-modal .cw-mrow { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--ds-line); }
.rb-inv.cw-modal .cw-mrow:last-of-type { border-bottom: 0; }
.rb-inv.cw-modal .cw-mic { width: 38px; height: 38px; border-radius: 11px; background: var(--ds-alt); display: grid; place-items: center; flex: none; }
.rb-inv.cw-modal .cw-mt { min-width: 0; }
.rb-inv.cw-modal .nm { font-weight: 500; }
.rb-inv.cw-modal .sub { font-size: 11.5px; color: var(--ds-mute); }
.rb-inv.cw-modal .q { margin-inline-start: auto; font-weight: 500; white-space: nowrap; }
.rb-inv.cw-modal .ds-note { margin: 12px 0 0; }

.rb-inv.cw-dock { position: fixed; inset-inline: 0; bottom: 0; z-index: 45; padding: 0 16px 14px; pointer-events: none; transform: translateY(130%); transition: transform .22s var(--ds-ease), opacity .22s, visibility .22s; }
.rb-inv.cw-dock:not(.show) { opacity: 0; visibility: hidden; }
.rb-inv.cw-dock.show { transform: none; opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce) { .rb-inv.cw-dock { transition: none; } }
@media (min-width: 900px) { .rb-inv.cw-dock { inset-inline-start: var(--sb-w, 248px); } body:has(.v2-root.sb-min) .rb-inv.cw-dock { inset-inline-start: 68px; } }
.rb-inv .cw-dockin { pointer-events: auto; max-width: 1180px; margin: 0 auto; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 11px 12px 11px 16px; border-radius: 18px; background: var(--ds-ink); color: var(--ds-bg); box-shadow: 0 18px 40px -18px rgba(0,0,0,.55); }
.rb-inv .cw-dsum { font-size: 13px; }
.rb-inv .cw-dsum b { font-size: 18px; font-weight: 500; }
.rb-inv .cw-dpills { display: flex; gap: 6px; flex-wrap: wrap; }
.rb-inv .cw-dp { background: color-mix(in srgb, var(--ds-bg) 12%, transparent); border-radius: 999px; padding: 4px 12px; font-size: 12px; }
.rb-inv .cw-dp b { font-weight: 500; }
.rb-inv .cw-dact { margin-inline-start: auto; display: flex; gap: 8px; }
.rb-inv.cw-dock .cw-ghost { background: transparent; color: var(--ds-bg); border-color: color-mix(in srgb, var(--ds-bg) 30%, transparent); }
.rb-inv.cw-dock .cw-go { background: var(--ds-bg); color: var(--ds-ink); }
.rb-inv.cw-dock .cw-go:disabled { opacity: .55; }
@media (max-width: 900px) {
  .rb-inv .cw-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-inv .cw-k { border-top: 1px solid var(--ds-line); padding: 14px 16px 12px; }
  .rb-inv .cw-k:nth-child(-n+2) { border-top: 0; }
  .rb-inv .cw-k:nth-child(odd) { border-inline-start: 0; }
  .rb-inv .cw-k b { font-size: 20px; }
  .rb-inv.cw-dock { bottom: calc(var(--bn-h, 60px) + env(safe-area-inset-bottom, 0px)); padding: 0 10px 8px; }
}
@media (max-width: 760px) {
  .rb-inv .cw-head { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px 12px; }
  .rb-inv .cw-head .pthumb { --pt: 52px; }
  .rb-inv .cw-brs { grid-column: 1 / 3; grid-row: 2; grid-template-columns: repeat(3, 1fr); }
  .rb-inv .cw-mg { grid-column: 3; grid-row: 2; min-width: 0; }
  .rb-inv .cw-chev { grid-column: 3; grid-row: 1; align-self: start; }
  .rb-inv .cw-tb .cw-cat { flex: 1 1 100%; }
  .rb-inv .cw-tb .cw-seg { flex: 1 1 100%; width: 100%; }
  .rb-inv .cw-tb .cw-seg > button { flex: 1 0 auto; justify-content: center; padding: 0 10px; }
  .rb-inv .cw-qi { width: 46px; height: 40px; font-size: 13.5px; }
  .rb-inv .cw-tbl th, .rb-inv .cw-tbl td { padding-inline: 2px; }
  .rb-inv .cw-tbl th:first-child, .rb-inv .cw-tbl td:first-child { padding-inline-start: 10px; }
  .rb-inv .cw-tbl th { font-size: 10.5px; }
  .rb-inv .cw-cur { font-size: 10px; }
  .rb-inv .cw-body { padding: 4px 10px 12px; }
  .rb-inv .cw-tools .hint { flex-basis: 100%; margin: 0; }
  .rb-inv .cw-dpills { display: none; }
  .rb-inv .cw-dact { flex: 1 1 100%; }
  .rb-inv .cw-dact .ds-btn { flex: 1 1 0; }
  .rb-inv .cw-log .lrow { grid-template-columns: auto minmax(0, 1fr) auto; padding: 11px 16px; }
  .rb-inv .cw-log .t { grid-column: 1 / -1; }
  .rb-inv .cw-log .parts { grid-column: 2; }
}


.rb-inv .ds-in.dss-in.rb-pb-br { width: auto; min-width: 150px; height: 38px; }
.rb-inv .rb-pb-list { display: flex; flex-direction: column; }
.rb-inv .rb-pb-item { display: flex; flex-direction: column; gap: 10px; padding: 16px 22px; border-top: 1px solid var(--ds-line); }
.rb-inv .rb-pb-item.rp { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ds-bad-bg) 60%, transparent)); }
.rb-inv .rb-pb-top { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.rb-inv .rb-pb-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-inv .rb-pb-item.rp .rb-pb-ic { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-inv .rb-pb-t { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rb-inv .rb-pb-t b { font-weight: 500; font-size: 14.5px; }
.rb-inv .rb-pb-t small { color: var(--ds-mute); font-size: 12px; }
.rb-inv .rb-pb-r { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.rb-inv .rb-pb-r > b { font-size: 16px; font-weight: 500; white-space: nowrap; }
.rb-inv .rb-pb-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: var(--ds-mute); padding: 8px 12px; background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: 12px; }
.rb-inv .rb-pb-meta b { color: var(--ds-text); font-weight: 500; margin-inline-start: 4px; }
.rb-inv .pb-thumbs { display: inline-flex; align-items: center; gap: 4px; }
.rb-inv .pb-thumbs em { font-style: normal; font-size: 11px; color: var(--ds-mute); padding-inline-start: 2px; }
.rb-inv .rb-pb-item .ds-note { margin: 0; }
.rb-inv .rb-pb-acts { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rb-inv .rb-pb-more { display: flex; align-items: center; gap: 6px; }   
.rb-inv .rb-pb-tbl td { white-space: nowrap; }
.rb-inv .rb-pb-tbl th.c, .rb-inv .rb-pb-tbl td.rb-c-n { text-align: center; }
.rb-inv .rb-pb-tbl th.e, .rb-inv .rb-pb-tbl td.rb-c-tot { text-align: end; }
.rb-inv .rb-pb-tbl .rb-c-tot b { font-weight: 500; }
.rb-inv .rb-pb-tbl .rb-c-sup { white-space: normal; }
@media (max-width: 760px) {
  .rb-inv .rb-pb-item { padding: 14px 16px; }
  .rb-inv .rb-pb-top { grid-template-columns: 38px minmax(0, 1fr); }
  .rb-inv .rb-pb-ic { width: 38px; height: 38px; }
  .rb-inv .rb-pb-r { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
  .rb-inv .rb-pb-acts .rb-sp { display: none; }
  
}

.rb-inv.rb-pbv { display: flex; flex-direction: column; gap: 10px; }
.rb-inv .pbv-list { border: 1px solid var(--ds-line); border-radius: 14px; overflow: hidden; }
.rb-inv .pbv-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--ds-line); }
.rb-inv .pbv-row:last-child { border-bottom: 0; }
.rb-inv .pbv-row .t { flex: 1; min-width: 0; }
.rb-inv .pbv-row .t b { display: block; font-size: 13.5px; font-weight: 500; }
.rb-inv .pbv-row .t small { font-size: 12px; color: var(--ds-mute); }
.rb-inv .pbv-row .amt { font-weight: 500; white-space: nowrap; }
.rb-inv .rb-pbv-tot { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--ds-ink); color: var(--ds-bg); font-size: 13px; }
.rb-inv .rb-pbv-tot b { font-size: 17px; font-weight: 500; }


.rb-inv.rb-bf { max-width: 940px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }
.rb-inv.rb-bf .dss-card { margin: 0; overflow: visible; }
.rb-inv .bfx-search, .rb-inv .rb-bf-sup { margin-top: 14px; }
.rb-inv #bf-dest.bad { border-color: var(--ds-gold); background-color: var(--ds-gold-soft); }
.rb-inv .bfx-hint { display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; font-size: 12px; line-height: 1.6; color: var(--ds-mute); }
.rb-inv .bfx-hint > svg { flex: none; margin-top: 3px; }
.rb-inv .bfx-hint.warn { color: var(--ds-gold-deep); font-weight: 500; }

.rb-inv .bfx-pop { max-height: min(62vh, 480px); }
.rb-inv .bfx-pop .sum { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; gap: 10px; padding: 8px 14px; font-size: 12px; color: var(--ds-mute); border-bottom: 1px solid var(--ds-line); background: var(--ds-surface2); }
.rb-inv .bfx-pop .row { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; min-height: 46px; text-align: start; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-text); cursor: pointer; font-size: 13.5px; }
.rb-inv .bfx-pop .row:hover { background: var(--ds-surface2); }
.rb-inv .bfx-pop .row:last-child { border-bottom: 0; }
.rb-inv .bfx-pop .row .nm { font-weight: 500; }
.rb-inv .bfx-pop .row small { color: var(--ds-mute); font-size: 12px; white-space: nowrap; }
.rb-inv .bfx-pop .empty { padding: 13px 14px; color: var(--ds-mute); font-size: 13px; }
.rb-inv .bfx-pop .tpl { position: sticky; top: 34px; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: var(--ds-alt); border-bottom: 1px solid var(--ds-line); cursor: pointer; }
.rb-inv .bfx-pop .tpl .n { flex: 1; min-width: 0; font-weight: 500; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-inv .bfx-pop .tpl .chev { display: inline-flex; transition: transform .15s; color: var(--ds-mute); }
.rb-inv .bfx-pop .tpl.closed .chev { transform: rotate(-90deg); }
.rb-inv .bfx-pop .tpl small { color: var(--ds-mute); font-size: 12px; white-space: nowrap; }
.rb-inv .bfx-pop .tpl .bf-grid-open { height: 32px; padding: 0 10px; font-size: 12px; background: var(--ds-surface); }
.rb-inv .bfx-pop .var { padding-inline-start: 18px; }
.rb-inv .bfx-pop .var .l { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rb-inv .bfx-pop .var code { font-family: inherit; font-size: 11.5px; color: var(--ds-mute); }
.rb-inv .bfx-pop .var.on { background: var(--ds-gold-soft); }
.rb-inv .bfx-pop .var .inb { font-size: 10.5px; padding: 1px 8px; border-radius: 99px; background: var(--ds-ok-bg); color: var(--ds-ok); font-weight: 500; white-space: nowrap; }
.rb-inv .bf-ck { width: 20px; height: 20px; flex: none; border-radius: 6px; border: 1.5px solid var(--ds-line2); background: var(--ds-surface); display: inline-grid; place-items: center; color: transparent; transition: background .12s, border-color .12s; }
.rb-inv .bf-ck svg { width: 13px; height: 13px; }
.rb-inv .on > .l > .bf-ck, .rb-inv .bf-ck.on, .rb-inv .bf-ck.part { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); }
.rb-inv .bf-ck.part::after { content: ''; width: 9px; height: 2px; border-radius: 2px; background: var(--ds-bg); }
.rb-inv .bf-ck.part svg { display: none; }
.rb-inv .bfx-pop .tpl .bf-ck { cursor: pointer; }
.rb-inv .bfx-pop .selfoot { position: sticky; bottom: 0; z-index: 3; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 14px; background: var(--ds-surface); border-top: 1px solid var(--ds-line2); box-shadow: 0 -8px 18px -14px rgba(0,0,0,.35); }
.rb-inv .bfx-pop .selfoot[hidden] { display: none; }
.rb-inv .selfoot .c, .rb-inv .bfx-selbar .c { font-size: 13px; }
.rb-inv .selfoot .c b, .rb-inv .bfx-selbar .c b { font-size: 15px; font-weight: 500; }
.rb-inv .selfoot .q, .rb-inv .bfx-selbar .q { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-inv .selfoot .rb-qin, .rb-inv .bfx-selbar .rb-qin { width: 60px; height: 38px; }
.rb-inv .selfoot .sp, .rb-inv .bfx-selbar .sp { flex: 1; }
.rb-inv .bfx-selbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; padding: 9px 12px; border: 1.5px solid var(--ds-gold); border-radius: 14px; background: var(--ds-gold-soft); }
.rb-inv .bfx-selbar .thumbs { display: inline-flex; }
.rb-inv .bfx-selbar .thumbs .pthumb { margin-inline-start: -8px; border: 2px solid var(--ds-surface); }
.rb-inv .bfx-selbar .thumbs .pthumb:first-child { margin-inline-start: 0; }

.rb-inv .bfx-lines { margin-top: 12px; overflow: hidden; }
.rb-inv .bfx-lines th.c { text-align: center; }
.rb-inv .bfx-lines th.e { text-align: end; }
.rb-inv .bfx-lines td.c { text-align: center; }
.rb-inv .bfx-lines tr.empty td { padding: 0; }
.rb-inv .bfx-lines tr.empty:hover td { background: none; }
.rb-inv .bfx-lines tr.bf-bad td { background: var(--ds-bad-bg); }
.rb-inv .bfx-lines tr.bf-new td { background: var(--ds-gold-soft); transition: background 1.2s; }
.rb-inv .bfx-lines .nm .row1 { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rb-inv .bfx-lines .nm .row1 > div { min-width: 0; }
.rb-inv .bfx-lines .nm b { font-size: 13.5px; font-weight: 500; }
.rb-inv .bfx-lines .nm .meta { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 3px; font-size: 11.5px; color: var(--ds-mute); }
.rb-inv .bfx-lines .nm .meta b { font-size: 11.5px; }
.rb-inv .bfx-lines .nm .warn { color: var(--ds-bad); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.rb-inv .bfx-qty .rb-qin { width: 60px; }
.rb-inv .rb-qin.bfx-price { width: 100px; }
.rb-inv tr.bf-bad .rb-qin.bfx-price { border-color: var(--ds-bad); color: var(--ds-bad); }
.rb-inv .bfx-lines td.sub { text-align: end; white-space: nowrap; }
.rb-inv .bfx-lines td.sub b { font-weight: 500; }
.rb-inv .bfx-lines td.rm { width: 52px; text-align: end; }

.rb-inv .bfx-grid { margin-top: 12px; border: 1.5px solid var(--ds-gold); border-radius: 16px; padding: 14px; background: var(--ds-surface); }
.rb-inv .bfx-grid .rb-load { padding: 14px; }
.rb-inv .bfx-grid .h { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.rb-inv .bfx-grid .h b { flex: 1; min-width: 0; font-weight: 500; }
.rb-inv .bfx-grid .h small { color: var(--ds-mute); }
.rb-inv .bfx-grid .cost { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; font-size: 12.5px; color: var(--ds-mute); }
.rb-inv .bfx-grid .cost .ds-in.dss-in { width: 110px; height: 40px; text-align: center; padding: 0 6px; }
.rb-inv .bfx-grid .cost .ds-in.dss-in.bfg-all { width: 84px; }
.rb-inv .bfx-grid .cells { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; }
.rb-inv .bfx-grid .cell { display: flex; flex-direction: column; gap: 5px; padding: 8px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface2); }
.rb-inv .bfx-grid .cell span { font-size: 12.5px; font-weight: 500; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-inv .bfx-grid .cell small { font-size: 11px; color: var(--ds-mute); text-align: center; }
.rb-inv .bfx-grid .cell .ds-in.dss-in { height: 40px; text-align: center; padding: 0 4px; }
.rb-inv .bfx-grid .cell.on { border-color: var(--ds-ink); background: var(--ds-surface); }
.rb-inv .bfx-grid .f { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.rb-inv .bfx-grid .f .tot { flex: 1; font-size: 12.5px; color: var(--ds-mute); }

.rb-inv .bfx-sum { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 16px 20px; border-radius: var(--ds-r-lg); background: var(--ds-ink); color: var(--ds-bg); }
.rb-inv .bfx-sum .t { display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.rb-inv .bfx-sum b { font-weight: 500; }
.rb-inv .bfx-sum small { opacity: .7; font-size: 11.5px; }
.rb-inv .bfx-sum .tot { text-align: end; }
.rb-inv .bfx-sum .tot b { display: block; font-size: 22px; }
.rb-inv .bfx-warn { display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; padding: 3px 10px; border-radius: 99px; background: var(--ds-bad); color: #fff; font-size: 12px; font-weight: 500; width: fit-content; }
@media (max-width: 640px) {
  .rb-inv .bfx-lines thead { display: none; }
  .rb-inv .bfx-lines table, .rb-inv .bfx-lines tbody { display: block; }
  .rb-inv .bfx-lines tr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 10px; padding: 12px; border-bottom: 1px solid var(--ds-line); }
  .rb-inv .bfx-lines tr:last-child { border-bottom: 0; }
  .rb-inv .bfx-lines tr.empty { display: block; padding: 0; }
  .rb-inv .bfx-lines td { display: block; padding: 0; border: 0; background: transparent !important; }
  .rb-inv .bfx-lines tr.bf-bad { background: var(--ds-bad-bg); }
  .rb-inv .bfx-lines tr.bf-new { background: var(--ds-gold-soft); }
  .rb-inv .bfx-lines td.nm { grid-column: 1 / 3; grid-row: 1; }
  .rb-inv .bfx-lines td.rm { grid-column: 3; grid-row: 1; width: auto; }
  .rb-inv .bfx-lines td.qt { grid-column: 1; grid-row: 2; }
  .rb-inv .bfx-lines td.c { grid-column: 2; grid-row: 2; min-width: 0; text-align: start; }
  .rb-inv .bfx-lines td.sub { grid-column: 3; grid-row: 2; align-self: center; }
  .rb-inv .bfx-qty .rb-qin { width: 46px; }
  .rb-inv .bfx-qty .rb-step { width: 34px; }
  .rb-inv .rb-qin.bfx-price { width: 100%; max-width: 110px; min-width: 0; }
  .rb-inv .bfx-lines td.sub b { font-size: 12.5px; }
  .rb-inv .bfx-pop .tpl small { display: none; }
  .rb-inv .bfx-pop .tpl .bf-grid-open { padding: 0 9px; font-size: 0; gap: 0; }
  .rb-inv .bfx-pop .tpl .bf-grid-open svg { width: 16px; height: 16px; }
  .rb-inv .bfx-pop .var { padding-inline: 12px; flex-wrap: wrap; row-gap: 2px; }
  .rb-inv .bfx-pop .var small { padding-inline-start: 30px; }
  .rb-inv .bfx-selbar .thumbs { display: none; }
}


.rb-inv .bfx-lines tr.bf-gh td { background: var(--ds-surface2); border-top: 1.5px solid var(--ds-line2); }
.rb-inv .bfx-lines tr.bf-gh .nm b { font-weight: 600; font-size: 14px; }
.rb-inv .bfx-lines tr.bf-gh:not(.closed) .bf-gq, .rb-inv .bfx-lines tr.bf-gh:not(.closed) .bf-gs { visibility: hidden; }
.rb-inv .bfx-lines tr.bf-gl td.nm { padding-inline-start: 34px; }
.rb-inv .bfx-lines tr.bf-gl .nm b { font-size: 13px; }
.rb-inv .bfx-lines tr.bf-hide { display: none !important; }
.rb-inv .bfx-lines tr.bf-gf td { font-size: 12.5px; color: var(--ds-mute); background: var(--ds-gold-soft); border-bottom: 1.5px solid var(--ds-line2); }
.rb-inv .bfx-lines tr.bf-gf b { color: var(--ds-text); font-weight: 600; }
.rb-inv .bf-gtog { display: inline-grid; place-items: center; width: 28px; height: 28px; flex: none; padding: 0; border: 1px solid var(--ds-line); border-radius: 8px; background: var(--ds-surface); color: var(--ds-mute); cursor: pointer; }
.rb-inv .bf-gtog svg { transition: transform .15s; }
.rb-inv tr.bf-gh.closed .bf-gtog svg { transform: rotate(90deg); }
.rb-inv .bf-glink { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border: 1px solid var(--ds-line); border-radius: 99px; background: var(--ds-surface); color: var(--ds-text); font: inherit; font-size: 11.5px; line-height: 1.6; cursor: pointer; }
.rb-inv .bf-glink:hover { border-color: var(--ds-gold); color: var(--ds-gold-deep); }
@media (max-width: 640px) {
  .rb-inv .bfx-lines tr.bf-gh { background: var(--ds-surface2); border-top: 1.5px solid var(--ds-line2); }
  .rb-inv .bfx-lines tr.bf-gl { padding-inline-start: 26px; }
  .rb-inv .bfx-lines tr.bf-gf { background: var(--ds-gold-soft); }
  .rb-inv .bfx-lines tr.bf-gf td.gfl { grid-column: 1 / 3; grid-row: 1; }
  .rb-inv .bfx-lines tr.bf-gf td.sub { grid-column: 3; grid-row: 1; }
  .rb-inv .bfx-lines tr.bf-gf td:last-child { display: none; }
  .rb-inv .bfx-pop .tpl .bf-copy-open { padding: 0 9px; font-size: 0; gap: 0; }
  .rb-inv .bfx-pop .tpl .bf-copy-open svg { width: 16px; height: 16px; }
}
.bfc { display: flex; flex-direction: column; gap: 12px; }
.bfc .bfc-src { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ds-mute); }
.bfc .bfc-src b { color: var(--ds-text); font-weight: 500; }
.bfc .bfx-hint { display: flex; align-items: flex-start; gap: 6px; font-size: 12px; line-height: 1.6; color: var(--ds-mute); }
.bfc .bfx-hint > svg { flex: none; margin-top: 3px; }
.bfc .bfx-hint.warn { color: var(--ds-gold-deep); font-weight: 500; }
.bfc .bfc-tags { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 12.5px; color: var(--ds-mute); }
.bfc .bfc-tags > span { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.bfc .bfc-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bfc .bfc-attr { border: 1px solid var(--ds-line); border-radius: 12px; padding: 10px 12px; }
.bfc .bfc-attr .h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.bfc .bfc-attr .h b { font-weight: 500; font-size: 13.5px; }
.bfc .bfc-attr .h small { font-size: 11.5px; color: var(--ds-mute); }
.bfc .chips { display: flex; flex-wrap: wrap; gap: 6px; }
.bfc .bfc-chip { min-height: 34px; padding: 4px 12px; border: 1px solid var(--ds-line2); border-radius: 99px; background: var(--ds-surface); color: var(--ds-mute); font: inherit; font-size: 13px; cursor: pointer; }
.bfc .bfc-chip.on { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); }
.bfc .bfc-chip.more { border-style: dashed; display: inline-flex; align-items: center; gap: 4px; }
.bfc .bfc-count { padding: 10px 12px; border-radius: 12px; background: var(--ds-gold-soft); font-size: 13px; }
.bfc .bfc-count b { font-weight: 600; }



.rb-mfg .ds-head { margin-bottom: 18px; }
.rb-mfg .rbm-bad { color: var(--ds-bad); }
.rb-mfg .rbm-muted { color: var(--ds-mute); font-size: 12px; line-height: 1.6; }
.rb-mfg .rbm-hint { font-size: 12px; color: var(--ds-mute); margin: 6px 0 0; line-height: 1.65; }
.rb-mfg .rbm-break { word-break: break-word; }
.rb-mfg .rbm-rel { position: relative; }
.rb-mfg .rbm-wide { width: 100%; }
.rb-mfg .mf-star { color: var(--ds-bad); font-style: normal; }
.rb-mfg .rbm-spin { width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: dsSpin .7s linear infinite; display: inline-block; flex: none; }
.rb-mfg .rbm-spin.lg { width: 22px; height: 22px; }
.rb-mfg .ds-btn .v2-ic { flex: none; }
.rb-mfg .ds-btn.rbm-okb { background: var(--ds-ok); color: #fff; border-color: transparent; }
.rb-mfg .ds-btn.rbm-okb:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-ok) 86%, #000); }
.rb-mfg a.ds-btn { text-decoration: none; color: var(--ds-text); }


.rb-mfg .rbm-ib { width: 38px; height: 38px; flex: none; border-radius: 11px; border: 1px solid var(--ds-line); background: var(--ds-surface); color: var(--ds-mute); display: inline-grid; place-items: center; cursor: pointer; padding: 0; transition: color .15s, border-color .15s, background .15s; }
.rb-mfg .rbm-ib:hover { color: var(--ds-text); border-color: var(--ds-line2); }
.rb-mfg .rbm-ib.bad:hover { color: var(--ds-bad); border-color: color-mix(in srgb, var(--ds-bad) 45%, transparent); background: var(--ds-bad-bg); }


.rb-mfg .rbm-state { max-width: 560px; margin: 28px auto; }
.rb-mfg .rbm-state-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }
.rb-mfg .rbm-wait .dss-empty { padding: 40px 18px; }
.rb-mfg .rbm-wait .dss-empty b { font-size: 15px; }


.rb-mfg .rbm-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px 14px; flex-wrap: wrap; margin: 0 0 18px; }
.rb-mfg .rbm-bar-a, .rb-mfg .rbm-bar-b { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.rb-mfg .rbm-fsel { display: inline-flex; align-items: center; gap: 4px; height: 38px; padding-inline-start: 12px; border: 1px solid var(--ds-line2); border-radius: 11px; background: var(--ds-surface); color: var(--ds-mute); font-size: 12.5px; cursor: pointer; transition: border-color .15s; max-width: 100%; }
.rb-mfg .rbm-fsel:hover, .rb-mfg .rbm-fsel:focus-within { border-color: var(--ds-ink); }
.rb-mfg .rbm-fsel > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.rb-mfg .rbm-fsel select.ds-in.dss-in { height: 36px; min-height: 0; border: 0; box-shadow: none; background-color: transparent; padding-block: 0; padding-right: 6px; font-size: 13px; font-weight: 500; color: var(--ds-text); min-width: 0; width: auto; max-width: 200px; }
.rb-mfg .rbm-new { height: 44px; }


.rb-mfg .rbm-wss { margin: 0 0 18px; }
.rb-mfg .rbm-ws-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.rb-mfg .rbm-ws { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--ds-line); border-radius: 18px; background: var(--ds-surface); cursor: pointer; transition: border-color .15s, box-shadow .2s var(--ds-ease); min-width: 0; }
.rb-mfg .rbm-ws:hover { border-color: var(--ds-line2); box-shadow: 0 12px 28px -22px rgba(0,0,0,.45); }
.rb-mfg .rbm-ws.on { border-color: var(--ds-ink); box-shadow: 0 0 0 1px var(--ds-ink); }
.rb-mfg .rbm-ws-h { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 11px; align-items: center; }
.rb-mfg .rbm-ws-ic { width: 38px; height: 38px; border-radius: 11px; background: var(--ds-gold-soft); color: var(--ds-gold-deep); display: grid; place-items: center; }
.rb-mfg .rbm-ws-t { min-width: 0; }
.rb-mfg .rbm-ws-t b { display: block; font-weight: 500; font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-mfg .rbm-ws-t small { display: block; color: var(--ds-mute); font-size: 12px; }
.rb-mfg .rbm-ws-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.rb-mfg .rbm-ws-names { font-size: 12px; color: var(--ds-mute); line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rb-mfg .rbm-ws-b { display: flex; gap: 8px; margin-top: 2px; }
.rb-mfg .rbm-ws-b .ds-btn { flex: 1 1 0; }


.rb-mfg .rbm-bulk { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 10px 14px; margin: 0 0 16px; border: 1px dashed var(--ds-line2); border-radius: 16px; background: var(--ds-surface2); }
.rb-mfg .rbm-bulk.on { border-style: solid; border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line)); background: color-mix(in srgb, var(--ds-ok-bg) 55%, var(--ds-surface)); }
.rb-mfg .rbm-chk { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; font-size: 13px; font-weight: 500; cursor: pointer; }
.rb-mfg .rbm-chk input, .rb-mfg .mf-sel, .rb-mfg .mf-chk input { width: 18px; height: 18px; flex: none; accent-color: var(--ds-ink); cursor: pointer; margin: 0; }
html[data-theme="dark"] .rb-mfg .rbm-chk input, html[data-theme="dark"] .rb-mfg .mf-sel, html[data-theme="dark"] .rb-mfg .mf-chk input { accent-color: var(--ds-gold); }
.rb-mfg .rbm-bulk .rbm-hint { margin: 0; }
.rb-mfg .rbm-bulk-b { display: flex; gap: 8px; margin-inline-start: auto; flex-wrap: wrap; }


.rb-mfg .rbm-list { margin-bottom: 14px; }
.rb-mfg .rbm-kpi-bad b { color: var(--ds-bad); }
.rb-mfg .rbm-table { overflow: visible; }
.rb-mfg .rbm-table table, .rb-mfg .rbm-table thead, .rb-mfg .rbm-table tbody { display: block; }
.rb-mfg .rbm-table tr { display: grid; grid-template-columns: 124px minmax(0, 1.5fr) minmax(0, .7fr) minmax(0, 1.35fr) 52px 104px 124px; column-gap: 16px; align-items: start; padding: 0 20px; }
.rb-mfg .rbm-table thead tr { background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); }
.rb-mfg .rbm-table th { display: block; padding: 10px 0; background: none; border: 0; }
.rb-mfg .rbm-table th:last-child { display: none; }
.rb-mfg .rbm-table tbody tr.rbm-row { row-gap: 10px; padding: 16px 20px 14px; border-bottom: 1px solid var(--ds-line); transition: background .15s; }
.rb-mfg .rbm-table tbody tr.rbm-row:last-child { border-bottom: 0; }
.rb-mfg .rbm-table tbody tr.rbm-row:hover { background: var(--ds-surface2); }
.rb-mfg .rbm-table tbody tr.rbm-row td { display: block; padding: 0; border: 0; background: transparent; min-width: 0; }
.rb-mfg .rbm-table tbody tr.is-started { box-shadow: inset -3px 0 0 var(--ds-gold); }
.rb-mfg .rbm-table tbody tr.is-failed { box-shadow: inset -3px 0 0 var(--ds-bad); }
.rb-mfg .rbm-table th.c, .rb-mfg .rbm-table td.c { text-align: center; }
.rb-mfg .rbm-table th.e, .rb-mfg .rbm-table td.e { text-align: end; }
.rb-mfg .rbm-table td.rbm-c-act { grid-column: 1 / -1; }
.rb-mfg .rbm-ref { display: flex; gap: 9px; align-items: flex-start; }
.rb-mfg .rbm-ref .mf-sel { margin-top: 2px; }
.rb-mfg .rbm-ref-t { display: flex; flex-direction: column; min-width: 0; }
.rb-mfg .rbm-ref-t b { font-weight: 500; font-size: 13px; white-space: nowrap; letter-spacing: .01em; }
.rb-mfg .rbm-ref-t small { font-size: 11px; color: var(--ds-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-mfg .rbm-prod { display: block; font-weight: 500; font-size: 14px; line-height: 1.45; }
.rb-mfg .rbm-fab { display: block; color: var(--ds-mute); font-size: 12px; margin-top: 3px; line-height: 1.5; }
.rb-mfg .rbm-amt { font-weight: 500; font-size: 14px; white-space: nowrap; }
.rb-mfg .rbm-c-ws { font-size: 13px; }
.rb-mfg .rbm-who { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13px; }
.rb-mfg .rbm-who b { font-weight: 500; }
.rb-mfg .rbm-when { display: flex; align-items: center; gap: 4px 6px; flex-wrap: wrap; margin-top: 5px; font-size: 11.5px; color: var(--ds-mute); }
.rb-mfg .rbm-when small { font-size: 10.5px; color: var(--ds-faint); }
.rb-mfg .rbm-when .num { white-space: nowrap; }
.rb-mfg .rbm-when.rbm-due { color: var(--ds-text); }
.rb-mfg .ds-tag.rbm-late { height: 20px; font-size: 10.5px; padding: 0 7px; }
.rb-mfg .ds-tag.rbm-st { height: 24px; padding: 0 10px; font-size: 11.5px; }
.rb-mfg .mf-when { color: var(--ds-mute); }
.rb-mfg .rbm-acts { display: flex; align-items: center; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.rb-mfg .rbm-list + .ds-note { margin-top: 4px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .rb-mfg .rbm-table tr { grid-template-columns: 112px minmax(0, 1.4fr) minmax(0, .7fr) minmax(0, 1.3fr) 44px 96px 112px; column-gap: 12px; padding-inline: 16px; }
  .rb-mfg .rbm-table tbody tr.rbm-row { padding-inline: 16px; }
}


@media (max-width: 760px) {
  .rb-mfg .rbm-bar-a, .rb-mfg .rbm-bar-b { width: 100%; }
  .rb-mfg .rbm-bar-a .rbm-fsel { flex: 1 1 140px; }
  .rb-mfg .rbm-fsel select.ds-in.dss-in { flex: 1; max-width: none; width: 100%; }
  .rb-mfg .rbm-bar-b .ds-btn { flex: 1 1 auto; }
  .rb-mfg .rbm-new { height: 48px; }
  .rb-mfg .rbm-list .dss-card-act .ds-btn { flex: 1 1 auto; }
  .rb-mfg .rbm-ws-grid { grid-template-columns: minmax(0, 1fr); }
  .rb-mfg .rbm-bulk-b { width: 100%; margin: 0; }
  .rb-mfg .rbm-bulk-b .ds-btn { flex: 1; }

  
  .rb-mfg .rbm-acts { justify-content: flex-start; }
  .rb-mfg .rbm-acts > .ds-btn { flex: 1 1 auto; height: 44px; }
  .rb-mfg .rbm-ib { width: 44px; height: 44px; }
}


.rb-mfg .rbm-warn { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rb-mfg .rbm-warn-t { flex: 1 1 220px; min-width: 0; }
.rb-mfg .rbm-warn-t b { font-weight: 500; color: var(--ds-gold-deep); }
.rb-mfg .rbm-formcard { padding: 22px 24px 0; overflow: visible; }
@media (max-width: 640px) { .rb-mfg .rbm-formcard { padding: 16px 16px 0; } }


.rb-mfg .mf-form { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding-bottom: 4px; }
.rb-mfg .mf-form * { min-width: 0; box-sizing: border-box; }
.rb-mfg .mf-sec { display: flex; flex-direction: column; gap: 12px; }
.rb-mfg .mf-inline { display: flex; gap: 6px; align-items: center; }


.rb-mfg .mf-rail { gap: 10px; margin: 0 0 24px; }
.rb-mfg .mf-rl { min-width: 110px; gap: 9px; }
.rb-mfg .mf-rl-t { font-size: 12.5px; color: var(--ds-mute); gap: 8px; }
.rb-mfg .mf-rl.cur .mf-rl-t { color: var(--ds-text); font-weight: 500; }
.rb-mfg .mf-rl-n { width: 24px; height: 24px; border-radius: 50%; background: transparent; border: 1px solid var(--ds-line2); color: var(--ds-mute); font-size: 11.5px; }
.rb-mfg .mf-rl.cur .mf-rl-n { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); transform: none; }
.rb-mfg .mf-rl.done .mf-rl-n { background: var(--ds-ok-bg); border-color: transparent; color: var(--ds-ok); }
.rb-mfg .mf-rl.warn .mf-rl-n { background: var(--ds-gold-soft); border-color: transparent; color: var(--ds-gold-deep); }
.rb-mfg .mf-rl-b { height: 3px; background: var(--ds-alt); }
.rb-mfg .mf-rl-b i { background: var(--ds-ink); }
.rb-mfg .mf-rl.done .mf-rl-b i { background: var(--ds-ok); }
.rb-mfg .mf-rl.warn .mf-rl-b i { width: 100%; background: var(--ds-gold); }
@media (max-width: 640px) {
  .rb-mfg .mf-rail { flex-wrap: nowrap; gap: 6px; margin-bottom: 20px; }
  .rb-mfg .mf-rl { min-width: 0; flex: 1 1 0; }
  .rb-mfg .mf-rl.cur { flex: 3 1 0; }
  .rb-mfg .mf-rl:not(.cur) .mf-rl-t > span { display: none; }
  .rb-mfg .mf-rl-t > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}


.rb-mfg .mf-sec-h { display: flex; align-items: center; gap: 12px; margin: 0 0 2px; font-weight: 500; font-size: 17px; color: var(--ds-text); }
.rb-mfg .mf-form[data-mcur] > .mf-sec > .mf-sec-h { font-size: 20px; letter-spacing: 0; gap: 12px; margin-bottom: 4px; }
.rb-mfg .rbm-sec-ic { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); color: var(--ds-text); display: grid; place-items: center; flex: none; }
.rb-mfg .rbm-sec-ic.sm { width: 32px; height: 32px; border-radius: 10px; }
.rb-mfg .mf-done-badge { display: none; margin-inline-start: auto; height: 24px; padding: 0 10px; border-radius: 12px; align-items: center; font-size: 11.5px; font-weight: 500; letter-spacing: 0; background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-mfg .mf-sec-done .mf-sec-h .mf-done-badge { display: inline-flex; }


.rb-mfg .mf-pick-wrap { position: relative; }
.rb-mfg .mf-pick-lbl { font-size: 12.5px; font-weight: 500; margin-bottom: 6px; }
.rb-mfg .mf-form[data-mcur] .rbm-pick-ic { top: 27px; }
.rb-mfg .rbm-pick-ic { position: absolute; inset-inline-start: 16px; top: 52px; transform: translateY(-50%); color: var(--ds-mute); pointer-events: none; display: grid; z-index: 1; }
.rb-mfg .mf-form .mf-pick-wrap > .input { width: 100%; height: 54px; min-height: 54px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface); color: var(--ds-text); padding-inline: 46px 14px; font-size: 15px; font-weight: 400; box-shadow: none; outline: none; transition: border-color .15s, box-shadow .15s; }
.rb-mfg .mf-form .mf-pick-wrap > .input:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 7%, transparent); }
.rb-mfg .mf-form .mf-pick-wrap > .input::placeholder { color: var(--ds-faint); }
.rb-mfg .mf-form .mf-pick-wrap > .input:disabled { background: var(--ds-alt); color: var(--ds-mute); }
.rb-mfg .mf-form[data-mcur] .mf-sec-done .mf-pick-wrap > .input { border-color: var(--ds-ink) !important; background: var(--ds-surface); font-weight: 500; }


.rb-mfg .mf-pick-list { display: none; margin-top: 6px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 14px; max-height: 300px; overflow: auto; }
.rb-mfg .mf-opt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; min-height: 44px; border-bottom: 1px solid var(--ds-line); cursor: pointer; font-size: 13px; }
.rb-mfg .mf-opt:hover { background: var(--ds-alt); }
.rb-mfg .mf-opt > strong { font-weight: 500; min-width: 0; }
.rb-mfg .rbm-opt-m { font-size: 12px; color: var(--ds-mute); white-space: nowrap; }
.rb-mfg .rbm-opt-m strong.ok, .rb-mfg .mf-ptx small i.ok { color: var(--ds-ok); }
.rb-mfg .rbm-opt-m strong.no, .rb-mfg .mf-ptx small i.no { color: var(--ds-bad); }
.rb-mfg .mf-form[data-mcur] .mf-opt { border-color: var(--ds-line); border-bottom-color: var(--ds-line) !important; border-radius: 14px; }
.rb-mfg .mf-form[data-mcur] .mf-opt:hover, .rb-mfg .mf-ptpl:hover, .rb-mfg .mf-wct:hover { border-color: var(--ds-ink); box-shadow: 0 12px 26px -20px rgba(0,0,0,.45); background: var(--ds-surface); }
.rb-mfg .mf-tpl-head { display: flex; align-items: center; gap: 8px; padding: 9px 12px; cursor: pointer; background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); font-size: 13px; position: sticky; top: 0; z-index: 1; }
.rb-mfg .mf-tpl-head > strong { flex: 1; min-width: 0; font-weight: 500; }
.rb-mfg .mf-tpl-count { font-size: 11px; color: var(--ds-mute); background: var(--ds-alt); border: 0; border-radius: 999px; padding: 1px 9px; white-space: nowrap; }
.rb-mfg .mf-chev { display: inline-flex; color: var(--ds-mute); transition: transform .18s var(--ds-ease); }
.rb-mfg .mf-tpl-vars .mf-opt { padding-inline-start: 26px; }
.rb-mfg .mf-ptpl, .rb-mfg .mf-wct { border-color: var(--ds-line); border-radius: 16px; background: var(--ds-surface); color: var(--ds-text); }
.rb-mfg .mf-pth { background: var(--ds-alt); border-color: transparent; color: var(--ds-mute); border-radius: 12px; }
.rb-mfg .mf-ptx small { color: var(--ds-mute); }
.rb-mfg .mf-ptc { color: var(--ds-faint); }
.rb-mfg .mf-ptc.ok { color: var(--ds-ok); }
.rb-mfg .mf-pvh { border-color: var(--ds-ink); background: var(--ds-surface2); border-radius: 16px; }
.rb-mfg .mf-pvb { border-color: var(--ds-line2); background: var(--ds-surface); color: var(--ds-text); border-radius: 11px; min-height: 38px; }
.rb-mfg .mf-pvb:hover { border-color: var(--ds-ink); }
.rb-mfg .mf-phint { color: var(--ds-mute); }
.rb-mfg .mf-pempty { background: var(--ds-surface2); border-color: var(--ds-line2); color: var(--ds-mute); border-radius: 16px; }
.rb-mfg .mf-phint kbd, .rb-mfg .mf-pempty kbd { background: var(--ds-surface); border-color: var(--ds-line2); color: var(--ds-text); }
.rb-mfg .rbm-pnote { grid-column: 1 / -1; padding: 9px 12px; font-size: 12px; line-height: 1.6; color: var(--ds-gold-deep); background: var(--ds-gold-soft); border-radius: 12px; }
.rb-mfg .rbm-pnote-h { font-weight: 500; }
.rb-mfg .rbm-pmsg { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; padding: 12px; color: var(--ds-mute); font-size: 12.5px; }
.rb-mfg .rbm-pmsg.bad { color: var(--ds-bad); }


.rb-mfg .mf-row { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 6px 14px; font-size: 13px; }
.rb-mfg .mf-form[data-mcur] .mf-row { border-color: var(--ds-line); border-radius: 14px; padding: 12px 14px; background: var(--ds-surface); }
.rb-mfg .mf-form[data-mcur] .mf-row:focus-within { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 6%, transparent); }
.rb-mfg .mf-form[data-mcur] .mf-row > span:first-child { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rb-mfg .mf-form[data-mcur] .mf-row .input, .rb-mfg .mf-form[data-mcur] .mf-row .select { color: var(--ds-text); font-size: 22px !important; }
.rb-mfg .mf-form[data-mcur] .mf-row .select { font-size: 16px !important; }
.rb-mfg .mf-form[data-mcur] .mf-row .select:disabled { color: var(--ds-mute); opacity: 1; cursor: default; }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-req { border-color: var(--ds-line); }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-req:focus-within { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 6%, transparent); }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-req > span:first-child::after { color: var(--ds-gold-deep); background: var(--ds-gold-soft); border-color: transparent; font-size: 10px; padding: 1px 8px; margin-inline-start: 2px; }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-qty-bad { border-color: var(--ds-bad) !important; background: var(--ds-bad-bg) !important; box-shadow: none; }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-qty-bad > span:first-child, .rb-mfg .mf-form[data-mcur] .mf-row.mf-qty-bad .input { color: var(--ds-bad) !important; }


.rb-mfg .mf-form[data-mcur] #mf-fab-avail { border: 1px solid var(--ds-line); background: var(--ds-surface2); border-radius: 14px; padding: 12px 14px; }
.rb-mfg .mf-form[data-mcur] #mf-fab-avail.mf-av-ok { border-color: color-mix(in srgb, var(--ds-ok) 40%, var(--ds-line)) !important; background: color-mix(in srgb, var(--ds-ok-bg) 70%, var(--ds-surface)) !important; }
.rb-mfg .mf-form[data-mcur] #mf-fab-avail.mf-av-bad { border-color: color-mix(in srgb, var(--ds-bad) 45%, var(--ds-line)) !important; background: var(--ds-bad-bg) !important; }
.rb-mfg .rbm-av-mine { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.rb-mfg .rbm-av-l b { font-weight: 500; }
.rb-mfg .rbm-av-q { font-size: 18px !important; font-weight: 500; }
.rb-mfg .rbm-av-need b { font-weight: 500; }
.rb-mfg .rbm-av-ref { margin-inline-start: auto; min-height: 32px; }
.rb-mfg .rbm-av-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.rb-mfg .rbm-av-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding-block: 3px; padding-inline: 11px 4px; border: 1px solid var(--ds-line); border-radius: 16px; background: var(--ds-surface); font-size: 12px; }
.rb-mfg .rbm-av-chip b { font-weight: 500; font-size: 12.5px !important; }
.rb-mfg .rbm-av-chip:not(:has(.mf-askfab)) { padding-inline-end: 11px; }
.rb-mfg .ok.num, .rb-mfg .rbm-av-q.ok { color: var(--ds-ok); }
.rb-mfg .no.num, .rb-mfg .rbm-av-q.no { color: var(--ds-bad); }
.rb-mfg .na.num { color: var(--ds-mute); }
.rb-mfg .mf-askfab { height: 26px; padding: 0 11px; border-radius: 13px; border: 0; background: var(--ds-ink); color: var(--ds-bg); font: inherit; font-size: 11.5px; font-weight: 500; cursor: pointer; }
.rb-mfg .rbm-av-hint { font-size: 12px; color: var(--ds-mute); margin-top: 8px; line-height: 1.6; }


.rb-mfg .rbm-toggle { display: flex; align-items: center; gap: 12px; padding: 12px 14px; min-height: 48px; border: 1px dashed var(--ds-line2); border-radius: 14px; font-size: 13px; cursor: pointer; }
.rb-mfg .rbm-toggle .dss-sw { flex: none; }
.rb-mfg .rbm-newsrv { flex-direction: column; gap: 12px; padding: 14px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); }
.rb-mfg .mf-form[data-mcur] > .mf-sec > .rbm-newsrv { flex-basis: 100%; }


.rb-mfg .mf-wct { gap: 10px; min-height: 60px; }
.rb-mfg .rbm-wct-ic { width: 34px; height: 34px; border-radius: 10px; background: var(--ds-alt); display: grid; place-items: center; flex: none; transition: background .15s, color .15s; }
.rb-mfg .rbm-wct-t { flex: 1; min-width: 0; }
.rb-mfg .rbm-wct-ok { color: var(--ds-ok); opacity: 0; display: grid; transition: opacity .15s; }
.rb-mfg .mf-wct.on { border-color: var(--ds-ink); background: var(--ds-surface); box-shadow: inset 0 0 0 1px var(--ds-ink); }
.rb-mfg .mf-wct.on .rbm-wct-ic { background: var(--ds-ink); color: var(--ds-bg); }
.rb-mfg .mf-wct.on .rbm-wct-ok { opacity: 1; }
.rb-mfg .mf-wct.mf-wct-add { color: var(--ds-mute); border-style: dashed; border-color: var(--ds-line2); gap: 6px; }
.rb-mfg .mf-form .mf-info { margin: 0; }


.rb-mfg .mf-sum { border-color: var(--ds-line); border-radius: 16px; background: var(--ds-surface); }
.rb-mfg .mf-sum-r { padding: 12px 16px; border-bottom-color: var(--ds-line); font-size: 13px; }
.rb-mfg .mf-sum-r > span { color: var(--ds-mute); }
.rb-mfg .mf-sum-r > b { font-weight: 500; }
.rb-mfg .mf-rev-av { border-color: var(--ds-line); border-radius: 16px; background: var(--ds-surface2); padding: 12px 14px; }
.rb-mfg .mf-fin-opt { border: 1px dashed var(--ds-line2); border-radius: 14px; padding: 12px 14px; background: var(--ds-surface); }
.rb-mfg .mf-fin-opt[open] { border-style: solid; }
.rb-mfg .mf-fin-opt > summary { cursor: pointer; font-size: 13.5px; font-weight: 500; min-height: 28px; }
.rb-mfg .mf-fin-opt > summary svg { vertical-align: -3px; margin-inline-end: 4px; color: var(--ds-mute); }
.rb-mfg .mf-fin-opt > summary small { font-weight: 400; color: var(--ds-mute); }


.rb-mfg .mf-cust { flex-direction: column !important; gap: 14px; }
.rb-mfg .mf-cg { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; border: 1px solid var(--ds-line); border-radius: 18px; background: var(--ds-surface); }
.rb-mfg .mf-cg-h { display: flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 500; }
.rb-mfg .mf-cgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.rb-mfg .mf-cgrid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-mfg .mf-cf { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; font-weight: 500; color: var(--ds-text); }
.rb-mfg .mf-cf-l { display: block; }
.rb-mfg .mf-cf-n { font-weight: 400; font-size: 11px; color: var(--ds-mute); }
.rb-mfg .mf-num { font-variant-numeric: tabular-nums; font-weight: 500; }
.rb-mfg .mf-chk { display: flex; align-items: center; gap: 10px; min-height: 40px; font-size: 13px; line-height: 1.6; cursor: pointer; }
.rb-mfg .rbm-sug { position: absolute; top: 100%; inset-inline: 0; z-index: 60; margin-top: 4px; padding: 4px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 14px; box-shadow: 0 18px 40px -18px rgba(0,0,0,.35); max-height: 240px; overflow-y: auto; }
.rb-mfg .mf-cust-opt { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 9px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ds-text); text-align: start; cursor: pointer; font: inherit; }
.rb-mfg .mf-cust-opt:hover { background: var(--ds-alt); }
.rb-mfg .rbm-co-n { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; font-size: 13.5px; min-width: 0; }
.rb-mfg .rbm-co-n svg { color: var(--ds-mute); }
.rb-mfg .rbm-co-p { color: var(--ds-mute); font-size: 12px; direction: ltr; }
.rb-mfg .rbm-sug .rbm-pnote { margin-top: 4px; }
@media (max-width: 640px) {
  .rb-mfg .mf-cg { padding: 14px; }
  .rb-mfg .mf-cgrid, .rb-mfg .mf-cgrid3 { grid-template-columns: minmax(0, 1fr); }
  .rb-mfg .mf-cgrid3.rbm-measure { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-mfg .mf-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}


.rb-mfg .input.ds-in.dss-in, .rb-mfg .select.ds-in.dss-in { width: 100%; height: 46px; min-height: 46px; border: 1px solid var(--ds-line); border-radius: 12px; background-color: var(--ds-surface); color: var(--ds-text); font-size: 14.5px; padding: 10px 13px; box-shadow: none; outline: none; }
.rb-mfg select.select.ds-in.dss-in { padding-block: 0; padding-left: 38px; }
.rb-mfg textarea.input.ds-ta.dss-in { height: auto; min-height: 84px; padding: 11px 13px; line-height: 1.7; resize: vertical; }
.rb-mfg .input.ds-in.dss-in:focus, .rb-mfg .select.ds-in.dss-in:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 7%, transparent); }
.rb-mfg .input.ds-in.dss-in::placeholder { color: var(--ds-faint); }
.rb-mfg .input.ds-in.dss-in.mf-rem, .rb-mfg .input.ds-in.dss-in.mf-rem:disabled { background: var(--ds-alt) !important; border-color: var(--ds-line) !important; color: var(--ds-bad); -webkit-text-fill-color: currentColor; opacity: 1; font-weight: 500; }


.rb-mfg .mf-nav { flex-wrap: wrap; align-items: center; margin: 24px 0 0; padding: 16px 0 20px; border-top: 1px solid var(--ds-line); }
.rb-mfg .mf-nav .mf-nb { min-height: 48px; height: 48px; font-size: 14px; }
.rb-mfg .mf-nav .mf-serr { flex: 1 1 100%; margin: 0 0 4px; }
@media (min-width: 901px) { .rb-mfg .mf-nav .mf-nb { min-width: 160px; } }


.rb-mfg .mf-actionbar { position: sticky; bottom: 0; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 -24px; padding: 14px 24px 18px; background: color-mix(in srgb, var(--ds-surface) 90%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--ds-line); border-radius: 0 0 var(--ds-r-lg) var(--ds-r-lg); }
.rb-mfg .mf-nav + .mf-actionbar { margin-top: -1px; }
.rb-mfg .mf-cost { display: flex; flex-direction: column; line-height: 1.3; }
.rb-mfg .mf-cost-lbl { font-size: 12px; color: var(--ds-mute); }
.rb-mfg .mf-cost strong { font-size: 22px; font-weight: 500; color: var(--ds-text); }
.rb-mfg .mf-actionbtns { display: flex; gap: 8px; }
@media (max-width: 899px) { .rb-mfg .mf-actionbar { bottom: calc(var(--bn-h, 60px) + env(safe-area-inset-bottom, 0px)); } }
@media (max-width: 640px) {
  .rb-mfg .mf-actionbar { margin: 0 -16px; padding: 12px 16px 14px; gap: 10px; }
  .rb-mfg .mf-actionbtns { flex: 1 1 100%; }
  .rb-mfg .mf-actionbtns .ds-btn { flex: 1 1 0; padding: 0 12px; }
  .rb-mfg .mf-actionbtns #mf-save { flex: 2 1 0; }
}


.rb-mfg.rbm-modal { display: flex; flex-direction: column; gap: 14px; font-size: 13.5px; }
.rb-mfg.rbm-modal .ds-note { margin: 0; }
.rb-mfg .rbm-m-prod { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); }
.rb-mfg .rbm-m-prod b { font-weight: 500; }
.rb-mfg .rbm-m-route { color: var(--ds-mute); line-height: 1.7; }
.rb-mfg .rbm-m-route b { color: var(--ds-text); font-weight: 500; }
.rb-mfg .input.ds-in.dss-in.rbm-qin { max-width: 200px; font-size: 17px; font-weight: 500; }
.rb-mfg.rbm-fp { min-width: min(340px, 100%); }
.rb-mfg .rbm-m-sub { color: var(--ds-mute); font-size: 12.5px; }
.rb-mfg .rbm-m-sub b { color: var(--ds-text); font-weight: 500; }
.rb-mfg .rbm-m-stat { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 12px; padding: 14px 16px; border-radius: 16px; background: var(--ds-gold-soft); }
.rb-mfg .rbm-m-stat > span { font-size: 13px; }
.rb-mfg .rbm-m-stat > b { grid-column: 2; grid-row: 1 / span 2; font-size: 22px; font-weight: 500; white-space: nowrap; }
.rb-mfg .rbm-m-stat > small { color: var(--ds-mute); font-size: 12px; }
.rb-mfg .rbm-fp-l { font-size: 12.5px; font-weight: 500; margin-bottom: 6px; }
.rb-mfg .rbm-fp-s .ds-in { height: 50px; font-size: 14.5px; border-radius: 14px; }
.rb-mfg .rbm-fp-sel { color: var(--ds-ok); font-size: 13px; font-weight: 500; margin-top: 8px; }
.rb-mfg .rbm-fp-sel:empty { display: none; }
.rb-mfg .rbm-view { gap: 12px; }
.rb-mfg .rbm-vh { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px 18px; border: 1px solid var(--ds-line); border-radius: 18px; background: var(--ds-surface2); }
.rb-mfg .rbm-vh-n { font-size: 17px; font-weight: 500; line-height: 1.45; }
.rb-mfg .rbm-vh small { color: var(--ds-mute); font-size: 12.5px; }
.rb-mfg .rbm-dl { border: 1px solid var(--ds-line); border-radius: 16px; padding: 2px 16px 4px; }
.rb-mfg .rbm-dl h4 { display: flex; align-items: center; gap: 8px; margin: 12px 0 4px; font-size: 12px; font-weight: 500; color: var(--ds-mute); }
.rb-mfg .rbm-dl-r { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 9px 0; border-top: 1px solid var(--ds-line); font-size: 13px; }
.rb-mfg .rbm-dl h4 + .rbm-dl-r { border-top: 0; }
.rb-mfg .rbm-dl-r > span { color: var(--ds-mute); flex: none; }
.rb-mfg .rbm-dl-r > b { font-weight: 500; text-align: end; overflow-wrap: anywhere; min-width: 0; }
.rb-mfg .rbm-total { font-size: 15px; }


.rb-mfg .rbm-vp-add { margin-bottom: 8px; }
.rb-mfg .rbm-vp { border: 1px solid var(--ds-line); border-radius: 14px; padding: 10px 12px; margin-bottom: 8px; background: var(--ds-surface); }
.rb-mfg .rbm-vp-prod { border-style: dashed; border-color: var(--ds-line2); background: var(--ds-surface2); }
.rb-mfg .rbm-vp-h { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.rb-mfg .rbm-vp-h b { font-weight: 500; font-size: 12.5px; }
.rb-mfg .rbm-vp-vals { display: flex; flex-wrap: wrap; gap: 6px; }
.rb-mfg .rbm-chip { display: inline-flex; align-items: center; height: 32px; padding: 0 13px; border-radius: 16px; border: 1px solid var(--ds-line2); background: var(--ds-surface); color: var(--ds-text); font: inherit; font-size: 12.5px; cursor: pointer; }
.rb-mfg .rbm-chip.on { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); }
.rb-mfg .rbm-vp-f { display: flex; flex-direction: column; gap: 4px; font-size: 12px; min-width: 130px; }

@media (prefers-reduced-motion: reduce) { .rb-mfg *, .rb-mfg *::before, .rb-mfg *::after { animation: none !important; transition: none !important; } }


#page-content .rb-mfg .mf-form .mf-pick-wrap > .input { padding-inline-start: 46px; padding-inline-end: 14px; font-size: 15px; min-height: 54px; border-radius: 14px !important; }
#page-content .rb-mfg .mf-form[data-mcur] .mf-sec-done .mf-pick-wrap > .input { font-weight: 500; }
#page-content .rb-mfg .input.ds-in.dss-in, #page-content .rb-mfg .select.ds-in.dss-in { font-size: 14.5px; min-height: 46px; }
#page-content .rb-mfg .rbm-fsel select.ds-in.dss-in { min-height: 0; font-size: 13px; font-weight: 500; }
.rb-mfg .rbm-fp-s .input.ds-in { padding-inline-start: 46px; height: 50px; font-size: 14.5px; border-radius: 14px !important; }
.rb-mfg .mf-pmono { font-size: 12px; letter-spacing: -.2px; color: var(--ds-mute); }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-req { position: relative; }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-req > span:first-child { padding-inline-end: 60px; }
.rb-mfg .mf-form[data-mcur] .mf-row.mf-req > span:first-child::after { position: absolute; top: 11px; inset-inline-end: 12px; margin: 0; }


.rb-mfg .rbm-amt, .rb-mfg .rbm-dl-r .num, .rb-mfg #mf-cost-val, .rb-mfg .rbm-opt-m > .num { direction: ltr; unicode-bidi: isolate; }

.v2-top .v2-back{ flex:none; }
.v2-top .v2-back[hidden]{ display:none !important; }
.v2-top .v2-back .v2-ic{ width:20px; height:20px; }
.v2-crumb .v2-crumb-par{ max-width:180px; overflow:hidden; text-overflow:ellipsis; }
.modal .modal-discard-msg{ margin:0; line-height:1.8; font-size:14.5px; color:var(--text-muted, inherit); }


@media (max-width:899px){
  .v2-root.m-search .v2-top{ position:sticky; }
  .v2-root.m-search .v2-search{
    display:flex !important; position:absolute; inset:0; z-index:35; align-items:center; padding:0 10px;
    background:var(--surface); border-bottom:1px solid var(--border);
  }
  .v2-root.m-search .v2-search-box{ width:100%; height:42px; }
  .v2-root.m-search .v2-search-box kbd{ display:none; }
  .v2-root.m-search .v2-search-list{ top:calc(100% + 6px); width:calc(100% - 20px); inset-inline:10px; max-height:70vh; overflow:auto; }
  .v2-search-item{ min-height:44px; }
}

.hm .hm-wait{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 18px; }
.hm .hm-wait-t{ font-size:13px; font-weight:600; color:var(--ds-text, var(--text)); margin-inline-end:4px; display:inline-flex; align-items:center; gap:6px; }
.hm .hm-wait-t .num{ font-size:11.5px; min-width:20px; height:20px; padding:0 6px; border-radius:999px; display:inline-grid; place-items:center; background:var(--ds-ink, #111); color:var(--ds-surface, #fff); }
.hm .hm-wait-chip{
  display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 12px 0 10px;
  border:1px solid var(--ds-line2, var(--border)); border-radius:999px; background:var(--ds-surface, var(--surface));
  color:var(--ds-text, var(--text)); text-decoration:none; font-size:13px; line-height:1.3; transition:border-color .15s;
}
.hm .hm-wait-chip:hover{ border-color:var(--ds-ink, #111); }
.hm .hm-wait-chip svg{ flex:none; color:var(--ds-gold-deep, var(--text-muted)); }
.hm .hm-wait-chip em{ font-style:normal; font-size:12px; min-width:22px; height:22px; padding:0 7px; border-radius:999px; display:inline-grid; place-items:center;
  background:var(--ds-surface2, var(--bg-alt)); color:var(--ds-text, var(--text)); }
.hm .hm-wait-chip.bad em{ background:var(--ds-bad-bg, #fde8e8); color:var(--ds-bad, #b42318); }
@media (max-width:560px){ .hm .hm-wait-chip{ flex:1 1 100%; justify-content:flex-start; } .hm .hm-wait-chip em{ margin-inline-start:auto; } }

@media (max-width:899px){ .v2-bn{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:1fr; } }


@media (max-width:899px){
  .v2-root{ --bn-h:60px; --bn-off:max(10px, calc(env(safe-area-inset-bottom, 0px) - 6px)); --bn-space:calc(var(--bn-h) + var(--bn-off) + 8px); }
  .v2-main{ padding-bottom:calc(var(--bn-space) + 20px); }
  .v2-bn{
    bottom:var(--bn-off); inset-inline:12px; height:var(--bn-h); padding:5px; gap:2px;
    border-radius:30px; border:1px solid color-mix(in srgb, var(--border) 70%, transparent); border-top-color:color-mix(in srgb, var(--border) 70%, transparent);
    background:color-mix(in srgb, var(--surface) 74%, transparent);
    -webkit-backdrop-filter:saturate(1.8) blur(22px); backdrop-filter:saturate(1.8) blur(22px);
    box-shadow:0 10px 34px -10px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.55);
  }
  html[data-theme="dark"] .v2-bn{ box-shadow:0 10px 34px -10px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06); }
  .v2-bn-item{ min-height:0; height:100%; border-radius:24px; gap:2px; transition:background .18s ease, color .18s ease; }
  .v2-bn-item.on{ background:color-mix(in srgb, var(--text) 8%, transparent); }
  .v2-bn-item.on::before{ display:none; }
  .v2-bn-item:active{ background:color-mix(in srgb, var(--text) 12%, transparent); }
  
  .ds-actions, .rb-inv.cw-dock, .rb-mfg .mf-actionbar{ bottom:var(--bn-space); }
}

.rb-ord .ro-bq-pick { align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
.rb-ord .ob-view { flex: none; }
.rb-ord .ro-sec-h .ob-view { margin-inline-start: 6px; }

.rb-ord .ob-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: start; }
.rb-ord .ob-col { background: var(--ds-alt); border-radius: var(--ds-r-lg, 14px); padding: 8px; min-width: 0; }
.rb-ord .ob-col-h { display: flex; align-items: center; gap: 7px; padding: 6px 6px 10px; font-size: 13.5px; }
.rb-ord .ob-col-h svg { color: var(--ds-gold-deep); flex: none; }
.rb-ord .ob-col-h em { font-style: normal; margin-inline-start: auto; font-size: 11.5px; min-width: 22px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--ds-surface); color: var(--ds-mute); box-shadow: 0 0 0 1px var(--ds-line); }
.rb-ord .ob-new .ob-col-h em { background: var(--ds-ink); color: var(--ds-bg); box-shadow: none; }
.rb-ord .ob-col-b { display: flex; flex-direction: column; gap: 8px; }
.rb-ord .ob-none { padding: 18px 0; text-align: center; color: var(--ds-faint, var(--ds-mute)); font-size: 13px; }

.rb-ord .ob-card { padding: 11px 12px; display: flex; flex-direction: column; gap: 6px; cursor: pointer; border-radius: 12px; }
.rb-ord .ob-card:hover { box-shadow: 0 0 0 1px var(--ds-line2, var(--ds-line)), 0 2px 8px rgba(0, 0, 0, .05); }
.rb-ord .ob-card:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }
.rb-ord .ob-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.rb-ord .ob-av { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; flex: none; background: var(--ds-surface2); color: var(--ds-gold-deep); }
.rb-ord .ob-cust { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-ord .ob-ago { flex: none; font-size: 11px; color: var(--ds-mute); }
.rb-ord .ob-meta { font-size: 11.5px; color: var(--ds-mute); line-height: 1.55; overflow-wrap: anywhere; }
.rb-ord .ob-sub { align-self: flex-start; }
.rb-ord .ob-val { font-size: 14px; font-weight: 600; }
.rb-ord .ob-acts { display: flex; }
.rb-ord .ob-acts .ds-btn { width: 100%; justify-content: center; }
.rb-ord .ob-done .ob-card { opacity: .8; }
.rb-ord .ob-foot { margin-top: 10px; display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }


@media (max-width: 1100px) {
  .rb-ord .ob-board { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(250px, 46%); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: 6px; contain: inline-size; }
  .rb-ord .ob-col { scroll-snap-align: start; }
}
@media (max-width: 560px) { .rb-ord .ob-board { grid-auto-columns: 84%; } }



.rb-ord .ds-head { margin-bottom: 18px; }
.rb-ord a.ds-btn { text-decoration: none; }
.rb-ord .ds-btn.sm { height: 40px; }
.rb-ord .ro-ok { color: var(--ds-ok) !important; }
.rb-ord .ro-bad { color: var(--ds-bad); }
.rb-ord .ro-mute { color: var(--ds-mute); display: inline-flex; align-items: center; gap: 8px; }
.rb-ord .ro-warn { color: var(--ds-gold-deep); }
.rb-ord .ro-mt6 { margin-top: 6px; }
.rb-ord .ro-mt8 { margin-top: 8px; }
.rb-ord .ro-mt14 { margin-top: 14px; }
.rb-ord .ro-py { padding: 6px 0; }
.rb-ord .ro-pb { padding-bottom: 12px; }
.rb-ord .ro-spacer { flex: 1; }
.rb-ord .ds-tag.gold { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-ord .ds-tag.run { background: var(--ds-surface); color: var(--ds-text); box-shadow: inset 0 0 0 1px var(--ds-line2); }
.rb-ord .ds-tag.ro-dim { opacity: .6; }
.rb-ord .ro-st { gap: 6px; font-weight: 500; }
.rb-ord .ro-st > i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; display: block; flex: none; }
.rb-ord .ro-spin { width: 22px; height: 22px; border: 2px solid var(--ds-line2); border-top-color: var(--ds-ink); border-radius: 50%; animation: dsSpin .7s linear infinite; display: inline-block; flex: none; vertical-align: middle; }
.rb-ord .ro-spin.sm { width: 14px; height: 14px; }
.rb-ord .ro-load { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 14px; color: var(--ds-mute); font-size: 13px; }
.rb-ord .ro-load.sm { flex-direction: row; justify-content: flex-start; padding: 14px 2px 2px; }
.rb-ord .ro-pad { padding: 14px 0; display: flex; align-items: center; gap: 10px; }


.rb-ord .ro-earn { display: flex; align-items: center; gap: 14px; padding: 12px 18px 12px 16px; border: 1px solid color-mix(in srgb, var(--ds-gold) 40%, var(--ds-line)); background: var(--ds-gold-soft); border-radius: 18px; min-width: 280px; max-width: 440px; }
.rb-ord .ro-earn-ic { width: 42px; height: 42px; border-radius: 12px; background: var(--ds-surface); color: var(--ds-gold-deep); display: grid; place-items: center; flex: none; }
.rb-ord .ro-earn-t { display: flex; flex-direction: column; min-width: 0; }
.rb-ord .ro-earn-t small { font-size: 11.5px; color: var(--ds-mute); }
.rb-ord .ro-earn-t b { font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }
.rb-ord .ro-earn-t em { font-style: normal; font-size: 11.5px; color: var(--ds-mute); line-height: 1.55; }
.rb-ord .ro-earn-t em strong { color: var(--ds-gold-deep); font-weight: 500; }


.rb-ord .ro-tabs { display: flex; width: 100%; margin-bottom: 16px; }
.rb-ord .ro-tabs button { flex: 1 1 0; justify-content: center; height: 42px; font-size: 13.5px; }
.rb-ord .ro-tabs button.on svg { color: var(--ds-gold-deep); }
.rb-ord .ro-body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rb-ord .ro-body > .dss-card, .rb-ord .ro-rep-cols > .dss-card { margin-bottom: 0; }


.rb-ord .ro-offers { margin-bottom: 16px; overflow: hidden; }
.rb-ord .ro-offers > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 20px; user-select: none; }
.rb-ord .ro-offers > summary::-webkit-details-marker { display: none; }
.rb-ord .ro-offers > summary:hover { background: var(--ds-surface2); }
.rb-ord .ro-offers-t b { display: block; font-weight: 500; font-size: 14.5px; }
.rb-ord .ro-offers-t small { display: block; color: var(--ds-mute); font-size: 12.5px; }
.rb-ord .ro-chev { color: var(--ds-mute); display: grid; transition: transform .2s var(--ds-ease); }
.rb-ord .ro-offers[open] .ro-chev { transform: rotate(180deg); }
.rb-ord .ro-offers[open] > summary { border-bottom: 1px solid var(--ds-line); }
.rb-ord .ro-offers-b { padding: 16px 20px 20px; }
.rb-ord .ro-offers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; margin-top: 16px; }
.rb-ord .ro-offer { border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 12px; background: var(--ds-surface2); display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rb-ord .ro-offer b { font-weight: 500; font-size: 13.5px; }
.rb-ord .ro-offer-acts { display: flex; gap: 6px; }
.rb-ord .ro-offer-acts .ds-btn { flex: 1 1 0; min-width: 0; padding: 0 6px; gap: 5px; font-size: 12px; }


.rb-ord .ro-tip { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface2); }
.rb-ord .ro-tip-ic { width: 36px; height: 36px; border-radius: 11px; background: var(--ds-gold-soft); color: var(--ds-gold-deep); display: grid; place-items: center; flex: none; }
.rb-ord .ro-tip-t { flex: 1; min-width: 0; }
.rb-ord .ro-tip-t small { display: block; font-size: 11.5px; color: var(--ds-gold-deep); font-weight: 500; }
.rb-ord .ro-tip-t span { display: block; font-size: 13px; line-height: 1.6; }
.rb-ord .ro-tip-dots { display: flex; gap: 4px; flex: none; }
.rb-ord .ro-tip-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--ds-ink); display: block; transition: opacity .22s; }


.rb-ord .ro-intake { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; align-items: start; }
.rb-ord .ro-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rb-ord .ro-side { position: sticky; top: 76px; min-width: 0; }
.rb-ord .ro-main > .dss-card, .rb-ord .ro-side > .dss-card { margin-bottom: 0; overflow: visible; }
@media (max-width: 1023px) {
  .rb-ord .ro-intake { grid-template-columns: minmax(0, 1fr); }
  .rb-ord .ro-main { display: contents; }
  .rb-ord .ro-side { position: static; order: 1; }
  .rb-ord .ro-recent { order: 2; }
}


.rb-ord .ro-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.rb-ord .ro-type { display: flex; align-items: center; gap: 12px; text-align: start; border: 1px solid var(--ds-line); background: var(--ds-surface); border-radius: var(--ds-r); padding: 12px 14px; min-height: 66px; cursor: pointer; color: var(--ds-text); transition: border-color .15s, box-shadow .15s; }
.rb-ord .ro-type:hover { border-color: var(--ds-line2); }
.rb-ord .ro-type.on { border-color: var(--ds-ink); box-shadow: inset 0 0 0 1px var(--ds-ink); }
.rb-ord .ro-type-ic { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; flex: none; transition: background .15s, color .15s; }
.rb-ord .ro-type.on .ro-type-ic { background: var(--ds-ink); color: var(--ds-bg); }
.rb-ord .ro-type-t { min-width: 0; }
.rb-ord .ro-type-t b { display: block; font-weight: 500; font-size: 13.5px; }
.rb-ord .ro-type-t small { display: block; font-size: 11.5px; color: var(--ds-mute); line-height: 1.5; }
.rb-ord .ro-new .ds-note { margin: 0 0 14px; }


.rb-ord .ro-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; margin-bottom: 14px; }
.rb-ord .ro-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; }
.rb-ord .ro-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rb-ord .ro-field > label, .rb-ord .ro-lbl-s { font-size: 12.5px; font-weight: 500; }
.rb-ord .ro-inwrap { position: relative; }
.rb-ord .ro-inwrap > svg { position: absolute; top: 13px; inset-inline-start: 13px; color: var(--ds-faint); pointer-events: none; z-index: 1; }
.rb-ord .ro-inwrap > .ds-in { padding-inline-start: 40px; }
.rb-ord .ro-inwrap > .ds-in[dir="ltr"] { padding-inline-start: 13px; padding-inline-end: 40px; }
.rb-ord .ro-inwrap.ro-big > svg { top: 16px; inset-inline-start: 15px; }
.rb-ord .ro-inwrap.ro-big > .ds-in { padding-inline-start: 44px; font-size: 14.5px; }
.rb-ord .ro-known { align-items: center; gap: 5px; font-size: 12px; font-weight: 500; color: var(--ds-ok); }


.rb-ord .ro-pop { display: none; position: absolute; z-index: 30; inset-inline: 0; top: calc(100% + 6px); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r); max-height: 300px; overflow: auto; padding: 4px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .35); }
.rb-ord .ro-opt { display: flex; align-items: center; gap: 10px; padding: 7px 10px; min-height: 46px; border-radius: 11px; cursor: pointer; font-size: 13px; }
.rb-ord .ro-opt:hover { background: var(--ds-alt); }
.rb-ord .ro-opt-t { min-width: 0; line-height: 1.5; }
.rb-ord .ro-opt b { font-weight: 500; }
.rb-ord .ro-dim { color: var(--ds-mute); font-size: 12px; }
.rb-ord .ro-opt img, .rb-ord .ro-ph { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; flex: none; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-faint); }
.rb-ord .ro-opt-ic { width: 32px; height: 32px; border-radius: 10px; background: var(--ds-alt); display: grid; place-items: center; flex: none; }
.rb-ord .ro-pop-msg { display: flex; align-items: center; gap: 8px; padding: 11px 12px; color: var(--ds-mute); font-size: 13px; }
.rb-ord .ro-pop-msg.bad { color: var(--ds-bad); }


.rb-ord .ro-pend { margin-top: 12px; border: 1px solid var(--ds-ink); border-radius: var(--ds-r); padding: 14px 16px 16px; background: var(--ds-surface2); animation: dsIn .25s var(--ds-ease); }
.rb-ord .ro-pend.ro-mf { margin-top: 0; border-color: var(--ds-line); }
.rb-ord .ro-pend-h { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.rb-ord .ro-pend-h b { flex: 1; min-width: 0; font-weight: 500; font-size: 14px; line-height: 1.45; }
.rb-ord .ro-code { font-size: 12px; color: var(--ds-mute); direction: ltr; }
.rb-ord .ro-x { width: 36px; height: 36px; border: 0; background: transparent; border-radius: 10px; display: grid; place-items: center; color: var(--ds-faint); cursor: pointer; flex: none; }
.rb-ord .ro-x:hover { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-ord .ro-pend-row { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.rb-ord .ro-pend-row .dss-field { width: 160px; }
.rb-ord .ro-reward { flex: 1 1 200px; font-size: 12.5px; color: var(--ds-ok); font-weight: 500; padding-bottom: 12px; }
.rb-ord .ro-reward.dim { color: var(--ds-mute); font-weight: 400; }
.rb-ord .ro-avail { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 12px; }
.rb-ord .ro-av { display: flex; flex-direction: column; gap: 1px; min-width: 110px; border: 1px solid var(--ds-line); border-radius: 12px; padding: 8px 12px; text-align: center; background: var(--ds-surface); }
.rb-ord .ro-av b { font-size: 12.5px; font-weight: 500; }
.rb-ord .ro-av span { font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-av.has { border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line)); background: var(--ds-ok-bg); }
.rb-ord .ro-av.has span { color: var(--ds-ok); }
.rb-ord .ro-av.out span { color: var(--ds-bad); }
.rb-ord .ro-pend .ds-note { margin: 0; }
.rb-ord .ro-end { display: flex; justify-content: flex-end; margin-top: 14px; }


.rb-ord .ro-cart-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 22px 14px; color: var(--ds-mute); font-size: 12.5px; line-height: 1.8; border: 1px dashed var(--ds-line2); border-radius: var(--ds-r); }
.rb-ord .ro-cart-empty > span { width: 46px; height: 46px; border-radius: 50%; background: var(--ds-alt); display: grid; place-items: center; }
.rb-ord .ro-cart-list { display: flex; flex-direction: column; gap: 8px; }
.rb-ord .ro-ci { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; padding-inline-end: 6px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-surface2); }
.rb-ord .ro-ci-t { flex: 1; min-width: 0; }
.rb-ord .ro-ci-t b { display: block; font-weight: 500; font-size: 13px; line-height: 1.5; }
.rb-ord .ro-ci-t small { display: block; font-size: 11.5px; color: var(--ds-mute); line-height: 1.6; }
.rb-ord .ro-more { margin-top: 12px; }
.rb-ord .ro-plan .ds-note { margin: 12px 0 0; }
.rb-ord .ro-plan-part { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12px; padding: 3px 0; }
.rb-ord .ro-cart-tot { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: 14px; padding: 14px 2px 0; border-top: 1px solid var(--ds-line); font-size: 13px; color: var(--ds-mute); }
.rb-ord .ro-cart-tot b { font-size: 20px; font-weight: 500; color: var(--ds-text); }
.rb-ord .ro-cart-acts { display: flex; gap: 8px; margin-top: 16px; }
.rb-ord .ro-cart-acts .ds-btn { padding: 0 16px; }
.rb-ord .ro-cart-acts .ds-btn.pri { flex: 1 1 auto; }


.rb-ord .ro-sec-h { display: flex; align-items: center; gap: 10px; margin: 4px 0 12px; }
.rb-ord .ro-sec-h h3 { margin: 0; font-size: 15px; font-weight: 500; }
.rb-ord .ro-none { padding: 14px 0; color: var(--ds-mute); font-size: 12.5px; text-align: center; }
.rb-ord .ro-none.dash { border: 1px dashed var(--ds-line2); border-radius: var(--ds-r); padding: 18px 12px; }


.rb-ord .ro-orders { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; }
.rb-ord .ro-oc { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 14px; border-radius: 18px; transition: border-color .15s, box-shadow .2s var(--ds-ease); min-width: 0; }
.rb-ord .ro-oc:hover { border-color: var(--ds-line2); box-shadow: 0 12px 28px -22px rgba(0, 0, 0, .45); }
.rb-ord .ro-oc::before { content: ''; position: absolute; top: 18px; bottom: 18px; inset-inline-start: -1px; width: 3px; border-radius: 3px; background: var(--ds-line2); }
.rb-ord .ro-oc.pending::before { background: var(--ds-gold); }
.rb-ord .ro-oc.ready::before { background: var(--ds-ink); }
.rb-ord .ro-oc.done::before { background: var(--ds-ok); }
.rb-ord .ro-oc.cancelled::before { background: var(--ds-bad); }
.rb-ord .ro-oc.cancelled { opacity: .72; }
.rb-ord .ro-oc-top { display: flex; align-items: flex-start; gap: 12px; }
.rb-ord .ro-oc-av { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; flex: none; }
.rb-ord .ro-oc-av.mfg { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-ord .ro-oc-cust { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 8px; }
.rb-ord .ro-oc-cust b { font-weight: 500; font-size: 14.5px; }
.rb-ord .ro-oc-ph { font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-oc-meta { flex-basis: 100%; font-size: 11.5px; color: var(--ds-mute); line-height: 1.6; }
.rb-ord .ro-oc .ro-st { flex: none; }
.rb-ord .ro-oc-items { list-style: none; margin: 0; padding: 8px 12px; background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: 12px; display: flex; flex-direction: column; gap: 5px; font-size: 13px; }
.rb-ord .ro-oc-items li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.rb-ord .ro-oc-items li > span { min-width: 0; }
.rb-ord .ro-oc-items li small { display: block; font-size: 11.5px; color: var(--ds-mute); }
.rb-ord .ro-oc-items li > b { font-weight: 500; white-space: nowrap; }
.rb-ord .ro-oc-note { display: flex; gap: 6px; align-items: flex-start; font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-oc-note svg { margin-top: 3px; }
.rb-ord .ro-oc-inc { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-oc-inc b { font-weight: 500; color: var(--ds-text); }
.rb-ord .ro-oc-inv { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--ds-ok); }
.rb-ord .ro-oc-acts { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--ds-line); }
.rb-ord .ro-oc-acts > .ro-oc-in { display: contents; }   


.rb-ord .ro-bq-pick { display: flex; }
.rb-ord .ro-inline { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; }
.rb-ord .ro-inline > svg { color: var(--ds-mute); }
.rb-ord .ro-inline .ds-in { width: auto; min-width: 180px; }


.rb-ord .ro-per { align-self: flex-start; }
.rb-ord .ro-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; }
.rb-ord .ro-k { display: flex; flex-direction: column; gap: 4px; padding: 16px 20px; min-width: 0; border-inline-start: 1px solid var(--ds-line); }
.rb-ord .ro-k:first-child { border-inline-start: 0; }
.rb-ord .ro-k small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-k small svg { color: var(--ds-gold-deep); }
.rb-ord .ro-k b { font-size: 22px; font-weight: 500; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-ord .ro-k b.ok { color: var(--ds-ok); }
.rb-ord .ro-k b.gold { color: var(--ds-gold-deep); }
.rb-ord .ro-rep-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.rb-ord .ro-row { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--ds-line); font-size: 13px; }
.rb-ord .dss-card-bd > .ro-row:first-child { border-top: 0; }
.rb-ord .ro-lbl { min-width: 72px; font-weight: 500; }
.rb-ord .ro-bar { flex: 1; height: 6px; border-radius: 3px; background: var(--ds-alt); overflow: hidden; }
.rb-ord .ro-bar i { display: block; height: 100%; background: var(--ds-ink); border-radius: 3px; }
.rb-ord .ro-val { font-weight: 500; white-space: nowrap; }
.rb-ord .ro-grow { flex: 1; min-width: 0; }
.rb-ord .ro-grow b { display: block; font-weight: 500; }
.rb-ord .ro-grow small { display: block; font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-rank { width: 34px; height: 34px; border-radius: 50%; background: var(--ds-alt); display: grid; place-items: center; font-weight: 500; flex: none; }
.rb-ord .ro-rank.top { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }


.rb-ord .ro-web { overflow: hidden; }
.rb-ord .ro-wbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 16px 18px 12px; }
.rb-ord .ro-wbar2 { padding-top: 0; padding-bottom: 14px; }
.rb-ord .ro-wsearch { flex: 1 1 260px; min-width: 0; }
.rb-ord .ro-wsearch .ds-in { height: 48px; font-size: 14px; }
.rb-ord .ro-wsearch .ds-in[dir="ltr"] { padding-inline-start: 14px; padding-inline-end: 46px; text-align: left; }
.rb-ord .ro-wbar > .ds-btn { height: 48px; }
.rb-ord .ro-ibtn { width: 48px; padding: 0; }
.rb-ord .ro-wnote { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ds-mute); }
.rb-ord .ro-live { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--ds-mute); white-space: nowrap; }
.rb-ord .ro-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--ds-ok); display: block; box-shadow: 0 0 0 3px var(--ds-ok-bg); }
.rb-ord .ro-werr { padding: 0 18px; }
.rb-ord .ro-werr .ds-note { margin: 0 0 14px; }
.rb-ord .ro-wscroll { overflow-x: auto; border-top: 1px solid var(--ds-line); }
.rb-ord .ro-wtable { width: 100%; border-collapse: collapse; font-size: 13px; }
.rb-ord .ro-wtable th { text-align: start; font-weight: 500; font-size: 11.5px; color: var(--ds-mute); padding: 10px 16px; background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); white-space: nowrap; }
.rb-ord .ro-wtable th.end { text-align: end; }
.rb-ord .ro-w1 { width: 1%; }
.rb-ord .ro-wtable td { padding: 12px 16px; border-bottom: 1px solid var(--ds-line); vertical-align: middle; }
.rb-ord .ro-wtable tbody tr { cursor: pointer; }
.rb-ord .ro-wtable tbody tr:last-child td { border-bottom: 0; }
.rb-ord .ro-wtable tbody tr:hover td { background: var(--ds-surface2); }
.rb-ord .ro-wtable tbody tr:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: -2px; }
.rb-ord .ro-wtable .wo-head strong { font-weight: 500; }
.rb-ord .ro-wtable .wo-head-total { display: none; }
.rb-ord .ro-wtable .wo-date { white-space: nowrap; font-size: 12px; color: var(--ds-mute); }
.rb-ord .ro-wtable .wo-cust { line-height: 1.4; }
.rb-ord .ro-wtable .wo-name { display: block; font-weight: 500; }
.rb-ord .ro-wtable .wo-phone { display: block; font-size: 11.5px; color: var(--ds-mute); direction: ltr; text-align: end; }
.rb-ord .ro-wtable td.wo-total { text-align: left; font-weight: 500; white-space: nowrap; }
.rb-ord .ro-wtable td.wo-go { color: var(--ds-faint); width: 1%; }
.rb-ord .ro-web > .dss-empty { padding: 40px 16px; border-top: 1px solid var(--ds-line); }


.rb-ord.ro-wom { font-size: 14px; }
.rb-ord .wo3 { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 16px; align-items: start; }
.rb-ord .wo3-head { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; padding: 2px 2px 4px; }
.rb-ord .wo3-ref { font-size: 22px; font-weight: 500; line-height: 1.25; text-align: right; }
.rb-ord .wo3-id .wo3-muted { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rb-ord .wo3-total { padding-inline-start: 18px; border-inline-start: 1px solid var(--ds-line); }
.rb-ord .wo3-total small { display: block; font-size: 11px; color: var(--ds-mute); }
.rb-ord .wo3-total b { font-size: 22px; font-weight: 500; }
.rb-ord .wo3-quick { display: flex; gap: 8px; flex-wrap: wrap; margin-inline-start: auto; }
.rb-ord .wo3-main, .rb-ord .wo3-aside { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rb-ord .wo3-aside { position: sticky; top: 0; }
.rb-ord .wo3-main > .ds-note { margin: 0; }
.rb-ord .wo3-sec { padding: 16px 18px; }
.rb-ord .wo3-sec h4, .rb-ord .wo3-flow-h h4 { margin: 0 0 12px; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rb-ord .wo3-sec h4 small { font-weight: 400; color: var(--ds-mute); font-size: 12px; }
.rb-ord .ro-h4-ic { width: 34px; height: 34px; border-radius: 10px; background: var(--ds-alt); display: grid; place-items: center; flex: none; }
.rb-ord .wo3-muted, .rb-ord .wo2-muted { font-size: 12.5px; color: var(--ds-mute); line-height: 1.7; }
.rb-ord .wo3-flow { padding: 4px 18px 12px; }
.rb-ord .wo3-flow-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 0 6px; }
.rb-ord .wo3-flow-h h4 { margin: 0; }
.rb-ord .wo3-cancel { margin-inline-start: auto; }
.rb-ord .wo3-flow > .wo3-note { margin: 6px 0; }

.rb-ord .wo3-step { display: block; position: relative; padding: 12px 0; }
.rb-ord .wo3-step + .wo3-step { border-top: 1px solid var(--ds-line); }
.rb-ord .wo3-st { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; cursor: pointer; list-style: none; min-height: 36px; }
.rb-ord .wo3-st::-webkit-details-marker { display: none; }
.rb-ord .wo3-dot { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--ds-line2); background: var(--ds-surface); display: grid; place-items: center; font-size: 12.5px; color: var(--ds-mute); flex: none; }
.rb-ord .wo3-step.done .wo3-dot { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); }
.rb-ord .wo3-step.cur .wo3-dot { border-color: var(--ds-gold); color: var(--ds-gold-deep); box-shadow: 0 0 0 4px var(--ds-gold-soft); }
.rb-ord .wo3-step.skip .wo3-dot { opacity: .55; }
.rb-ord .wo3-st b { font-size: 14.5px; font-weight: 500; }
.rb-ord .wo3-step.skip .wo3-st b { color: var(--ds-mute); font-weight: 400; }
.rb-ord .wo3-when { font-size: 11.5px; color: var(--ds-mute); }
.rb-ord .wo3-tag { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 11px; background: var(--ds-alt); color: var(--ds-mute); font-size: 11px; }
.rb-ord .wo3-step.cur .wo3-tag { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-ord .wo3-step.done .wo3-tag { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-ord .wo3-chev { margin-inline-start: auto; color: var(--ds-faint); display: grid; transition: transform .2s var(--ds-ease); }
.rb-ord .wo3-step[open] .wo3-chev { transform: rotate(180deg); }
.rb-ord .wo3-body { padding: 10px 0 4px; padding-inline-start: 40px; display: flex; flex-direction: column; gap: 10px; }
.rb-ord .wo3-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.rb-ord .ds-in.ro-in-sm { flex: 1 1 180px; width: auto; min-width: 0; height: 40px; font-size: 12.5px; }
.rb-ord .ds-in.ro-in-amt { flex: 0 1 250px; width: auto; min-width: 0; height: 40px; }
.rb-ord .wo3-note { display: flex; gap: 10px; align-items: flex-start; background: var(--ds-alt); border-radius: 12px; padding: 10px 12px; font-size: 12.5px; line-height: 1.7; }
.rb-ord .wo3-note > svg { margin-top: 3px; color: var(--ds-mute); }
.rb-ord .wo3-note.warn { background: var(--ds-gold-soft); }
.rb-ord .wo3-note.warn > svg { color: var(--ds-gold-deep); }
.rb-ord .wo3-note.late { background: var(--ds-bad-bg); color: var(--ds-bad); }
.rb-ord .wo3-note.late > svg { color: var(--ds-bad); }
.rb-ord .wo3-note.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-ord .wo3-note.ok > svg { color: var(--ds-ok); }
.rb-ord .wo3-kv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; font-size: 12.5px; }
.rb-ord .wo3-kv span { color: var(--ds-mute); }
.rb-ord .wo3-kv b { font-weight: 500; }
.rb-ord .wo3-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.rb-ord .wo3-thumb { width: 92px; height: 92px; padding: 0; border: 1px solid var(--ds-gold); border-radius: 14px; background: var(--ds-alt); color: var(--ds-faint); cursor: zoom-in; display: grid; place-items: center; overflow: hidden; }
.rb-ord .wo3-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-ord .wo3-hist { font-size: 12px; color: var(--ds-mute); line-height: 1.8; border-top: 1px dashed var(--ds-line); margin-top: 6px; padding-top: 10px; }

.rb-ord .wo3-line { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--ds-line); }
.rb-ord .wo3-line:first-child { border-top: 0; padding-top: 2px; }
.rb-ord .wo3-pimg { width: 56px; height: 56px; border-radius: 12px; background: var(--ds-alt); color: var(--ds-faint); display: grid; place-items: center; overflow: hidden; }
.rb-ord .wo3-pimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-ord .wo3-pinfo { min-width: 0; }
.rb-ord .wo3-pinfo b { display: block; font-size: 13.5px; font-weight: 500; line-height: 1.45; }
.rb-ord .ro-spots { margin-top: 6px; display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
.rb-ord .wo3-pnum { display: flex; flex-direction: column; gap: 2px; text-align: end; white-space: nowrap; }
.rb-ord .wo3-pnum span { font-size: 12px; color: var(--ds-mute); }
.rb-ord .wo3-pnum b { font-size: 14px; font-weight: 500; }

.rb-ord .wo3-cust { display: flex; align-items: center; gap: 12px; }
.rb-ord .wo3-av { width: 44px; height: 44px; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); display: grid; place-items: center; font-size: 17px; font-weight: 500; flex: none; }
.rb-ord .wo3-cust-t { flex: 1; min-width: 0; }
.rb-ord .wo3-cust-t b { display: block; font-weight: 500; font-size: 14.5px; }
.rb-ord .wo3-ph { font-size: 13.5px; font-weight: 500; text-align: right; }

.rb-ord .wo2-chat { display: flex; flex-direction: column; gap: 6px; max-height: min(56vh, 540px); overflow: auto; padding: 4px 2px; }
.rb-ord .wo2-bub { max-width: 88%; padding: 9px 12px; border-radius: 16px; font-size: 13.5px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
.rb-ord .wo2-bub small { display: block; font-size: 10.5px; opacity: .65; margin-top: 3px; white-space: nowrap; }
.rb-ord .wo2-bub.in { align-self: flex-start; background: var(--ds-alt); border-start-start-radius: 4px; }
.rb-ord .wo2-bub.out { align-self: flex-end; background: color-mix(in srgb, var(--ds-ok) 14%, var(--ds-surface)); color: var(--ds-text); border-start-end-radius: 4px; }
.rb-ord .wo2-reply { display: flex; gap: 8px; margin-top: 12px; align-items: flex-end; }
.rb-ord .wo2-reply .ds-ta { flex: 1; min-width: 0; min-height: 48px; max-height: 140px; }
.rb-ord .wo2-reply .ds-btn { height: 48px; }
.rb-ord .wo2-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

.rb-ord .ro-appst { padding: 12px 14px; margin-bottom: 12px; border-color: var(--ds-ink); }
.rb-ord .ro-appst-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.rb-ord .ro-appst-h b { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 13px; }
.rb-ord .ro-appst-flow { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 10px; }
.rb-ord .ro-sep { color: var(--ds-faint); }


.rb-ord.ro-lightbox { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; background: rgba(10, 10, 10, .88); cursor: zoom-out; }
.rb-ord.ro-lightbox img { max-width: 96vw; max-height: 92vh; border-radius: 12px; box-shadow: 0 30px 80px rgba(0, 0, 0, .6); }


.rb-ord.ro-share { display: flex; flex-direction: column; gap: 10px; }
.rb-ord.ro-share > .ds-btn { width: 100%; }
.rb-ord .ro-share-hint { font-size: 12.5px; color: var(--ds-mute); }
.rb-ord .ro-pre { margin: 0; padding: 12px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface2); white-space: pre-wrap; font-family: inherit; font-size: 12.5px; line-height: 1.7; }


.rb-ord.ro-dlv { display: grid; gap: 14px; }
.rb-ord .ro-dlv-lead { font-size: 13px; color: var(--ds-mute); line-height: 1.7; }
.rb-ord .ro-dlv-lead strong { color: var(--ds-text); font-weight: 500; }
.rb-ord .ro-dlv-f { display: flex; flex-direction: column; gap: 10px; }
.rb-ord .ro-dlv-lbl { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12.5px; font-weight: 500; }
.rb-ord .inv-reload.ds-link { border: 0; background: none; padding: 0; min-height: 32px; margin: 0; font-size: 12px; font-weight: 400; color: var(--ds-mute); }
.rb-ord .inv-list { max-height: 236px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; padding: 6px; border: 1px solid var(--ds-line); border-radius: var(--ds-r); background: var(--ds-alt); }
.rb-ord .inv-load { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ds-mute); padding: 10px 6px; }
.rb-ord .inv-row { min-height: 54px; padding: 9px 12px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface); color: var(--ds-text); }
.rb-ord .inv-row:hover:not(:disabled) { border-color: var(--ds-line2); }
.rb-ord .inv-row.match { border-color: color-mix(in srgb, var(--ds-ok) 55%, var(--ds-line)); }
.rb-ord .inv-row.on { border-color: var(--ds-ink); background: var(--ds-surface); box-shadow: inset 0 0 0 1px var(--ds-ink); }
.rb-ord .inv-l small { color: var(--ds-mute); }
.rb-ord .inv-used { color: var(--ds-bad); }
.rb-ord .inv-match { color: var(--ds-ok); background: var(--ds-ok-bg); border-radius: 10px; padding: 2px 8px; }
.rb-ord .ro-dlv-f .ds-in { text-align: left; }
.rb-ord .ro-dlv-rw { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--ds-ok-bg); color: var(--ds-ok); font-size: 12.5px; }
.rb-ord .ro-dlv-rw b { font-weight: 500; }
.rb-ord .ro-dlv-st { font-size: 13px; min-height: 18px; }


@media (max-width: 980px) {
  .rb-ord .wo3 { grid-template-columns: minmax(0, 1fr); }
  .rb-ord .wo3-aside { position: static; }
}
@media (max-width: 760px) {
  .rb-ord .ro-types { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .rb-ord .ro-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-ord .ro-k { padding: 14px; }
  .rb-ord .ro-k:nth-child(odd) { border-inline-start: 0; }
  .rb-ord .ro-k:nth-child(n+3) { border-top: 1px solid var(--ds-line); }
  .rb-ord .ro-k b { font-size: 18px; }
  .rb-ord .ro-rep-cols { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .rb-ord .ro-earn { min-width: 0; max-width: none; width: 100%; }
  .rb-ord .dss-head-side { width: 100%; }
  .rb-ord .ro-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); overflow: visible; }
  .rb-ord .ro-tabs button { padding: 0 10px; font-size: 13px; }
  .rb-ord .ro-tip { padding: 10px 12px; }
  .rb-ord .ro-tip-dots { display: none; }
  .rb-ord .ro-offers > summary { padding: 12px 14px; gap: 12px; }
  .rb-ord .ro-offers-b { padding: 14px; }
  .rb-ord .ro-offers-grid { grid-template-columns: minmax(0, 1fr); }
  .rb-ord .ro-grid2, .rb-ord .ro-grid3 { grid-template-columns: minmax(0, 1fr); }
  .rb-ord .ro-pend { padding: 12px; }
  .rb-ord .ro-pend-row .dss-field { flex: 1 1 120px; width: auto; }
  .rb-ord .ro-orders { grid-template-columns: minmax(0, 1fr); }
  .rb-ord .ro-oc { padding: 14px 14px 12px; }
  .rb-ord .ro-oc-acts { justify-content: flex-start; }
  .rb-ord .ro-inline { width: 100%; }
  .rb-ord .ro-inline .ds-in { flex: 1; min-width: 0; }
  
  .rb-ord .ro-wbar { padding: 14px 14px 10px; }
  .rb-ord .ro-wbar2 { padding-top: 0; }
  .rb-ord .ro-wsearch { flex: 1 0 100%; }
  .rb-ord .ro-wbar > .ds-btn.pri { flex: 1; }
  .rb-ord .ro-live { display: none; }
  .rb-ord .ro-wf { width: 100%; flex-wrap: nowrap; overflow-x: auto; contain: inline-size; scrollbar-width: none; }
  .rb-ord .ro-werr { padding: 0 14px; }
  .rb-ord .ro-wscroll { border-top: 0; overflow: visible; }
  
  
  .rb-ord .wo3-sec { padding: 14px; }
  .rb-ord .wo3-flow { padding: 4px 14px 10px; }
  .rb-ord .wo3-body { padding-inline-start: 0; }
  .rb-ord .wo3-total { padding-inline-start: 0; border: 0; }
  .rb-ord .wo3-quick { margin-inline-start: 0; width: 100%; }
  .rb-ord .wo3-quick .ds-btn { flex: 1; }
  .rb-ord .wo3-line { grid-template-columns: 48px minmax(0, 1fr); }
  .rb-ord .wo3-pimg { width: 48px; height: 48px; }
  .rb-ord .wo3-pnum { grid-column: 2; flex-direction: row; justify-content: space-between; }
}


.rb-ord.ro-wom .num, .rb-ord.ro-dlv .num, .rb-ord.ro-share .num { direction: ltr; unicode-bidi: isolate; }


.rb-ord .ro-src{ display:inline-flex; align-items:center; gap:4px; margin-inline-start:8px; font-size:11px; padding:2px 8px; vertical-align:middle; }
.rb-ord .ro-src svg{ flex:none; }
.rb-ord .ro-src-site{ color:var(--ds-text); }
.rb-ord .ro-src-app{ color:var(--ds-gold-deep); background:var(--ds-gold-soft); }
.rb-ord .ro-src-wa{ color:var(--ds-ok); background:var(--ds-ok-bg); }

@media (max-width:640px){ .rb-ord .ro-tabs{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .rb-ord .ro-tabs button{ padding:0 6px; } }



.rb-ord .ro-oc.p3o-open { cursor: pointer; }
.rb-ord .ro-oc.p3o-open:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }


.dv .p3o-items { list-style: none; margin: 0; padding: 0; }
.dv .p3o-items li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: baseline; gap: 4px 14px; padding: 9px 0; border-bottom: 1px dashed var(--ds-line); font-size: 13px; }
.dv .p3o-items li:last-child { border-bottom: 0; }
.dv .p3o-it-n { min-width: 0; display: flex; flex-direction: column; }
.dv .p3o-it-n b { font-weight: 500; overflow-wrap: anywhere; }
.dv .p3o-it-n small { color: var(--ds-mute); font-size: 11.5px; line-height: 1.5; }
.dv .p3o-it-q { color: var(--ds-mute); font-size: 12px; white-space: nowrap; justify-self: start; unicode-bidi: isolate; }
.dv .p3o-it-t { font-weight: 500; white-space: nowrap; }
.dv .p3o-tot { margin-top: 6px; padding-top: 4px; border-top: 1px solid var(--ds-line); }
.dv .p3o-tot small { color: var(--ds-mute); font-weight: 400; font-size: 11.5px; }
.dv .p3o-cnt { margin-inline-start: auto; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; background: var(--ds-alt); color: var(--ds-mute); font-size: 11.5px; display: inline-grid; place-items: center; }
.dv .p3o-mute { color: var(--ds-mute); font-size: 13px; }
.dv .p3o-mf + .p3o-mf { margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--ds-line); }
.dv .p3o-mf-h { font-size: 12px; color: var(--ds-gold-deep); font-weight: 500; padding: 2px 0; }
.dv .p3o-acts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.dv .p3o-acts .ds-btn { flex: 1 1 120px; text-decoration: none; }
.dv bdi.num { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 420px) {
  .dv .p3o-items li { grid-template-columns: minmax(0, 1fr) auto; }
  .dv .p3o-it-q { grid-column: 1; grid-row: 2; }
  .dv .p3o-it-t { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
}


.modal-header .rb-ord.p3o-wnav { display: inline-flex; align-items: center; flex: none; font-size: 14px; line-height: 1; }
.modal-header .rb-ord.p3o-wnav .dv-nav-b { height: 36px; }
@media (max-width: 640px) {
  .modal-header .rb-ord.p3o-wnav .dv-nav-b { width: 34px; height: 34px; }
  .modal-header .rb-ord.p3o-wnav .dv-nav-n { min-width: 30px; }
}


.rb-prod .pq-card.p3p-open { cursor: pointer; }
.rb-prod .pq-card.p3p-open:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }
.rb-prod .pq-card.p3p-open:hover { border-color: var(--ds-line2); }

.dv .p3p-amt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 2px 0 8px; }
.dv .p3p-amt > small { font-size: 12px; color: var(--ds-mute); }
.dv .p3p-amt > .dv-amount { font-size: 30px; }
.dv .p3p-amt > .ds-tag { margin-top: 2px; }
.dv .p3p-amt-card .dv-card-b { padding-top: 14px; }
.dv .p3p-stack { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.dv .p3p-stack:first-child { margin-top: 0; }
.dv .p3p-when { display: block; margin-top: 1px; font-size: 11.5px; font-weight: 400; color: var(--ds-mute); }
.dv .dv-row bdi[dir="ltr"] { unicode-bidi: isolate; }

.rb-vl tr.p3s-row { cursor: pointer; }

.dv .p3s-in, .dv .p3s-out, .dv .p3s-var, .dv .p3s-mv-a { direction: ltr; display: inline-block; unicode-bidi: isolate; white-space: nowrap; }
.dv .p3s-in { color: var(--ds-ok); }
.dv .p3s-out { color: var(--ds-bad); }
.dv .p3s-var { font-weight: 600; }
.dv .p3s-var.up { color: var(--ds-gold-deep); }
.dv .p3s-var.down { color: var(--ds-bad); }
.dv .p3s-exp .dv-row { margin: 2px -14px; padding: 10px 14px; background: var(--ds-surface2); border-bottom: 0; }
.dv .p3s-exp .dv-row > span { color: var(--ds-text); font-weight: 500; }
.dv .p3s-exp .dv-row > b { font-weight: 600; font-size: 15px; }
.dv .p3s-t { display: block; font-size: 11.5px; font-weight: 400; color: var(--ds-mute); margin-top: 1px; }


.dv .p3s-mvs { display: flex; flex-direction: column; margin: -6px -6px; }
.dv .p3s-mv { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 14px; align-items: center; gap: 10px; min-height: 48px; padding: 6px 8px; border-radius: 10px; color: var(--ds-text); text-decoration: none; }
.dv .p3s-mv + .p3s-mv { border-top: 1px dashed var(--ds-line); border-radius: 0; }
.dv .p3s-mv:hover { background: var(--ds-surface2); border-radius: 10px; }
.dv .p3s-mv > svg:last-child { color: var(--ds-faint); }
.dv .p3s-mv-ic { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-surface2); }
.dv .p3s-mv-ic.in { color: var(--ds-ok); }
.dv .p3s-mv-ic.out { color: var(--ds-bad); }
.dv .p3s-mv-t { min-width: 0; display: flex; flex-direction: column; }
.dv .p3s-mv-t > b { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dv .p3s-mv-t > small { font-size: 11.5px; color: var(--ds-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dv .p3s-mv-a { font-size: 13px; font-weight: 600; }
.dv .p3s-mv-a.in { color: var(--ds-ok); }
.dv .p3s-mv-a.out { color: var(--ds-bad); }
.dv .p3s-none { font-size: 13px; color: var(--ds-mute); text-align: center; padding: 8px 0; }
.dv .dv-main > .ds-note { margin: 0; }
.dv .p3s-dim { color: var(--ds-mute); font-weight: 400; }

.dv .p3v-amt { display: flex; align-items: center; gap: 12px; }
.dv .p3v-amt-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex: none;
  background: color-mix(in srgb, var(--ds-ok) 12%, transparent); color: var(--ds-ok); }
.dv .p3v-amt-ic.out { background: color-mix(in srgb, var(--ds-bad) 12%, transparent); color: var(--ds-bad); }
.dv .p3v-amt-t { min-width: 0; }
.dv .p3v-amt-s { margin-top: 2px; font-size: 12.5px; color: var(--ds-mute); }
.dv .p3v-split { margin-top: 10px; padding-top: 4px; border-top: 1px solid var(--ds-line); }

.dv .p3v-tools { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ds-line); }
.dv .p3v-tool { gap: 5px; min-height: 36px; padding: 0 10px; font-size: 12.5px; }
.dv .p3v-tool.warn { color: var(--ds-gold-deep); }
@media (max-width: 420px) { .dv .p3v-tool { flex: 1 1 0; justify-content: center; min-width: 0; padding: 0 6px; } }

.dv .p3v-linkbtn { width: calc(100% + 4px); background: none; border: 0; font: inherit; text-align: start; cursor: pointer; }
.dv .p3v-ea { margin-top: 6px; padding-top: 4px; border-top: 1px solid var(--ds-line); }
.dv .p3v-ea:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.dv .p3v-err { display: flex; gap: 6px; align-items: flex-start; margin-top: 8px; padding: 8px 10px; border-radius: 10px;
  font-size: 12.5px; line-height: 1.6; color: var(--ds-bad); background: color-mix(in srgb, var(--ds-bad) 8%, transparent); overflow-wrap: anywhere; }
.dv .p3v-err > svg { flex: none; margin-top: 3px; }


.rb-vl tr.p3v-row { cursor: pointer; }
.rb-vl tr.p3v-row:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: -2px; }



.rb-prod .num, .rb-prod bdi { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }
.rb-prod .ds-head .ds-sub strong, .rb-prod .ds-head .ds-sub b { color: var(--ds-text); font-weight: 500; }
.rb-prod .dss-head-side { justify-content: flex-end; }
.rb-prod .ds-btn { text-decoration: none; }
.rb-prod .ds-btn.sm { min-height: 38px; }
.rb-prod .ds-btn svg { flex: none; }
.rb-prod .rb-spin { display: inline-block; width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: dsSpin .7s linear infinite; flex: none; vertical-align: middle; }
.rb-prod .ds-seg { margin-bottom: 16px; }
.rb-prod .dss-card { margin-bottom: 14px; }
.rb-prod .dss-empty > span { color: var(--ds-mute); }

.rb-prod .hm-kpis { margin-bottom: 18px; }
.rb-prod .hm-k b { font-variant-numeric: tabular-nums; }
.rb-prod .hm-k.is-gold b { color: var(--ds-gold-deep); }
.rb-prod .hm-k.is-bad b { color: var(--ds-bad); }
.rb-prod .hm-k.is-ok b { color: var(--ds-ok); }
.rb-prod .hm-k small svg { color: var(--ds-gold-deep); }
.rb-prod .hm-k.is-bad small svg { color: var(--ds-bad); }
.rb-prod .hm-k.is-ok small svg { color: var(--ds-ok); }
.rb-prod .hm-k .rb-k-txt { font-size: 16px; font-weight: 500; white-space: normal; line-height: 1.35; }

.rb-prod .dss-tag.info { background: var(--ds-alt); color: var(--ds-text); }

.rb-prod .ds-btn.pq-flat { background: transparent; border-color: transparent; color: var(--ds-mute); }
.rb-prod .ds-btn.pq-flat:hover:not(:disabled) { background: var(--ds-alt); color: var(--ds-text); }
.rb-prod .ds-btn.pq-ico { width: 38px; padding: 0; }

.rb-prod .dss-field > span em { font-style: normal; }
.rb-prod input[type=checkbox], .rb-prod input[type=radio] { accent-color: var(--ds-ink); }
html[data-theme="dark"] .rb-prod input[type=checkbox], html[data-theme="dark"] .rb-prod input[type=radio] { accent-color: var(--ds-gold); }


.rb-prod .pq { max-width: 1000px; }
.rb-prod .pq-acts { gap: 10px; }
.rb-prod .pq-tabs { display: flex; width: max-content; max-width: 100%; }
.rb-prod .pq-list { display: flex; flex-direction: column; gap: 12px; }
.rb-prod .pq-card { padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; transition: border-color .4s, box-shadow .4s; }
.rb-prod .pq-card.is-pend { border-color: var(--ds-line2); }
.rb-prod .pq-card.prq-focus, .rb-prod .pq-list > .prq-focus { border-color: var(--ds-gold) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-gold) 24%, transparent); }
.rb-prod .pq-top { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.rb-prod .pq-ic { width: 42px; height: 42px; border-radius: 12px; background: var(--ds-alt); color: var(--ds-text); display: grid; place-items: center; }
.rb-prod .pq-ic.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-prod .pq-t { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.rb-prod .pq-nm { font-weight: 500; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; }
.rb-prod .pq-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.rb-prod .pq-chips .ds-tag[dir="ltr"] { font-variant-numeric: tabular-nums; }
.rb-prod .pq-t small { font-size: 12px; color: var(--ds-mute); }
.rb-prod .pq-t small b { font-weight: 500; color: var(--ds-text); }
.rb-prod .pq-r { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; text-align: end; }
.rb-prod .pq-amt { font-size: 19px; font-weight: 500; white-space: nowrap; letter-spacing: -.01em; }
.rb-prod .pq-amt.big { color: var(--ds-bad); }
.rb-prod .pq-memo { font-size: 13px; color: var(--ds-mute); line-height: 1.75; padding: 9px 13px; background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: 12px; overflow-wrap: anywhere; }
.rb-prod .pq-note { display: flex; gap: 9px; align-items: flex-start; padding: 9px 13px; border-radius: 12px; background: var(--ds-gold-soft); color: var(--ds-text); font-size: 12.5px; line-height: 1.7; }
.rb-prod .pq-note > svg { flex: none; margin-top: 3px; color: var(--ds-gold-deep); }
.rb-prod .pq-note.ok { background: var(--ds-ok-bg); } .rb-prod .pq-note.ok > svg { color: var(--ds-ok); }
.rb-prod .pq-note.bad { background: var(--ds-bad-bg); } .rb-prod .pq-note.bad > svg { color: var(--ds-bad); }
.rb-prod .pq-note.info { background: var(--ds-alt); } .rb-prod .pq-note.info > svg { color: var(--ds-mute); }
.rb-prod .pq-note .ds-tag { height: 20px; vertical-align: middle; }
.rb-prod .pq-mute { color: var(--ds-mute); }
.rb-prod .pq-row-acts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding-top: 10px; border-top: 1px solid var(--ds-line); }
.pq-row-acts > .pq-acts-in { display: contents; }   
.rb-prod .pq-row-acts .pq-has { border-color: color-mix(in srgb, var(--ds-gold) 50%, var(--ds-line2)); color: var(--ds-gold-deep); }

.rb-prod .pq-list > .pg-card { border-radius: var(--ds-r-lg); border-color: var(--ds-line); background: var(--ds-surface); }


.rb-prod.pq-m { display: flex; flex-direction: column; gap: 14px; font-size: 13.5px; }
.rb-prod.pq-m .pq-note { font-size: 13px; }
.rb-prod .pq-req { color: var(--ds-bad); font-style: normal; }
.rb-prod .pq-opt { color: var(--ds-mute); font-style: normal; font-weight: 400; }
.rb-prod .pq-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.rb-prod .pq-grid2.tight { gap: 8px 10px; }
.rb-prod .ds-in.pq-ltr { direction: ltr; text-align: left; }
.rb-prod .pq-step { border: 1px solid var(--ds-line); border-radius: 18px; padding: 14px 16px; background: var(--ds-surface); display: flex; flex-direction: column; gap: 10px; }
.rb-prod .pq-sh { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 10px; }
.rb-prod .pq-sh b { font-weight: 500; font-size: 14.5px; }
.rb-prod .pq-sh small { flex-basis: 100%; padding-inline-start: 36px; color: var(--ds-mute); font-size: 12px; }
.rb-prod .pq-n { width: 26px; height: 26px; flex: none; display: inline-grid; place-items: center; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); font-size: 12.5px; font-weight: 500; }
.rb-prod .pq-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rb-prod .pq-cp { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 11px 13px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); color: var(--ds-text); cursor: pointer; text-align: start; min-height: 44px; transition: border-color .15s, background .15s; }
.rb-prod .pq-cp:hover { border-color: var(--ds-gold); }
.rb-prod .pq-cp:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }
.rb-prod .pq-cp small { color: var(--ds-mute); font-size: 11.5px; }
.rb-prod .pq-cp b { font-size: 17px; font-weight: 500; line-height: 1.3; word-break: break-all; unicode-bidi: plaintext; font-variant-numeric: tabular-nums; }
.rb-prod .pq-cp.none { cursor: default; } .rb-prod .pq-cp.none b { font-size: 13px; color: var(--ds-mute); font-weight: 400; }
.rb-prod .pq-cpi { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ds-gold-deep); }
.rb-prod .pq-cpi em { font-style: normal; }
.rb-prod .pq-cp.done { border-color: var(--ds-ok); background: var(--ds-ok-bg); } .rb-prod .pq-cp.done .pq-cpi { color: var(--ds-ok); }
.rb-prod .pq-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.rb-prod .pq-lbl { font-size: 12.5px; font-weight: 500; }
.rb-prod .pq-sum-line { margin-top: 8px; }
.rb-prod .pq-sum-line:empty { display: none; }
.rb-prod .pq-check { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 12px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface2); cursor: pointer; font-size: 13px; }
.rb-prod .pq-check input { width: 18px; height: 18px; flex: none; margin: 0; }
.rb-prod .pq-drop { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 20px 12px; border: 1.5px dashed color-mix(in srgb, var(--ds-gold) 55%, var(--ds-line2)); border-radius: 16px; background: var(--ds-surface2); cursor: pointer; text-align: center; transition: background .15s, border-color .15s; }
.rb-prod .pq-drop:hover, .rb-prod .over .pq-drop { background: var(--ds-gold-soft); border-color: var(--ds-gold); }
.rb-prod .pq-drop b { font-weight: 500; font-size: 14px; }
.rb-prod .pq-drop small { font-size: 12px; color: var(--ds-mute); }
.rb-prod .pq-drop-ic { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--ds-surface); color: var(--ds-gold-deep); border: 1px solid var(--ds-line); margin-bottom: 4px; }
.rb-prod .pq-prev { display: flex; gap: 12px; align-items: center; }
.rb-prod .pq-prev img { width: 96px; height: 120px; object-fit: cover; border-radius: 12px; border: 1px solid var(--ds-line); flex: none; }
.rb-prod .pq-prev-a { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.rb-prod .pq-ok { flex-basis: 100%; display: inline-flex; align-items: center; gap: 6px; color: var(--ds-ok); font-size: 13px; }
.rb-prod .pq-file { cursor: pointer; }
.rb-prod .pq-sum { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); }
.rb-prod .pq-sum span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rb-prod .pq-sum span b { font-weight: 500; }
.rb-prod .pq-sum small { color: var(--ds-mute); font-size: 12px; }
.rb-prod .pq-sum > b { font-size: 18px; font-weight: 500; white-space: nowrap; }
.rb-prod .pq-prv-list { display: flex; flex-direction: column; gap: 12px; }
.rb-prod .pq-prv-load { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 28px 10px; color: var(--ds-mute); font-size: 13px; }
.rb-prod .pq-prv-fig { margin: 0; display: flex; flex-direction: column; gap: 8px; align-items: center; }
.rb-prod .pq-prv-fig img { max-width: 100%; max-height: 62vh; object-fit: contain; border-radius: 14px; border: 1px solid var(--ds-line); background: var(--ds-surface2); display: block; }
.rb-prod .pq-prv-add { border-top: 1px solid var(--ds-line); padding-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.rb-prod .pq-up { align-self: flex-start; }
.rb-prod .pq-kvs { border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); padding: 4px 14px; }
.rb-prod .pq-kv { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--ds-line); font-size: 13px; }
.rb-prod .pq-kv:last-child { border-bottom: 0; }
.rb-prod .pq-kv span { color: var(--ds-mute); }
.rb-prod .pq-kv b { font-weight: 500; text-align: end; min-width: 0; overflow-wrap: anywhere; }
.rb-prod .pq-kv.total b { font-size: 18px; }
.rb-prod .pq-msg { white-space: pre-wrap; padding: 12px 14px; border-radius: 14px; background: var(--ds-alt); font-weight: 500; line-height: 1.9; font-size: 13px; }
.rb-prod .pq-btns { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 640px) {
  .rb-prod .pq-acts { width: 100%; } .rb-prod .pq-acts .ds-btn { flex: 1 1 160px; }
  .rb-prod .pq-tabs { width: 100%; }
  .rb-prod .pq-card { padding: 14px; }
  .rb-prod .pq-top { grid-template-columns: 38px minmax(0, 1fr); gap: 10px 12px; }
  .rb-prod .pq-ic { width: 38px; height: 38px; }
  .rb-prod .pq-r { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 8px; border-top: 1px dashed var(--ds-line); }
  .rb-prod .pq-row-acts .ds-btn.pri { flex: 1 1 auto; }
  .rb-prod .pq-grid2, .rb-prod .pq-copy { grid-template-columns: minmax(0, 1fr); }
  .rb-prod .pq-step { padding: 12px; }
  .rb-prod .pq-sh small { padding-inline-start: 0; }
}


.rb-prod .cgv-acts { gap: 10px; }
.rb-prod .cgv-br { width: auto; min-width: 150px; height: 48px; }
.rb-prod .cgv-who { display: inline-flex; align-items: center; gap: 9px; height: 48px; padding: 0 14px 0 8px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface); }
.rb-prod .cgv-who b { font-weight: 500; font-size: 13.5px; }
.rb-prod .cgv-av { width: 32px; height: 32px; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); display: grid; place-items: center; font-size: 13px; font-weight: 500; }
.rb-prod .cgv-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 34px 16px; color: var(--ds-mute); font-size: 13.5px; }
.rb-prod .cgv-loading.col { flex-direction: column; gap: 8px; }
.rb-prod .cgv-loading.col b { color: var(--ds-text); font-weight: 500; }
.rb-prod .cgv-loading.col small { font-size: 12.5px; }
.rb-prod .cgv .ds-note { margin-bottom: 16px; }
.rb-prod .cgv-search { display: block; margin-bottom: 16px; }

.rb-prod .cgv-strip { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px 16px; margin-bottom: 14px; }
.rb-prod .cgv-strip-ic { width: 40px; height: 40px; border-radius: 12px; background: var(--ds-alt); display: grid; place-items: center; }
.rb-prod .cgv-strip-t { display: flex; flex-direction: column; min-width: 0; }
.rb-prod .cgv-strip-t b { font-weight: 500; font-size: 14.5px; }
.rb-prod .cgv-strip-t small { font-size: 12.5px; color: var(--ds-mute); }
.rb-prod .cgv-strip.ok { background: var(--ds-ok-bg); border-color: color-mix(in srgb, var(--ds-ok) 40%, var(--ds-line)); }
.rb-prod .cgv-strip.ok .cgv-strip-ic { background: var(--ds-surface); color: var(--ds-ok); }
.rb-prod .cgv-strip.ok b, .rb-prod .cgv-strip.ok small { color: var(--ds-ok); }

.rb-prod .cgv-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); gap: 12px; }
.rb-prod .cgv-cat { position: relative; display: flex; flex-direction: column; align-items: center; gap: 11px; padding: 22px 14px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 18px; cursor: pointer; text-align: center; color: var(--ds-text); transition: transform .15s var(--ds-ease), box-shadow .2s, border-color .15s; }
.rb-prod .cgv-cat .b { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--ds-alt); color: var(--ds-text); transition: background .15s, color .15s; }
.rb-prod .cgv-cat .n { font-size: 13.5px; font-weight: 500; line-height: 1.4; }
@media (hover: hover) {
  .rb-prod .cgv-cat:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -20px rgba(0,0,0,.45); border-color: var(--ds-ink); }
  .rb-prod .cgv-cat:hover .b { background: var(--ds-ink); color: var(--ds-bg); }
}
.rb-prod .cgv-cat:active { transform: scale(.99); }
.rb-prod .cgv-cat.full { border-color: var(--ds-ok); }
.rb-prod .cgv-ring { position: absolute; top: 9px; inset-inline-end: 11px; font-size: 11.5px; font-weight: 500; color: var(--ds-faint); }
.rb-prod .cgv-cat.full .cgv-ring { color: var(--ds-ok); }

.rb-prod .cgv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 12px; }
.rb-prod .cgv-p { display: flex; flex-direction: column; padding: 11px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 18px; text-align: center; color: var(--ds-text); transition: transform .15s var(--ds-ease), box-shadow .2s, border-color .15s; min-width: 0; }
.rb-prod button.cgv-p { cursor: pointer; }
@media (hover: hover) { .rb-prod button.cgv-p:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -20px rgba(0,0,0,.45); border-color: var(--ds-ink); } }
.rb-prod .cgv-p .nm { font-weight: 500; font-size: 13px; line-height: 1.45; margin-top: 9px; overflow-wrap: anywhere; }
.rb-prod .cgv-p .pr { font-size: 13px; font-weight: 500; margin-top: 3px; }
.rb-prod .cgv-p .mt { font-size: 11.5px; color: var(--ds-mute); margin-top: 3px; }
.rb-prod .cgv-img { width: 100%; border-radius: 12px; background: var(--ds-alt); object-fit: contain; display: block; }
.rb-prod .cgv-noimg { display: grid; place-items: center; border-radius: 12px; background: var(--ds-alt); color: var(--ds-faint); }
.rb-prod .cgv-qty { margin-top: 6px; }
.rb-prod .cgv-sizes { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-top: 8px; }
.rb-prod .cgv-sel { display: flex; align-items: center; gap: 14px; padding: 12px 16px; margin-bottom: 14px; }
.rb-prod .cgv-sel-img { width: 74px; flex: none; }
.rb-prod .cgv-sel-t { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rb-prod .cgv-sel-t b { font-weight: 500; font-size: 16px; line-height: 1.35; }
.rb-prod .cgv-sel-t small { font-size: 12.5px; color: var(--ds-mute); }

.rb-prod .rd-cats { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 8px; scrollbar-width: none; contain: inline-size; }
.rb-prod .rd-cats::-webkit-scrollbar { display: none; }
.rb-prod .rd-chip { flex: none; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--ds-line); background: var(--ds-surface); border-radius: 999px; height: 34px; padding: 0 13px; font-size: 13px; white-space: nowrap; color: var(--ds-mute); }
.rb-prod .rd-chip.done { background: var(--ds-ok-bg); border-color: color-mix(in srgb, var(--ds-ok) 45%, transparent); color: var(--ds-ok); }
.rb-prod .rd-chip.now { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); font-weight: 500; }
.rb-prod .rd-chip .k { font-size: 11.5px; opacity: .85; }
.rb-prod .rd-prog { margin-bottom: 14px; }
.rb-prod .rd-prog .lbl { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; margin-bottom: 7px; gap: 10px; }
.rb-prod .rd-prog .lbl b { font-size: 15px; font-weight: 500; }
.rb-prod .rd-prog .lbl > span { color: var(--ds-mute); }
.rb-prod .rd-prog .lbl > span:first-child { color: var(--ds-text); font-weight: 500; }
.rb-prod .rd-prog .day { color: var(--ds-faint); }
.rb-prod .rd-track { height: 7px; border-radius: 99px; background: var(--ds-alt); overflow: hidden; }
.rb-prod .rd-fill { height: 100%; background: var(--ds-gold); border-radius: 99px; transition: width .3s var(--ds-ease); }
.rb-prod .rd-card { overflow: hidden; margin-bottom: 14px; }
.rb-prod .rd-row { display: grid; grid-template-columns: 300px minmax(0, 1fr); }
.rb-prod .rd-ph { background: var(--ds-surface2); border-inline-end: 1px solid var(--ds-line); display: grid; place-items: center; padding: 16px; min-height: 270px; }
.rb-prod .rd-ph img { width: 100%; max-height: 238px; object-fit: contain; border-radius: 12px; }
.rb-prod .rd-noimg { color: var(--ds-faint); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; }
.rb-prod .rd-info { padding: 20px 22px; min-width: 0; }
.rb-prod .rd-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.rb-prod .rd-info h3 { margin: 0 0 4px; font-size: 21px; font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
.rb-prod .rd-meta { font-size: 12.5px; color: var(--ds-mute); margin-bottom: 16px; }
.rb-prod .rd-meta strong { color: var(--ds-text); font-weight: 500; }
.rb-prod .rd-meta code { background: var(--ds-alt); border-radius: 6px; padding: 1px 6px; font-size: 12px; color: var(--ds-text); direction: ltr; unicode-bidi: isolate; }
.rb-prod .rd-sub { font-size: 11.5px; font-weight: 500; color: var(--ds-mute); margin: 0 0 8px; }
.rb-prod .rd-vars { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.rb-prod .rd-var { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 15px; background: var(--ds-alt); font-size: 12.5px; }
.rb-prod .rd-var b { font-weight: 500; color: var(--ds-mute); font-size: 11.5px; }
.rb-prod .rd-none { color: var(--ds-mute); font-size: 13px; }
.rb-prod .rd-pcs { display: flex; flex-wrap: wrap; gap: 8px; }
.rb-prod .rd-pc { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; border: 1.5px solid var(--ds-line2); background: var(--ds-surface); color: var(--ds-text); border-radius: 999px; padding: 0 15px; font-size: 13px; font-weight: 500; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.rb-prod .rd-pc .dot { width: 13px; height: 13px; border-radius: 4px; border: 1.5px solid var(--ds-line2); flex: none; }
.rb-prod .rd-pc:hover { border-color: var(--ds-bad); }
.rb-prod .rd-pc.on { background: var(--ds-bad-bg); border-color: var(--ds-bad); color: var(--ds-bad); }
.rb-prod .rd-pc.on .dot { background: var(--ds-bad); border-color: var(--ds-bad); }
.rb-prod .rd-pc b { color: var(--ds-mute); font-weight: 500; font-size: 11.5px; }
.rb-prod .rd-pc.on b { color: var(--ds-bad); }
.rb-prod .rd-acts { display: flex; gap: 9px; flex-wrap: wrap; }
.rb-prod .rd-acts.mt { margin-top: 14px; }
.rb-prod .rd-acts .grow { flex: 1.6 1 180px; }
.rb-prod .rd-acts .grow2 { flex: 1 1 140px; }
.rb-prod .ds-btn.bad.solid { background: var(--ds-bad); border-color: var(--ds-bad); color: #fff; }
.rb-prod .ds-btn.bad.solid:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-bad) 88%, #000); }
.rb-prod .rd-kb { margin-top: 12px; font-size: 11.5px; color: var(--ds-faint); }
.rb-prod .rd-kb kbd { font: 500 11px var(--ds-font); background: var(--ds-alt); border: 1px solid var(--ds-line2); border-bottom-width: 2px; border-radius: 5px; padding: 1px 6px; color: var(--ds-mute); }
.rb-prod .rd-next { padding: 16px 18px; margin-bottom: 14px; }
.rb-prod .rd-nrow { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 13px; }
.rb-prod .rd-nrow + .rd-nrow { border-top: 1px solid var(--ds-line); }
.rb-prod .rd-nrow .nm { font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-prod .rd-nrow .ag { margin-inline-start: auto; font-size: 12px; color: var(--ds-mute); white-space: nowrap; }
.rb-prod .rd-nrow .miss { color: var(--ds-bad); font-weight: 500; }
.rb-prod .rd-nrow.dim { opacity: .55; }
.rb-prod .rd-undo-w { text-align: center; }
.rb-prod .rd-done { text-align: center; padding: 32px 24px; margin-bottom: 14px; border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line)); }
.rb-prod .rd-done-ic { width: 62px; height: 62px; border-radius: 50%; background: var(--ds-ok-bg); color: var(--ds-ok); display: grid; place-items: center; margin: 0 auto 14px; }
.rb-prod .rd-done h3 { margin: 0 0 6px; font-size: 20px; font-weight: 500; }
.rb-prod .rd-done p { margin: 0; color: var(--ds-mute); font-size: 13.5px; }
.rb-prod .rd-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 440px; margin: 18px auto 0; }
.rb-prod .rd-sum > div { border: 1px solid var(--ds-line); border-radius: 14px; padding: 11px 8px; }
.rb-prod .rd-sum .n { font-size: 22px; font-weight: 500; font-variant-numeric: tabular-nums; }
.rb-prod .rd-sum .ok .n { color: var(--ds-ok); } .rb-prod .rd-sum .bad .n { color: var(--ds-bad); }
.rb-prod .rd-sum .l { font-size: 11.5px; color: var(--ds-mute); }
.rb-prod .rd-sent { margin-top: 16px; font-size: 12.5px; color: var(--ds-mute); }
.rb-prod .rd-fin { margin-top: 18px; }

.rb-prod.cgv-cfg { display: flex; flex-direction: column; gap: 18px; }
.rb-prod.cgv-cfg .ds-note { margin: 0; }
.rb-prod .cgv-h { display: flex; align-items: center; gap: 9px; margin: 0 0 8px; font-size: 14px; font-weight: 500; }
.rb-prod .cgv-h .num { width: 24px; height: 24px; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); display: grid; place-items: center; font-size: 12px; flex: none; }
.rb-prod .cgv-p-hint { margin: -2px 0 10px; font-size: 12.5px; color: var(--ds-mute); line-height: 1.75; }
.rb-prod .cgv-chks { display: grid; gap: 8px; overflow-y: auto; padding: 2px; }
.rb-prod .cgv-chks.emps { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); max-height: 220px; }
.rb-prod .cgv-chks.cats { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); max-height: 250px; }
.rb-prod .cgv-chk { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface); cursor: pointer; font-size: 13px; transition: border-color .15s, background .15s; }
.rb-prod .cgv-chk:hover { border-color: var(--ds-line2); }
.rb-prod .cgv-chk:has(input:checked) { border-color: var(--ds-ink); background: var(--ds-surface2); }
.rb-prod .cgv-chk.sp { justify-content: space-between; }
.rb-prod .cgv-chk.top { align-items: flex-start; }
.rb-prod .cgv-chk input { width: 18px; height: 18px; flex: none; margin: 0; }
.rb-prod .cgv-chk.top input { margin-top: 3px; }
.rb-prod .cgv-chk .t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-prod .cgv-chk .t small { color: var(--ds-mute); font-size: 12px; }
.rb-prod .cgv-chk.top .t { white-space: normal; display: flex; flex-direction: column; gap: 2px; }
.rb-prod .cgv-chk.top .t b { font-weight: 500; font-size: 13.5px; }
.rb-prod .cgv-chk.top .t small { line-height: 1.7; }
.rb-prod .cgv-ords { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rb-prod .cgv-board { border: 1px solid var(--ds-line); border-radius: 14px; overflow: hidden; background: var(--ds-surface2); }
.rb-prod .cgv-brow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 13px; border-bottom: 1px solid var(--ds-line); font-size: 13px; }
.rb-prod .cgv-brow:last-child { border-bottom: 0; }
.rb-prod .cgv-brow.none { color: var(--ds-mute); }
.rb-prod .cgv-brow .br { min-width: 70px; font-weight: 500; }
.rb-prod .cgv-brow .who { color: var(--ds-mute); min-width: 0; flex: 1 1 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-prod .cgv-brow .st { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.rb-prod .cgv-brow .ds-bar { width: 78px; flex: none; height: 6px; border-radius: 3px; }
.rb-prod .cgv-brow .miss { color: var(--ds-bad); font-weight: 500; }
@media (max-width: 640px) {
  .rb-prod .cgv-acts { width: 100%; }
  .rb-prod .cgv-acts .ds-btn, .rb-prod .cgv-acts .cgv-br { flex: 1 1 140px; }
  .rb-prod .cgv-cats { grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; }
  .rb-prod .cgv-cat { padding: 16px 10px; border-radius: 14px; }
  .rb-prod .cgv-cat .b { width: 46px; height: 46px; border-radius: 12px; }
  .rb-prod .cgv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rb-prod .cgv-strip { grid-template-columns: 40px minmax(0, 1fr); }
  .rb-prod .cgv-strip .ds-btn { grid-column: 1 / -1; }
  .rb-prod .rd-row { grid-template-columns: minmax(0, 1fr); }
  .rb-prod .rd-ph { border-inline-end: 0; border-bottom: 1px solid var(--ds-line); min-height: 0; }
  .rb-prod .rd-ph img { max-height: 205px; }
  .rb-prod .rd-info { padding: 16px; }
  .rb-prod .rd-acts { flex-direction: column; }
  .rb-prod .rd-acts .ds-btn { width: 100%; flex: none; }
  .rb-prod .rd-kb { display: none; }
  .rb-prod .rd-sum { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rb-prod .cgv-ords { grid-template-columns: minmax(0, 1fr); }
  .rb-prod .cgv-chks.emps, .rb-prod .cgv-chks.cats { grid-template-columns: minmax(0, 1fr); }
}


.rb-prod .mi-acts { gap: 10px; }
.rb-prod .mi-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.rb-prod .mi-bar .ds-seg { margin-bottom: 0; }
.rb-prod .mi-bar > .mi-sel:first-child { margin-inline-start: 0; }
.rb-prod .mi-sel { width: auto; min-width: 150px; margin-inline-start: auto; }
.rb-prod .mi-filter .mi-sel { margin-inline-start: 0; }
.rb-prod .mi-search { flex: 1 1 260px; max-width: 420px; }
.rb-prod .mi-search .ds-in { height: 44px; font-size: 13.5px; border-radius: 12px; }
.rb-prod .mi-go { height: 44px; }
.rb-prod .mi-count { margin-inline-start: auto; font-size: 12.5px; color: var(--ds-mute); }
.rb-prod .mi-count b { color: var(--ds-text); font-weight: 500; }
.rb-prod .mi2 .ds-note { margin-bottom: 16px; }
.rb-prod .mi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.rb-prod .mi-card { display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: auto auto; gap: 10px 12px; align-items: start; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 18px; padding: 12px; }
.rb-prod .mi-card .mi-thumb { grid-row: 1 / span 2; }
.rb-prod .mi-card .mi-actions { grid-column: 2; }
.rb-prod .mi-thumb { width: 64px; height: 64px; border-radius: 12px; background: var(--ds-alt); display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.rb-prod .mi-zimg { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; cursor: zoom-in; display: block; }
.rb-prod .mi-ph { display: grid; place-items: center; color: var(--ds-faint); }
.rb-prod .mi-info { min-width: 0; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.rb-prod .mi-info b { display: block; font-size: 13.5px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; }
.rb-prod .mi-info small { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--ds-mute); }
.rb-prod .mi-info code { font-family: ui-monospace, Menlo, monospace; font-size: 11px; background: var(--ds-alt); border-radius: 6px; padding: 1px 6px; direction: ltr; unicode-bidi: isolate; color: var(--ds-text); }
.rb-prod .mi-actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.rb-prod .mi-actions .mi-cam, .rb-prod .mi-actions .mi-store { width: 40px; padding: 0; }
.rb-prod .mi-actions .mi-up { flex: 0 1 auto; }
.rb-prod .mi-cam, .rb-prod .mi-file { cursor: pointer; }
.rb-prod .mi-grid-gallery { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.rb-prod .mi-grid-gallery .mi-card { display: flex; flex-direction: column; align-items: stretch; text-align: center; gap: 10px; }
.rb-prod .mi-grid-gallery .mi-thumb { width: 100%; height: 160px; }
.rb-prod .mi-grid-gallery .mi-info { align-items: center; }
.rb-prod .mi-grid-gallery .mi-info small { justify-content: center; }
.rb-prod .mi-grid-gallery .mi-actions { justify-content: center; }

.mi-lightbox.rb-prod { position: fixed; inset: 0; background: rgba(0,0,0,.84); z-index: 9999; display: flex; align-items: center; justify-content: center; cursor: zoom-out; padding: 20px; }
.mi-lightbox.rb-prod .mi-lb-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mi-lightbox.rb-prod .mi-lb-img { max-width: 92vw; max-height: 86vh; object-fit: contain; border-radius: 14px; }
.mi-lightbox.rb-prod .mi-lb-load { color: #fff; font-size: 14px; }
.mi-lightbox.rb-prod .mi-lb-cap { color: #fff; font-size: 13px; text-align: center; }

.rb-prod.mi-m { display: flex; flex-direction: column; gap: 16px; font-size: 13.5px; }
.rb-prod .mi-m-name { font-weight: 500; font-size: 16px; line-height: 1.4; }
.rb-prod .mi-sec { display: flex; flex-direction: column; gap: 10px; }
.rb-prod .mi-sec + .mi-sec, .rb-prod .mi-store-sec { border-top: 1px solid var(--ds-line); padding-top: 14px; }
.rb-prod .mi-h { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 13px; font-weight: 500; color: var(--ds-mute); }
.rb-prod .mi-h-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.rb-prod .mi-upslot { display: flex; align-items: center; gap: 10px; border: 1px solid var(--ds-line); border-radius: 14px; padding: 8px 10px; background: var(--ds-surface2); }
.rb-prod .mi-upslot-thumb { width: 44px; height: 44px; border-radius: 10px; background: var(--ds-alt); color: var(--ds-mute); display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.rb-prod .mi-th-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rb-prod .mi-upslot-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rb-prod .mi-upslot-t b { font-weight: 500; font-size: 13px; }
.rb-prod .mi-upslot-t small { font-size: 12px; color: var(--ds-mute); }
.rb-prod .ds-btn.mi-ico { width: 38px; padding: 0; }
.rb-prod .mi-slots { display: flex; flex-direction: column; gap: 8px; }
.rb-prod .mi-gal { display: flex; gap: 8px; flex-wrap: wrap; min-height: 34px; align-items: center; }
.rb-prod .mi-gal-it { position: relative; width: 68px; height: 68px; border: 1px solid var(--ds-line); border-radius: 12px; overflow: hidden; flex: none; background: var(--ds-alt); }
.rb-prod .mi-gal-ph { display: grid; place-items: center; height: 100%; color: var(--ds-faint); }
.rb-prod .mi-gal-del { position: absolute; top: 3px; inset-inline-end: 3px; width: 22px; height: 22px; border: 0; border-radius: 7px; background: rgba(10,10,10,.75); color: #fff; cursor: pointer; display: grid; place-items: center; padding: 0; }
.rb-prod .mi-hint, .rb-prod .mi-muted { font-size: 12px; color: var(--ds-mute); margin: 0; }
.rb-prod .mi-err { font-size: 12px; color: var(--ds-bad); }
.rb-prod .mi-status { font-size: 12px; color: var(--ds-mute); min-height: 16px; }
.rb-prod .mi-status:empty { display: none; }
.rb-prod .mi-rows { gap: 0; }
.rb-prod .mi-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; font-size: 13.5px; border-bottom: 1px solid var(--ds-line); }
.rb-prod .mi-rows .mi-row:last-child { border-bottom: 0; }
.rb-prod .mi-store-sec .mi-row { border-bottom: 0; }
.rb-prod .mi-num .ds-in { max-width: 200px; }
.rb-prod .mi-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rb-prod .mi-chips { display: flex; flex-wrap: wrap; gap: 6px; max-height: 170px; overflow: auto; border: 1px solid var(--ds-line); border-radius: 12px; padding: 8px; background: var(--ds-surface2); }
.rb-prod .mi-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; font-size: 12.5px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 17px; padding: 0 12px; cursor: pointer; }
.rb-prod .mi-chip:has(input:checked) { border-color: var(--ds-ink); background: var(--ds-alt); font-weight: 500; }
.rb-prod .mi-chip input { width: 16px; height: 16px; margin: 0; }
@media (max-width: 640px) {
  .rb-prod .mi-acts { width: 100%; } .rb-prod .mi-acts .ds-btn { flex: 1 1 160px; }
  .rb-prod .mi-bar .ds-seg { width: 100%; }
  .rb-prod .mi-sel { flex: 1 1 140px; margin-inline-start: 0; }
  .rb-prod .mi-search { max-width: none; flex: 1 1 100%; }
  .rb-prod .mi-go { flex: 1 1 auto; }
  .rb-prod .mi-count { flex-basis: 100%; margin-inline-start: 0; }
  .rb-prod .mi-grid { grid-template-columns: minmax(0, 1fr); }
  .rb-prod .mi-grid-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-prod .mi-grid-gallery .mi-thumb { height: 130px; }
  .rb-prod .mi-2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .rb-prod .mi-grid-gallery .mi-card { padding: 10px; }
  .rb-prod .mi-grid-gallery .mi-actions { flex-wrap: nowrap; gap: 5px; }
  .rb-prod .mi-grid-gallery .mi-actions .mi-cam, .rb-prod .mi-grid-gallery .mi-actions .mi-store { width: 36px; }
  .rb-prod .mi-grid-gallery .mi-actions .mi-up { padding: 0 10px; gap: 5px; min-width: 0; }
}


.rb-prod .pwx { max-width: 1250px; }
.rb-prod .pw-acts { gap: 10px; }
.rb-prod .pw-page-body > * { animation: rbPwUp .35s var(--ds-ease) both; }
@keyframes rbPwUp { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.rb-prod .pw-wrap { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 16px; align-items: start; }
.rb-prod .pw-wrap > * { min-width: 0; }
.rb-prod .pw-card { padding: 20px 22px; }
.rb-prod .pw-card.pw-wide { grid-column: 1 / -1; }
.rb-prod .pw-h { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 15.5px; font-weight: 500; }
.rb-prod .pw-num { width: 28px; height: 28px; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); display: inline-grid; place-items: center; font-size: 13px; font-weight: 500; flex: none; }
.rb-prod .pw-h-act { margin-inline-start: auto; }
.rb-prod .pw-req { color: var(--ds-bad); font-style: normal; }
.rb-prod .pw-fields { display: grid; gap: 14px; }
.rb-prod .pw-fields > .ds-note { margin: 0; }
.rb-prod .pw-row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.rb-prod .pw-more { border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); }
.rb-prod .pw-more > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; font-size: 13px; font-weight: 500; color: var(--ds-text); }
.rb-prod .pw-more > summary::-webkit-details-marker { display: none; }
.rb-prod .pw-more > summary svg { transition: transform .2s var(--ds-ease); color: var(--ds-mute); }
.rb-prod .pw-more[open] > summary svg { transform: rotate(180deg); }
.rb-prod .pw-more-bd { display: grid; gap: 12px; padding: 0 14px 14px; }
.rb-prod .pw-img { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px; border: 1.5px dashed var(--ds-line2); border-radius: 12px; background: var(--ds-surface); }
.rb-prod .pw-img img, .rb-prod .pw-img-ph { width: 60px; height: 60px; object-fit: cover; border-radius: 10px; border: 1px solid var(--ds-line); flex: none; }
.rb-prod .pw-img-ph { display: grid; place-items: center; background: var(--ds-alt); color: var(--ds-faint); }
.rb-prod .pw-img input[type=file] { flex: 1 1 160px; min-width: 0; font-size: 12.5px; color: var(--ds-mute); }
.rb-prod .pw-desc-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rb-prod .pw-desc-h label { font-size: 12.5px; font-weight: 500; }
.rb-prod .pw-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: 14px; background: var(--ds-surface2); transition: border-color .15s; }
.rb-prod .pw-toggle.on { border-color: var(--ds-ink); }
.rb-prod .pw-toggle-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rb-prod .pw-toggle-t b { font-weight: 500; font-size: 13.5px; }
.rb-prod .pw-toggle-t small { font-size: 12px; color: var(--ds-mute); }
.rb-prod .pw-attrs { display: grid; gap: 8px; margin-top: 12px; }
.rb-prod .pw-attr-box { border: 1px solid var(--ds-line); border-radius: 14px; padding: 10px 12px; background: var(--ds-surface); transition: border-color .15s, background .15s; }
.rb-prod .pw-attr-box.on { border-color: var(--ds-line2); background: var(--ds-surface2); }
.rb-prod .pw-attr-h { display: flex; align-items: center; gap: 9px; cursor: pointer; min-height: 32px; }
.rb-prod .pw-attr-h input { width: 18px; height: 18px; margin: 0; flex: none; }
.rb-prod .pw-attr-h b { font-weight: 500; font-size: 13.5px; }
.rb-prod .pw-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.rb-prod .pw-attr-box .pw-chips { margin-top: 10px; }
.rb-prod .pw-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; font-size: 12.5px; border-radius: 18px; border: 1px solid var(--ds-line2); background: var(--ds-surface); color: var(--ds-text); cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.rb-prod .pw-chip:hover:not(:disabled) { border-color: var(--ds-ink); }
.rb-prod .pw-chip.on { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); font-weight: 500; }
.rb-prod .pw-chip:disabled { cursor: not-allowed; opacity: .7; }
.rb-prod .pw-chip.add { border-style: dashed; color: var(--ds-mute); }
.rb-prod .pw-chip.add.big { justify-self: start; min-height: 40px; padding: 0 16px; }
.rb-prod .pw-chip em { font-style: normal; font-size: 11px; min-width: 20px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ds-alt); color: var(--ds-mute); display: inline-grid; place-items: center; }
.rb-prod .pw-chip.on em { background: color-mix(in srgb, var(--ds-bg) 22%, transparent); color: var(--ds-bg); }
.rb-prod .pw-brs { margin-bottom: 12px; }
.rb-prod .pw-hint { font-size: 12px; color: var(--ds-mute); }
.rb-prod .pw-brs + .pw-hint { margin: -4px 0 12px; }
.rb-prod .pw-qwrap { border-top: 1px solid var(--ds-line); padding-top: 16px; display: flex; flex-direction: column; gap: 10px; }
.rb-prod .pw-qwrap .ds-note { margin: 0; }
.rb-prod .pw-panel { border: 1px solid var(--ds-line); border-radius: 16px; background: var(--ds-surface2); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.rb-prod .pw-panel-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rb-prod .pw-panel-h b { font-weight: 500; font-size: 13px; }
.rb-prod .pw-panel-h small { font-size: 12px; color: var(--ds-mute); }
.rb-prod .pw-panel-h .ds-btn { margin-inline-start: auto; }
.rb-prod .pw-qline { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.rb-prod .pw-panel .pw-chips + .pw-qline { padding-top: 10px; border-top: 1px solid var(--ds-line); }
.rb-prod .pw-qall-w { display: inline-flex; gap: 8px; align-items: center; }
.rb-prod .ds-in.pw-qall { width: 110px; height: 38px; text-align: center; font-weight: 500; }
.rb-prod .pw-qb { display: inline-flex; gap: 6px; align-items: center; height: 40px; padding: 0 4px 0 10px; border: 1px solid var(--ds-line); border-radius: 12px; background: var(--ds-surface); }
.rb-prod .pw-qb > span { font-size: 12px; font-weight: 500; white-space: nowrap; }
.rb-prod .pw-qb input, .rb-prod .pw-rowq input { width: 58px; height: 30px; padding: 0 4px; border: 1px solid var(--ds-line); border-radius: 8px; background: var(--ds-surface); color: var(--ds-text); text-align: center; font-weight: 500; font-size: 12.5px; outline: none; }
.rb-prod .pw-qb input:focus, .rb-prod .pw-rowq input:focus, .rb-prod .pw-qty-inp:focus { border-color: var(--ds-ink); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-ink) 8%, transparent); }
.rb-prod .pw-ibtn { width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--ds-line2); background: var(--ds-surface); color: var(--ds-text); display: grid; place-items: center; cursor: pointer; padding: 0; flex: none; }
.rb-prod .pw-ibtn:hover { border-color: var(--ds-ink); }
.rb-prod .pw-tbl-w { overflow-x: auto; border: 1px solid var(--ds-line); border-radius: 14px; contain: inline-size; }
.rb-prod .pw-qty-tbl { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.rb-prod .pw-qty-tbl th { padding: 9px 8px; background: var(--ds-surface2); font-weight: 500; color: var(--ds-mute); font-size: 11.5px; border-bottom: 1px solid var(--ds-line); white-space: nowrap; }
.rb-prod .pw-qty-tbl th.v, .rb-prod .pw-qty-tbl td.v { text-align: start; padding-inline-start: 14px; min-width: 130px; }
.rb-prod .pw-qty-tbl th.b { min-width: 80px; }
.rb-prod .pw-qty-tbl th.r { min-width: 110px; }
.rb-prod .pw-qty-tbl td { padding: 5px; border-bottom: 1px solid var(--ds-line); }
.rb-prod .pw-qty-tbl tr:last-child td { border-bottom: 0; }
.rb-prod .pw-qty-tbl td.v { font-weight: 500; }
.rb-prod .pw-qty-tbl td.t { text-align: center; font-weight: 500; }
.rb-prod .pw-qty-inp { width: 100%; min-width: 64px; height: 38px; padding: 0 6px; border: 1px solid var(--ds-line); border-radius: 10px; background: var(--ds-surface); color: var(--ds-text); text-align: center; font-weight: 500; font-size: 13.5px; outline: none; }
.rb-prod .pw-rowq { display: flex; gap: 4px; align-items: center; justify-content: center; }
.rb-prod .pw-total { padding: 11px 14px; border-radius: 14px; background: var(--ds-gold-soft); text-align: center; font-size: 13px; }
.rb-prod .pw-total strong { font-weight: 500; }
.rb-prod .pw-sup { position: relative; }
.rb-prod .pw-sup > label { font-size: 12.5px; font-weight: 500; }
.rb-prod .pw-sup-pop { position: absolute; inset-inline: 0; top: 100%; z-index: 40; margin-top: 6px; background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 14px; max-height: 280px; overflow-y: auto; box-shadow: 0 18px 40px -18px rgba(0,0,0,.35); padding: 4px; }
.rb-prod .pw-sup-pop button { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; text-align: start; min-height: 42px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ds-text); cursor: pointer; font-size: 13.5px; }
.rb-prod .pw-sup-pop button:hover { background: var(--ds-alt); }
.rb-prod .pw-sup-pop button b { font-weight: 500; }
.rb-prod .pw-sup-pop small { color: var(--ds-mute); font-size: 12px; }
.rb-prod .pw-sup-pop .empty { padding: 11px 13px; color: var(--ds-mute); font-size: 13px; }
.rb-prod .pw-sup-lbl { margin-top: 8px; font-size: 12px; color: var(--ds-mute); }
.rb-prod .pw-billnote { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 11px 14px; border-radius: 14px; background: var(--ds-alt); font-size: 12.5px; line-height: 1.8; }
.rb-prod .pw-billnote > svg { flex: none; margin-top: 4px; color: var(--ds-mute); }
.rb-prod.pw-done { text-align: center; padding: 8px 0 0; }
.rb-prod .pw-done-ic { width: 64px; height: 64px; border-radius: 50%; background: var(--ds-ok-bg); color: var(--ds-ok); display: grid; place-items: center; margin: 0 auto 12px; }
.rb-prod.pw-done h3 { margin: 0 0 6px; font-size: 18px; font-weight: 500; }
.rb-prod.pw-done p { margin: 0 0 16px; color: var(--ds-mute); font-size: 13px; }
.rb-prod.pw-done .ds-note { text-align: start; margin: 0; }
@media (max-width: 640px) {
  .rb-prod .pw-acts { width: 100%; } .rb-prod .pw-acts .ds-btn { flex: 1 1 140px; }
  .rb-prod .pw-card { padding: 16px; }
  .rb-prod .pw-row2 { grid-template-columns: minmax(0, 1fr); }
  .rb-prod .pw-qall-w { width: 100%; } .rb-prod .ds-in.pw-qall { flex: 1 1 0; width: 0; min-width: 0; }
  .rb-prod .pw-panel-h .ds-btn { margin-inline-start: 0; }
}


.rb-prod .prx-head-acts { gap: 10px; }
.rb-prod .prx-card { overflow: hidden; }
.rb-prod .prx-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 14px 16px; border-bottom: 1px solid var(--ds-line); }
.rb-prod .prx-search { flex: 1 1 260px; max-width: 460px; }
.rb-prod .prx-search .ds-in { height: 44px; font-size: 13.5px; border-radius: 12px; }
.rb-prod .prx-tbl-w { overflow-x: auto; }
.rb-prod .prx-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.rb-prod .prx-table th { text-align: start; font-weight: 500; font-size: 11.5px; color: var(--ds-mute); padding: 10px 14px; background: var(--ds-surface2); border-bottom: 1px solid var(--ds-line); white-space: nowrap; }
.rb-prod .prx-table td { padding: 10px 14px; border-bottom: 1px solid var(--ds-line); vertical-align: middle; }
.rb-prod .prx-table tr:last-child td { border-bottom: 0; }
.rb-prod .prx-table tbody tr:hover td { background: var(--ds-surface2); }
.rb-prod .prx-table .end { text-align: end; }
.rb-prod .prx-table .nw { white-space: nowrap; }
.rb-prod .prx-table .sel { width: 44px; }
.rb-prod .prx-table input[type=checkbox] { width: 18px; height: 18px; margin: 0; }
.rb-prod .prx-table .muted, .rb-prod .prx-table .dim { color: var(--ds-mute); }
.rb-prod .prx-ref { font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; background: var(--ds-alt); padding: 2px 7px; border-radius: 6px; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.rb-prod .prx-nm { font-weight: 500; }
.rb-prod .prx-price { font-weight: 500; }
.rb-prod .prx-cost { color: var(--ds-mute); }
.rb-prod .prx-acts { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: nowrap; }
.rb-prod .ds-btn.prx-ico { width: 38px; padding: 0; }
.rb-prod .prx-card > .dss-empty { padding: 36px 16px; }
@media (max-width: 760px) {
  .rb-prod .prx-head-acts { width: 100%; } .rb-prod .prx-head-acts .ds-btn { flex: 1 1 150px; }
  .rb-prod .prx-search { max-width: none; flex-basis: 100%; }
  .rb-prod .prx-bar .ds-btn { flex: 1 1 auto; }
  
}


.rb-prod .prx-rv { margin-bottom: 16px; padding: 0; overflow: hidden; border-color: var(--ds-gold); }
.rb-prod .prx-rv .rv-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; width: 100%; padding: 14px 18px; border: 0; background: var(--ds-gold-soft); color: var(--ds-text); font: inherit; text-align: start; cursor: pointer; }
.rb-prod .prx-rv .rv-h b { font-weight: 600; font-size: 14.5px; }
.rb-prod .prx-rv .rv-h small { color: var(--ds-mute); font-size: 12px; }
.rb-prod .prx-rv .rv-h .sp { flex: 1; }
.rb-prod .prx-rv .rv-h[aria-expanded="false"] > svg:last-child { transform: rotate(90deg); }
.rb-prod .prx-rv .rv-list[hidden] { display: none; }
.rb-prod .prx-rv .rv-row { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--ds-line); }
.rb-prod .prx-rv .rv-row.warn { background: color-mix(in srgb, var(--ds-gold-soft) 45%, transparent); }
.rb-prod .prx-rv .rv-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.rb-prod .prx-rv .rv-main > b { font-weight: 500; font-size: 14px; }
.rb-prod .prx-rv .rv-main > small { font-size: 11.5px; color: var(--ds-mute); }
.rb-prod .prx-rv .rv-cls { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; }
.rb-prod .prx-rv .rv-cls i { font-style: normal; color: var(--ds-mute); margin-inline-end: 5px; }
.rb-prod .prx-rv .rv-warn { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ds-gold-deep); font-weight: 500; }
.rb-prod .prx-rv .rv-row > .ds-btn { flex: none; }
@media (max-width: 640px) {
  .rb-prod .prx-rv .rv-h small { flex-basis: 100%; }
  .rb-prod .prx-rv .rv-row { align-items: flex-start; padding: 12px 14px; }
}

.sr .ds-card + .ds-card { margin-top: 14px; }
.sr .sr-sum { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.sr .sr-list { display: flex; flex-direction: column; }
.sr .sr-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--ds-line); }
.sr .sr-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sr .sr-tx b { font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.sr .sr-tx small { font-size: 12px; color: var(--ds-mute); line-height: 1.6; overflow-wrap: anywhere; }
.sr .sr-em { text-align: start; }
.sr .sr-row time { flex: none; font-size: 11.5px; color: var(--ds-mute); }
.sr .sr-row .ds-btn, .sr .sr-row .ds-tag { flex: none; }
.sr .sr-sec { padding: 10px 16px 6px; font-size: 12px; font-weight: 600; color: var(--ds-mute); background: var(--ds-surface2); border-top: 1px solid var(--ds-line); }
.sr .sr-tbl { border-top: 1px solid var(--ds-line); overflow-x: auto; contain: inline-size; }
.sr .sr-tbl small { color: var(--ds-mute); font-size: 11.5px; }
.sr .sr-bad { color: var(--ds-bad); }
.sr .ds-note + .ds-note, .sr .dss-note + .dss-note { margin-top: 8px; }
@media (max-width: 560px) { .sr .sr-row { flex-direction: column; align-items: stretch; } .sr .sr-row .ds-btn { width: 100%; justify-content: center; } }

.subs .sb-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.subs .sb-alerts { margin-bottom: 14px; }
.subs .sb-list { display: flex; flex-direction: column; }
.subs .sb-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 16px 18px; border-top: 1px solid var(--ds-line); }
.subs .sb-row:first-child { border-top: 0; }
.subs .sb-ic { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--ds-surface2); color: var(--ds-gold-deep); }
.subs .sb-main { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.subs .sb-t { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; }
.subs .sb-t b { font-size: 14.5px; font-weight: 600; }
.subs .sb-plan { font-size: 12px; color: var(--ds-mute); padding: 1px 8px; border-radius: 999px; background: var(--ds-surface2); }
.subs .sb-sub { font-size: 12px; color: var(--ds-mute); line-height: 1.6; }
.subs .sb-dues { margin-top: 2px; }
.subs .sb-due { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: var(--ds-text); }
.subs .sb-due.soon { color: var(--ds-bad); }
.subs .sb-figs { margin: 6px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px 18px; }
.subs .sb-figs > div { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px dashed var(--ds-line); min-width: 0; }
.subs .sb-figs dt { font-size: 12px; color: var(--ds-mute); flex: none; }
.subs .sb-figs dd { margin: 0; font-size: 12.5px; text-align: end; overflow-wrap: anywhere; }
.subs .sb-bad { color: var(--ds-bad); }
.subs .sb-err, .subs .sb-hint, .subs .sb-note { display: flex; align-items: flex-start; gap: 6px; font-size: 12px; line-height: 1.6; margin-top: 4px; }
.subs .sb-err { color: var(--ds-bad); }
.subs .sb-hint { color: var(--ds-gold-deep); }
.subs .sb-note { color: var(--ds-mute); }
.subs .sb-err svg, .subs .sb-hint svg, .subs .sb-note svg { flex: none; margin-top: 3px; }
.subs .sb-side { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; min-width: 120px; }
.subs .sb-amtw { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; }
.subs .sb-amt { font-size: 18px; font-weight: 600; direction: ltr; }
.subs .sb-amtw small { font-size: 11.5px; color: var(--ds-mute); margin-top: 3px; }
.subs .sb-dim { color: var(--ds-faint); }
.subs .sb-btns { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.subs .sb-link { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; }
.subs .sb-keys { margin: 0 0 12px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.subs .sb-keys li { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.subs .sb-keys li span { font-size: 12px; color: var(--ds-mute); }
.sb-form { display: flex; flex-direction: column; gap: 12px; }
.sb-form .sb-f { display: flex; flex-direction: column; gap: 5px; font-size: 13px; }
.sb-form .sb-f > span { font-weight: 500; }
.sb-form .sb-f small, .sb-form .sb-fh { font-size: 11.5px; color: var(--ds-mute, #777); }

.subs .sb-plan3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.subs .sb-pc { padding: 14px 18px 16px; border-inline-start: 1px solid var(--ds-line); display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.subs .sb-pc:first-child { border-inline-start: 0; }
.subs .sb-pc-hd { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.subs .sb-pc-hd span { font-size: 13px; color: var(--ds-mute); font-weight: 500; }
.subs .sb-pc-hd b { font-size: 20px; font-weight: 600; direction: ltr; }
.subs .sb-pc ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.subs .sb-pc li { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 7px 0; border-top: 1px dashed var(--ds-line); font-size: 13px; }
.subs .sb-pc li > span { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.subs .sb-pc li small { font-size: 11.5px; color: var(--ds-mute); }
.subs .sb-pc li > b { font-weight: 600; direction: ltr; flex: none; }
.subs .sb-pc li > b .sb-dim { font-size: 11.5px; font-weight: 400; direction: rtl; }
.subs .sb-pc-none { margin: 0; font-size: 12.5px; color: var(--ds-faint); }
.subs .sb-pc-ft { font-size: 11.5px; color: var(--ds-mute); }

.camp .cp-dl { margin: 0 0 10px; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px 18px; }
.camp .cp-dl > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--ds-line); min-width: 0; }
.camp .cp-dl dt { font-size: 12.5px; color: var(--ds-mute); }
.camp .cp-dl dd { margin: 0; font-size: 13px; text-align: end; overflow-wrap: anywhere; }
.camp .cp-hint { margin: 4px 0 12px; font-size: 12px; color: var(--ds-mute); line-height: 1.7; }
.camp .cp-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 10px; }
.camp .cp-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.camp .cp-stat { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--ds-line); border-radius: 10px; background: var(--ds-surface2); min-width: 0; }
.camp .cp-stat b { font-size: 22px; font-weight: 600; }
.camp .cp-stat span { font-size: 13px; font-weight: 500; }
.camp .cp-stat small { font-size: 11px; color: var(--ds-mute); line-height: 1.5; }
.camp .cp-img { display: block; width: 100%; max-width: 520px; border-radius: 10px; border: 1px solid var(--ds-line); margin: 0 0 10px; }
.camp .cp-msg { margin: 0; white-space: pre-wrap; font: inherit; font-size: 13px; line-height: 1.8; padding: 12px 14px; border-radius: 10px; background: var(--ds-surface2); }
@media (max-width: 640px) {
  .subs .sb-plan3 { grid-template-columns: minmax(0, 1fr); }
  .subs .sb-pc { border-inline-start: 0; border-top: 1px solid var(--ds-line); padding: 12px 14px 14px; }
  .subs .sb-pc:first-child { border-top: 0; }
  .subs .sb-row { grid-template-columns: 36px minmax(0, 1fr); padding: 14px; gap: 10px 12px; }
  .subs .sb-ic { width: 36px; height: 36px; }
  .subs .sb-side { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; min-width: 0; }
  .subs .sb-amtw { align-items: flex-start; }
  .subs .sb-figs { grid-template-columns: minmax(0, 1fr); }
}




#vf-body.rb-vf, .rb-vf.vfx-ask { --vfx-tint: color-mix(in srgb, var(--ds-text) 5%, var(--ds-surface)); }
#vf-body.rb-vf { color: var(--ds-text); font-family: var(--ds-font); }
#vf-body.rb-vf .ds-note.dss-note.info { background: var(--vfx-tint); }
#vf-body.rb-vf .ds-tag.dss-tag:not(.ok):not(.bad):not(.gold):not(.ink) { background: var(--vfx-tint); }
#vf-body.rb-vf .num { font-variant-numeric: tabular-nums; }
#vf-body.rb-vf .v2-ic { flex: none; }
#vf-body.rb-vf .spin, .rb-vf.vfx-ask .spin {
  display: inline-block; flex: none; width: 14px; height: 14px; vertical-align: -2px;
  border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%;
  animation: dsSpin .7s linear infinite;
}


@media (min-width: 900px) {
  
  .modal-full:has(> .modal-body > #vf-body.rb-vf) .modal-footer { display: none; }
}



@media (min-width: 900px) {
  
  .modal-full #vf-body.rb-vf.vf-stepped,
  .modal-full #vf-body.rb-vf.vf-stepped[data-cur] { max-width: 960px; }
  
  .modal-full #vf-body.rb-vf:not(.vf-stepped) {
    display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 32px; row-gap: 0;
    align-content: start; max-width: 1100px;
  }
  .modal-full #vf-body.rb-vf:not(.vf-stepped) > * { grid-column: 1; min-width: 0; }
  .modal-full #vf-body.rb-vf:not(.vf-stepped) > .vf-side {
    grid-column: 2; grid-row: 1 / span 99; align-self: start; position: sticky; top: 0; margin-top: 0;
    padding: 16px; border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); background: var(--ds-surface2);
  }
  .modal-full #vf-body.rb-vf:not(.vf-stepped) .vf-save-row { flex-direction: column; }
}


#vf-body.rb-vf > #vf-stepbar { margin: 0 0 24px; }
#vf-body.rb-vf > #vf-stepbar:empty { display: none !important; }
#vf-body.rb-vf .vfx-dots { display: flex; gap: 6px; margin: 0 0 18px; }
#vf-body.rb-vf .vfx-dots i { flex: 1; height: 3px; border-radius: 2px; background: var(--ds-line); transition: background .3s var(--ds-ease); }
#vf-body.rb-vf .vfx-dots i.on { background: var(--ds-ink); }
#vf-body.rb-vf .vfx-dots i.on:not(:has(+ i.on)) { background: var(--ds-gold); }
#vf-body.rb-vf #vf-stepbar .ds-eyebrow,
#vf-body.rb-vf .vfx-cf-head .ds-eyebrow { margin-bottom: 4px; }
#vf-body.rb-vf .vfx-steph { font-size: 26px; font-weight: 500; line-height: 1.25; letter-spacing: -.005em; margin: 0; color: var(--ds-text); }
#vf-body.rb-vf .vfx-stepsub { color: var(--ds-mute); font-size: 13.5px; line-height: 1.65; margin: 6px 0 0; max-width: 62ch; }
#vf-body.rb-vf .vfx-crumbs { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
#vf-body.rb-vf .vfx-crumb {
  display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 12px;
  border: 1px solid var(--ds-line2); border-radius: 999px; background: var(--ds-surface); color: var(--ds-text);
  font: inherit; font-size: 12.5px; cursor: pointer; transition: border-color .15s;
}
#vf-body.rb-vf .vfx-crumb:hover { border-color: var(--ds-ink); }
#vf-body.rb-vf .vfx-crumb:active { transform: scale(.97); }
#vf-body.rb-vf .vfx-crumb > svg:first-child { color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-crumb > svg:last-child { color: var(--ds-faint); }


#vf-body.rb-vf > #vf-stepnav { bottom: 12px; padding-top: 18px; }
#vf-body.rb-vf .vfx-stepfoot {
  display: flex; gap: 10px; padding: 10px;
  border: 1px solid var(--ds-line); border-radius: 18px;
  background: color-mix(in srgb, var(--ds-surface) 92%, transparent);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: 0 -8px 24px -18px rgba(0, 0, 0, .35);
}
#vf-body.rb-vf .vfx-stepfoot .ds-btn { height: 48px; }
#vf-body.rb-vf .vfx-stepfoot .ds-btn.ghost { flex: 0 0 auto; min-width: 120px; }
#vf-body.rb-vf .vfx-stepfoot .ds-btn.pri { flex: 1 1 auto; }


#vf-body.rb-vf .vfx-f { margin: 0 0 22px; }
#vf-body.rb-vf .vfx-f.vfx-f-tight { margin-top: -8px; }
#vf-body.rb-vf .vfx-lbl { display: block; font-size: 13px; font-weight: 500; line-height: 1.5; color: var(--ds-text); margin: 0 0 8px; }
#vf-body.rb-vf .vfx-lbl-row { display: flex; align-items: center; justify-content: space-between; gap: 10px 12px; flex-wrap: wrap; margin: 0 0 12px; }
#vf-body.rb-vf .vfx-lbl-row .vfx-lbl { margin: 0; }
#vf-body.rb-vf .vfx-lbl-em { font-style: normal; font-weight: 400; color: var(--ds-mute); font-size: 12px; margin-inline-start: 4px; }
#vf-body.rb-vf .vfx-lbl-em .v2-ic { vertical-align: -2px; }
#vf-body.rb-vf .vfx-req { color: var(--ds-bad); font-weight: 500; }
#vf-body.rb-vf .vfx-more { flex: none; }

#vf-body.rb-vf > #vf-stepbar:empty + .vfx-srcf > .vfx-lbl-row > .vfx-lbl { font-size: 22px; line-height: 1.35; }
#vf-body.rb-vf > #vf-stepbar:empty + .vfx-srcf > .vfx-lbl-row > .vfx-lbl .vfx-lbl-em { display: block; margin: 2px 0 0; font-size: 13px; }
#vf-body.rb-vf .vfx-hint {
  display: flex; gap: 6px; align-items: flex-start;
  font-size: 12px; line-height: 1.65; color: var(--ds-mute); margin: 8px 0 0;
}
#vf-body.rb-vf .vfx-hint > .v2-ic { margin-top: 3px; }
#vf-body.rb-vf .vfx-hint.warn { color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-hint.ink { color: var(--ds-text); }
#vf-body.rb-vf .vfx-hint.ink > .v2-ic { color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-hint strong { color: var(--ds-text); font-weight: 500; }
#vf-body.rb-vf .vfx-srchint { margin-top: 12px; }
#vf-body.rb-vf .vfx-srchint:has(> span:empty) { display: none; }
#vf-body.rb-vf .vfx-lockhint { margin: -10px 0 22px; }
#vf-body.rb-vf .vfx-loading { display: flex; align-items: center; gap: 8px; margin: 0 0 20px; }


#vf-body.rb-vf .ds-in.dss-in { width: 100%; }
#vf-body.rb-vf .vfx-date { max-width: 280px; font-variant-numeric: tabular-nums; }
#vf-body.rb-vf .vfx-ltr-in { direction: ltr; text-align: left; font-variant-numeric: tabular-nums; }
#vf-body.rb-vf .vfx-note-ta { min-height: 88px; }
#vf-body.rb-vf .ds-in:disabled { background-color: var(--vfx-tint); color: var(--ds-mute); cursor: not-allowed; }
#vf-body.rb-vf input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: var(--ds-ink); flex: none; }

#vf-body.rb-vf .vf-src-select { display: none !important; }



#vf-body.rb-vf .vfx-nw { margin: 0 0 20px; }
#vf-body.rb-vf .vfx-note { margin: 0; }
#vf-body.rb-vf .vfx-note b { font-weight: 500; }


#vf-body.rb-vf .vf-sources.vfx-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 561px) { #vf-body.rb-vf .vf-sources.vfx-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
@media (min-width: 1100px) { #vf-body.rb-vf.vf-stepped .vf-sources.vfx-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
#vf-body.rb-vf .vfx-grp {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 500; color: var(--ds-mute); margin: 12px 2px 0;
}
#vf-body.rb-vf .vfx-grp::after { content: ''; flex: 1; height: 1px; background: var(--ds-line); }
#vf-body.rb-vf .vfx-grp.gold { color: var(--ds-gold-deep); margin-top: 0; }


#vf-body.rb-vf .vf-src-card.vfx-src {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  min-width: 0; min-height: 120px; margin: 0; padding: 14px 14px 12px;
  background: var(--ds-surface); color: var(--ds-text) !important;
  border: 1px solid var(--ds-line) !important; border-radius: 18px !important;
  font: inherit; font-size: 14px; font-weight: 400 !important; text-align: start;
  white-space: normal; overflow: visible; text-overflow: clip; cursor: pointer;
  box-shadow: none; transform: none;
  transition: border-color .15s, box-shadow .2s var(--ds-ease), transform .12s var(--ds-ease) !important;
}
@media (hover: hover) {
  #vf-body.rb-vf .vf-src-card.vfx-src:hover:not(:disabled) {
    border-color: var(--ds-ink) !important; transform: none;
    box-shadow: 0 12px 28px -20px rgba(0, 0, 0, .45);
  }
}
#vf-body.rb-vf .vf-src-card.vfx-src:active:not(:disabled) { transform: scale(.985); }
#vf-body.rb-vf .vf-src-card.vfx-src:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }
#vf-body.rb-vf .vfx-src .vfx-src-ic {
  width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none;
  background: var(--vfx-tint); color: var(--ds-text) !important; transition: background .15s, color .15s;
}
#vf-body.rb-vf .vfx-src .vfx-src-nm {
  font-size: 14.5px; font-weight: 500; line-height: 1.4; letter-spacing: -.005em;
  color: var(--ds-text) !important; min-width: 0; overflow-wrap: anywhere;
}
#vf-body.rb-vf .vfx-src .vfx-src-ft { margin-top: auto; display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; }
#vf-body.rb-vf .vfx-src .ds-tag { color: var(--ds-mute) !important; }
#vf-body.rb-vf .vfx-src .ds-tag.ok { color: var(--ds-ok) !important; }
#vf-body.rb-vf .vfx-src .ds-tag.bad { color: var(--ds-bad) !important; }
#vf-body.rb-vf .vfx-src .ds-tag.gold { color: var(--ds-gold-deep) !important; }
#vf-body.rb-vf .vfx-src .vfx-src-n { margin-inline-start: auto; font-style: normal; font-size: 11.5px; color: var(--ds-faint); direction: ltr; }

#vf-body.rb-vf .vf-src-card.vfx-src.active {
  border-color: var(--ds-ink) !important; background: var(--ds-surface) !important;
  box-shadow: 0 0 0 1px var(--ds-ink), 0 14px 30px -22px rgba(0, 0, 0, .5);
}
#vf-body.rb-vf .vfx-src.active .vfx-src-ic { background: var(--ds-ink); color: var(--ds-bg) !important; }

#vf-body.rb-vf .vf-src-card.vfx-src.pinned:not(.active) { border-color: color-mix(in srgb, var(--ds-gold) 55%, var(--ds-line)) !important; }
#vf-body.rb-vf .vf-src-card.vfx-src.off { opacity: .55; }
#vf-body.rb-vf .vfx-src.off .vfx-src-nm { text-decoration: line-through; text-decoration-color: var(--ds-faint); }

#vf-body.rb-vf .vf-src-card.vfx-src.vfx-psrc { border-style: dashed !important; border-color: color-mix(in srgb, var(--ds-gold) 60%, var(--ds-line)) !important; }
#vf-body.rb-vf .vfx-src.vfx-psrc .vfx-src-ic { background: var(--ds-gold-soft); color: var(--ds-gold-deep) !important; }
#vf-body.rb-vf .vf-src-card.vfx-src.vfx-psrc.active { border-style: solid !important; border-color: var(--ds-ink) !important; }
#vf-body.rb-vf .vfx-src.vfx-psrc.active .vfx-src-ic { background: var(--ds-ink); color: var(--ds-bg) !important; }
#vf-body.rb-vf .vf-src-card.vfx-src:disabled { opacity: .5; cursor: not-allowed; }

#vf-body.rb-vf .vfx-src-acts { position: absolute; top: 8px; inset-inline-end: 8px; display: flex; gap: 2px; }
#vf-body.rb-vf .vfx-pin {
  width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none;
  color: var(--ds-faint) !important; border: 1px solid transparent; cursor: pointer; transition: background .15s, color .15s, border-color .15s;
}
#vf-body.rb-vf .vfx-pin:hover { background: var(--vfx-tint); color: var(--ds-text) !important; border-color: var(--ds-line); }
#vf-body.rb-vf .vfx-pin:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 1px; }
#vf-body.rb-vf .vfx-pin.on { color: var(--ds-gold-deep) !important; background: var(--ds-gold-soft); }
#vf-body.rb-vf .vfx-pin.vfx-hide.on { color: var(--ds-bad) !important; background: var(--ds-bad-bg); }
#vf-body.rb-vf .vfx-pin.dim { opacity: .25; pointer-events: none; }

#vf-body.rb-vf .vfx-org-box {
  grid-column: 1 / -1; display: flex; flex-direction: column; gap: 6px; padding: 8px;
  background: var(--ds-surface2); border: 1px dashed color-mix(in srgb, var(--ds-gold) 45%, var(--ds-line)); border-radius: 18px; margin-bottom: 2px;
}
#vf-body.rb-vf .vfx-org {
  display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 6px 8px 6px 6px; padding-inline-start: 10px;
  background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 12px;
}
#vf-body.rb-vf .vfx-org-n {
  flex: none; width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center;
  background: var(--ds-ink); color: var(--ds-bg); font-size: 11.5px; font-weight: 500;
}
#vf-body.rb-vf .vfx-org-ic { color: var(--ds-mute); display: grid; }
#vf-body.rb-vf .vfx-org-t { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#vf-body.rb-vf .vfx-org-empty { font-size: 12.5px; color: var(--ds-mute); line-height: 1.9; padding: 6px 8px; }
#vf-body.rb-vf .vfx-org-empty .v2-ic { vertical-align: -2px; color: var(--ds-gold-deep); }


#vf-body.rb-vf .vfx-phint { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: var(--ds-gold-soft); color: var(--ds-text); line-height: 1.75; }
#vf-body.rb-vf .vfx-phint > .v2-ic { color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-cap { margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: var(--vfx-tint); font-size: 12.5px; color: var(--ds-mute); line-height: 1.55; }
#vf-body.rb-vf .vfx-cap-t { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 12px; flex-wrap: wrap; }
#vf-body.rb-vf .vfx-cap-t b { font-weight: 500; color: var(--ds-text); }
#vf-body.rb-vf .vfx-cap-t > span { font-weight: 500; }
#vf-body.rb-vf .vfx-cap .ds-bar { display: block; height: 6px; border-radius: 3px; margin: 9px 0 6px; background: var(--ds-surface); }
#vf-body.rb-vf .vfx-cap .ds-bar i { border-radius: 3px; background: var(--ds-ok); }
#vf-body.rb-vf .vfx-cap.ok .vfx-cap-t > span { color: var(--ds-ok); }
#vf-body.rb-vf .vfx-cap.warn .vfx-cap-t > span { color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-cap.warn .ds-bar i { background: var(--ds-gold); }
#vf-body.rb-vf .vfx-cap.bad .vfx-cap-t > span { color: var(--ds-bad); }
#vf-body.rb-vf .vfx-cap.bad .ds-bar i { background: var(--ds-bad); }
#vf-body.rb-vf .vfx-cap small { font-size: 11.5px; }


#vf-body.rb-vf .vfx-amt {
  background: var(--ds-surface); border: 1px solid var(--ds-line2); border-radius: 20px;
  padding: 12px 18px 12px; margin: 0 0 8px; transition: border-color .15s, box-shadow .15s;
}
#vf-body.rb-vf .vfx-amt.in { border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line2)); }
#vf-body.rb-vf .vfx-amt.out { border-color: color-mix(in srgb, var(--ds-bad) 40%, var(--ds-line2)); }
#vf-body.rb-vf .vfx-amt:focus-within { border-color: var(--ds-ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ink) 7%, transparent); }
#vf-body.rb-vf .vfx-amt.in:focus-within { border-color: var(--ds-ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-ok) 12%, transparent); }
#vf-body.rb-vf .vfx-amt.out:focus-within { border-color: var(--ds-bad); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ds-bad) 10%, transparent); }
#vf-body.rb-vf .vfx-amt-lbl { display: block; font-size: 12px; color: var(--ds-mute); line-height: 1.4; margin: 0 0 2px; }
#vf-body.rb-vf .vfx-amt-row { display: flex; align-items: center; gap: 10px; min-width: 0; }
#vf-body.rb-vf .vf-amt.vfx-amt #vf-amount,
#vf-body.rb-vf .vf-amt.vfx-amt input {
  flex: 1 1 auto; width: 100%; min-width: 0; max-width: none;
  height: auto !important; min-height: 52px !important; margin: 0; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; outline: 0; background: none !important; box-shadow: none !important;
  font-family: var(--ds-font); font-size: 38px !important; font-weight: 500 !important; line-height: 1.15;
  letter-spacing: -.02em; color: var(--ds-text); text-align: left !important; direction: ltr;
  font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield;
}
#vf-body.rb-vf .vf-amt.vfx-amt input::placeholder { color: var(--ds-faint); font-weight: 400; }

#vf-body.rb-vf input[type="number"]::-webkit-outer-spin-button,
#vf-body.rb-vf input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#vf-body.rb-vf input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
#vf-body.rb-vf .vfx-amt.sm { padding: 6px 16px; border-radius: 16px; }
#vf-body.rb-vf .vf-amt.vfx-amt.sm #vf-amount,
#vf-body.rb-vf .vf-amt.vfx-amt.sm input { font-size: 26px !important; min-height: 44px !important; }
#vf-body.rb-vf .vfx-amt-u { flex: none; font-size: 13px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-dirtag { flex: none; height: 26px; padding: 0 11px; font-size: 12px; }
#vf-body.rb-vf .vfx-why {
  display: flex; gap: 6px; align-items: flex-start; margin: 0 2px 20px;
  font-size: 12px; line-height: 1.7; color: var(--ds-mute);
}
#vf-body.rb-vf .vfx-why > .v2-ic { margin-top: 3px; }

#vf-body.rb-vf.vf-stepped > :is(.vfx-why, .vfx-lockhint, .vfx-loading) > .v2-ic { display: inline-block; vertical-align: -2px; margin: 0; margin-inline-end: 6px; }
#vf-body.rb-vf.vf-stepped > .vfx-loading > .spin { margin-inline-end: 6px; }


#vf-body.rb-vf .vfx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#vf-body.rb-vf .vfx-chip {
  display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px;
  border: 1px solid var(--ds-line2); border-radius: 12px; background: var(--ds-surface); color: var(--ds-text);
  font: inherit; font-size: 13px; cursor: pointer; transition: background .15s, border-color .15s, color .15s;
}
#vf-body.rb-vf .vfx-chip:hover { border-color: var(--ds-ink); }
#vf-body.rb-vf .vfx-chip:active { transform: scale(.97); }
#vf-body.rb-vf .vfx-chip.on { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg); font-weight: 500; }


#vf-body.rb-vf .vfx-seg {
  display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; width: fit-content; max-width: 100%;
  background: var(--vfx-tint); border-radius: 14px;
}
#vf-body.rb-vf .vfx-seg > button {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 40px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent;
  color: var(--ds-mute); font: inherit; font-size: 13px; white-space: nowrap; cursor: pointer;
  transition: background .15s, color .15s, box-shadow .15s;
}
#vf-body.rb-vf .vfx-seg > button:hover { color: var(--ds-text); }
#vf-body.rb-vf .vfx-seg > button.on {
  background: var(--ds-surface); color: var(--ds-text); font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 0 0 1px var(--ds-line);
}
#vf-body.rb-vf .vfx-seg.vfx-tq { margin-top: 10px; }


#vf-body.rb-vf .vf-banks.vfx-banks { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
#vf-body.rb-vf .vf-bank-pill.vfx-bank {
  display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "ic nm" "ic acc";
  align-items: center; align-content: center; column-gap: 9px; row-gap: 0; min-height: 54px; padding: 6px 12px; margin: 0;
  border: 1px solid var(--ds-line2); border-radius: 14px !important;
  background: var(--ds-surface); color: var(--ds-text); box-shadow: none;
  font: inherit; font-size: 13.5px; font-weight: 500 !important; text-align: start; cursor: pointer;
  transition: background .15s, border-color .15s, color .15s !important;
}
#vf-body.rb-vf .vf-bank-pill.vfx-bank:hover:not(:disabled) { border-color: var(--ds-ink); }
#vf-body.rb-vf .vf-bank-pill.vfx-bank:active:not(:disabled) { transform: scale(.97); }
#vf-body.rb-vf .vfx-bank .vfx-bank-ic { grid-area: ic; display: grid; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-bank .vfx-bank-nm { grid-area: nm; min-width: 0; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#vf-body.rb-vf .vfx-bank .vfx-acc { grid-area: acc; justify-self: start; line-height: 1.3; }
#vf-body.rb-vf .vfx-acc { font-style: normal; font-size: 11px; font-weight: 400; color: var(--ds-faint); direction: ltr; flex: none; }
#vf-body.rb-vf .vf-bank-pill.vfx-bank.active {
  background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-bg) !important;
  box-shadow: 0 10px 22px -16px rgba(0, 0, 0, .55);
}
#vf-body.rb-vf .vfx-bank.active .vfx-bank-ic { color: var(--ds-bg); }
#vf-body.rb-vf .vfx-bank.active .vfx-acc { color: color-mix(in srgb, var(--ds-bg) 65%, transparent); }

#vf-body.rb-vf .vf-bank-pill.vfx-bank.vf-lock { border-style: dashed; opacity: .5; cursor: not-allowed; }


#vf-body.rb-vf .vfx-split { background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: 18px; padding: 12px; }
#vf-body.rb-vf .vfx-split-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; }
#vf-body.rb-vf .vfx-split-c { min-width: 0; }
#vf-body.rb-vf .vfx-split-c label { display: flex; align-items: center; gap: 6px; margin: 0 0 5px; font-size: 12px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-split-c label > span { color: var(--ds-text); font-weight: 500; }
#vf-body.rb-vf .vfx-split-c label .vfx-acc { margin-inline-start: auto; }
#vf-body.rb-vf .vfx-split-c input { direction: ltr; text-align: left; font-weight: 500; font-variant-numeric: tabular-nums; background: var(--ds-surface); }
#vf-body.rb-vf .vfx-split-t {
  display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 10px;
  padding: 10px 14px; border-radius: 12px; background: var(--ds-ok-bg); color: var(--ds-ok); font-size: 12.5px;
}
#vf-body.rb-vf .vfx-split-t b { font-size: 16px; font-weight: 500; direction: ltr; }


#vf-body.rb-vf .vfx-method { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#vf-body.rb-vf .vf-method-pill.vfx-mpill {
  display: flex; align-items: center; gap: 12px; min-height: 70px; padding: 12px 14px; margin: 0;
  border: 1px solid var(--ds-line2); border-radius: 16px !important;
  background: var(--ds-surface); color: var(--ds-text); box-shadow: none; transform: none;
  font: inherit; text-align: start; cursor: pointer; transition: border-color .15s, box-shadow .15s !important;
}
#vf-body.rb-vf .vf-method-pill.vfx-mpill:hover { border-color: var(--ds-ink); }
#vf-body.rb-vf .vfx-mpill-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--vfx-tint); color: var(--ds-text); transition: background .15s, color .15s; }
#vf-body.rb-vf .vfx-mpill-t { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
#vf-body.rb-vf .vfx-mpill-t strong { font-size: 14.5px; font-weight: 500; }
#vf-body.rb-vf .vfx-mpill-t small { font-size: 12px; color: var(--ds-mute); }
#vf-body.rb-vf .vf-method-pill.vfx-mpill.active { border-color: var(--ds-ink); box-shadow: 0 0 0 1px var(--ds-ink), 0 12px 26px -20px rgba(0, 0, 0, .5); }
#vf-body.rb-vf .vfx-mpill.active .vfx-mpill-ic { background: var(--ds-ink); color: var(--ds-bg); }
#vf-body.rb-vf .vfx-acct {
  margin-top: 12px; padding: 14px; border-radius: 16px;
  border: 1px dashed color-mix(in srgb, var(--ds-gold) 55%, var(--ds-line)); background: var(--ds-gold-soft);
}
#vf-body.rb-vf .vfx-acct .ds-in { background: var(--ds-surface); }


#vf-body.rb-vf .vfx-nopay {
  display: flex; gap: 10px; align-items: flex-start; padding: 14px; border-radius: 14px;
  border: 1px dashed var(--ds-line2); background: var(--ds-surface2); color: var(--ds-mute); font-size: 13px; line-height: 1.7;
}
#vf-body.rb-vf .vfx-nopay > .v2-ic { color: var(--ds-gold-deep); margin-top: 2px; }
#vf-body.rb-vf .vfx-nopay b { color: var(--ds-text); font-weight: 500; }


#vf-body.rb-vf .vf-rest { margin: 0 0 22px; padding: 12px 14px; border-radius: 14px; font-size: 13px; font-weight: 400; line-height: 1.6; }
#vf-body.rb-vf .vf-rest.due { background: var(--ds-gold-soft); color: var(--ds-text); border: 1px solid color-mix(in srgb, var(--ds-gold) 40%, transparent); }
#vf-body.rb-vf .vf-rest.due b { color: var(--ds-gold-deep); font-weight: 500; }
#vf-body.rb-vf .vf-rest.clear { background: var(--ds-ok-bg); color: var(--ds-ok); border: 1px solid color-mix(in srgb, var(--ds-ok) 30%, transparent); }

#vf-body.rb-vf .vf-rest[hidden],
#vf-body.rb-vf.vf-stepped > .vf-rest[hidden] { display: none !important; }


#vf-body.rb-vf .vfx-faces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 560px) { #vf-body.rb-vf .vfx-faces { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
#vf-body.rb-vf .vfx-face {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; min-height: 108px; padding: 12px 6px 10px;
  border: 1px solid var(--ds-line); border-radius: 16px; background: var(--ds-surface); color: var(--ds-text);
  font: inherit; text-align: center; cursor: pointer; transition: border-color .15s, box-shadow .2s var(--ds-ease);
}
#vf-body.rb-vf .vfx-face:hover { border-color: var(--ds-line2); }
#vf-body.rb-vf .vfx-face.on { border-color: var(--ds-ink); box-shadow: 0 0 0 1px var(--ds-ink); background: var(--ds-surface2); }
#vf-body.rb-vf .vfx-face b { font-size: 12px; font-weight: 500; line-height: 1.3; max-width: 100%; overflow-wrap: anywhere; }
#vf-body.rb-vf .vfx-face small { font-size: 11px; line-height: 1.25; color: var(--ds-mute); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#vf-body.rb-vf .vfx-face-av { position: relative; display: inline-block; line-height: 0; }
#vf-body.rb-vf .vfx-face-ok {
  position: absolute; inset-block-end: -2px; inset-inline-end: -2px; width: 16px; height: 16px; border-radius: 50%;
  display: grid; place-items: center; background: var(--ds-ok); color: var(--ds-surface); border: 2px solid var(--ds-surface); font-style: normal;
}
#vf-body.rb-vf .vfx-face-sk {
  cursor: default; border-style: dashed;
  background: linear-gradient(90deg, var(--vfx-tint), var(--ds-surface2), var(--vfx-tint)); background-size: 200% 100%;
  animation: dsSk 1.2s ease-in-out 3;
}


#vf-body.rb-vf .vfx-party-row { display: flex; gap: 8px; align-items: stretch; }
#vf-body.rb-vf .vfx-party-in { flex: 1 1 auto; min-width: 0; display: block; }
#vf-body.rb-vf .vfx-party-in > svg { inset-inline-start: 14px; }
#vf-body.rb-vf .vfx-party-in .ds-in.dss-in { height: 48px; padding-inline-start: 42px; font-size: 14px; }
#vf-body.rb-vf .vfx-ibtn { width: 48px; height: 48px; padding: 0; flex: none; border-radius: 12px; }
#vf-body.rb-vf .vfx-ico { display: grid; place-items: center; }
#vf-body.rb-vf .vfx-sugg {
  margin-top: 6px; padding: 4px; max-height: 280px; overflow-y: auto;
  background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: 16px;
  box-shadow: 0 18px 40px -24px rgba(0, 0, 0, .35);
}
#vf-body.rb-vf .vfx-sugg-hd { padding: 8px 12px 4px; font-size: 11.5px; font-weight: 500; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-sugg-msg { display: flex; gap: 8px; align-items: center; padding: 12px; font-size: 12.5px; line-height: 1.6; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-sugg-msg strong { color: var(--ds-text); font-weight: 500; }
#vf-body.rb-vf .vf-party-item.vfx-pitem {
  display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; min-height: 50px;
  padding: 6px 10px; margin: 0; border: 0; border-radius: 11px; background: transparent;
  color: var(--ds-text); font: inherit; font-size: 13.5px; text-align: start; cursor: pointer;
}
#vf-body.rb-vf .vf-party-item.vfx-pitem:hover { background: var(--vfx-tint); }
#vf-body.rb-vf .vfx-pitem-n { display: flex; align-items: center; gap: 10px; min-width: 0; }
#vf-body.rb-vf .vfx-pitem-n b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#vf-body.rb-vf .vfx-pitem-m { display: flex; align-items: center; gap: 6px; flex: none; font-size: 12px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-phone { margin-top: 8px; }
#vf-body.rb-vf .vfx-phone > summary {
  list-style: none; display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 12px;
  border: 1px dashed var(--ds-line2); border-radius: 11px; font-size: 12.5px; color: var(--ds-text); cursor: pointer;
}
#vf-body.rb-vf .vfx-phone > summary::-webkit-details-marker { display: none; }
#vf-body.rb-vf .vfx-phone > summary .v2-ic { color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-phone[open] > summary { border-style: solid; background: var(--vfx-tint); }
#vf-body.rb-vf .vfx-phone > input { margin-top: 8px; }
#vf-body.rb-vf .vfx-bal-box:not(:empty) { margin-top: 8px; }
#vf-body.rb-vf .vfx-bal {
  display: flex; align-items: center; gap: 10px; padding: 9px 10px; padding-inline-end: 12px;
  border-radius: 14px; background: var(--vfx-tint); color: var(--ds-mute); font-size: 13px; line-height: 1.55;
}
#vf-body.rb-vf .vfx-bal-ic { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; flex: none; background: var(--ds-surface); }
#vf-body.rb-vf .vfx-bal-t { flex: 1 1 auto; min-width: 0; }
#vf-body.rb-vf .vfx-bal-t strong { font-weight: 500; }
#vf-body.rb-vf .vfx-bal.ok { background: var(--ds-ok-bg); color: var(--ds-ok); }
#vf-body.rb-vf .vfx-bal.bad { background: var(--ds-bad-bg); color: var(--ds-bad); }
#vf-body.rb-vf .vfx-bal.err { border: 1px solid color-mix(in srgb, var(--ds-bad) 35%, transparent); }
#vf-body.rb-vf .vfx-pbal:empty { display: none; }


#vf-body.rb-vf .vfx-box { margin: 0 0 22px; padding: 16px 18px 2px; border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); background: var(--ds-surface); }
#vf-body.rb-vf .vfx-box-hd { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
#vf-body.rb-vf .vfx-box-hd b { font-size: 15px; font-weight: 500; }
#vf-body.rb-vf .vfx-box-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--vfx-tint); color: var(--ds-text); }
#vf-body.rb-vf .vfx-box .vfx-f { margin-bottom: 16px; }
#vf-body.rb-vf .vfx-box .vfx-nw { margin: 0 0 16px; }
#vf-body.rb-vf .vfx-two { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 0 12px; align-items: start; }
#vf-body.rb-vf .vfx-two-arrow { display: grid; place-items: center; height: 44px; margin-top: 29px; color: var(--ds-faint); }
#vf-body.rb-vf .vfx-half { max-width: calc(50% - 22px); }


#vf-body.rb-vf .vfx-branchtag {
  display: flex; align-items: center; gap: 10px; margin: 0 0 22px; padding: 10px 14px;
  border-radius: 14px; background: var(--vfx-tint); color: var(--ds-mute); font-size: 13px; line-height: 1.6;
}
#vf-body.rb-vf .vfx-branchtag-ic { display: grid; color: var(--ds-gold-deep); }
#vf-body.rb-vf.vf-stepped > .vfx-branchtag-ic, #vf-body.rb-vf.vf-stepped > .vfx-branchtag > .vfx-branchtag-ic { display: inline-grid; vertical-align: -3px; margin-inline-end: 8px; }
#vf-body.rb-vf .vfx-branchtag strong { color: var(--ds-text); font-weight: 500; }
#vf-body.rb-vf .vfx-hide-br { border: 1px solid var(--ds-line); border-radius: 16px; padding: 0 14px; background: var(--ds-surface); }
#vf-body.rb-vf .vfx-hide-br > summary {
  list-style: none; display: flex; align-items: center; gap: 10px; min-height: 52px;
  font-size: 13px; color: var(--ds-mute); cursor: pointer; user-select: none;
}
#vf-body.rb-vf .vfx-hide-br > summary::-webkit-details-marker { display: none; }
#vf-body.rb-vf .vfx-hide-br > summary:hover { color: var(--ds-text); }
#vf-body.rb-vf .vfx-hide-ic { display: grid; }
#vf-body.rb-vf .vfx-hide-chev { margin-inline-start: auto; display: grid; color: var(--ds-faint); transition: transform .2s var(--ds-ease); }
#vf-body.rb-vf .vfx-hide-br[open] .vfx-hide-chev { transform: rotate(180deg); }
#vf-body.rb-vf .vfx-hide-br[open] > summary { color: var(--ds-text); }
#vf-body.rb-vf .vfx-checks { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 0 0; }
#vf-body.rb-vf .vfx-check {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--ds-line2); border-radius: 12px; background: var(--ds-surface); font-size: 13px; cursor: pointer;
}
#vf-body.rb-vf .vfx-check:has(input:checked) { border-color: var(--ds-ink); background: var(--vfx-tint); font-weight: 500; }
#vf-body.rb-vf .vfx-hide-br .vfx-hint { margin: 10px 0 14px; }


#vf-body.rb-vf .vfx-file { display: none; }
#vf-body.rb-vf .vfx-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#vf-body.rb-vf .vfx-proof-btn {
  display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 12px 14px; margin: 0;
  border: 1px dashed var(--ds-line2); border-radius: 16px; background: var(--ds-surface); cursor: pointer;
  transition: border-color .15s, background .15s;
}
#vf-body.rb-vf .vfx-proof-btn:hover { border-color: var(--ds-ink); background: var(--ds-surface2); }
#vf-body.rb-vf .vfx-proof-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--vfx-tint); color: var(--ds-text); }
#vf-body.rb-vf .vfx-proof-t { display: flex; flex-direction: column; min-width: 0; line-height: 1.4; }
#vf-body.rb-vf .vfx-proof-t b { font-size: 13.5px; font-weight: 500; }
#vf-body.rb-vf .vfx-proof-t small { font-size: 12px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-proof-done {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px;
  border: 1px solid color-mix(in srgb, var(--ds-ok) 35%, var(--ds-line)); border-radius: 16px;
  background: color-mix(in srgb, var(--ds-ok-bg) 60%, var(--ds-surface));
}
#vf-body.rb-vf .vfx-proof-done img { width: 64px; height: 64px; object-fit: cover; border-radius: 12px; border: 1px solid var(--ds-line); flex: none; }
#vf-body.rb-vf .vfx-proof-done-t { flex: 1 1 140px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#vf-body.rb-vf .vfx-proof-done-t b { display: flex; align-items: center; gap: 6px; font-weight: 500; color: var(--ds-ok); }
#vf-body.rb-vf .vfx-proof-done-t small { font-size: 12px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-proof-acts { display: flex; gap: 8px; flex-wrap: wrap; }
#vf-body.rb-vf .vfx-proof-acts label.ds-btn { cursor: pointer; }


#vf-body.rb-vf .vfx-side { margin: 4px 0 0; }
#vf-body.rb-vf .vfx-side .vfx-nw { margin: 0 0 12px; }
#vf-body.rb-vf .vf-save-row.vfx-save-row { display: flex; gap: 8px; }
#vf-body.rb-vf .vfx-save { flex: 1 1 auto; height: 50px; }
#vf-body.rb-vf .vfx-save-alt { flex: 0 0 auto; height: 50px; }
@media (min-width: 900px) {
  
  .modal-full #vf-body.rb-vf.vf-stepped .vf-save-row.vfx-save-row { display: none; }
  .modal-full #vf-body.rb-vf.vf-stepped[data-laststep="1"] .vf-save-row.vfx-save-row { display: flex; }
  .modal-full #vf-body.rb-vf:not(.vf-stepped) .vfx-save-alt { flex: 1 1 auto; }
}

@media (max-width: 899px) { #vf-body.rb-vf .vf-save-row.vfx-save-row { display: none; } }


#vf-body.rb-vf .vfx-cf-head { margin: 0 0 20px; }
#vf-body.rb-vf .vfx-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
@media (min-width: 900px) { #vf-body.rb-vf .vfx-cols { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 22px; } }
#vf-body.rb-vf .vfx-dim { opacity: .5; pointer-events: none; }

#vf-body.rb-vf .vfx-ep { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; }
#vf-body.rb-vf .vfx-ep-hd { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 16px; border-bottom: 1px solid var(--ds-line); }
#vf-body.rb-vf .vfx-ep-ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
#vf-body.rb-vf .vfx-ep-hd b { font-size: 14px; font-weight: 500; }
#vf-body.rb-vf .vfx-ep-hd small { margin-inline-start: auto; font-size: 12px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-ep-scroll { overflow-x: auto; }
#vf-body.rb-vf .vfx-ep-t { width: 100%; border-collapse: collapse; font-size: 13px; }
#vf-body.rb-vf .vfx-ep-t td { padding: 13px 16px; border-top: 1px solid var(--ds-line); vertical-align: middle; }
#vf-body.rb-vf .vfx-ep-t tr:first-child td { border-top: 0; }
#vf-body.rb-vf .vfx-ep-acc { font-weight: 500; overflow-wrap: anywhere; }
#vf-body.rb-vf .vfx-ep-dr, #vf-body.rb-vf .vfx-ep-cr { width: 112px; text-align: end; white-space: nowrap; }
#vf-body.rb-vf .vfx-ep-n { display: inline-block; direction: ltr; font-weight: 500; }
#vf-body.rb-vf .vfx-ep-dr .vfx-ep-n { color: var(--ds-bad); }
#vf-body.rb-vf .vfx-ep-cr .vfx-ep-n { color: var(--ds-ok); }
#vf-body.rb-vf .vfx-ep-warn { display: inline-flex; align-items: center; gap: 5px; color: var(--ds-gold-deep); font-weight: 400; }
#vf-body.rb-vf .vfx-ep-mute { color: var(--ds-mute); font-weight: 400; }
#vf-body.rb-vf .vfx-ep-foot {
  display: flex; gap: 6px; align-items: flex-start; flex-wrap: wrap; padding: 11px 16px;
  font-size: 12px; line-height: 1.7; color: var(--ds-mute); background: var(--ds-surface2); border-top: 1px solid var(--ds-line);
}
#vf-body.rb-vf .vfx-ep-foot b { color: var(--ds-text); font-weight: 500; }
#vf-body.rb-vf .vfx-ep-priv { flex-wrap: nowrap; }
#vf-body.rb-vf .vfx-ep-priv > .v2-ic { margin-top: 3px; }
#vf-body.rb-vf .vfx-ep-namewarn {
  display: flex; gap: 8px; align-items: flex-start; padding: 10px 16px; border-top: 1px solid var(--ds-line);
  background: var(--ds-gold-soft); color: var(--ds-text); font-size: 12.5px; line-height: 1.7;
}
#vf-body.rb-vf .vfx-ep-namewarn > .v2-ic { color: var(--ds-gold-deep); margin-top: 3px; }
#vf-body.rb-vf .vfx-ep-empty { padding: 22px 16px; text-align: center; color: var(--ds-mute); font-size: 12.5px; line-height: 1.9; }

#vf-body.rb-vf .vfx-side-card { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); padding: 16px 18px; }
#vf-body.rb-vf .vfx-side-card h4 { margin: 0 0 6px; font-size: 12.5px; font-weight: 500; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-sr { display: flex; align-items: center; gap: 10px; padding: 11px 0; font-size: 13.5px; border-bottom: 1px solid var(--ds-line); }
#vf-body.rb-vf .vfx-sr:last-of-type { border-bottom: 0; }
#vf-body.rb-vf .vfx-sr .k { flex: none; min-width: 70px; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-sr .v { margin-inline-start: auto; min-width: 0; text-align: end; font-weight: 500; overflow-wrap: anywhere; }
#vf-body.rb-vf .vfx-sr .v.big { font-size: 20px; direction: ltr; }
#vf-body.rb-vf .vfx-sr .v.nb { font-weight: 400; }
#vf-body.rb-vf .vfx-thumb {
  display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; padding: 12px;
  border-radius: 12px; border: 1px dashed var(--ds-line2); background: var(--vfx-tint); color: var(--ds-mute); font-size: 12px; text-align: center;
}

#vf-body.rb-vf .vc-foot.vfx-foot {
  position: sticky; bottom: 12px; z-index: 6; flex: 0 0 auto; margin: 18px 0 6px !important; margin-top: auto;
  overflow: hidden; border: 1px solid var(--ds-line); border-radius: 18px;
  background: color-mix(in srgb, var(--ds-surface) 92%, transparent);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: 0 -8px 24px -18px rgba(0, 0, 0, .35);
}
#vf-body.rb-vf #vf-confirm > .vc-foot.vfx-foot { margin-top: auto !important; }
#vf-body.rb-vf #vf-confirm > .vfx-cols { margin-bottom: 18px; }
#vf-body.rb-vf .vfx-bar { position: relative; height: 3px; overflow: hidden; background: var(--ds-line); }
#vf-body.rb-vf .vfx-bar .vc-fill { position: absolute; inset-block: 0; inset-inline-start: 0; width: 100%; background: var(--ds-ink); transform-origin: right center; }
#vf-body.rb-vf .vc-foot.warn .vfx-bar .vc-fill { background: var(--ds-gold); }
#vf-body.rb-vf .vfx-fin { display: flex; align-items: center; gap: 10px; padding: 10px; }
#vf-body.rb-vf .vfx-fin .ds-btn { height: 46px; flex: 0 0 auto; }
#vf-body.rb-vf .vfx-msg { flex: 1 1 200px; min-width: 0; display: flex; gap: 8px; align-items: center; font-size: 12.5px; line-height: 1.6; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-msg b { color: var(--ds-text); font-weight: 500; }
#vf-body.rb-vf .vfx-msg:empty { display: block; }
#vf-body.rb-vf .vfx-ok { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 56px 20px; text-align: center; }
#vf-body.rb-vf .vfx-ring { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: var(--ds-ok-bg); color: var(--ds-ok); animation: dsIn .3s var(--ds-ease); }
#vf-body.rb-vf .vfx-ok h3 { margin: 0; font-size: 22px; font-weight: 500; letter-spacing: -.005em; }
#vf-body.rb-vf .vfx-ok p { margin: 0; font-size: 13.5px; line-height: 1.9; color: var(--ds-mute); }
#vf-body.rb-vf .vfx-mv { display: inline-block; padding: 2px 10px; border-radius: 8px; background: var(--vfx-tint); border: 1px solid var(--ds-line2); color: var(--ds-text); font-weight: 500; direction: ltr; }
#vf-body.rb-vf .vfx-ltr { margin-top: 4px; direction: ltr; text-align: left; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; overflow-wrap: anywhere; }


.rb-vf.vfx-ask { font-size: 14px; line-height: 1.9; color: var(--ds-text); }
.rb-vf.vfx-ask p { margin: 0; }
.rb-vf.vfx-ask b { font-weight: 500; }
.rb-vf.vfx-ask .vfx-bad { color: var(--ds-bad); }


@media (max-width: 640px) {
  
  #vf-body.rb-vf .ds-in.dss-in, #vf-body.rb-vf .ds-ta.dss-in { font-size: 16px; }
  #vf-body.rb-vf .vfx-party-in .ds-in.dss-in { font-size: 16px; }
  #vf-body.rb-vf .vfx-date { max-width: none; }
  #vf-body.rb-vf > #vf-stepbar { margin-bottom: 18px; }
  #vf-body.rb-vf .vfx-dots { margin-bottom: 14px; }
  #vf-body.rb-vf .vfx-steph { font-size: 22px; }
  #vf-body.rb-vf .vfx-stepsub { font-size: 13px; }
  #vf-body.rb-vf .vfx-f { margin-bottom: 20px; }
  #vf-body.rb-vf .vf-sources.vfx-grid { gap: 8px; }
  #vf-body.rb-vf .vf-src-card.vfx-src { min-height: 112px; padding: 12px 12px 10px; gap: 8px; border-radius: 16px !important; }
  #vf-body.rb-vf .vfx-src .vfx-src-ic { width: 38px; height: 38px; }
  #vf-body.rb-vf .vfx-src .vfx-src-nm { font-size: 14px; }
  #vf-body.rb-vf .vfx-src.hasacts .vfx-src-ic { margin-bottom: 4px; }
  #vf-body.rb-vf .vf-amt.vfx-amt #vf-amount,
  #vf-body.rb-vf .vf-amt.vfx-amt input { font-size: 34px !important; }
  #vf-body.rb-vf .vf-amt.vfx-amt.sm #vf-amount,
  #vf-body.rb-vf .vf-amt.vfx-amt.sm input { font-size: 24px !important; }
  #vf-body.rb-vf .vfx-amt { padding: 10px 14px; }
  #vf-body.rb-vf .vf-banks.vfx-banks { grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); }
  #vf-body.rb-vf .vfx-seg { width: 100%; }
  #vf-body.rb-vf .vfx-seg > button { flex: 1 1 auto; padding: 0 12px; }
  #vf-body.rb-vf .vfx-stepfoot .ds-btn.ghost { min-width: 0; flex: 1 1 0; }
  #vf-body.rb-vf .vfx-stepfoot .ds-btn.pri { flex: 2 1 0; }
  #vf-body.rb-vf .vfx-box { padding: 14px 14px 2px; border-radius: 18px; }
  #vf-body.rb-vf .vfx-two { grid-template-columns: minmax(0, 1fr); }
  #vf-body.rb-vf .vfx-two-arrow { height: auto; margin: -6px 0 10px; transform: rotate(-90deg); }
  #vf-body.rb-vf .vfx-half { max-width: none; }
  #vf-body.rb-vf .vfx-fin { flex-wrap: wrap; }
  #vf-body.rb-vf .vfx-msg { order: -1; flex-basis: 100%; padding: 0 4px; }
  #vf-body.rb-vf .vfx-fin .ds-btn { flex: 1 1 0; min-width: 0; padding: 0 12px; }
  #vf-body.rb-vf .vfx-fin .ds-btn.pri { flex: 1.6 1 0; }
  #vf-body.rb-vf .vfx-ep-t td { padding: 11px 12px; }
  #vf-body.rb-vf .vfx-ep-dr, #vf-body.rb-vf .vfx-ep-cr { width: auto; }
}
@media (max-width: 520px) { #vf-body.rb-vf .vfx-method { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 420px) {
  #vf-body.rb-vf .vfx-proof-btn { flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 12px 8px; }
  #vf-body.rb-vf .vfx-proof-t { align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  #vf-body.rb-vf *, #vf-body.rb-vf *::before, #vf-body.rb-vf *::after { animation: none !important; transition: none !important; }
}


#vf-body.rb-vf :is(.vfx-ep-foot, .vfx-crumb, .vfx-cap, .vf-rest, .vfx-bal-t, .vfx-ask) .num,
#vf-body.rb-vf .vf-rest b, #vf-body.rb-vf .vfx-bal-t strong.num, .rb-vf.vfx-ask .num { unicode-bidi: plaintext; }



.rb-vl .num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }   
.rb-vl input.num { text-align: end; }
.rb-vl .vr-tn { font-variant-numeric: tabular-nums; unicode-bidi: isolate; }   
.rb-vl .sens { unicode-bidi: plaintext; }
.rb-vl .nw { white-space: nowrap; }
.rb-vl .end { text-align: end; }
.rb-vl .center { text-align: center; }
.rb-vl .vr-mute { color: var(--ds-mute); }
.rb-vl .vr-dim { color: var(--ds-faint); }
.rb-vl .vr-spacer { flex: 1 1 auto; }
.rb-vl .vr-muted-sm { font-size: 12px; color: var(--ds-mute); }
.rb-vl .vr-foot { margin: 12px 0 0; font-size: 12px; color: var(--ds-mute); line-height: 1.7; }
.rb-vl .vr-foot.center { text-align: center; }
.rb-vl .vr-pad { padding: 14px 22px; margin: 0; }
.rb-vl .vr-pad .ds-note { margin: 0; }
.rb-vl .ok { color: var(--ds-ok); }
.rb-vl .bad, .rb-vl .neg { color: var(--ds-bad); }
.rb-vl .dss-tag.ink, .rb-vl.ds .dss-tag.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-vl .ds-tag svg { flex: none; }
.rb-vl .ds-note > div { min-width: 0; }


.rb-vl .vr-head-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.rb-vl .vr-sel { height: 38px; min-width: 150px; width: auto; font-size: 13px; border-radius: 11px; }


.rb-vl .vr-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 34px 16px; color: var(--ds-mute); font-size: 13px; }
.rb-vl .vr-spin, .rb-vl .ds-btn .spin { width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: dsSpin .7s linear infinite; display: inline-block; flex: none; }


.rb-vl .vr-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); overflow: hidden; margin-bottom: 16px; }
.rb-vl .vr-kpis.n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.rb-vl .vr-k { padding: 16px 20px 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; border-inline-start: 1px solid var(--ds-line); }
.rb-vl .vr-k:first-child { border-inline-start: 0; }
.rb-vl .vr-k small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ds-mute); }
.rb-vl .vr-k small svg { color: var(--ds-gold-deep); flex: none; }
.rb-vl .vr-k b { font-size: 22px; font-weight: 500; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: ltr; text-align: end; unicode-bidi: plaintext; }
.rb-vl .vr-k > span { font-size: 11.5px; color: var(--ds-faint); }
.rb-vl .vr-k.is-gold { background: var(--ds-gold-soft); }
.rb-vl .vr-k.is-gold small svg { color: var(--ds-gold-deep); }
.rb-vl .vr-k.is-bad { background: var(--ds-bad-bg); }
.rb-vl .vr-k.is-bad small svg { color: var(--ds-bad); }


.rb-vl .vr-bal .dss-card-act { align-items: center; }
.rb-vl .vr-banks { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; padding: 12px 22px 18px; }
.rb-vl .vr-bank { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 64px; text-align: start; font: inherit; color: var(--ds-text); background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 10px 12px; cursor: pointer; transition: border-color .15s var(--ds-ease), background .15s; }
.rb-vl .vr-bank:hover:not(:disabled) { border-color: var(--ds-line2); background: var(--ds-surface2); }
.rb-vl .vr-bank:focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 2px; }
.rb-vl .vr-bank:disabled { cursor: not-allowed; opacity: .6; border-style: dashed; }
.rb-vl .vr-bank-ic { width: 36px; height: 36px; border-radius: 10px; background: var(--ds-alt); display: grid; place-items: center; color: var(--ds-text); flex: none; }
.rb-vl .vr-bank.cash .vr-bank-ic { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-vl .vr-bank-t { flex: 1; min-width: 0; }
.rb-vl .vr-bank-t small { display: flex; justify-content: space-between; align-items: center; gap: 6px; font-size: 11.5px; color: var(--ds-mute); }
.rb-vl .vr-bank-t small svg { color: var(--ds-faint); }
.rb-vl .vr-bank-t b { display: block; font-size: 16px; font-weight: 500; margin-top: 2px; direction: ltr; text-align: end; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-vl .vr-bank-t b.dim { color: var(--ds-faint); font-weight: 400; font-size: 13.5px; }


.rb-vl .vr-cashier { border-top: 1px solid var(--ds-line); padding: 16px 22px 18px; background: var(--ds-surface2); display: flex; flex-direction: column; gap: 12px; }
.rb-vl .vr-cashier > .ds-note { margin: 0; }
.rb-vl .vr-sec-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rb-vl .vr-sec-h > b { font-weight: 500; font-size: 14px; }
.rb-vl .vr-sec-h > small { color: var(--ds-mute); font-size: 12px; flex: 1 1 160px; min-width: 0; }
.rb-vl .vr-sec-ic { width: 30px; height: 30px; border-radius: 9px; background: var(--ds-gold-soft); color: var(--ds-gold-deep); display: grid; place-items: center; flex: none; }
.rb-vl .vr-total { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--ds-r); background: var(--ds-gold-soft); font-size: 13px; }
.rb-vl .vr-total svg { color: var(--ds-gold-deep); flex: none; }
.rb-vl .vr-total span { flex: 1; min-width: 0; }
.rb-vl .vr-total b { font-size: 17px; font-weight: 500; white-space: nowrap; direction: ltr; }


.rb-vl .vr-chs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.rb-vl .vr-ch { background: var(--ds-surface); border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 12px 14px; min-width: 0; }
.rb-vl .vr-ch.cash { border-color: color-mix(in srgb, var(--ds-ok) 45%, var(--ds-line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-ok) 25%, transparent); }
.rb-vl .vr-ch.empty { border-style: dashed; opacity: .65; }
.rb-vl .vr-ch-h { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; min-width: 0; }
.rb-vl .vr-ch-h b { font-size: 13.5px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rb-vl .vr-ch-h code { font-size: 11px; color: var(--ds-faint); direction: ltr; font-family: inherit; }
.rb-vl .vr-ch-h .ds-tag { margin-inline-start: auto; }
.rb-vl .vr-ch-ic { width: 28px; height: 28px; border-radius: 8px; background: var(--ds-alt); display: grid; place-items: center; flex: none; }
.rb-vl .vr-ch.cash .vr-ch-ic { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-vl .vr-ch-bal { font-size: 21px; font-weight: 500; direction: ltr; text-align: end; letter-spacing: -.01em; }
.rb-vl .vr-ch-rows { margin-top: 9px; padding-top: 9px; border-top: 1px dashed var(--ds-line); display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.rb-vl .vr-ch-rows div { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.rb-vl .vr-ch-rows span { color: var(--ds-mute); }
.rb-vl .vr-ch-rows b { font-weight: 500; direction: ltr; white-space: nowrap; }
.rb-vl .vr-ch-rows b.up { color: var(--ds-ok); }
.rb-vl .vr-ch-rows b.down { color: var(--ds-bad); }


.rb-vl .vr-batch { display: flex; align-items: center; gap: 10px 12px; flex-wrap: wrap; padding: 10px 12px 10px 18px; background: var(--ds-ink); color: var(--ds-bg); border-radius: var(--ds-r); margin-bottom: 16px; }
.rb-vl .vr-batch strong { font-size: 13.5px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; }
.rb-vl .vr-batch-tag { font-size: 11.5px; padding: 3px 10px; border-radius: 11px; background: color-mix(in srgb, var(--ds-bg) 16%, transparent); }
.rb-vl .vr-batch .ds-btn { border-color: color-mix(in srgb, var(--ds-bg) 35%, transparent); color: var(--ds-bg); background: transparent; }
.rb-vl .vr-batch .vr-batch-pub { background: var(--ds-bg); color: var(--ds-ink); border-color: transparent; }
.rb-vl .vr-batch .vr-batch-clr:hover { background: color-mix(in srgb, var(--ds-bg) 12%, transparent); }


.rb-vl .vr-list .dss-card-bd { padding: 0; }
.rb-vl .vr-filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--ds-line); background: var(--ds-surface2); }
.rb-vl .vr-filters .ds-seg { background: var(--ds-alt); }
.rb-vl .vr-filters .ds-seg button { height: 36px; padding: 0 13px; }
.rb-vl .vr-odoo { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; width: 100%; }
.rb-vl .vr-odoo-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rb-vl .vr-odoo-f > span { font-size: 11.5px; color: var(--ds-mute); }
.rb-vl .vr-odoo-f .ds-in { height: 40px; font-size: 13px; width: auto; min-width: 120px; border-radius: 11px; padding: 0 11px; }
.rb-vl .vr-odoo-f.wide .ds-in { min-width: 170px; max-width: 240px; padding-left: 36px; }
.rb-vl .vr-odoo .ds-btn { height: 40px; }
.rb-vl .vr-live-bar { display: flex; align-items: center; gap: 8px 18px; flex-wrap: wrap; padding: 10px 18px; background: var(--ds-gold-soft); font-size: 12.5px; border-bottom: 1px solid var(--ds-line); }
.rb-vl .vr-live-t { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: var(--ds-gold-deep); }


.rb-vl .vr-tbl { border: 0; border-radius: 0; }
.rb-vl .dss-card-bd.flush > .vr-tbl { border-top: 1px solid var(--ds-line); }
.rb-vl .vr-table th.sel, .rb-vl .vr-table td.sel { width: 40px; padding-inline-end: 0; }
.rb-vl .vr-table input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--ds-ink); cursor: pointer; margin: 0; display: block; }
.rb-vl .vr-table tr.on td { background: var(--ds-gold-soft); }
.rb-vl .vr-table tr.on td:first-child { box-shadow: inset -3px 0 0 var(--ds-gold); }
.rb-vl .vr-no { font-weight: 500; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
.rb-vl .vr-no svg { color: var(--ds-faint); }
.rb-vl .vr-amt { font-weight: 500; font-size: 14px; white-space: nowrap; direction: ltr; display: inline-block; }
.rb-vl .vr-amt.in { color: var(--ds-ok); }
.rb-vl .vr-amt.out { color: var(--ds-bad); }
.rb-vl .vr-sub { display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--ds-mute); margin-top: 3px; }
.rb-vl .vr-sub svg { flex: none; }
.rb-vl .vr-src { display: inline-flex; align-items: center; gap: 6px; }
.rb-vl .vr-src svg { color: var(--ds-faint); flex: none; }
.rb-vl .vr-arrow { color: var(--ds-faint); padding: 0 4px; display: inline-flex; vertical-align: -2px; }
.rb-vl .vr-hid { margin-top: 4px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.rb-vl .vr-time { color: var(--ds-text); font-weight: 500; }
.rb-vl .vr-var { font-weight: 500; white-space: nowrap; direction: ltr; display: inline-block; }
.rb-vl .vr-var.up { color: var(--ds-gold-deep); }
.rb-vl .vr-var.down { color: var(--ds-bad); }


.rb-vl .vr-acts { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.rb-vl .vr-ib { width: 34px; height: 34px; padding: 0; border-radius: 10px; }
.rb-vl .vr-ib.lbl { width: auto; padding: 0 12px; }
.rb-vl .vr-ib.warn { background: var(--ds-gold-soft); color: var(--ds-gold-deep); border-color: color-mix(in srgb, var(--ds-gold) 40%, transparent); }
.rb-vl .vr-ib.warn:hover:not(:disabled) { border-color: var(--ds-gold-deep); }
.rb-vl .vr-vtable td.k-act { width: 1%; }
.rb-vl .vr-vtable td.k-act .vr-acts { width: max-content; flex-wrap: nowrap; margin-inline-start: auto; }   
@media (min-width: 861px) {
  .rb-vl .vr-vtable { min-width: 900px; }
  .rb-vl .vr-vtable td.k-main { min-width: 150px; }
  .rb-vl .vr-vtable td.k-meta { min-width: 80px; }
}


.rb-vl .vr-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.rb-vl .vr-who b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-vl .vr-av { width: 28px; height: 28px; border-radius: 50%; background: var(--ds-alt); color: var(--ds-text); display: grid; place-items: center; font-size: 12px; font-weight: 500; flex: none; }
.rb-vl .vr-av.ink { background: var(--ds-ink); color: var(--ds-bg); }
.rb-vl .vr-toolbar { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; margin-bottom: 16px; }
.rb-vl .vr-rev { white-space: nowrap; }


.rb-vl .vr-sal-card .dss-card-bd { padding-top: 6px; }
.rb-vl .vr-sals { display: flex; flex-direction: column; }
.rb-vl .vr-sal { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--ds-line); }
.rb-vl .vr-sal:first-child { border-top: 0; }
.rb-vl .vr-sal-t b { display: block; font-weight: 500; }
.rb-vl .vr-sal-t small { display: block; font-size: 12px; color: var(--ds-mute); line-height: 1.6; }
.rb-vl .vr-sal-amt { font-size: 17px; font-weight: 500; white-space: nowrap; direction: ltr; }

.rb-vl .vr-cs { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.rb-vl .vr-cs.solo { grid-template-columns: minmax(0, 1fr); }
.rb-vl .vr-cs-main { min-width: 0; }
.rb-vl .vr-cs-side { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 0; min-width: 0; }
.rb-vl .vr-side-acts { display: flex; flex-direction: column; gap: 8px; }
.rb-vl .vr-side-acts .ds-btn { width: 100%; }


.rb-vl .vr-kvs { display: flex; flex-direction: column; }
.rb-vl .vr-kv { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--ds-line); font-size: 13px; }
.rb-vl .vr-kv:last-child { border-bottom: 0; }
.rb-vl .vr-kv > span { color: var(--ds-mute); min-width: 0; }
.rb-vl .vr-kv > b { font-weight: 500; text-align: end; white-space: nowrap; }
.rb-vl .vr-kv > b.num { direction: ltr; }
.rb-vl .vr-kv > b.vr-dt { unicode-bidi: plaintext; font-variant-numeric: tabular-nums; }
.rb-vl .vr-kv.tot { border-top: 1px solid var(--ds-line); border-bottom: 0; margin-top: 2px; padding-top: 11px; }
.rb-vl .vr-kv.tot > span { color: var(--ds-text); font-weight: 500; }
.rb-vl .vr-kv.tot > b { font-size: 17px; }
.rb-vl .vr-kv b.up { color: var(--ds-gold-deep); }
.rb-vl .vr-kv b.down { color: var(--ds-bad); }


.rb-vl .vr-closed, .rb-vl .vr-intro { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 34px 20px 30px; }
.rb-vl .vr-intro { padding: 18px 4px 10px; }
.rb-vl .vr-closed-ic { width: 56px; height: 56px; border-radius: 50%; background: var(--ds-alt); color: var(--ds-text); display: grid; place-items: center; margin-bottom: 6px; }
.rb-vl .vr-closed > b, .rb-vl .vr-intro > b { font-size: 17px; font-weight: 500; }
.rb-vl .vr-closed > p, .rb-vl .vr-intro > p { margin: 0 0 12px; color: var(--ds-mute); font-size: 13px; line-height: 1.8; max-width: 52ch; }


.rb-vl .vr-hero { overflow: hidden; }
.rb-vl .vr-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px 12px 18px; background: var(--ds-ink); color: var(--ds-bg); flex-wrap: wrap; }
.rb-vl .vr-live { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 500; }
.rb-vl .vr-live i { width: 9px; height: 9px; border-radius: 50%; background: var(--ds-ok); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-ok) 35%, transparent); flex: none; }
.rb-vl .vr-hero-close { background: transparent; color: var(--ds-bg); border-color: color-mix(in srgb, var(--ds-bg) 40%, transparent); }
.rb-vl .vr-hero-close:hover:not(:disabled) { background: color-mix(in srgb, var(--ds-bg) 12%, transparent); }
.rb-vl .vr-hero-warn { padding: 14px 18px 0; }
.rb-vl .vr-hero-warn .ds-note { margin: 0; }
.rb-vl .vr-hero-bd { padding: 18px 22px 16px; }
.rb-vl .vr-hero-l { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--ds-mute); }
.rb-vl .vr-hero-l em { font-style: normal; color: var(--ds-faint); }
.rb-vl .vr-hero-amt { display: flex; align-items: center; gap: 12px; margin-top: 6px; flex-wrap: wrap; }
.rb-vl .vr-hero-amt b { font-size: 40px; font-weight: 500; line-height: 1.15; letter-spacing: -.02em; direction: ltr; white-space: nowrap; }
.rb-vl .vr-hero-eq { margin: 10px 0 0; font-size: 12.5px; color: var(--ds-mute); line-height: 1.8; }
.rb-vl .vr-hero-eq b { color: var(--ds-text); font-weight: 500; white-space: nowrap; }
.rb-vl .vr-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ds-line); }
.rb-vl .vr-stat { padding: 12px 16px; border-inline-start: 1px solid var(--ds-line); min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rb-vl .vr-stat:first-child { border-inline-start: 0; }
.rb-vl .vr-stat small { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--ds-mute); white-space: nowrap; }
.rb-vl .vr-stat small svg { color: var(--ds-faint); flex: none; }
.rb-vl .vr-stat b { font-size: 15px; font-weight: 500; direction: ltr; text-align: end; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-vl .vr-stat.up b { color: var(--ds-ok); }
.rb-vl .vr-stat.down b { color: var(--ds-bad); }
.rb-vl .vr-hero-credit { display: flex; align-items: flex-start; gap: 8px; padding: 11px 18px; border-top: 1px solid var(--ds-line); background: var(--ds-surface2); font-size: 12.5px; color: var(--ds-mute); }
.rb-vl .vr-hero-credit svg { flex: none; margin-top: 3px; }


.rb-vl .vr-bctable .vr-bcamt { font-size: 15px; font-weight: 500; direction: ltr; display: inline-block; }
.rb-vl .vr-bc-foot { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; padding: 16px 22px; border-top: 1px solid var(--ds-line); background: var(--ds-surface2); }
.rb-vl .vr-bc-tot { flex: 1 1 200px; }
.rb-vl .vr-bc-tot small { display: block; font-size: 12px; color: var(--ds-mute); }
.rb-vl .vr-bc-tot b { font-size: 24px; font-weight: 500; direction: ltr; display: inline-block; }
.rb-vl .vr-bc-none { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ds-mute); }
.rb-vl .vr-bc-run { min-width: 260px; }
.rb-vl .vr-result.is-ok { border-color: color-mix(in srgb, var(--ds-ok) 40%, var(--ds-line)); }
.rb-vl .vr-result.is-ok .dss-ic { background: var(--ds-ok-bg); color: var(--ds-ok); }
.rb-vl .vr-result.is-part { border-color: color-mix(in srgb, var(--ds-gold) 50%, var(--ds-line)); }
.rb-vl .vr-result.is-part .dss-ic { background: var(--ds-gold-soft); color: var(--ds-gold-deep); }
.rb-vl .vr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px; }
.rb-vl .vr-chip { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 12px; border-radius: 14px; background: var(--ds-alt); font-size: 12.5px; }
.rb-vl .vr-chip b { font-weight: 500; direction: ltr; }
.rb-vl .vr-msg { white-space: pre-wrap; padding: 14px 16px; border-radius: var(--ds-r); background: var(--ds-surface2); border: 1px solid var(--ds-line); font-size: 13px; line-height: 1.9; margin-bottom: 12px; }
.rb-vl .vr-msg-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.rb-vl .vr-msg-acts a.ds-btn { text-decoration: none; }


.rb-vl.vr-m { display: flex; flex-direction: column; gap: 12px; }
.rb-vl.vr-m > .ds-note, .rb-vl.vr-m .ds-note { margin: 0; }
.rb-vl .vr-m-lead { margin: 0; font-size: 13px; color: var(--ds-mute); line-height: 1.7; }
.rb-vl .vr-m-lead b { color: var(--ds-text); font-weight: 500; }
.rb-vl .vr-box { background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 4px 14px; }
.rb-vl .vr-step { display: flex; flex-direction: column; gap: 8px; }
.rb-vl .vr-lbl { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 500; }
.rb-vl .vr-lbl.sm { font-size: 12.5px; }
.rb-vl .vr-lbl em { font-style: normal; font-weight: 400; color: var(--ds-faint); }
.rb-vl .vr-n { width: 22px; height: 22px; border-radius: 50%; background: var(--ds-ink); color: var(--ds-bg); display: grid; place-items: center; font-size: 12px; flex: none; }
.rb-vl .vr-req { font-style: normal; color: var(--ds-bad); }
.rb-vl .vr-field { gap: 6px; }
.rb-vl .vr-ta { min-height: 72px; }
.rb-vl .vr-note-t { display: block; margin-bottom: 4px; font-weight: 500; }
.rb-vl .vr-ol { margin: 0; padding-inline-start: 20px; line-height: 1.8; }


.rb-vl .vr-count { display: flex; align-items: center; gap: 10px; padding: 6px 14px; border: 1.5px solid var(--ds-line2); border-radius: 16px; background: var(--ds-surface); transition: border-color .15s; }
.rb-vl .vr-count:focus-within { border-color: var(--ds-ink); }
.rb-vl .vr-count input { flex: 1; min-width: 0; height: 52px; border: 0; outline: 0; background: transparent; color: var(--ds-text); font-size: 28px; font-weight: 500; direction: ltr; text-align: end; font-family: inherit; }
.rb-vl .vr-count input::placeholder { color: var(--ds-faint); }
.rb-vl .vr-count input[type="number"] { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; border-radius: 0; -moz-appearance: textfield; appearance: textfield; }
.rb-vl .vr-count input::-webkit-outer-spin-button, .rb-vl .vr-count input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.rb-vl .vr-count small { color: var(--ds-mute); font-size: 12px; }
.rb-vl .vr-count.ok { border-color: var(--ds-ok); }
.rb-vl .vr-count.up { border-color: var(--ds-gold); }
.rb-vl .vr-count.down { border-color: var(--ds-bad); }


.rb-vl .vr-mk { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
.rb-vl .vr-mk-i { background: var(--ds-surface2); border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rb-vl .vr-mk-i.wide { grid-column: span 2; }
.rb-vl .vr-mk-i.ink { background: var(--ds-ink); color: var(--ds-bg); border-color: var(--ds-ink); }
.rb-vl .vr-mk-i.ink small { color: color-mix(in srgb, var(--ds-bg) 70%, transparent); }
.rb-vl .vr-mk-i small { font-size: 11.5px; color: var(--ds-mute); }
.rb-vl .vr-mk-i b { font-size: 16px; font-weight: 500; direction: ltr; text-align: end; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-vl .vr-mk-i.ok b { color: var(--ds-ok); }
.rb-vl .vr-mk-i.bad b { color: var(--ds-bad); }
.rb-vl .vr-mk-i em { font-style: normal; font-size: 11.5px; color: var(--ds-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rb-vl .vr-msec { display: flex; flex-direction: column; gap: 10px; }


.rb-vl .vr-ledger { max-height: 56vh; }
.rb-vl .vr-ledger table { font-size: 12.5px; }
.rb-vl .vr-ledger thead th { position: sticky; top: 0; z-index: 1; }
.rb-vl .vr-ledger tfoot td { padding: 11px 14px; font-weight: 500; border-top: 1.5px solid var(--ds-line2); background: var(--ds-surface2); }
.rb-vl .vr-dr { color: var(--ds-ok); font-weight: 500; }
.rb-vl .vr-cr { color: var(--ds-bad); font-weight: 500; }
.rb-vl .vr-nil { text-align: center; color: var(--ds-mute); padding: 28px 14px !important; }


.rb-vl .vr-att-card { border: 1px solid var(--ds-line); border-radius: var(--ds-r); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.rb-vl .vr-att-add { cursor: pointer; margin-inline-start: auto; }
.rb-vl .vr-att-list { font-size: 12.5px; color: var(--ds-mute); }
.rb-vl .vr-atts { display: flex; flex-wrap: wrap; gap: 12px; }
.rb-vl .vr-att { display: flex; flex-direction: column; gap: 6px; width: 120px; }
.rb-vl .vr-att img { width: 120px; height: 120px; object-fit: cover; border-radius: 12px; border: 1px solid var(--ds-line); display: block; }


.rb-vl .vr-chks { padding: 2px 14px; }
.rb-vl .vr-chk { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; border-bottom: 1px solid var(--ds-line); cursor: pointer; }
.rb-vl .vr-chk:last-child { border-bottom: 0; }
.rb-vl .vr-chk-t { display: inline-flex; align-items: center; gap: 8px; }
.rb-vl .vr-chk-t svg { color: var(--ds-faint); }
.rb-vl .vr-chk-t b { font-weight: 500; }


@media (max-width: 1100px) {
  .rb-vl .vr-cs { grid-template-columns: minmax(0, 1fr); }
  .rb-vl .vr-cs-side { position: static; }
  .rb-vl .vr-side-acts { flex-direction: row; flex-wrap: wrap; }
  .rb-vl .vr-side-acts .ds-btn { flex: 1 1 180px; width: auto; }
  .rb-vl .vr-kpis.n5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rb-vl .vr-kpis.n5 .vr-k { border-top: 1px solid var(--ds-line); }
  .rb-vl .vr-kpis.n5 .vr-k:nth-child(-n+3) { border-top: 0; }
  .rb-vl .vr-kpis.n5 .vr-k:nth-child(4) { border-inline-start: 0; }
}




@media (max-width: 640px) {
  .rb-vl .ds-head > .dss-head-side { flex: 1 1 100%; }
  .rb-vl .vr-head-acts { width: 100%; justify-content: stretch; }
  .rb-vl .vr-head-acts > .ds-btn, .rb-vl .vr-head-acts > .vr-sel { flex: 1 1 140px; height: 44px; }
  .rb-vl .vr-head-acts > .vr-who { flex: 1 1 100%; }
  .rb-vl .ds-btn.sm { min-height: 40px; }
  .rb-vl .vr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 14px; }
  .rb-vl .vr-kpis .vr-k { border-top: 1px solid var(--ds-line); padding: 13px 14px 12px; }
  .rb-vl .vr-kpis .vr-k:nth-child(-n+2) { border-top: 0; }
  .rb-vl .vr-kpis .vr-k:nth-child(odd) { border-inline-start: 0; }
  .rb-vl .vr-kpis .vr-k:nth-child(even) { border-inline-start: 1px solid var(--ds-line); }
  .rb-vl .vr-kpis.n5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-vl .vr-kpis.n5 .vr-k:nth-child(3) { border-top: 1px solid var(--ds-line); }
  .rb-vl .vr-kpis.n5 .vr-k:last-child { grid-column: 1 / -1; }
  .rb-vl .vr-k b { font-size: 18px; }
  .rb-vl .vr-banks { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 16px 16px; gap: 8px; }
  .rb-vl .vr-bank { padding: 10px; gap: 8px; }
  .rb-vl .vr-bank-ic { width: 30px; height: 30px; }
  .rb-vl .vr-bank-t b { font-size: 14.5px; }
  .rb-vl .vr-bal .dss-card-act .vr-sel { flex: 1 1 140px; }
  .rb-vl .vr-cashier { padding: 14px 16px 16px; }
  .rb-vl .vr-chs { grid-template-columns: minmax(0, 1fr); }
  .rb-vl .vr-total { flex-wrap: wrap; }
  .rb-vl .vr-filters { padding: 12px 14px; gap: 8px; }
  .rb-vl .vr-filters .ds-seg { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; contain: inline-size; }
  .rb-vl .vr-filters .ds-seg::-webkit-scrollbar { display: none; }
  .rb-vl .vr-filters .ds-seg { flex: 1 1 auto; width: auto; }
  .rb-vl .vr-filters .ds-seg.vr-wide { flex: 1 1 100%; }
  .rb-vl .vr-filters .ds-seg:not(.vr-wide) { contain: none; overflow: visible; }
  .rb-vl .vr-filters .ds-seg button { height: 40px; flex: 1 0 auto; justify-content: center; }
  .rb-vl .vr-odoo-f { flex: 1 1 120px; }
  .rb-vl .vr-odoo-f .ds-in, .rb-vl .vr-odoo-f.wide .ds-in { width: 100%; min-width: 0; max-width: none; }
  .rb-vl .vr-odoo-f.wide { flex: 1 1 100%; }
  .rb-vl .vr-batch { padding: 10px 12px; }
  .rb-vl .vr-batch .ds-btn { flex: 1 1 auto; }
  .rb-vl .vr-sal { grid-template-columns: minmax(0, 1fr) auto; }
  .rb-vl .vr-sal-btn { grid-column: 1 / -1; height: 44px; }
  .rb-vl .vr-hero-top { padding: 10px 12px 10px 14px; }
  .rb-vl .vr-hero-bd { padding: 16px 16px 14px; }
  .rb-vl .vr-hero-amt b { font-size: 34px; }
  .rb-vl .vr-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-vl .vr-stat { padding: 11px 14px; }
  .rb-vl .vr-stat:nth-child(3) { border-inline-start: 0; }
  .rb-vl .vr-stat:nth-child(n+3) { border-top: 1px solid var(--ds-line); }
  .rb-vl .vr-hero-credit { padding: 10px 14px; }
  .rb-vl .vr-side-acts { flex-direction: column; }
  .rb-vl .vr-side-acts .ds-btn { flex: none; width: 100%; }
  .rb-vl .vr-bc-foot { padding: 14px 16px; }
  .rb-vl .vr-bc-run { min-width: 0; width: 100%; }
  .rb-vl .vr-msg-acts > * { flex: 1 1 160px; }
  .rb-vl .vr-mk { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-vl .vr-mk-i.wide { grid-column: 1 / -1; }
  .rb-vl .vr-pad { padding: 12px 16px; }
  .rb-vl .vr-toolbar .ds-seg { width: 100%; flex-wrap: nowrap; overflow-x: auto; contain: inline-size; }
  .rb-vl .vr-toolbar .ds-seg button { flex: 1 0 auto; justify-content: center; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .rb-vl .vr-spin, .rb-vl .ds-btn .spin { animation-duration: 1.6s; }
  .rb-vl .vr-bank, .rb-vl .vr-count { transition: none; }
}


.rb-vl td.end .num, .rb-vl td.end b.num { direction: ltr; display: inline-block; unicode-bidi: isolate; }
.rb-vl .vr-ledger th.end { text-align: end; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; touch-action: manipulation; }
html, body { overscroll-behavior: none; }
body { -webkit-tap-highlight-color: transparent; }
button, .ds-btn, .btn, [role="button"], .ds-seg > button, nav a { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size: 16px !important; }
}



html.sp :is(.rb-ib, .v2-ibtn, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(._ib):not(._ib):not(._ib) {
  --ib-bg: var(--sp-card, var(--ds-surface, var(--surface, #fff)));
  --ib-line: var(--sp-line2, var(--ds-line2, var(--border-strong, var(--border))));
  --ib-fg: var(--sp-text, var(--ds-text, var(--text)));
  --ib-fg-plain: var(--sp-mute, var(--ds-mute, var(--text-muted)));
  --ib-hover: var(--sp-row, var(--ds-surface2, var(--surface-2, var(--bg-alt))));
  --ib-press: color-mix(in srgb, var(--ib-fg) 9%, var(--ib-bg));
  --ib-ring: var(--ds-gold, var(--gold, #b8962e));
  box-sizing: border-box; width: 34px; height: 34px; min-width: 0; min-height: 0; padding: 0;
  border-radius: 8px; border: 1px solid transparent; flex: none; gap: 0; line-height: 1;
  cursor: pointer; transform: none;
  transition: background-color .15s, color .15s, box-shadow .15s, transform .12s var(--ds-ease, ease);
}

html.sp :is(.vr-ib, .rb-ib).lbl:not(._ib):not(._ib) { width: auto; padding: 0 12px; gap: 6px; }

html.sp :is(.rb-ib, .vr-ib, .ro-ibtn).ds-btn:not(.sm):not(._ib):not(._ib) { width: 36px; height: 36px; }

html.sp :is(.v2-ibtn, .pf-ib, .rbm-ib, .pw-ibtn, .hm-ibtn).sm:not(._ib):not(._ib) { width: 30px; height: 30px; }
@media (max-width: 760px) {   
  html.sp :is(.rb-ib, .v2-ibtn, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(._ib):not(._ib):not(._ib):not(._ib) { width: 40px; height: 40px; }
  html.sp :is(.v2-ibtn, .pf-ib, .rbm-ib, .pw-ibtn, .hm-ibtn).sm:not(._ib):not(._ib):not(._ib) { width: 34px; height: 34px; }
  html.sp :is(.vr-ib, .rb-ib).lbl:not(._ib):not(._ib):not(._ib):not(._ib) { width: auto; }
}


html.sp :is(.rb-ib, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(.ds-btn:is(.pri, .bad, .warn)):not(._ib) {
  background: var(--ib-bg); color: var(--ib-fg); border-color: transparent;
  box-shadow: inset 0 0 0 1px var(--ib-line), 0 1px 0 rgba(0, 0, 0, .05);
}
html.sp :is(.rb-ib, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(.ds-btn:is(.pri, .bad, .warn)):not(._ib):hover:not(:disabled) {
  background: var(--ib-hover); color: var(--ib-fg); border-color: transparent;
}

html.sp .vr-ib.ds-btn.warn:not(._ib):not(._ib) {
  background: var(--ds-gold-soft, var(--gold-soft)); color: var(--ds-gold-deep, var(--gold-deep)); border-color: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-gold, var(--gold)) 40%, transparent);
}
html.sp .vr-ib.ds-btn.warn:not(._ib):not(._ib):hover:not(:disabled) {
  background: var(--ds-gold-soft, var(--gold-soft)); box-shadow: inset 0 0 0 1px var(--ds-gold-deep, var(--gold-deep));
}

html.sp .v2-ibtn:not(._ib):not(._ib):not(._ib):not(._ib) { background: transparent; color: var(--ib-fg-plain); box-shadow: none; }
html.sp .v2-ibtn:not(._ib):not(._ib):not(._ib):hover:not(:disabled) { background: var(--ib-hover); color: var(--ib-fg); }

html.sp :is(.rbm-ib, .pf-ib, .pw-ibtn, .hm-ibtn).bad:not(._ib):not(._ib):hover:not(:disabled) {
  color: var(--ds-bad, var(--danger)); background: var(--ds-bad-bg, var(--danger-bg));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-bad, var(--danger)) 45%, transparent);
}

html.sp :is(.rb-ib, .v2-ibtn, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(.ds-btn.pri):not(._ib):active:not(:disabled) {
  background: var(--ib-press); transform: scale(.96);
}
html.sp :is(.rb-ib, .v2-ibtn, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(._ib):not(._ib):focus-visible {
  outline: 2px solid var(--ib-ring); outline-offset: 2px;
}
html.sp :is(.rb-ib, .v2-ibtn, .pf-ib, .vr-ib, .rbm-ib, .pw-ibtn, .ro-ibtn, .hm-ibtn):not(._ib):not(._ib):disabled {
  opacity: .45; cursor: not-allowed; transform: none;
}


html.sp :is(.pw-chip, .mi-chip, .rbm-chip, .rd-chip) {
  box-sizing: border-box; min-height: 34px; height: auto; padding: 0 12px; gap: 6px;
  border-radius: 999px; border: 1px solid var(--ds-line2, var(--border-strong, var(--border)));
  background: var(--ds-surface, var(--surface)); font-size: 12.5px; line-height: 1.2;
  transition: background-color .15s, border-color .15s, color .15s;
}
html.sp :is(.pw-chip, .mi-chip, .rbm-chip) { color: var(--ds-text, var(--text)); cursor: pointer; }
html.sp :is(.pw-chip, .mi-chip, .rbm-chip):not(.on):not(:has(input:checked)):hover:not(:disabled) {
  background: var(--sp-row, var(--ds-surface2, var(--surface-2))); border-color: var(--ds-line2, var(--border-strong, var(--border)));
}
html.sp :is(.pw-chip, .mi-chip, .rbm-chip):is(.on, :has(input:checked)) {
  background: var(--ds-ink, var(--ink)); border-color: var(--ds-ink, var(--ink)); color: var(--ds-bg, var(--bg)); font-weight: 500;
}
html.sp .mi-chip:has(input:checked) input { accent-color: var(--ds-bg, var(--bg)); }
html.sp :is(.pw-chip, .rbm-chip):focus-visible, html.sp .mi-chip:has(input:focus-visible) {
  outline: 2px solid var(--ds-gold, var(--gold, #b8962e)); outline-offset: 2px;
}
html.sp :is(.pw-chip, .rbm-chip):disabled { opacity: .45; cursor: not-allowed; }

html.sp :is(.exa-chip, .fx-chip, .pf-chip, .vr-chip) {
  box-sizing: border-box; height: 20px; min-width: 20px; padding: 0 8px; gap: 4px;
  border-radius: 8px; font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap;
  background: var(--sp-neu-bg, var(--ds-alt, var(--bg-alt))); color: var(--sp-neu-tx, var(--ds-mute, var(--text-muted)));
}

html.sp .ds .ds-tag.on { background: var(--sp-text, var(--ds-ink)); color: var(--sp-card, var(--ds-bg)); }


html.sp[data-theme="dark"] .ds .ds-seg button:hover { background: color-mix(in srgb, var(--sp-text, var(--text)) 7%, transparent); }
html.sp[data-theme="dark"] .ds .ds-seg button.on { background: color-mix(in srgb, var(--sp-text, var(--text)) 13%, transparent); }
html.sp[data-theme="dark"] .ds .ds-seg button em { background: color-mix(in srgb, var(--sp-text, var(--text)) 13%, transparent); }
html.sp[data-theme="dark"] .ds .ds-seg button.on em { background: var(--sp-text, var(--text)); color: var(--sp-card, var(--surface)); }


.hm-rb-av small { font-size: 11px; color: var(--ds-mute); margin-inline-start: 2px; }
.hm-rb-list li.sec .hm-rb-rk { background: var(--ds-ink, #222); color: var(--ds-bg, #fff); opacity: .75; }
.hm-rb-mine { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; padding: 9px 12px; border-radius: var(--ds-r, 12px); background: var(--ds-alt); font-size: 12.5px; color: var(--ds-mute); }
.hm-rb-mine b { color: var(--ds-ink); font-weight: 600; }
.hm-rb-mine small { font-size: 11px; }
.hm-rb-mine .bad, .hm-rb-mine .bad b { color: var(--ds-bad, #b42318); }


.tb-board .tb-cols { display: grid; grid-template-columns: repeat(5, minmax(200px, 1fr)); gap: 12px; padding: 4px 16px 16px; overflow-x: auto; }
.tb-col { background: var(--ds-alt); border-radius: var(--ds-r, 12px); padding: 10px; display: flex; flex-direction: column; gap: 8px; min-width: 200px; }
.tb-hd { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ds-ink); }
.tb-hd b { font-weight: 600; flex: 1; }
.tb-hd .num { font-size: 12px; color: var(--ds-mute); background: var(--ds-surface, #fff); border-radius: 999px; padding: 1px 8px; }
.tb-list { display: flex; flex-direction: column; gap: 8px; }
.tb-card { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-radius: 10px; background: var(--ds-surface, #fff); border: 1px solid var(--ds-line); color: var(--ds-ink); text-decoration: none; font-size: 12.5px; }
.tb-card:hover { border-color: var(--ds-ink); }
.tb-card.late { border-color: var(--ds-bad, #b42318); }
.tb-r1 { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.tb-r1 b { font-size: 13px; }
.tb-br { font-size: 11px; color: var(--ds-mute); }
.tb-cust { font-weight: 500; }
.tb-meta, .tb-amt { color: var(--ds-mute); font-size: 11.5px; line-height: 1.5; }
.tb-due { font-size: 12px; font-weight: 600; color: var(--ds-gold-deep, #8a6d1f); display: flex; align-items: center; gap: 4px; }
.tb-due.late { color: var(--ds-bad, #b42318); }
.tb-empty { font-size: 12px; color: var(--ds-mute); text-align: center; padding: 10px 0; }
.tb-ready .tb-hd b, .tb-done .tb-hd b { color: var(--ds-ok, #1e7f4f); }
@media (max-width: 900px) { .tb-board .tb-cols { grid-template-columns: repeat(5, 78%); scroll-snap-type: x mandatory; } .tb-col { scroll-snap-align: start; } }

html.perf-lite *, html.perf-lite *::before, html.perf-lite *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.perf-lite .v2-top { background: var(--bg) !important; }
html.perf-lite .modal-backdrop { background: rgba(10, 10, 10, .55) !important; }
html.perf-lite .ds-actions, html.perf-lite .dss-pay-bar, html.perf-lite .rb-mfg .mf-actionbar, html.perf-lite .rb-fin.fx-ms .ms-topbar { background: var(--ds-surface, #fff) !important; }
html.perf-lite .modal-full { animation: none !important; }



html.sp:not([data-theme="dark"]) :is(.v2-root, .lgx) {   
  --sp-canvas: #f1f1f1; --sp-side: #ebebeb; --sp-card: #ffffff;
  --sp-text: #303030; --sp-mute: #616161; --sp-faint: #8a8a8a;
  --sp-line: #e3e3e3; --sp-line2: #d4d4d4; --sp-row: #f7f7f7;
  --sp-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 1px 0 0 rgba(0, 0, 0, .05);
  --sp-ok-bg: #cdfee1; --sp-ok-tx: #0c5132; --sp-bad-bg: #fedad9; --sp-bad-tx: #8e0b21;
  --sp-warn-bg: #ffef9d; --sp-warn-tx: #4f4700; --sp-info-bg: #e0f0ff; --sp-info-tx: #00527c;
  --sp-neu-bg: #e3e3e3; --sp-neu-tx: #4a4a4a;
}

html.sp[data-theme="dark"] :is(.v2-root, .lgx) {
  --sp-canvas: var(--bg); --sp-side: var(--bg-alt); --sp-card: var(--surface);
  --sp-text: var(--text); --sp-mute: var(--text-muted); --sp-faint: var(--text-faint);
  --sp-line: var(--border); --sp-line2: var(--border-strong); --sp-row: var(--surface-2);
  --sp-shadow: 0 0 0 1px var(--border);
  --sp-ok-bg: var(--success-bg); --sp-ok-tx: var(--success-text); --sp-bad-bg: var(--danger-bg); --sp-bad-tx: var(--danger-text);
  --sp-warn-bg: var(--warning-bg); --sp-warn-tx: var(--warning-text); --sp-info-bg: var(--info-bg); --sp-info-tx: var(--info-text);
  --sp-neu-bg: var(--bg-alt); --sp-neu-tx: var(--text-muted);
}
html.sp .v2-root .ds {
  --ds-line: var(--sp-line); --ds-line2: var(--sp-line2); --ds-mute: var(--sp-mute); --ds-faint: var(--sp-faint);
  --ds-surface2: var(--sp-row); --ds-r: 8px; --ds-r-lg: 12px;
  font-size: 13.5px;
}


html.sp .v2-col, html.sp .v2-main { background: var(--sp-canvas); }
html.sp .v2-main { padding: 20px 24px 40px; }
html.sp .v2-top { background: var(--sp-card); }
html.sp .v2-sb { background: var(--sp-side); border-inline-start-color: var(--sp-line); }
html.sp .v2-sb-nav { padding: 4px 8px 10px; }
html.sp .v2-nav-group { margin-top: 6px; }
html.sp .v2-nav-title { font-size: 11.5px; font-weight: 500; letter-spacing: 0; color: var(--sp-mute); padding: 10px 10px 4px; }
html.sp .v2-nav-item { padding: 6px 10px; min-height: 32px; border-radius: 8px; font-size: 13px; color: var(--sp-text); }
html.sp .v2-nav-item .v2-ic { width: 18px; height: 18px; color: var(--sp-mute); }
html.sp .v2-nav-item:hover { background: rgba(0, 0, 0, .05); color: var(--sp-text); }
html.sp .v2-nav-item.on { background: var(--sp-card); color: var(--sp-text); font-weight: 600; box-shadow: var(--sp-shadow); }
html.sp .v2-nav-item.on .v2-ic { color: var(--ds-gold-deep, #8a6f1f); }   
html.sp .v2-sb-quick { height: 36px; border-radius: 10px; font-size: 13px; }
html.sp .v2-search-box, html.sp .v2-user-btn { height: 34px; border-radius: 10px; border-color: var(--sp-line2); }


html.sp .ds-page { max-width: 1600px; margin-inline: 0 auto; padding: 4px 0 32px; }

html.sp :is(.v2-page, .pg) { max-width: 1600px; margin-inline: 0 auto; }
html.sp .rb-fin.fx-stms { max-width: 1600px; margin-inline: 0 auto; }
html.sp .rb-inv .cw-dockin { max-width: 1600px; }
html.sp .ds-head, html.sp .dss .ds-head { align-items: center; margin-bottom: 16px; gap: 12px 20px; }
html.sp .ds-eyebrow { display: none; }   
html.sp .ds-h1 { font-size: 20px; font-weight: 600; line-height: 1.35; letter-spacing: 0; color: var(--sp-text); }
html.sp .hm .ds-h1 { font-size: 20px; }
html.sp .ds-sub { font-size: 13px; margin-top: 2px; color: var(--sp-mute); }
html.sp .ds-kpi b { font-size: 18px; font-weight: 600; }
html.sp .ds-kpi span { font-size: 11.5px; }


html.sp .ds-card, html.sp .ds .dss-card, html.sp .ds .dss-tile, html.sp .ds .dss-nav {
  border: 0; border-radius: 12px; background: var(--sp-card); box-shadow: var(--sp-shadow);
}
html.sp .ds .dss-card { margin-bottom: 14px; }
html.sp .ds .dss-card-hd { padding: 14px 16px 4px; gap: 10px; }
html.sp .ds .dss-card-hd:only-child { padding-bottom: 14px; }
html.sp .ds .dss-ic { width: 28px; height: 28px; border-radius: 8px; background: transparent; color: var(--sp-mute); }
html.sp .ds .dss-ic svg { width: 18px; height: 18px; }
html.sp .ds .dss-card-t b { font-size: 14px; font-weight: 600; }
html.sp .ds .dss-card-t small { font-size: 12.5px; }
html.sp .ds .dss-card-bd { padding: 8px 16px 16px; }
html.sp .ds .dss-card-bd.flush { padding: 4px 0 0; }
html.sp .ds .dss-card.is-gold { background: var(--sp-card); box-shadow: var(--sp-shadow); }
html.sp .ds .dss-row { padding: 12px 0; }
html.sp .ds .dss-tile:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .06); }
html.sp .ds .dss-tile-ic { width: 36px; height: 36px; border-radius: 10px; }
html.sp .ds .dss-hub { gap: 10px; }


html.sp .ds .hm-kpis, html.sp .rb-hr .rb-kpis, html.sp .rb-fin .fx-kpis, html.sp .rb-vl .vr-kpis, html.sp .rb-inv .cw-kpis {
  border: 0; border-radius: 12px; box-shadow: var(--sp-shadow); background: var(--sp-card); margin-bottom: 14px;
}
html.sp .ds .hm-k, html.sp .rb-hr .rb-k, html.sp .rb-fin .fx-k, html.sp .rb-vl .vr-k, html.sp .rb-inv .cw-k { padding: 12px 16px; }
html.sp .ds .hm-k b, html.sp .rb-hr .rb-k b, html.sp .rb-fin .fx-k > b, html.sp .rb-vl .vr-k b, html.sp .rb-inv .cw-k b {
  font-size: 20px; font-weight: 600; min-height: 0; color: var(--sp-text);
}
html.sp .ds .hm-k small, html.sp .rb-hr .rb-k small, html.sp .rb-fin .fx-k > small, html.sp .rb-vl .vr-k small, html.sp .rb-inv .cw-k small { font-size: 12px; color: var(--sp-mute); }
html.sp .rb-fin .fx-k.ok > b { color: var(--ds-ok); } html.sp .rb-fin .fx-k.bad > b { color: var(--ds-bad); }

html.sp .rb-fin .fx-k.ink { background: transparent; color: inherit; }
html.sp .rb-fin .fx-k.ink > small, html.sp .rb-fin .fx-k.ink > em { color: var(--sp-mute); }
html.sp .rb-fin .fx-k.ink > b { color: var(--sp-text); }


html.sp .ds .dss-table { border: 0; border-radius: 12px; box-shadow: var(--sp-shadow); background: var(--sp-card); }
html.sp .ds .dss-card-bd.flush > .dss-table, html.sp .ds .dss-card .dss-table { box-shadow: none; border-radius: 0; border-top: 1px solid var(--sp-line); }
html.sp .ds table th, html.sp .ds .dss-table th { font-size: 12px; font-weight: 500; color: var(--sp-mute); background: var(--sp-row); padding: 8px 12px; border-bottom: 1px solid var(--sp-line); }
html.sp .ds table td, html.sp .ds .dss-table td { padding: 9px 12px; font-size: 13px; border-bottom-color: var(--sp-line); }
html.sp .ds .dss-table tbody tr:hover td { background: var(--sp-row); }


html.sp .ds .ds-seg { background: transparent; padding: 0; gap: 2px; border-radius: 10px; }
html.sp .ds .ds-seg button { height: 32px; padding: 0 12px; border-radius: 8px; font-size: 13px; color: var(--sp-mute); }
html.sp .ds .ds-seg button:hover { background: rgba(0, 0, 0, .05); color: var(--sp-text); }
html.sp .ds .ds-seg button.on { background: rgba(0, 0, 0, .08); color: var(--sp-text); box-shadow: none; font-weight: 600; }
html.sp .ds .ds-seg button em { background: rgba(0, 0, 0, .08); color: var(--sp-text); }
html.sp .ds .ds-seg button.on em { background: var(--sp-text); color: var(--sp-card); }
html.sp .ds .ds-seg.sm button { height: 28px; font-size: 12.5px; }

html.sp .ds .dss-tab { height: 34px; border-radius: 8px; font-size: 13px; color: var(--sp-text); }
html.sp .ds .dss-tab.on { background: rgba(0, 0, 0, .08); color: var(--sp-text); font-weight: 600; }


html.sp .ds .ds-btn { height: 36px; padding: 0 14px; border-radius: 8px; font-size: 13px; font-weight: 600; gap: 7px; }
html.sp .ds .ds-btn.sm { height: 30px; padding: 0 11px; border-radius: 8px; font-size: 12.5px; }
html.sp .ds .ds-btn.pri { background: linear-gradient(180deg, #3a3a3a, #262626); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 0 rgba(0, 0, 0, .25); }
html.sp .ds .ds-btn.pri:hover:not(:disabled) { background: linear-gradient(180deg, #333, #1a1a1a); }
html.sp .ds .ds-btn.ghost { background: var(--sp-card); border-color: transparent; color: var(--sp-text); box-shadow: inset 0 0 0 1px var(--sp-line2), 0 1px 0 rgba(0, 0, 0, .06); }
html.sp .ds .ds-btn.ghost:hover:not(:disabled) { background: var(--sp-row); border-color: transparent; }
html.sp .ds .ds-btn.bad { border-color: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-bad) 45%, transparent); }
html.sp[data-theme="dark"] .ds .ds-btn.pri { background: var(--ink); color: var(--bg); box-shadow: none; }

html.sp .modal-footer .btn { border-radius: 8px; min-height: 36px; font-size: 13px; font-weight: 600; }


html.sp .ds .ds-in, html.sp .ds .dss-in { height: 36px; border-radius: 8px; padding-top: 6px; padding-bottom: 6px; border-color: var(--sp-line2); font-size: 13.5px; }   
html.sp .ds .ds-ta { border-radius: 8px; border-color: var(--sp-line2); }
html.sp .ds textarea.dss-in { height: auto; }
html.sp .ds .ds-in:focus, html.sp .ds .ds-ta:focus, html.sp .ds .dss-in:focus { border-color: var(--sp-text); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ds-gold) 35%, transparent); }
html.sp .ds .ds-in.lg { height: 44px; font-size: 16px; }
html.sp .ds .dss-field > span { font-size: 12.5px; font-weight: 500; color: var(--sp-text); }
@media (max-width: 760px) { html.sp .ds .ds-in, html.sp .ds .dss-in { height: 42px; } html.sp .ds .ds-btn { height: 40px; } }   


html.sp .ds .ds-tag { height: 20px; padding: 0 8px; border-radius: 8px; font-size: 12px; font-weight: 500; background: var(--sp-neu-bg); color: var(--sp-neu-tx); box-shadow: none; }
html.sp .ds .ds-tag.ok, html.sp .ds .dss-tag.ok { background: var(--sp-ok-bg); color: var(--sp-ok-tx); }
html.sp .ds .ds-tag.bad, html.sp .ds .dss-tag.bad { background: var(--sp-bad-bg); color: var(--sp-bad-tx); }
html.sp .ds .ds-tag.gold, html.sp .ds .dss-tag.gold { background: var(--sp-warn-bg); color: var(--sp-warn-tx); }
html.sp .ds .ds-tag.run, html.sp .rb-ord .ds-tag.run { background: var(--sp-info-bg); color: var(--sp-info-tx); box-shadow: none; }
html.sp .ds .ds-tag.ink, html.sp .ds .dss-tag.ink { background: var(--sp-text); color: var(--sp-card); }


html.sp .ds .ds-note { border-radius: 10px; padding: 10px 12px; font-size: 13px; }


html.sp .modal.ds-modal { border-radius: 16px; }
html.sp .modal.ds-modal .modal-title { font-size: 15px; font-weight: 600; }


html.sp .ds .dss-empty { padding: 28px 16px; }
html.sp .ds .dss-empty > span { width: 44px; height: 44px; }


html.sp .rb-fin .fx-hero { background: var(--sp-card); color: var(--sp-text); border-radius: 12px; box-shadow: var(--sp-shadow); }
html.sp .rb-fin .fx-hero small, html.sp .rb-fin .fx-hero em { color: var(--sp-mute); }
html.sp .rb-fin .fx-hero b { font-size: 26px; font-weight: 600; }
html.sp .rb-fin .fx-hero b.gold { color: var(--ds-gold-deep); }
html.sp .rb-fin.cst2 .cst-big.debt { box-shadow: var(--sp-shadow), inset 0 -3px 0 var(--ds-bad); }
html.sp .rb-fin.cst2 .cst-big.credit { box-shadow: var(--sp-shadow), inset 0 -3px 0 var(--ds-ok); }
html.sp .rb-fin.pt2 .pt-big b { font-size: 30px; }


html.sp .lgx { background: var(--sp-canvas); }
html.sp .lgx-side { background: var(--sp-canvas); }
html.sp .lgx-card { max-width: 420px; padding: 32px 28px 26px; border-radius: 16px; background: var(--sp-card); box-shadow: var(--sp-shadow), 0 12px 32px -18px rgba(0, 0, 0, .18); }
@media (min-width: 900px) { html.sp .lgx-card { max-width: 400px; } }
html.sp .lgx-brand { margin-bottom: 22px; }
html.sp .lgx-logo { width: 64px; height: 64px; border-radius: 16px; margin-bottom: 14px; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .45); }
html.sp .lgx-title { font-size: 22px; font-weight: 600; color: var(--sp-text); letter-spacing: 0; }
html.sp .lgx-sub { font-size: 13px; color: var(--sp-mute); }
html.sp .lgx-form { gap: 14px; }
html.sp .lgx-field label, html.sp .lgx-label-row label { font-size: 13px; font-weight: 500; color: var(--sp-text); margin-bottom: 6px; }
html.sp .lgx .lgx-input input { height: 44px; border-radius: 8px; border-color: var(--sp-line2); font-size: 14.5px; background: var(--sp-card); }
html.sp .lgx .lgx-input input:hover { border-color: var(--sp-faint); }
html.sp .lgx .lgx-input input:focus { border-color: var(--sp-text) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 35%, transparent) !important; }
html.sp .lgx-input:focus-within .lgx-ic { color: var(--sp-text); }
html.sp .lgx-eye { width: 34px; height: 34px; border-radius: 8px; }
html.sp .lgx-err { border-radius: 8px; }
html.sp .lgx-keep input:checked + .lgx-sw { background: var(--sp-text); }
html.sp .lgx-btn {
  height: 44px; margin-top: 4px; border-radius: 8px; font-size: 14.5px; font-weight: 600;
  background: linear-gradient(180deg, #3a3a3a, #262626); color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 0 rgba(0, 0, 0, .25);
}
html.sp .lgx-btn:hover { background: linear-gradient(180deg, #333, #1a1a1a); }
html.sp .lgx-btn:focus-visible { box-shadow: 0 0 0 2px var(--sp-card), 0 0 0 4px color-mix(in srgb, var(--gold) 55%, transparent); }
html.sp .lgx-btn-ghost { background: var(--sp-card); color: var(--sp-text); border: 0; box-shadow: inset 0 0 0 1px var(--sp-line2), 0 1px 0 rgba(0, 0, 0, .06); }
html.sp .lgx-btn-ghost:hover { background: var(--sp-row); }
html.sp[data-theme="dark"] .lgx-btn:not(.lgx-btn-ghost) { background: var(--ink, #f5f3ee); color: var(--bg, #111); box-shadow: none; }
html.sp .lgx-foot { margin-top: 22px; color: var(--sp-faint); }
@media (max-width: 420px) { html.sp .lgx-side { padding: 16px 12px; } html.sp .lgx-card { padding: 26px 18px 22px; } html.sp .lgx-title { font-size: 21px; } }


.ds table.trx td.m-go { display: none; }

@media (max-width: 860px) {
  .ds :has(> table.trx) { overflow: visible; max-height: none; }
  .ds table.trx.trx { display: block; width: 100%; min-width: 0; }
  .ds table.trx.trx > thead { display: none; }
  .ds table.trx.trx > tbody, .ds table.trx.trx > tfoot { display: block; }

  .ds table.trx.trx > tbody > tr,
  .ds table.trx.trx > tfoot > tr { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 3px; padding: 12px 16px; border-bottom: 1px solid var(--ds-line); }
  .ds table.trx.trx > tbody > tr { cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .ds table.trx.trx > tbody > tr:last-child { border-bottom: 0; }
  .ds table.trx.trx > tfoot > tr { background: var(--ds-surface2); border-top: 1px solid var(--ds-line2); border-bottom: 0; }

  .ds table.trx.trx > tbody > tr > td,
  .ds table.trx.trx > tfoot > tr > td { display: none; padding: 0; min-width: 0; width: auto; white-space: normal; text-align: start; font-size: 13px; }
  
  .ds table.trx.trx > tbody > tr > td:is(td, #_trx),
  .ds table.trx.trx > tfoot > tr > td:is(td, #_trx) { border: 0; background: none; box-shadow: none; }
  
  .ds table.trx.trx > tbody > tr > td:is(td, #_trx) { border-bottom: 0 !important; }
  .ds table.trx.trx > tfoot > tr > td { display: block; }

  
  .ds table.trx.trx > tbody > tr > td.m-c { display: flex; align-items: center; order: 1; }
  .ds table.trx.trx > tbody > tr > td.m-c input[type="checkbox"] { width: 22px; height: 22px; margin: 0; }
  .ds table.trx.trx > tbody > tr > td.m-t { display: block; order: 2; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; color: var(--ds-text); }
  .ds table.trx.trx > tbody > tr > td.m-a { display: block; order: 3; white-space: nowrap; text-align: end; font-size: 14.5px; font-weight: 600; }
  .ds table.trx.trx > tbody > tr > td.m-a b { font-weight: 600; }
  .ds table.trx.trx > tbody > tr:has(> td.m-t)::after {
    content: ''; order: 4; flex: none; width: 28px; height: 28px; border-radius: 8px;
    background: var(--ds-alt, var(--ds-surface2)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat;
    transition: transform .18s ease;
  }
  .ds table.trx.trx > tbody > tr:has(> td.m-t)::before { content: ''; order: 5; flex-basis: 100%; height: 0; }
  .ds table.trx.trx > tbody > tr > td.m-s { display: inline-flex; align-items: center; gap: 4px; order: 6; font-size: 12px; color: var(--ds-mute); white-space: nowrap; }
  .ds table.trx.trx > tbody > tr > td.m-s ~ td.m-s::before { content: '·'; margin-inline-end: 2px; color: var(--ds-faint); }
  .ds table.trx.trx > tbody > tr > td.m-s[data-mxu]::after { content: attr(data-mxu); }
  .ds table.trx.trx > tbody > tr > td.m-s[data-mxp]::before { content: attr(data-mxp) ' '; color: var(--ds-faint); }
  .ds table.trx.trx > tbody > tr > td.m-s ~ td.m-s[data-mxp]::before { content: '·  ' attr(data-mxp) ' '; }

  
  .ds table.trx.trx-go > tbody > tr:has(> td.m-t)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
    background-color: transparent; width: 20px;
  }
  .ds table.trx.trx > tbody > tr > td.m-s .ds-tag, .ds table.trx.trx > tbody > tr > td.m-s .dss-tag { font-size: 11px; padding: 1px 7px; }

  
  .ds table.trx.trx > tbody > tr.trx-open { background: var(--ds-surface2); }
  .ds table.trx.trx > tbody > tr.trx-open::after { transform: rotate(180deg); }
  .ds table.trx.trx > tbody > tr.trx-open > td.m-t { white-space: normal; overflow: visible; }
  .ds table.trx.trx > tbody > tr.trx-open > td.m-s { white-space: normal; }
  .ds table.trx.trx > tbody > tr.trx-open > td:not(.m-c):not(.m-t):not(.m-a):not(.m-s):not(.m-x):not(.m-go):not(.nil) {
    display: flex; order: 7; flex-basis: 100%; justify-content: flex-end; align-items: center; gap: 6px 8px; flex-wrap: wrap;
    padding: 9px 0 0; margin-top: 6px; text-align: end; overflow-wrap: anywhere;
  }
  .ds table.trx.trx > tbody > tr.trx-open > td:not(.m-c):not(.m-t):not(.m-a):not(.m-s):not(.m-go):not(.nil):is(td, #_trx) { border-top: 1px solid var(--ds-line); }
  .ds table.trx.trx > tbody > tr.trx-open > td[data-label]:not(.m-c):not(.m-t):not(.m-a):not(.m-s):not(.m-x):not(.m-go)::before { content: attr(data-label); flex: none; margin-inline-end: auto; font-size: 12px; color: var(--ds-mute); text-align: start; }
  .ds table.trx.trx > tbody > tr.trx-open > td.m-x { display: block; order: 8; flex-basis: 100%; padding-top: 10px; margin-top: 6px; }
  .ds table.trx.trx > tbody > tr.trx-open > td.m-go { display: block; order: 9; flex-basis: 100%; padding-top: 8px; }
  .ds table.trx.trx > tbody > tr > td.m-go .trx-go { width: 100%; height: 40px; justify-content: center; gap: 6px; }
  .ds table.trx.trx > tbody > tr > td.nil { display: none; }

  
  .ds table.trx.trx > tbody > tr:not(:has(> td.m-t)) { cursor: default; }
  .ds table.trx.trx > tbody > tr > td[colspan] { display: block; flex-basis: 100%; text-align: center; color: var(--ds-mute); }

  
  .rb-vl .vr-tbl:has(> table.trx) { overflow: visible; }
  .rb-vl table.trx.trx > tbody > tr.on { background: var(--ds-gold-soft); box-shadow: inset -3px 0 0 var(--ds-gold); }
  .rb-vl table.trx.trx > tbody > tr:not(.trx-open) > td.m-t .vr-sub { display: none; }
  .rb-vl table.trx.trx > tbody > tr.trx-open > td.m-t .vr-sub { font-weight: 400; margin-top: 4px; }
  .rb-vl table.trx.trx > tbody > tr > td.m-a .vr-amt { font-size: 15px; }
  .rb-vl table.trx.trx > tbody > tr > td.m-t .vr-who { min-width: 0; }
  .rb-vl table.trx.trx > tbody > tr > td.m-s .vr-av { display: none; }
  .rb-vl table.trx.trx > tbody > tr > td.m-t .vr-src { display: inline; }
  .rb-vl table.trx.trx > tbody > tr > td.m-t .vr-src svg { vertical-align: -3px; margin-inline-end: 4px; }
  .rb-vl table.trx.trx > tbody > tr > td .vr-hid { display: inline-flex; width: auto; max-width: 100%; white-space: normal; }
  .rb-vl table.trx.trx > tbody > tr > td.m-x .vr-acts { width: auto; justify-content: flex-start; margin: 0; }
  .rb-vl table.trx.trx > tbody > tr > td.m-x .vr-ib { width: 40px; height: 40px; }
  .rb-vl table.trx.trx > tbody > tr > td.m-x .vr-ib.lbl { width: auto; flex: 1 1 auto; }
  .rb-vl table.trx.trx > tbody > tr > td.m-x .vr-rev { width: 100%; height: 42px; }
  
  .rb-vl table.trx.trx.vr-vtable > thead { display: block; }
  .rb-vl table.trx.trx.vr-vtable > thead:has(th.sel:empty) { display: none; }
  .rb-vl table.trx.trx.vr-vtable > thead tr { display: flex; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--ds-line); background: var(--ds-surface2); }
  .rb-vl table.trx.trx.vr-vtable > thead th { display: none; }
  .rb-vl table.trx.trx.vr-vtable > thead th.sel { display: flex; align-items: center; gap: 10px; width: auto; padding: 0; border: 0; background: none; font-size: 12.5px; color: var(--ds-mute); }
  .rb-vl table.trx.trx.vr-vtable > thead th.sel::after { content: 'تحديد كل المسوّدات'; }
  .rb-vl table.trx.trx.vr-vtable > thead th.sel input { width: 22px; height: 22px; margin: 0; }

  
  .rb-fin .fx-tw:has(> table.trx) { overflow: visible; max-height: none; }
  .rb-fin table.trx.trx .chev { display: none; }
  .rb-fin table.trx.trx > tbody > tr > td.m-t .fx-who { display: inline-flex; vertical-align: middle; }
  .rb-fin table.trx.trx > tbody > tr > td.m-t .fx-dot { vertical-align: 1px; }
}


.ds .rmenu > .rm-pop { display: none; }
.ds .rmenu > .rm-dots:is(button, #_rmenu) { flex: 0 0 auto; width: auto; min-width: 36px; padding: 0 10px; }   
.ds .rmenu.open > .rm-dots { background: var(--ds-surface2); }
.ds .rmenu.open > .rm-pop {
  display: flex; flex-direction: column; gap: 1px; position: fixed; z-index: 1200;
  min-width: 210px; max-width: 290px; padding: 6px; border-radius: 12px; background: var(--ds-surface, #fff);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 10px 28px -8px rgba(0, 0, 0, .28);
}
.ds .rmenu.open > .rm-pop > button:is(button, #_rmenu) {
  display: flex; align-items: center; width: 100%; height: auto; min-height: 36px; padding: 7px 10px; justify-content: flex-start; gap: 10px;
  border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--ds-text);
  font-size: 13px; font-weight: 500; line-height: 1.4; text-align: start; white-space: normal;
}
.ds .rmenu.open > .rm-pop > button:is(button, #_rmenu):hover:not(:disabled),
.ds .rmenu.open > .rm-pop > button:is(button, #_rmenu):focus-visible { background: var(--ds-surface2); outline: 0; }
.ds .rmenu.open > .rm-pop > button:is(button, #_rmenu) svg { flex: none; color: var(--ds-mute); }
.ds .rmenu.open > .rm-pop > button.bad:is(button, #_rmenu), .ds .rmenu.open > .rm-pop > button.bad:is(button, #_rmenu) svg { color: var(--ds-bad); }
.ds .rmenu.open > .rm-pop > button.warn:is(button, #_rmenu), .ds .rmenu.open > .rm-pop > button.warn:is(button, #_rmenu) svg { color: var(--ds-gold-deep); }
.ds .rmenu.open > .rm-pop > button[data-rml]::after { content: attr(data-rml); }   

@media (max-width: 860px) {
  .ds table.trx.trx > tbody > tr > td .rmenu > .rm-dots { display: none; }
  .ds table.trx.trx > tbody > tr > td .rmenu > .rm-pop { display: contents; }
}