/* Readable Cyrillic text and consistent type sizes across the workspace. */
:root{font-family:'Segoe UI',Manrope,Arial,sans-serif;font-size:15px;letter-spacing:0;--muted:#b0aab7;--faint:#98919f}
body{line-height:1.5}
button,input,textarea,select{font-family:inherit;letter-spacing:0}
h1,h2,h3,.brand{font-family:Manrope,'Segoe UI',sans-serif}
h2,.section-heading h2{font-size:19px;line-height:1.4;letter-spacing:-.3px}
small{font-size:14px;line-height:1.5}
input::placeholder,textarea::placeholder{color:#9c96a4;opacity:1}
.nav-item{font-size:14px;font-weight:500;color:#c2bdc8;min-height:45px}
.nav-label{font-size:14px;letter-spacing:1px;color:#a49cab}
.breadcrumb,.breadcrumb strong{font-size:14px}
.mode-chip,.top-balance,.workspace-switch{font-size:14px}
.tab{font-size:14px;font-weight:600;color:#aaa3b1}
.tab.active{color:#fff}
.tabs{gap:24px}
.primary-button,.secondary-button,.danger-button{font-size:14px;font-weight:600;line-height:1.45}
.text-button,.quiet-link{font-size:14px;line-height:1.5}
.segmented button{font-size:14px;font-weight:500;padding:8px 12px}
.page-heading p,.modal-copy,.panel p,.callout{font-size:14px;line-height:1.7;color:#b6aebf}
.eyebrow{font-size:14px;letter-spacing:1.5px}
.overview-period,.overview-period>span{font-size:14px;color:#b4a9bf}
.metric>small{font-size:14px;color:#bab3c2;line-height:1.5}
.metric>strong{font-size:32px;line-height:1.25;font-weight:700;letter-spacing:-.6px;margin:14px 0 9px}
.metric>strong>em{font-size:15px;color:#b5a2c3}
.metric>span{font-size:14px;line-height:1.6;color:#a99bb5}
.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.chart-total{font-size:23px;letter-spacing:-.3px}
.bar-value,.chart-column>small{font-size:14px;color:#b8b1c0;line-height:1.5}
.bar-value{height:22px}
.operation-count{font-size:14px;line-height:1.5;gap:10px}
.operation-count>span{color:#c3bbc9}
.operation-count strong{font-size:20px}
.operations-bottom,.operations-bottom strong{font-size:14px}
.data-table{min-width:620px}
.data-table th{font-size:14px;font-weight:600;color:#b6a7c2;line-height:1.5}
.data-table td,.panel .data-table td{font-size:14px!important;line-height:1.5}
.data-table td>strong,.order-number{font-size:14px;font-weight:600}
.data-table small,.data-table small .quiet-link{font-size:14px;color:#ac9db7;line-height:1.6}
.status-pill,.data-table .status-pill,.detail-meta .status-pill{font-size:14px;line-height:1.5}
.result-count,.filter-row>select,.search-field input{font-size:14px}
.field-label,.cart-label{font-size:14px;font-weight:600}
.input-with-prefix input,.optional-field input,.field-block input,.field-block select,.field-block textarea,.modal .field-block input,.modal .field-block select{font-size:15px;line-height:1.5}
.input-hint,.modal .input-hint,.test-caption,.page-footnote{font-size:14px;line-height:1.6;color:#aaa2b2}
.bundle-name strong{font-size:20px;line-height:1.4}
.bundle-name small{font-size:14px;line-height:1.6;color:#a49aaf}
.bundle-name b,.filter-chip,.price-note{font-size:14px;line-height:1.5}
.catalog-filter,.table-head{font-size:14px;color:#aaa2b2}
.bundle-price{font-size:15px;color:#c5b8cf}
.order-card-heading>span,.cart-line>div>span,.optional-field summary,.optional-field summary>span{font-size:14px;line-height:1.5}
.order-breakdown>div,.order-breakdown strong{font-size:14px;line-height:1.5}
.order-breakdown>div>span{color:#b0a9b8}
.order-card .primary-button,.funds-hint{font-size:14px}
.resource-tile{font-family:inherit}
.resource-tile small{font-size:14px;color:#bab3c2}
.resource-tile div>span,.resource-tile strong em{font-size:14px;color:#a99fb3}
.resource-tile .connection-value{font-size:15px}
.settings-row strong,.member-row strong,.events-list strong,.notification-list strong{font-size:14px}
.settings-row small,.member-row small,.events-list small,.notification-list small{font-size:14px;line-height:1.6;color:#ada1b7}
.detail-grid small,.detail-meta>span:not(.status-pill):not(.tag),.timeline small{font-size:14px}
.detail-grid strong,.detail-items>div,.timeline strong{font-size:14px}
.form-error,.toast{font-size:14px;line-height:1.6}
.empty-state h3{font-size:18px}
.empty-state p{font-size:14px;line-height:1.7}
.footer,.footer a,.footer>span:nth-child(2){font-size:14px;line-height:1.6;color:#9e95a7}
@media(max-width:1150px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-tile small{font-size:14px}.resource-tile div>span,.resource-tile strong em{font-size:14px}.resource-tile .connection-value{font-size:14px}}
@media(max-width:700px){
  input:not([type=checkbox]),textarea,select,.input-with-prefix input,.optional-field input,.modal .field-block input,.modal .field-block select{font-size:16px}
  .metric{padding:18px 15px}.metric>strong{font-size:30px}.metric>small{font-size:14px}.metric>span{font-size:14px}
  .section-heading{flex-wrap:wrap}.segmented button{font-size:14px;padding:8px 10px}
  .resource-tile small{font-size:14px}.resource-tile div>span,.resource-tile strong em{font-size:14px}
  .bundle-name strong{font-size:18px}.bundle-name b{font-size:14px}.bundle-name small{font-size:14px}.bundle-price{font-size:14px}
  .catalog-filter{flex-wrap:wrap}.tabs{gap:18px}.tab{font-size:14px}.catalog-toolbar>.text-button{font-size:14px}
  .order-card .primary-button{font-size:14px}.modal-copy,.panel p,.callout{font-size:14px}
}

/* Gentle feedback without moving neighbouring rows. */
.bundle-row{isolation:isolate;transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease}
.bundle-row:after{content:'';position:absolute;inset:0;border-radius:8px;background:linear-gradient(100deg,#b77be51a,transparent 75%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s ease}
.bundle-row .bundle-symbol,.bundle-row .bundle-name{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.bundle-row .robux-icon{transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s ease}
.bundle-row .bundle-price{transition:color .28s ease}
.bundle-row .radio-dot{transition:border-color .28s ease,box-shadow .28s ease}
@media(hover:hover) and (pointer:fine){
  .bundle-row:hover{background-color:#100c14;box-shadow:inset 0 0 0 1px #b77be52b}
  .bundle-row:hover:after{opacity:1}
  .bundle-row:hover .bundle-symbol,.bundle-row:hover .bundle-name{transform:translateX(4px)}
  .bundle-row:hover .robux-icon{transform:scale(1.1);filter:drop-shadow(0 0 5px #dc72ff99)}
  .bundle-row:hover .bundle-price{color:#e3c9f7}
  .bundle-row:hover .radio-dot{border-color:#b58bd0;box-shadow:0 0 0 3px #b77be510}
}
.bundle-row:focus-visible:after{opacity:1}
@media(prefers-reduced-motion:reduce){.bundle-row .bundle-symbol,.bundle-row .bundle-name,.bundle-row .robux-icon{transform:none!important}}
.reduce-motion .bundle-row .bundle-symbol,.reduce-motion .bundle-row .bundle-name,.reduce-motion .bundle-row .robux-icon{transform:none!important}
.logs-panel{margin-top:28px;padding:20px;border:1px solid #2a2a2a;border-radius:12px;background:#101011}
.logs-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.logs-heading h2{display:flex;align-items:center;gap:10px;font-size:18px}
.logs-heading h2>svg{width:19px;height:19px;color:#d1c8dc}
.logs-heading h2>span{font:14px 'Segoe UI',sans-serif;color:#aaa1b4;background:#211b28;padding:2px 8px;border-radius:6px}
.logs-heading>div{display:flex;align-items:center;gap:10px}
.logs-toggle{min-height:34px;padding:7px 12px;font-size:14px;gap:8px}
.logs-toggle svg{width:13px;height:13px;transform:rotate(-90deg);transition:transform .2s ease}
.logs-toggle[aria-expanded=false] svg{transform:rotate(90deg)}
.logs-console{height:300px;overflow:auto;resize:vertical;min-height:140px;max-height:600px;border:1px solid #2c2c2f;border-radius:9px;background:#08090b;padding:13px 12px;scrollbar-width:thin;scrollbar-color:#38333e #0c0b0f;font:14px/1.65 Consolas,'Cascadia Code',monospace;overflow-wrap:anywhere}
.log-line{display:flex;align-items:baseline;gap:10px;color:#91c5ff}
.log-line time{white-space:nowrap;flex-shrink:0;color:inherit;opacity:.85}
.log-line b{font-weight:400}
.log-success{color:#66e2ab}.log-error{color:#f298a8}.log-warning{color:#efc589}
.log-reference{color:#95869f;font-size:14px}
.logs-empty{height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px;max-width:550px;margin:auto;text-align:center;color:#a8a0b4;font:14px/1.6 'Segoe UI',sans-serif}
.logs-empty strong{color:#ded6e7;font-size:15px}.logs-prompt{color:#b292d1;font:24px Consolas,monospace}
.logs-note{font-size:14px;color:#a096ab;margin-top:10px}
@media(max-width:700px){.logs-panel{padding:15px}.logs-console{font-size:14px}.log-line{gap:7px}.logs-heading h2{font-size:17px}.logs-toggle{font-size:14px}}

/* Give the order detail dialog a stronger, more readable hierarchy. */
.modal.wide:has(.detail-grid){width:min(780px,calc(100% - 36px));padding:34px 36px;border:1.5px solid #49414f;border-radius:20px;background:#0d0c10;box-shadow:0 28px 100px #000c,0 0 0 1px #cbb1e00a}
.modal:has(.detail-grid) h2{font-size:34px;font-weight:800;letter-spacing:-.8px;line-height:1.25}
.modal:has(.detail-grid) .eyebrow{font-size:14px;font-weight:700;letter-spacing:1.4px;color:#b9a9c5}
.modal:has(.detail-grid) .detail-meta{margin-bottom:24px;gap:15px}
.modal:has(.detail-grid) .detail-meta>span:not(.tag){font-size:14px;font-weight:600;line-height:1.5}
.modal:has(.detail-grid) .status-pill{padding:6px 11px;border-color:#49414f}
.modal:has(.detail-grid) .detail-grid{padding:26px;gap:26px 32px;border:1.5px solid #3b3342;border-radius:13px;background:#141117;margin:24px 0}
.modal:has(.detail-grid) .detail-grid small{font-size:14px;font-weight:600;color:#bea9cd;margin-bottom:8px}
.modal:has(.detail-grid) .detail-grid strong{font-size:19px;font-weight:700;line-height:1.5;color:#f4eff8}
.modal:has(.detail-grid) .detail-items{padding:0 0 22px;border-color:#3b3342}
.modal:has(.detail-grid) .detail-items>div{font-size:16px;font-weight:600;color:#d5bee7}
.modal:has(.detail-grid) .detail-items svg{width:23px;height:23px}
.modal:has(.detail-grid) .detail-items strong{font-size:14px;font-weight:600;color:#c5bbcd}
.modal:has(.detail-grid) .detail-actions{gap:12px;padding-top:24px}
.modal:has(.detail-grid) .detail-actions button{font-size:15px;font-weight:700;min-height:48px;padding:12px 18px;border-radius:9px}
.modal:has(.detail-grid) .detail-actions .secondary-button{border-color:#514359;background:#1a151f}
.modal:has(.detail-grid) .timeline-heading{font-size:14px;font-weight:700;letter-spacing:1.3px;color:#baa4ca;margin:28px 0 20px}
.modal:has(.detail-grid) .timeline li{gap:15px;padding-bottom:23px}
.modal:has(.detail-grid) .timeline strong{font-size:16px;font-weight:600;line-height:1.5;color:#e4dce9}
.modal:has(.detail-grid) .timeline small{font-size:14px;color:#b49ac6;margin-top:6px}
.modal:has(.detail-grid) .timeline .event-marker{width:8px;height:8px;flex-shrink:0;margin-top:8px}
.modal:has(.detail-grid) .timeline li:not(:last-child):before{width:2px;left:3px;top:18px;background:#3e3049}
.modal:has(.detail-grid) .input-hint{font-size:14px;color:#b8aebf;line-height:1.65}
.modal:has(.detail-grid) .modal-hero .krum-stage{width:132px;height:99px;flex-basis:132px}
.modal:has(.detail-grid) .modal-hero .krum-video,.modal:has(.detail-grid) .modal-hero .krum-poster{width:132px;height:99px}
@media(max-width:600px){.modal.wide:has(.detail-grid){padding:27px 20px;width:calc(100% - 20px);border-radius:16px}.modal:has(.detail-grid) h2{font-size:27px}.modal:has(.detail-grid) .detail-grid{padding:18px;gap:22px 16px}.modal:has(.detail-grid) .detail-grid strong{font-size:17px}.modal:has(.detail-grid) .detail-grid small{font-size:14px}.modal:has(.detail-grid) .detail-items>div{font-size:14px}.modal:has(.detail-grid) .detail-items strong{font-size:14px}.modal:has(.detail-grid) .detail-actions button{font-size:14px}.modal:has(.detail-grid) .modal-hero .krum-stage{width:90px;height:68px;flex-basis:90px}.modal:has(.detail-grid) .modal-hero .krum-video,.modal:has(.detail-grid) .modal-hero .krum-poster{width:90px;height:68px}}