/* Shared demo components, adapted for server-backed data and mobile cards. */
.live-cabinet #dropFeed{display:block;padding-bottom:0;border:0}.live-cabinet .live-drops{margin:0;width:100%}.live-cabinet .live-head{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:12px}.live-heading{display:flex;align-items:center;gap:8px}.live-heading small{color:var(--muted);font-size:11px}.live-cabinet .live-track{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin}.live-cabinet .live-card{position:relative;flex:0 0 146px;padding:12px;background:var(--panel);border:1px solid var(--line);border-bottom:2px solid var(--rarity);border-radius:12px;color:var(--text);text-align:left;transition:transform .2s,background .2s}.live-cabinet .live-card:hover{transform:translateY(-3px);background:var(--hover)}.live-cabinet .live-card .live-art{display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 70%);height:76px}.live-cabinet .live-art .item-icon{width:76px;height:76px;margin:0}.live-cabinet .live-title,.live-cabinet .live-sub,.live-player{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.live-sub,.live-player{color:var(--muted);margin-top:4px}.live-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}.live-meta i{color:#2cd68a;font-size:10px}.live-tabs{display:flex;gap:4px}.live-tabs button{background:transparent;border:0;color:var(--muted);padding:7px 12px;border-radius:8px}.live-tabs button.active{background:var(--tint-blue);color:var(--text)}
.live-cabinet .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.live-cabinet .settings-panel{min-width:0;margin:0}.settings-panel p{color:var(--muted);font-size:12px;line-height:1.7}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:13px}.live-cabinet input,.live-cabinet select{max-width:100%;background:var(--raised);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:9px}.admin-field{display:grid;gap:8px;margin:18px 0;font-size:12px}.live-cabinet .switch[aria-checked=true]{background:linear-gradient(110deg,#39b0f4,#14ddd3,#2cd68a)}.live-cabinet .switch[aria-checked=true]:after{transform:translateX(16px)}.live-cabinet .switch:disabled{opacity:.45;cursor:not-allowed}.notification-setting{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.notification-setting strong,.notification-setting small{display:block}.notification-setting small{color:var(--muted);font-size:11px;margin-top:5px}.notification-setting strong{font-size:13px}.live-cabinet .switch{flex:none}
.account-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.account-toolbar .filters{flex-wrap:wrap}.account-toolbar .search{display:flex;align-items:center;gap:8px}.account-toolbar .search svg,.account-icon svg{width:20px;height:20px}.account-name{display:flex;align-items:center;gap:12px}.account-name small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.account-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--tint-blue);border-radius:10px;flex:none}.feature-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.account-row{cursor:pointer}.table-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding-top:16px}.drop-table-name{display:flex;align-items:center;gap:16px;min-width:0}.drop-table-name small{display:block;margin-top:6px}.live-cabinet .drop-symbol{display:grid;place-items:center;flex:none;width:78px;height:72px;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 15%,transparent),transparent 72%)}.live-cabinet .drops-panel .item-icon{width:72px;height:72px;display:block;margin:0}.drop-composition{height:8px;border-radius:9px;background:#2cd68a;overflow:hidden}.drop-composition i{display:block;height:100%;background:#39b0f4}.live-cabinet .stat-value small{font-size:12px;color:var(--muted)}
.notification-center-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}.notification-history-list{display:grid;gap:12px}.notification-history-card{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,var(--tint-blue),var(--panel) 70%);position:relative}.notification-history-card.unread{border-left:3px solid #14ddd3}.notification-history-card>div{flex:1;min-width:0}.notification-history-card h3{font-size:14px;margin:6px 0}.notification-history-card p{font-size:12px;overflow-wrap:anywhere;margin:5px 0}.notification-history-card small{font-size:10px;color:var(--muted)}.notification-kicker{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.notification-art{display:grid;place-items:center;flex:none;width:64px}.notification-art svg{width:28px;height:28px;color:#39b0f4}.live-cabinet .notification-art .item-icon{width:64px;height:64px;margin:0}.notification-history-card .icon-button svg{width:18px;height:18px}#notificationStack{position:fixed;right:24px;bottom:24px;z-index:80;display:grid;gap:10px;max-width:400px}.notification-popup{box-shadow:0 14px 50px #0004;animation:live-appear .3s ease-out;background:var(--panel)}
.live-cabinet dialog{width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text);box-shadow:0 30px 100px #0006}.live-cabinet dialog::backdrop{background:#02080bab;backdrop-filter:blur(8px)}.live-cabinet dialog .modal{padding:0;width:auto;background:transparent;box-shadow:none;border:0}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-top h2{font-size:18px;overflow-wrap:anywhere}.modal-top svg{width:22px;height:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.detail-grid>div{padding:15px;background:var(--panel);border-radius:12px}.detail-grid small,.detail-grid strong{display:block;overflow-wrap:anywhere}.detail-grid small{color:var(--muted);margin-bottom:8px;font-size:11px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.drop-detail-art{text-align:center}.live-cabinet .drop-detail-art .item-icon{width:160px;height:160px}.trade-target{padding:15px 0;border-bottom:1px solid var(--line)}.trade-target small{display:block;color:var(--muted);margin-top:6px}.live-cabinet .report-layout{align-items:start}.live-cabinet .report-settings h2{margin:12px 0}.live-cabinet .tg-text{overflow-wrap:anywhere;max-height:700px;overflow:auto}.live-cabinet .report-image canvas{width:100%;height:auto}.live-cabinet .admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.live-cabinet.rail-hidden{--rail:0px}.live-cabinet.rail-hidden .activity-rail{display:none}
@media(max-width:1100px){.live-cabinet .settings-grid{grid-template-columns:1fr}.live-cabinet .report-layout{grid-template-columns:1fr}.live-cabinet .report-settings{position:static}.live-cabinet .report-checks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.live-cabinet .live-card{flex-basis:132px}.live-cabinet .live-head{flex-wrap:wrap;gap:8px}.live-heading small{display:none}.live-cabinet .live-head>a{font-size:10px}.live-cabinet .live-table .item-icon{display:block}.live-cabinet .drop-table-name{gap:8px;text-align:left}.live-cabinet .drops-panel td:first-child:before,.live-cabinet .accounts-panel td:first-child:before{display:none}.live-cabinet .drops-panel td:first-child,.live-cabinet .accounts-panel td:first-child{justify-content:flex-start;text-align:left}.live-cabinet .account-toolbar .search{width:100%}.account-toolbar .search input{width:100%}.live-cabinet input,.live-cabinet select{font-size:16px;min-width:0}.table-bottom{flex-wrap:wrap}.live-cabinet .notification-history-card{padding:14px;gap:10px}.notification-center-tools .filters{flex-wrap:wrap}.live-cabinet .notification-art{width:46px}.live-cabinet .notification-art .item-icon{width:46px;height:46px}.live-cabinet dialog{margin:auto 0 0;width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:90dvh;padding:22px 18px}.setting-row{flex-wrap:wrap}.live-cabinet .report-settings{padding:20px}.live-cabinet .tg-chat{padding:12px}.live-cabinet .tg-bubble{max-width:100%;padding:16px}#notificationStack{bottom:92px;left:12px;right:12px;max-width:none}.live-cabinet .account-row td:last-child{display:none}.live-cabinet .drop-symbol{width:60px}.live-cabinet .drops-panel .item-icon{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.live-cabinet *{transition:none!important;scroll-behavior:auto!important}}
.live-cabinet .live-head{width:100%;flex-direction:row;padding:0}.live-cabinet .live-card{height:160px;max-width:146px}.live-cabinet .live-card .live-art{height:58px;flex:none}.live-cabinet .live-art .item-icon{width:60px;height:58px}.live-cabinet .live-meta{margin-top:8px}.live-cabinet .nav-item:before{display:none}.live-cabinet .report-image[hidden],.live-cabinet .report-post[hidden]{display:none}.live-cabinet .notification-setting .switch{width:36px;height:20px;padding:0}.live-cabinet .live-track{mask-image:none;-webkit-mask-image:none}

.trade-url{overflow-wrap:anywhere;font-size:11px;color:var(--muted)}@media(max-width:600px){.live-cabinet .live-tools>label{flex:1 0 100%;justify-content:space-between}.live-cabinet .live-tools>label select{flex:1}.live-cabinet .report-checks{grid-template-columns:1fr 1fr}.live-cabinet .report-check{font-size:12px}}

.live-cabinet .switch:after{left:3px;top:4px;background:#fff}.live-cabinet .switch[aria-checked=true]:after{left:3px;transform:translateX(18px);background:#fff}#notificationButton{position:relative}.notice-count{position:absolute;top:-3px;right:-4px;min-width:15px;height:15px;padding:1px 3px;border-radius:8px;background:#14ddd3;color:#03252c;font-size:9px;font-weight:700;line-height:13px}
.live-cabinet .notification-center-tools .filters{display:flex;gap:6px;flex-wrap:wrap}.live-cabinet .notification-center-tools .filter{padding:8px 12px;min-height:36px;font-size:12px;white-space:nowrap}

/* Compact overview and a dismissible activity panel, shared across themes. */
.live-cabinet .rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.live-cabinet .rail-heading .rail-title{margin:0}.live-cabinet #railClose,.live-cabinet #railToggle{flex:none}.live-cabinet #railToggle[aria-expanded=true]{color:var(--text);background:var(--tint-cyan, var(--tint-blue))}.live-cabinet .rail-heading svg,.live-cabinet #railToggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.rail-backdrop[hidden]{display:none}.rail-backdrop{position:fixed;inset:0;z-index:69;border:0;background:#020a1266;backdrop-filter:blur(4px);cursor:pointer}.live-cabinet .activity-rail{overflow-y:auto;overscroll-behavior:contain}.live-cabinet .recent-drop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-cabinet .overview-drops{margin:0 0 24px}.live-cabinet .recent-drop{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:transform .2s,border-color .2s,background .2s;animation:live-appear .35s ease-out both}.live-cabinet .recent-drop:nth-child(2n){animation-delay:.06s}.live-cabinet .recent-drop:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#39b0f4 40%,var(--line));background:var(--hover)}.live-cabinet .recent-art{display:grid;place-items:center;width:60px;height:60px;flex:none;border-radius:12px;background:radial-gradient(ellipse,var(--tint-blue),transparent 75%)}.live-cabinet .recent-art .item-icon{width:56px;height:56px;margin:0}.live-cabinet .recent-copy{min-width:0;flex:1;display:grid;gap:4px}.live-cabinet .recent-copy small{font-size:10px;color:var(--muted)}.live-cabinet .recent-copy b{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-cabinet .recent-copy>span{font-size:10px;color:var(--muted)}.live-cabinet .recent-drop>strong{font-size:12px;font-weight:600;max-width:90px;text-align:right;line-height:1.5;font-variant-numeric:tabular-nums}.live-chart .chart-curve{stroke-dasharray:1;stroke-dashoffset:0;animation:curve-reveal 1s ease-out both}.live-chart .chart-axis-value{font-size:10px}.live-chart .chart-hit:focus{outline:none;fill:var(--tint-blue)}.live-cabinet .week-context{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,var(--tint-blue),var(--panel));font-size:12px}.week-context>span{margin-left:auto;font-size:11px;color:var(--muted)}
@keyframes curve-reveal{from{stroke-dashoffset:1}}
@keyframes rail-reveal{from{opacity:0;transform:translateX(24px)}}
@media(min-width:1451px){.live-cabinet.rail-hidden .main-wrap{width:calc(100% - var(--sidebar));margin-right:0}.live-cabinet #railBackdrop{display:none}}
@media(max-width:1450px){.live-cabinet.rail-open .activity-rail{display:block;position:fixed;top:0;right:0;bottom:0;width:min(340px,calc(100vw - 24px));height:100dvh;z-index:70;padding:26px 22px;background:var(--bg);box-shadow:-16px 0 60px #0003;animation:rail-reveal .25s ease-out}.live-cabinet.rail-open{overflow:hidden}.live-cabinet #railClose{min-width:40px;min-height:40px}}
@media(max-width:600px){.live-cabinet .recent-drop-grid{grid-template-columns:1fr;gap:8px}.live-cabinet .recent-drop{padding:10px 12px;gap:10px}.live-cabinet .recent-art{width:48px;height:48px}.live-cabinet .recent-art .item-icon{width:48px;height:48px}.live-cabinet .overview-drops .section-title{align-items:center}.live-cabinet .week-context{flex-wrap:wrap;gap:8px}.week-context>span{margin-left:18px;flex-basis:100%}.live-cabinet .top-actions{gap:4px}.live-cabinet #themeButton{font-size:0;width:36px;padding:0}.live-cabinet #themeButton:before{content:'◐';font-size:20px}.live-cabinet #railToggle,.live-cabinet #notificationButton{width:36px;min-height:44px}.live-cabinet #logoutButton{padding:8px;font-size:11px}.live-cabinet .breadcrumb{min-width:0}.live-cabinet .breadcrumb strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}}
@media(prefers-reduced-motion:reduce){.live-cabinet .recent-drop,.live-cabinet .chart-curve,.live-cabinet .activity-rail{animation:none;transition:none}}

.live-cabinet .live-chart{stroke:none}.live-cabinet .rail-heading .rail-title small{display:block;margin-top:5px}.live-cabinet .chart-hit{stroke:none}.live-cabinet .live-chart text{stroke:none}

.live-cabinet .ring,.live-cabinet .ring-inner{transform:none}.live-cabinet .live-track{scrollbar-color:color-mix(in srgb,var(--muted) 30%,transparent) transparent}.live-cabinet .rail-title{line-height:1.4}
@media(max-width:600px){.live-cabinet .live-card{height:148px;padding:10px;flex-basis:126px}.live-cabinet .live-card .live-art{height:50px}.live-cabinet .live-art .item-icon{height:50px;width:54px}.live-cabinet .live-track{scrollbar-width:none}.live-cabinet .live-track::-webkit-scrollbar{display:none}.live-cabinet .live-nav-mobile{scrollbar-width:none}.live-cabinet .live-nav-mobile::-webkit-scrollbar{display:none}}

.live-cabinet .rail-heading .rail-title{display:block}
/* Overview: template-like header, controls to the left of the feed. */
.live-cabinet .live-drops{display:grid;grid-template-columns:142px minmax(0,1fr);gap:16px;align-items:stretch}.live-cabinet .live-drops .live-head{width:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:10px 14px 10px 0;margin:0;border-right:1px solid var(--line)}.live-cabinet .live-heading{flex-wrap:wrap;gap:7px;font-size:12px}.live-cabinet .live-heading small{display:block;flex-basis:100%;padding-left:13px;font-size:10px}.live-cabinet .live-tabs{display:flex;gap:2px}.live-cabinet .live-tabs button{padding:7px 8px;font-size:11px;min-height:34px}.live-cabinet .feed-settings{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:7px;color:var(--muted);font-size:11px;text-align:left;border-radius:8px;cursor:pointer}.live-cabinet .feed-settings:hover{color:var(--text);background:var(--hover)}.live-cabinet .live-drops .live-track{min-width:0;margin:0;padding:4px 0 8px}.live-cabinet .feed-collapsed .live-tabs{display:none}.feed-hidden-note{align-self:center;color:var(--muted);font-size:12px;line-height:1.7}.feed-visibility{display:flex;align-items:center;gap:10px;margin:22px 0;font-size:13px}.live-cabinet .feed-visibility input{accent-color:#14bfb8;width:18px;height:18px}.live-cabinet .page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.overview-head-actions{display:flex;align-items:flex-end;flex-direction:column;gap:6px;flex:none}.live-cabinet .overview-head-actions #liveStatus{margin:0;font-size:10px}.live-cabinet .status-panel{container-type:inline-size;min-width:0}.live-cabinet .status-panel .section-title{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:8px}.live-cabinet .status-panel .section-title h2{margin:0}.live-cabinet .status-panel .text-link{white-space:nowrap;font-size:11px}.live-cabinet .status-panel .ring-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px;padding:28px 0}.live-cabinet .status-panel .ring{width:112px;height:112px}.live-cabinet .status-panel .ring-inner strong{font-size:26px;letter-spacing:-1px}.live-cabinet .status-panel .ring-inner span{font-size:10px}.live-cabinet .status-list{width:100%;min-width:0;max-width:none}.live-cabinet .status-line{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px}.live-cabinet .status-line b{margin:0;font-variant-numeric:tabular-nums}.live-cabinet .status-line>span{overflow-wrap:anywhere}.live-cabinet .status-panel .cycle-note{padding-top:18px;margin-top:0}.live-cabinet .status-panel .cycle-note strong{font-size:12px}.live-cabinet .status-panel .cycle-note span{font-size:11px}
@container(max-width:310px){.live-cabinet .status-panel .ring-row{grid-template-columns:1fr;justify-items:center;padding:20px 0;gap:20px}.live-cabinet .status-panel .status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-cabinet .status-panel .status-line{font-size:11px;gap:6px;margin:0}}
@media(max-width:600px){.live-cabinet .live-drops{grid-template-columns:104px minmax(0,1fr);gap:10px}.live-cabinet .live-drops .live-head{padding:6px 9px 6px 0;gap:8px}.live-cabinet .live-heading{font-size:11px;gap:5px}.live-cabinet .live-tabs{flex-wrap:wrap}.live-cabinet .live-tabs button{font-size:10px;padding:6px;min-height:32px}.live-cabinet .feed-settings{padding:6px 0;font-size:11px}.live-cabinet .page-head{align-items:flex-start;gap:10px;margin-bottom:20px}.live-cabinet .page-head h1{font-size:22px}.live-cabinet .page-head p{font-size:11px;line-height:1.6;max-width:220px}.live-cabinet .overview-head-actions .button{font-size:11px;padding:8px 12px}.live-cabinet .overview-head-actions #liveStatus{max-width:96px;text-align:right;font-size:9px;line-height:1.5}.live-cabinet .stat-label{font-size:11px}.live-cabinet .feed-hidden-note{font-size:11px}.live-cabinet .status-panel .ring{width:120px;height:120px}}

@container(min-width:500px){.live-cabinet .status-panel .ring-row{grid-template-columns:120px minmax(0,360px);justify-content:center;gap:28px}}
@media(max-width:600px){.live-cabinet .live-tabs{flex-wrap:nowrap;gap:0}.live-cabinet .live-tabs button{padding:6px 5px}}

.farm-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.farm-summary-grid strong{display:block;font-size:24px;color:var(--text)}.farm-summary-grid span{font-size:11px;color:var(--muted)}.farm-summary .feature-actions{margin-bottom:0}