/* Quiet, shared depth for controls; the palette stays neutral. */
:root{--control-edge:#ffffff08;--control-highlight:#ffffff0b;--control-shadow:0 2px 4px #00000020}
:is(.cab-primary,.cab-secondary,.btn-hero-buy,.btn-hero-more,.btn-product-pay,.btn-modal-submit,.header-register,.plan-option){
  background-image:linear-gradient(180deg,#ffffff06,transparent 65%);
  box-shadow:inset 0 1px 0 var(--control-highlight),var(--control-shadow);
}
:is(.cab-secondary,.btn-hero-more){background-color:#ffffff03}
.cab-action-button,.cab-setting-field .cab-text-button{
  border:1px solid var(--control-edge);
  border-radius:11px;
  background-color:#151518;
  background-image:linear-gradient(180deg,#ffffff04,transparent 70%);
  box-shadow:inset 0 1px 0 #ffffff05,0 1px 2px #0003;
  padding:7px 14px;
  min-height:33px;
  color:#dfdfe6;
  font-weight:500;
  transition:background-color .25s,border-color .25s,box-shadow .25s,transform .3s var(--motion-ease);
}
.cab-setting-field .cab-text-button{padding:4px 9px;min-height:27px;font-weight:400;font-size:12px}
.cab-row-actions{gap:12px}
.cab-ticket-row{padding:17px 12px;gap:20px;border-radius:14px;border-bottom:0;background:#ffffff01;margin-top:8px}
.cab-ticket-row .cab-row-main{gap:14px;align-items:center}
.cab-ticket-row .cab-row-name{margin-bottom:3px;line-height:1.5}
.cab-ticket-row .cab-row-main>.cab-icon{width:18px;height:18px;color:#777784}
.cab-ticket-row .cab-caption{display:block;font-size:11px;line-height:1.5}
.cab-ticket-actions{gap:14px;flex-shrink:0}
.cab-ticket-status{background:#ffffff03;border:1px solid #ffffff04;padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.5;color:#9494a2;white-space:nowrap}
.cab-ticket-row .cab-action-button{font-size:12px;min-width:77px}
.cab-nav-link[aria-current="page"]{box-shadow:inset 0 1px 0 #ffffff04,0 1px 3px #0002}
.cab-card,.product-card,.adv-card{box-shadow:inset 0 1px 0 #ffffff02;transition:box-shadow .35s,transform .4s var(--motion-ease),border-color .3s}
.cab-row-actions .cab-icon-button{width:33px;height:33px;border:1px solid #ffffff06;background:#ffffff03;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff03}
@media(hover:hover){
  :is(.cab-primary,.cab-secondary,.btn-hero-buy,.btn-hero-more,.btn-product-pay,.btn-modal-submit,.header-register):hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff14,0 3px 8px #0003}
  .cab-action-button:hover:not(:disabled),.cab-setting-field .cab-text-button:hover:not(:disabled){background-color:#1d1d22;border-color:#ffffff10;box-shadow:inset 0 1px 0 #ffffff09,0 3px 7px #0003;transform:translateY(-1px)}
  .cab-row-actions .cab-icon-button:hover{background:#ffffff09;border-color:#ffffff13;box-shadow:inset 0 1px 0 #ffffff09}
  .cab-card:hover,.adv-card:hover,.product-card:hover{box-shadow:inset 0 1px 0 #ffffff06}
  .site-header .header-dropdown-panel :is(a,button):hover{box-shadow:inset 0 1px 0 #ffffff05,inset 0 0 0 1px #ffffff03}
}
.cab-action-button:active:not(:disabled),.cab-setting-field .cab-text-button:active:not(:disabled){transform:translateY(0) scale(.97);background-color:#111114;box-shadow:inset 0 1px 3px #0005}
:is(.cab-primary,.cab-secondary,.btn-hero-buy,.btn-hero-more,.btn-product-pay,.btn-modal-submit,.header-register):active:not(:disabled){box-shadow:inset 0 1px 4px #0003}
.cab-action-button:focus-visible{outline:2px solid #b4a9ed;outline-offset:3px}
@media(max-width:720px){.cab-ticket-row{padding:14px 10px;gap:14px}.cab-ticket-row .cab-row-main{gap:10px}.cab-ticket-actions{gap:12px}.cab-ticket-row .cab-action-button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.cab-action-button:hover:not(:disabled),.cab-setting-field .cab-text-button:hover:not(:disabled),.cab-action-button:active:not(:disabled),.cab-setting-field .cab-text-button:active:not(:disabled){transform:none}}

/* Library rows blend into the card; interaction highlights have rounded edges. */
.cab-library-card .cab-row{padding:14px 12px;margin-top:6px;border:1px solid transparent;border-radius:12px;background:transparent;transition:background-color .22s,border-color .22s}
.cab-library-card .cab-row:first-child{margin-top:12px}
.cab-library-card .cab-row:focus-within{background:#ffffff03;border-color:#ffffff06}
@media(hover:hover){.cab-library-card .cab-row:hover{background:#ffffff03;border-color:#ffffff06}}

/* Lists grow with their content and stop at five complete rows. */
.cab-library-card{min-height:0}
.cab-library-card .cab-empty{min-height:0;flex-direction:row;gap:12px;padding:24px 0 10px}
.cab-library-card .cab-empty-face{font-size:26px}
.cab-scroll-list{display:flow-root;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#393940 transparent}
.cab-scroll-list.is-scrollable{scrollbar-gutter:stable}
.cab-scroll-list:focus-visible{outline:1px solid #ffffff35;outline-offset:4px;border-radius:12px}

/* Opaque search fields keep the background pattern behind the control. */
.cab-search{background:#0d0d10}

/* Give key activation the same clear hover and focus response as other controls. */
.cab-activation{border:0;overflow:hidden;transition:background-color .25s}
.cab-activation:hover,.cab-activation:focus-within{background:#111115}
.cab-activation summary:hover{background:transparent}
.cab-activation .cab-input{transition:background-color .25s,border-color .25s,box-shadow .25s}
.cab-activation .cab-input:hover{border-color:#ffffff32;background:#ffffff03}
.cab-activation .cab-input:focus{outline:0;border-color:#b8b0ce8c;background:#ffffff04;box-shadow:0 0 0 3px #b8b0ce0b}
.cab-activation .cab-primary:hover:not(:disabled){background:#574bbf;box-shadow:inset 0 1px 0 #ffffff1a,0 0 14px #7765cb1c}
.cab-activation .cab-primary:focus-visible{outline:2px solid #c4bdd2;outline-offset:3px}