:root{
    --bg:#050b07;
    --panel:#0a130d;
    --panel-2:#0d1a12;
    --line:#16452a;
    --line-strong:#2dbd62;
    --text:#d7ffe2;
    --muted:#87c99a;
    --accent:#4cff88;
    --danger:#ff7b7b;
    --info:#8ecbff;
    --glow:0 0 10px rgba(76,255,136,.18), inset 0 0 12px rgba(76,255,136,.04);
    --glow-strong:0 0 14px rgba(76,255,136,.24), inset 0 0 14px rgba(76,255,136,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;overflow:hidden;background:radial-gradient(circle at top,#0a150f 0%,#040905 72%);color:var(--text);font-family:'Lucida Console','Courier New',monospace}
a{color:inherit;text-decoration:none}
button,input,select,.ghost-btn,.primary-btn{font:inherit;background:#09120c;color:var(--text);border:1px solid var(--line);padding:6px 8px}
button,.ghost-btn,.primary-btn{cursor:pointer;text-transform:uppercase}
button:hover,.ghost-btn:hover,.primary-btn:hover,.item-link:hover,.variant-chip:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow)}

.app-shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}
.sidebar{position:relative;overflow:auto;background:linear-gradient(180deg,#07120b,#040805);border-right:1px solid var(--line);padding:5px 4px;box-shadow:inset -12px 0 40px rgba(76,255,136,.06)}
.sidebar::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 10%,rgba(76,255,136,.07),transparent 34%)}
.brand{border:1px solid var(--line-strong);padding:6px;background:linear-gradient(180deg,rgba(76,255,136,.08),rgba(76,255,136,.02));box-shadow:var(--glow-strong);margin-bottom:8px}
.brand-title{font-size:34px;line-height:1;font-weight:700;letter-spacing:2px;color:var(--accent);text-shadow:0 0 10px rgba(76,255,136,.32)}
.brand-sub,.brand-ver{margin-top:4px;font-size:11px;color:var(--muted)}
.content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100vh;overflow:hidden}
.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:3px 6px;border-bottom:1px solid var(--line);background:rgba(6,17,10,.92)}
.footer{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:3px 5px;border-top:1px solid var(--line);margin-top:auto;color:var(--muted);font-size:12px;text-align:center;background:rgba(6,17,10,.92)}
.footer-logo{color:var(--accent);font-weight:700;text-shadow:0 0 6px rgba(76,255,136,.24)}
.page-title{font-size:22px;color:var(--accent);letter-spacing:2px;text-shadow:0 0 8px rgba(76,255,136,.22)}
.top-status{color:var(--muted)}
.panel{margin:4px;padding:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,18,12,.98),rgba(6,11,8,.98));box-shadow:inset 0 0 24px rgba(76,255,136,.03)}
.page-body{min-height:0;overflow:auto;overflow-x:hidden;padding-bottom:4px}
.page-body::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:12px;height:12px}
.page-body::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:rgba(76,255,136,.22);border:1px solid rgba(76,255,136,.28)}
.page-body::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#08110b}
.panel-title{font-size:14px;color:var(--accent);margin-bottom:4px;text-shadow:0 0 6px rgba(76,255,136,.18)}
.panel-blank{min-height:100%;background:transparent;border-color:transparent;box-shadow:none}

.filters{display:flex;gap:3px;flex-wrap:wrap}
.filters input,.filters select{min-width:220px}
.table-panel{padding:0;overflow:hidden}
.table-panel .panel-title{padding:5px 5px 0}
.table-wrap{overflow:auto;max-height:calc(100vh - 220px);padding:3px}
.item-table-wrap{max-height:420px}
.table-wrap::-webkit-scrollbar{width:12px;height:12px}
.table-wrap::-webkit-scrollbar-thumb{background:rgba(76,255,136,.22);border:1px solid rgba(76,255,136,.28)}
.table-wrap::-webkit-scrollbar-track{background:#08110b}

table{width:100%;border-collapse:collapse;font-size:13px}
th,td{border-bottom:1px solid rgba(76,255,136,.10);padding:2px 3px;text-align:left;white-space:nowrap;vertical-align:middle}
thead th{position:sticky;top:0;background:#0b150e;color:var(--accent);z-index:2}
.empty,.muted{color:var(--muted)}
.empty{text-align:center;padding:12px}

.market-table tbody tr.is-row-toggle,
.market-table tbody tr.is-row-link,
.market-table tbody tr.is-row-toggle-link,
.import-history-table tbody tr{cursor:pointer}
.market-table tbody tr:focus{outline:none}
.market-table tbody tr.is-row-link .item-link,
.market-table tbody tr.is-row-toggle-link .item-link{pointer-events:none;border-bottom:0}
.market-table tbody tr.is-row-link td *,
.market-table tbody tr.is-row-toggle td *,
.market-table tbody tr.is-row-toggle-link td *{pointer-events:none}
.market-table tbody tr.is-row-link .toggle-btn,
.market-table tbody tr.is-row-toggle .toggle-btn,
.market-table tbody tr.is-row-toggle-link .toggle-btn{pointer-events:auto}
.market-table tbody tr td{background:#040805;box-shadow:none}
.market-table .cat-row-main td{background:#030604;font-weight:600}
.market-table .cat-row-sub td{background:#020503}
.market-table .group-row td{background:#040805}
.market-table .variant-row td{background:#030705}
.market-table tbody tr.is-open td{font-weight:700}
.market-table .cat-row-main.is-open td{background:linear-gradient(180deg,rgba(76,255,136,.09),rgba(76,255,136,.03))}
.market-table .cat-row-sub.is-open td{background:linear-gradient(180deg,rgba(76,255,136,.07),rgba(76,255,136,.025))}
.market-table tbody tr.is-hover td,
.market-table tbody tr.is-current td{background:linear-gradient(180deg,rgba(76,255,136,.08),rgba(76,255,136,.03))}
.market-table tbody tr.group-row.is-current td,
.market-table tbody tr.variant-row.is-current td{font-weight:700}
.market-table tbody tr.group-row.is-current td:first-child,
.market-table tbody tr.variant-row.is-current td:first-child{box-shadow:inset 0 0 0 1px rgba(76,255,136,.28),inset 0 0 18px rgba(76,255,136,.10)}
.market-table tbody tr.group-row.is-current .item-name,
.market-table tbody tr.variant-row.is-current .item-name{color:#f1fff6;text-shadow:0 0 8px rgba(76,255,136,.30)}

.item-cell{display:flex;align-items:center;gap:4px;min-width:340px}
.item-meta{display:flex;flex-direction:column;gap:1px;min-width:0}
.item-name{font-weight:700}
.item-name-sub{color:var(--info)}
.item-sub{color:var(--muted);font-size:11px}
.group-title{color:var(--accent);text-shadow:0 0 6px rgba(76,255,136,.18)}
.item-link{color:inherit;border-bottom:1px dotted transparent}
.toggle-btn,.toggle-spacer{width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center}
.toggle-btn{padding:0;font-size:18px;line-height:1;font-weight:700;border-color:var(--line-strong);color:var(--accent);box-shadow:inset 0 0 10px rgba(76,255,136,.08)}
.toggle-spacer{border:1px solid transparent}
.indent{display:inline-block;flex:0 0 auto;border-left:1px solid rgba(76,255,136,.18);height:20px}
.indent-main{width:16px;border-left-color:rgba(76,255,136,.30)}
.indent-sub{width:24px}
.indent-item{width:32px}
.item-thumb-wrap{width:40px;height:40px;border:1px solid var(--line);background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;overflow:hidden}
.item-thumb-wrap-sub{width:34px;height:34px}
.item-thumb-xl{width:72px;height:72px}
.item-thumb{width:100%;height:100%;object-fit:contain;display:block}

.delta-up{color:var(--accent)}
.delta-down{color:var(--danger)}
.delta-flat{color:var(--muted)}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.stats-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-box{border:1px solid var(--line);padding:4px;background:var(--panel-2);min-width:0}
.stat-label{color:var(--muted);font-size:12px}
.stat-value{color:var(--accent);font-size:18px;margin-top:2px}
.stat-small{font-size:16px;line-height:1.4}
.success{border-color:#2a8044}.error{border-color:#8a3232}.flash-text{color:var(--accent)}.error .flash-text{color:#ff8f8f}
.item-hero{display:flex;justify-content:space-between;align-items:center;gap:5px}.item-hero-left{display:flex;align-items:center;gap:5px}
.item-title-large{font-size:24px;color:var(--accent);text-shadow:0 0 10px rgba(76,255,136,.2)}
.item-title-sub{color:var(--muted);margin-top:2px}
.variant-links{display:flex;flex-wrap:wrap;gap:4px}
.variant-chip{display:flex;flex-direction:column;gap:2px;min-width:220px;padding:4px;border:1px solid var(--line);background:rgba(10,22,14,.95)}
.variant-chip.active{border-color:var(--accent);box-shadow:var(--glow)}
.variant-chip-meta{color:var(--muted);font-size:11px}
.chart-panel{overflow:hidden}.chart-svg{width:100%;min-width:0;height:auto;display:block}
.chart-grid{stroke:rgba(76,255,136,.14);stroke-width:1}.chart-axis{fill:var(--muted);font-size:11px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5}.chart-point{fill:var(--accent)}.chart-empty{color:var(--muted);padding:4px;border:1px dashed rgba(76,255,136,.22)}
.variant-icon-grid,.variant-icons{display:flex;flex-wrap:wrap;gap:4px}.variant-icon-chip{position:relative;width:56px;height:56px;min-width:56px;border:1px solid var(--line);background:rgba(7,17,10,.96);display:flex;align-items:center;justify-content:center;overflow:hidden}.variant-icon-chip.active{border-color:var(--accent);box-shadow:var(--glow)}.variant-icon-image{width:100%;height:100%;object-fit:contain;display:block;opacity:.95}.variant-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#dcffe7;text-shadow:0 0 4px rgba(76,255,136,.95),0 0 12px rgba(76,255,136,.7)}
.import-history-wrap{max-height:320px}.import-history-table tbody tr.is-selected td{background:linear-gradient(180deg,rgba(76,255,136,.14),rgba(76,255,136,.05))}.status-ok{color:var(--accent);font-weight:700}.status-error{color:#ffe66f;font-weight:700}.import-detail-card{margin:3px;border:1px solid var(--line);padding:4px;background:linear-gradient(180deg,rgba(10,21,13,.98),rgba(6,12,8,.98))}.import-detail-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}.panel-title-inline{margin-bottom:0}.import-detail-run{color:var(--accent);font-size:18px}.import-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:4px}.import-detail-grid div{border:1px solid rgba(76,255,136,.14);padding:4px;background:rgba(10,21,13,.72);min-width:0}.import-detail-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.import-detail-grid strong{display:block;color:var(--text);overflow-wrap:anywhere}.import-detail-note{margin-bottom:4px;color:var(--text)}.import-detail-debug{margin:0;padding:6px;border:1px solid rgba(76,255,136,.12);background:#071109;color:#cffff0;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}

.matrix-nav{margin-top:6px;font-size:12px}.menu-caption{color:var(--muted);font-size:11px;margin:0 0 6px 2px;letter-spacing:1px}.tree-root,.tree-children{list-style:none;margin:0;padding:0}.tree-branch,.tree-leaf{position:relative}.tree-children{display:none}.tree-branch.open>.tree-children{display:block}.tree-row{position:relative;display:flex;align-items:center;min-height:24px}.tree-row.level-1{padding-left:18px}.tree-row.level-2{padding-left:36px}.tree-row::before{content:'';position:absolute;left:9px;top:-8px;bottom:-8px;width:1px;background:rgba(76,255,136,.28)}.tree-leaf:last-child>.tree-row::before,.tree-branch:last-child>.tree-row::before{bottom:50%}.tree-row.level-1::before{left:27px}.tree-row.level-2::before{left:45px}.tree-row::after{content:'';position:absolute;left:9px;top:50%;width:12px;height:1px;background:rgba(76,255,136,.28)}.tree-row.level-1::after{left:27px}.tree-row.level-2::after{left:45px}.tree-root>.tree-branch>.tree-row::before,.tree-root>.tree-branch>.tree-row::after,.tree-home>.tree-row::before,.tree-home>.tree-row::after,.tree-home-spacer{display:none}.tree-toggle,.tree-spacer{width:16px;height:16px;flex:0 0 16px;margin-right:3px;border:0;background:transparent;position:relative}.tree-toggle::before{content:'▸';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--accent);text-shadow:0 0 8px rgba(76,255,136,.45);font-size:12px}.tree-branch.open>.tree-row>.tree-toggle::before{content:'▾'}.tree-label{display:block;flex:1;padding:3px 6px;border:1px solid transparent;color:var(--text);letter-spacing:.4px;text-transform:uppercase}.tree-label:hover,.tree-label.active-node{color:var(--accent);border-color:rgba(76,255,136,.25);background:linear-gradient(180deg,rgba(76,255,136,.10),rgba(76,255,136,.03));box-shadow:inset 0 0 12px rgba(76,255,136,.05),0 0 10px rgba(76,255,136,.08)}.active-branch>.tree-row>.tree-label{color:var(--accent)}.tree-home .tree-label{margin-left:19px}

.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px}.section-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,21,13,.96),rgba(6,12,8,.96));padding:8px;min-height:132px}.section-card-link{display:block}.section-card-link:hover{border-color:var(--accent);box-shadow:var(--glow)}.section-card-title{font-size:22px;color:var(--accent);margin-top:6px}.section-card-text{margin-top:6px;color:var(--text);line-height:1.45}.section-card-list{display:grid;gap:3px}.page-node-box{border:1px solid var(--line);padding:12px;background:linear-gradient(180deg,rgba(10,21,13,.95),rgba(6,12,8,.95))}.page-node-title{font-size:22px;color:var(--accent)}.page-node-sub,.page-node-path,.node-breadcrumbs{margin-top:8px;color:var(--muted)}

@media (max-width:1300px){.stats-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.app-shell{grid-template-columns:220px 1fr}.import-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-icon-chip{width:50px;height:50px;min-width:50px}.variant-icon-overlay{font-size:16px}.section-grid{grid-template-columns:1fr}}
@media (max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.stats-grid,.stats-grid-4,.stats-grid-5{grid-template-columns:1fr 1fr}.item-hero{flex-direction:column;align-items:flex-start}}
@media (max-width:700px){.stats-grid,.stats-grid-4,.stats-grid-5{grid-template-columns:1fr}.filters input,.filters select{min-width:100%}}


/* ITEM 1.46 ERGONOMIA */
.item-hero-soft{padding:8px 10px;border-color:rgba(76,255,136,.18)}
.item-hero-thumb{width:64px;height:64px}
.item-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.item-title-large{font-size:18px;line-height:1.15}
.item-title-sub-tight{font-size:11px;line-height:1.25}
.ghost-btn-compact{padding:5px 10px;font-size:12px}
.item-variants-panel{padding-top:6px;padding-bottom:6px}
.variant-icon-grid-compact{gap:6px}
.item-summary-grid,.item-chart-grid,.item-detail-grid{display:grid;gap:8px;margin:4px}
.item-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.item-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.item-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.panel-soft{border-color:rgba(76,255,136,.12);box-shadow:none;background:linear-gradient(180deg,rgba(9,18,12,.96),rgba(6,11,8,.96))}
.metric-strip{display:grid;gap:8px}
.metric-strip-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-card{padding:8px 10px;background:rgba(11,22,15,.72);border:1px solid rgba(76,255,136,.10);min-width:0}
.metric-card-emphasis{border-color:rgba(76,255,136,.18);background:rgba(14,27,18,.82)}
.metric-label{font-size:11px;color:var(--muted);letter-spacing:.6px}
.metric-value{margin-top:4px;font-size:24px;line-height:1;color:var(--accent)}
.chart-panel-soft{padding:6px 8px;overflow:hidden;min-height:174px}
.chart-panel-soft .panel-title{margin-bottom:6px;font-size:12px}
.chart-svg{min-width:0}
.chart-grid{stroke:rgba(76,255,136,.10);stroke-width:1}
.chart-axis{fill:rgba(135,201,154,.88);font-size:10px}
.chart-line{stroke-width:2.2}
.chart-point{r:2.8}
.detail-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.detail-pill{padding:8px 10px;background:rgba(11,22,15,.65);border:1px solid rgba(76,255,136,.10);min-width:0}
.detail-pill span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px;letter-spacing:.6px}
.detail-pill strong{display:block;font-size:14px;color:var(--text);font-weight:700;overflow-wrap:anywhere}
.detail-pill-wide{grid-column:1/-1}
.details-panel{margin-top:6px}
.details-soft{border-color:rgba(76,255,136,.12);box-shadow:none}
.details-summary{list-style:none;cursor:pointer;padding:8px 10px;color:var(--accent);font-size:13px;letter-spacing:.5px;user-select:none;background:linear-gradient(180deg,rgba(9,18,12,.98),rgba(6,11,8,.98))}
.details-summary::-webkit-details-marker{display:none}
.details-summary::before{content:'▸';display:inline-block;margin-right:8px;color:var(--accent)}
details[open]>.details-summary::before{content:'▾'}
details[open]>.details-summary{border-bottom:1px solid rgba(76,255,136,.10)}
.details-panel .table-wrap{padding-top:6px}
.item-table-wrap{max-height:360px}

@media (max-width:1200px){
    .metric-value{font-size:21px}
}
@media (max-width:1000px){
    .item-summary-grid,.item-chart-grid,.item-detail-grid,.metric-strip-3,.detail-list-grid{grid-template-columns:1fr}
    .detail-pill-wide{grid-column:auto}
}

/* ITEM 1.47 FLOW */
.item-chart-grid .chart-svg{max-height:128px}
.item-detail-grid .chart-svg{max-height:118px}
.item-table-wrap{max-height:min(340px,38vh)}
@media (max-width:1000px){.content{height:auto}.page-body{overflow:auto}.item-chart-grid .chart-svg,.item-detail-grid .chart-svg{max-height:none}}

/* BUDYNIA 1.48 */
.budynia-widget{position:fixed;left:0;bottom:0;width:384px;height:256px;z-index:9999;pointer-events:none;transition:opacity var(--budynia-fade,.8s) ease,transform var(--budynia-fade,.8s) ease}
.budynia-widget.is-hidden{opacity:0;transform:scale(.82);pointer-events:none}
.budynia-widget-button{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}
.budynia-widget-image,.budynia-modal-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 22px rgba(76,255,136,.14))}
.budynia-widget.is-fading,.budynia-overlay.is-fading .budynia-modal-image,.budynia-overlay.is-fading .budynia-widget-image{opacity:.08}
.budynia-widget-image,.budynia-modal-image{transition:opacity var(--budynia-fade,.8s) ease}
.budynia-widget-button:hover,.budynia-widget-button:focus,.budynia-widget-button:active{border:0!important;box-shadow:none!important;color:inherit!important;outline:none}
.budynia-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--budynia-fade,.8s) ease,visibility var(--budynia-fade,.8s) ease}
.budynia-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.budynia-modal{position:relative;width:min(1536px,94vw);height:min(1024px,92vh);background:transparent;transform:translate(-28vw,22vh) scale(.22);opacity:.35;transform-origin:left bottom;transition:transform var(--budynia-fade,.8s) ease,opacity var(--budynia-fade,.8s) ease}
.budynia-overlay.is-open .budynia-modal{transform:translate(0,0) scale(1);opacity:1}
.budynia-close{position:absolute;top:8px;right:12px;width:36px;height:36px;border:0;background:rgba(5,12,8,.55);color:var(--accent);font-size:30px;line-height:1;cursor:pointer;z-index:2}
.budynia-modal-open{overflow:hidden}
.budynia-config-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.budynia-config-form input{width:100%;height:34px;padding:6px 10px;border:1px solid var(--line);background:rgba(5,11,8,.96);color:var(--text)}
.budynia-config-actions{display:flex;align-items:end;height:100%}
.budynia-detected-box strong{font-size:26px;color:var(--accent)}
@media (max-width:1100px){.budynia-config-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.budynia-widget{width:240px;height:160px}.budynia-config-form{grid-template-columns:1fr}.budynia-modal{width:min(1536px,96vw);height:min(1024px,84vh)}}

.budynia-widget.is-fading .budynia-widget-image,.budynia-overlay.is-fading .budynia-modal-image{opacity:.08}

/* BCC 1.50 overrides */
.brand-logo-box{padding:6px 6px 4px}
.brand-logo-shell{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;padding:0;border:0;background:transparent;box-shadow:none!important;outline:none}
.brand-logo-shell:hover,.brand-logo-shell:focus,.brand-logo-shell:active{border:0!important;box-shadow:none!important;outline:none;color:inherit}
.brand-logo-image{display:block;max-width:100%;width:220px;height:auto;filter:drop-shadow(0 0 calc(10px * var(--logo-glow-strength,1.2)) rgba(76,255,136,.18));transform-origin:center center;backface-visibility:hidden;will-change:transform,filter,opacity}
.brand-ver{text-align:left;margin-top:2px}
.brand-logo-shell.effect-breath .brand-logo-image{animation:brandBreath var(--logo-effect-duration,2.4s) ease-in-out}
.brand-logo-shell.effect-glow .brand-logo-image{animation:brandGlow var(--logo-effect-duration,2.4s) ease-in-out}
.brand-logo-shell.effect-tilt .brand-logo-image{animation:brandTilt var(--logo-effect-duration,2.4s) ease-in-out}
.brand-logo-shell.effect-float .brand-logo-image{animation:brandFloat var(--logo-effect-duration,2.4s) ease-in-out}
.brand-logo-shell.effect-pulse .brand-logo-image{animation:brandPulse var(--logo-effect-duration,2.4s) ease-in-out}
.brand-logo-shell.effect-matrix .brand-logo-image{animation:brandMatrix var(--logo-effect-duration,2.4s) steps(10,end)}
@keyframes brandBreath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(76,255,136,.18)) brightness(1)}50%{transform:scale(1.04);filter:drop-shadow(0 0 22px rgba(76,255,136,.32)) brightness(1.12)}}
@keyframes brandGlow{0%,100%{filter:drop-shadow(0 0 10px rgba(76,255,136,.18)) brightness(1)}50%{filter:drop-shadow(0 0 calc(24px * var(--logo-glow-strength,1.2)) rgba(76,255,136,.45)) brightness(1.16)}}
@keyframes brandTilt{0%,100%{transform:perspective(700px) rotateX(0) rotateY(0)}50%{transform:perspective(700px) rotateX(calc(var(--logo-tilt-deg,7) * .35deg)) rotateY(calc(var(--logo-tilt-deg,7) * -1deg)) scale(1.02)}}
@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes brandPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(76,255,136,.18)) brightness(1)}35%{transform:scale(1.06);filter:drop-shadow(0 0 calc(26px * var(--logo-glow-strength,1.2)) rgba(76,255,136,.45)) brightness(1.2)}70%{transform:scale(1.015)}}
@keyframes brandMatrix{0%,100%{opacity:1;filter:drop-shadow(0 0 10px rgba(76,255,136,.18)) contrast(1)}20%{opacity:.9}30%{opacity:1}40%{opacity:.78}55%{opacity:1}70%{opacity:.86;filter:drop-shadow(0 0 20px rgba(76,255,136,.36)) contrast(1.2)}85%{opacity:1}}

body.is-pjax-loading .page-body{cursor:progress}

.budynia-widget{left:0;bottom:0;width:384px;height:256px;pointer-events:none;background:#000;box-shadow:none!important}
.budynia-widget-button{background:#000!important;border:0!important;box-shadow:none!important}
.budynia-widget-button:hover,.budynia-widget-button:focus,.budynia-widget-button:active{background:#000!important;border:0!important;box-shadow:none!important;outline:none!important}
.budynia-widget-image,.budynia-modal-image{background:#000;filter:none!important;opacity:1}
.budynia-overlay{background:rgba(0,0,0,.45)}
.budynia-modal{background:#000}
.budynia-close{background:rgba(0,0,0,.68);border:1px solid rgba(76,255,136,.18)}
.budynia-close:hover,.budynia-close:focus{box-shadow:none!important;background:rgba(0,0,0,.82)}

.budynia-config-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end}
.budynia-config-grid input,.budynia-config-grid select{width:100%;height:34px;padding:6px 10px;border:1px solid var(--line);background:rgba(5,11,8,.96);color:var(--text)}
@media (max-width:1200px){.budynia-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.budynia-config-grid{grid-template-columns:1fr}.brand-logo-image{width:180px}}


/* BCC 1.51 transparency + logo modal */
.brand-logo-box{padding:4px 4px 0;border:0!important;background:transparent!important;box-shadow:none!important}
.brand-logo-shell{min-height:86px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0;transition:opacity .35s ease,transform .35s ease}
.brand-logo-shell.is-hidden{opacity:0;transform:scale(.82);pointer-events:none}
.brand-logo-image{width:228px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 0 calc(10px * var(--logo-glow-strength,1.2)) rgba(76,255,136,.22));background:transparent!important}
.logo-overlay{position:fixed;inset:0;z-index:10010;display:flex;align-items:center;justify-content:center;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.logo-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.logo-modal{position:relative;width:min(1536px,94vw);height:min(1024px,92vh);background:transparent;transform:translate(-34vw,-26vh) scale(.14);opacity:.22;transform-origin:left top;transition:transform .55s ease,opacity .55s ease}
.logo-overlay.is-open .logo-modal{transform:translate(0,0) scale(1);opacity:1}
.logo-modal-shell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent!important;box-shadow:none!important;outline:none!important}
.logo-modal-shell:hover,.logo-modal-shell:focus,.logo-modal-shell:active{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important}
.logo-modal-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:transparent!important;filter:drop-shadow(0 0 calc(18px * var(--logo-glow-strength,1.2)) rgba(76,255,136,.25));transform-origin:center center;backface-visibility:hidden;will-change:transform,filter,opacity}
.logo-close{position:absolute;top:8px;right:12px;width:36px;height:36px;border:0;background:rgba(0,0,0,.58);color:var(--accent);font-size:30px;line-height:1;cursor:pointer;z-index:2;box-shadow:none!important}
.logo-close:hover,.logo-close:focus{background:rgba(0,0,0,.78);box-shadow:none!important;outline:none!important}
.logo-modal-shell.effect-breath .logo-modal-image{animation:brandBreath var(--logo-effect-duration,2.4s) ease-in-out}
.logo-modal-shell.effect-glow .logo-modal-image{animation:brandGlow var(--logo-effect-duration,2.4s) ease-in-out}
.logo-modal-shell.effect-tilt .logo-modal-image{animation:brandTilt var(--logo-effect-duration,2.4s) ease-in-out}
.logo-modal-shell.effect-float .logo-modal-image{animation:brandFloat var(--logo-effect-duration,2.4s) ease-in-out}
.logo-modal-shell.effect-pulse .logo-modal-image{animation:brandPulse var(--logo-effect-duration,2.4s) ease-in-out}
.logo-modal-shell.effect-matrix .logo-modal-image{animation:brandMatrix var(--logo-effect-duration,2.4s) steps(10,end)}

.budynia-widget{left:0;bottom:0;width:384px;height:256px;pointer-events:none;background:transparent!important;box-shadow:none!important}
.budynia-widget-button{position:relative;width:100%;height:100%;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}
.budynia-widget-image,.budynia-modal-image{position:relative;z-index:1;background:transparent!important;filter:none!important;opacity:1}
.budynia-overlay{background:transparent!important}
.budynia-modal{position:relative;background:transparent!important;overflow:hidden}
.budynia-close{background:rgba(0,0,0,.58)!important;border:0!important;box-shadow:none!important}
.budynia-close:hover,.budynia-close:focus{background:rgba(0,0,0,.78)!important;box-shadow:none!important;outline:none!important}
.budynia-blackout{position:absolute;inset:0;z-index:0;display:block;background:#000;opacity:0;pointer-events:none}
.budynia-blackout-modal{z-index:0}

.logo-modal-open,.budynia-modal-open{overflow:hidden}
@media (max-width:800px){.brand-logo-image{width:180px}.logo-modal{width:min(1536px,96vw);height:min(1024px,84vh)}}

/* BCC 1.52 shell / transparency fixes */
.menu-caption{display:none!important}
.brand-logo-box,.brand-logo-shell,.brand-logo-image{border:0!important;box-shadow:none!important;background:transparent!important}
.brand-logo-image{filter:drop-shadow(0 0 calc(10px * var(--logo-glow-strength,1.2)) rgba(76,255,136,.22))}
.budynia-widget,.budynia-widget-button,.budynia-widget-image,.budynia-modal,.budynia-modal-image,.budynia-overlay{background:transparent!important;box-shadow:none!important;border:0!important}
.budynia-blackout,.budynia-blackout-modal{display:none!important;opacity:0!important}
.budynia-widget-image,.budynia-modal-image{opacity:1;transition:opacity var(--budynia-fade,.8s) ease!important}
.budynia-widget-button:hover,.budynia-widget-button:focus,.budynia-widget-button:active{background:transparent!important}
.logo-overlay,.logo-modal,.logo-modal-shell,.logo-modal-image{background:transparent!important;border:0!important;box-shadow:none!important}
body.is-pjax-loading .page-body{cursor:progress}


/* BCC 1.53 AUTH */
.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(16,40,25,.85),rgba(2,8,5,.96) 70%)}
.auth-main{width:min(560px,92vw)}
.login-shell{display:flex;align-items:center;justify-content:center}
.login-panel{width:100%;padding:16px;border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(7,18,11,.96),rgba(4,8,5,.96));box-shadow:var(--glow-strong)}
.login-form{display:grid;gap:12px}.login-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.users-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
.users-form-grid input[type="text"],.users-form-grid input[type="password"]{width:100%;height:34px;padding:6px 10px;border:1px solid var(--line);background:rgba(5,11,8,.96);color:var(--text)}
.users-switches{display:flex;gap:18px;align-items:center;min-height:34px}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.permission-chip{display:flex;gap:8px;align-items:center;padding:8px;border:1px solid rgba(76,255,136,.12);background:rgba(11,22,15,.55)}
.users-form-actions,.users-delete-form{display:flex;gap:8px;margin-top:6px}
.flash{margin:4px 0;padding:8px;border:1px solid var(--line)}
.flash-success{margin:4px;padding:8px;border:1px solid var(--line);color:var(--accent)}
@media (max-width:1100px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.users-form-grid,.permission-grid{grid-template-columns:1fr}}
.budynia-widget,.budynia-widget-button,.budynia-modal{background:transparent!important}
.budynia-widget-image,.budynia-modal-image{background:transparent!important}


.tree-admin-separator{display:block;list-style:none;margin:12px 0 8px;padding:0 4px}
.tree-admin-separator span{display:block;height:1px;background:linear-gradient(90deg,rgba(76,255,136,0),rgba(76,255,136,.55),rgba(76,255,136,0));box-shadow:0 0 12px rgba(76,255,136,.18)}
.tree-branch-admin{margin-top:auto}
.matrix-nav{display:flex;flex-direction:column;min-height:100%}
.tree-root{display:flex;flex-direction:column;min-height:100%}
.users-panel{margin-bottom:10px}
.users-table-wrap{max-height:236px}
.users-app-form{display:flex;flex-direction:column;gap:12px}
.users-editor-grid{display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,1.25fr);gap:12px;align-items:stretch}
.users-card{border:1px solid rgba(76,255,136,.16);background:linear-gradient(180deg,rgba(4,12,8,.88),rgba(2,8,5,.92));box-shadow:inset 0 0 18px rgba(76,255,136,.03);padding:12px;min-height:100%}
.users-card-title{margin:0 0 12px;color:var(--accent);font-size:11px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px rgba(76,255,136,.25)}
.users-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.users-field-block{display:flex;flex-direction:column;gap:6px;padding:10px}
.users-field-block-wide{grid-column:1 / -1}
.users-switch-row{display:flex;gap:22px;align-items:center;min-height:44px;margin-top:10px;padding:10px 12px}
.users-switch-row label{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:12px}
.permission-tree-editor{display:flex;flex-direction:column;gap:10px}
.permission-tree-group{position:relative;border:1px solid rgba(76,255,136,.15);background:rgba(2,8,5,.6);padding:10px 12px 10px 12px}
.permission-tree-group-admin{margin-top:4px}
.permission-admin-divider{margin:-2px 0 10px}
.permission-admin-divider span{display:block;padding-top:2px;color:var(--muted);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.permission-tree-node{position:relative;display:flex;align-items:center;gap:10px;min-height:34px;color:var(--text)}
.permission-tree-node input{margin:0}
.permission-tree-node span{text-transform:uppercase;letter-spacing:.6px}
.permission-tree-node-root{padding-left:0;color:var(--accent)}
.permission-tree-node-root span{font-weight:700}
.permission-tree-children{position:relative;margin:8px 0 0 26px;padding-left:16px;display:flex;flex-direction:column;gap:6px}
.permission-tree-children::before{content:'';position:absolute;left:3px;top:2px;bottom:6px;width:1px;background:rgba(76,255,136,.24)}
.permission-tree-node-child::before{content:'';position:absolute;left:-13px;top:50%;width:10px;height:1px;background:rgba(76,255,136,.24)}
.users-form-actions-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:2px}
.ghost-btn-danger{border-color:rgba(255,95,95,.34);color:#ff9e9e}
.ghost-btn-danger:hover{border-color:rgba(255,95,95,.55);box-shadow:0 0 14px rgba(255,95,95,.12);background:rgba(40,8,8,.45)}
@media (max-width:1100px){.users-editor-grid{grid-template-columns:1fr}.users-field-grid{grid-template-columns:1fr}.users-table-wrap{max-height:none}}


/* BCC 1.56 performance + footer render */
.top-status{white-space:nowrap}
.footer #render-time{color:var(--text);font-weight:700;letter-spacing:.4px}


/* BCC 1.56 progress + pjax perf */
.topbar{position:relative;overflow:hidden}
.progress-rail{position:absolute;left:0;top:0;width:100%;height:2px;opacity:0;pointer-events:none;transition:opacity .18s ease;background:rgba(76,255,136,.08)}
.progress-rail.is-active{opacity:1}
.progress-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,rgba(76,255,136,.55),rgba(76,255,136,.95));box-shadow:0 0 10px rgba(76,255,136,.45);transition:width .14s linear}
body.is-pjax-loading .page-body{cursor:progress}

.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;background:radial-gradient(circle at top,rgba(12,38,22,.72),rgba(2,8,5,.97) 68%),#030805;overflow:hidden}
.auth-main{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-scene{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow:hidden}
.login-scene-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(26,90,45,.16),transparent 36%),linear-gradient(180deg,rgba(0,255,140,.04),transparent 32%,transparent 100%);pointer-events:none}.login-scanline{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(112,255,176,.9),transparent);box-shadow:0 0 18px rgba(64,255,160,.55);animation:loginScan 4.6s linear infinite;opacity:.9;pointer-events:none}
.login-hero{position:relative;z-index:1;width:min(1680px,96vw);display:grid;justify-items:center;gap:20px}
.login-art-shell,.login-art-modal-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;transform-origin:center center;transition:transform .45s ease,filter .45s ease,opacity .35s ease;--logo-glow-strength:1.8;--logo-tilt-degrees:9deg}
.login-art-button{background:transparent;border:0;padding:0;cursor:pointer;box-shadow:none!important;outline:none!important}
.login-art-button:hover,.login-art-button:focus,.login-art-button:active,.login-art-shell:hover,.login-art-shell:focus,.login-art-shell:active,.login-art-modal-shell:hover,.login-art-modal-shell:focus,.login-art-modal-shell:active{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important}
.login-art-image{display:block;max-width:min(92vw,1536px);max-height:min(58vh,1024px);width:auto;height:auto;filter:drop-shadow(0 0 calc(18px * var(--logo-glow-strength)) rgba(45,255,145,.2));transform-origin:center center;backface-visibility:hidden;will-change:transform,filter,opacity}
.login-art-fallback{font-size:72px;font-weight:700;letter-spacing:.08em;color:#8fffb7;text-shadow:0 0 26px rgba(60,255,170,.35)}
.login-panel-drop{position:relative;width:min(560px,92vw);padding:18px;border:1px solid rgba(57,255,146,.35);background:linear-gradient(180deg,rgba(7,18,11,.72),rgba(3,8,5,.90));box-shadow:0 0 42px rgba(0,255,130,.12);backdrop-filter:blur(10px);transform:translateY(-140px) scale(.96);opacity:0;transition:transform .9s cubic-bezier(.16,.88,.2,1),opacity .8s ease;overflow:hidden}.login-panel-drop::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:1px;height:48px;background:linear-gradient(180deg,rgba(130,255,190,.75),transparent)}
.login-panel-drop.is-ready{transform:translateY(0) scale(1);opacity:1}
.login-form{display:grid;gap:12px}.login-actions{display:flex;justify-content:flex-end;margin-top:8px}
.login-art-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(1,4,2,.72);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .32s ease;z-index:80}.login-art-overlay.is-open{opacity:1;pointer-events:auto}
.login-art-modal{position:relative;display:flex;align-items:center;justify-content:center;width:min(96vw,1600px);height:min(92vh,1088px)}
.login-art-modal-image{max-width:min(96vw,1536px);max-height:min(92vh,1024px);width:auto;height:auto}
.login-art-close{position:absolute;top:8px;right:8px;z-index:2}
body.login-art-modal-open{overflow:hidden}
.effect-static{}
.effect-breath,.login-art-image.effect-breath,.login-art-modal-image.effect-breath{animation:logoBreath var(--effect-duration,2.4s) ease-in-out}
.effect-glow,.login-art-image.effect-glow,.login-art-modal-image.effect-glow{animation:logoGlow var(--effect-duration,2.4s) ease-in-out}
.effect-tilt,.login-art-image.effect-tilt,.login-art-modal-image.effect-tilt{animation:logoTilt var(--effect-duration,2.4s) ease-in-out}
.effect-float,.login-art-image.effect-float,.login-art-modal-image.effect-float{animation:logoFloat var(--effect-duration,2.4s) ease-in-out}
.effect-pulse,.login-art-image.effect-pulse,.login-art-modal-image.effect-pulse{animation:logoPulse var(--effect-duration,2.4s) ease-in-out}
.effect-matrix,.login-art-image.effect-matrix,.login-art-modal-image.effect-matrix{animation:logoMatrix var(--effect-duration,2.4s) steps(10,end)}
@keyframes logoBreath{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.14)}}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(40,255,150,.0)) brightness(1)}50%{filter:drop-shadow(0 0 calc(22px * var(--logo-glow-strength)) rgba(40,255,150,.62)) brightness(1.18)}}
@keyframes logoTilt{0%,100%{transform:perspective(900px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(900px) rotateX(calc(var(--logo-tilt-degrees) * -0.35)) rotateY(var(--logo-tilt-degrees))}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes logoPulse{0%,100%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.03);filter:brightness(1.08)}60%{transform:scale(1.06);filter:drop-shadow(0 0 calc(24px * var(--logo-glow-strength)) rgba(45,255,150,.48)) brightness(1.2)}}
@keyframes logoMatrix{0%,100%{opacity:1;filter:brightness(1) contrast(1)}10%{opacity:.82;filter:brightness(1.12) contrast(1.08)}24%{opacity:.96;filter:brightness(.92) contrast(1.18)}38%{opacity:.75;filter:brightness(1.22) contrast(1.42)}56%{opacity:1;filter:brightness(.96) contrast(1.08)}72%{opacity:.84;filter:brightness(1.16) contrast(1.22)}88%{opacity:1;filter:brightness(1.06) contrast(1.12)}}

@keyframes loginScan{0%{transform:translateY(0);opacity:0}8%{opacity:.95}48%{opacity:.75}100%{transform:translateY(100vh);opacity:0}}

/* BCC fixed shell: only the central workspace may scroll vertically. */
html,body,.app-shell,.sidebar,.content,.topbar,.footer{overflow:hidden}
.content{height:100vh;min-height:0}
.page-body{min-height:0;overflow-y:auto;overflow-x:hidden}
.table-wrap,.item-table-wrap,.users-table-wrap{overflow:visible;max-height:none}
.page-body::-webkit-scrollbar{width:12px;height:0}
.page-body::-webkit-scrollbar-thumb{background:rgba(76,255,136,.22);border:1px solid rgba(76,255,136,.28)}
.page-body::-webkit-scrollbar-track{background:#08110b}

/* === GOOGLE LOGIN / BCC 1.64 === */
.login-google-wrap{display:flex;justify-content:center;margin-top:16px}
.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 20px;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:#fff;color:#1f1f1f!important;font-family:Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.24);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.google-login-button:hover{background:#f7f8f8;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.32)}
.google-login-button:active{transform:translateY(0)}
.google-login-icon{flex:0 0 20px}
.google-login-button-secondary{background:transparent;color:#9eff9e!important;border-color:rgba(92,255,135,.4);font-family:Consolas,monospace}
.waiting-panel{text-align:center;max-width:560px;margin-inline:auto}
.google-user-avatar{width:80px;height:80px;border-radius:50%;margin:18px auto 10px;display:block;box-shadow:0 0 22px rgba(105,255,143,.18)}
.waiting-name{font-size:22px;font-weight:700;color:#d9ffe2;margin-top:8px}
.waiting-email{font-family:Consolas,monospace;color:#8fc89c;margin:4px 0 18px}

/* ============================================================
   BCC 1.66 — ALBUM DESK / NO CLASSIC SIDEBAR
   ============================================================ */
html,body{height:100%;overflow:hidden}
.app-shell-no-sidebar{display:block;height:100vh;overflow:hidden}
.app-shell-no-sidebar .content{display:grid;grid-template-rows:76px minmax(0,1fr) 28px;height:100vh;overflow:hidden}
.topbar-main{position:relative;display:grid;grid-template-columns:190px 1fr 260px;gap:12px;align-items:center;padding:4px 14px;border-bottom:1px solid rgba(76,255,136,.22);background:linear-gradient(180deg,rgba(4,12,7,.98),rgba(3,9,5,.94));z-index:30}
.top-logo{display:flex;align-items:center;height:68px;overflow:hidden}
.top-logo img{display:block;max-height:66px;max-width:180px;width:auto;filter:drop-shadow(0 0 8px rgba(76,255,136,.18))}
.topbar-main .page-title{text-align:center;font-size:20px;letter-spacing:3px}
.topbar-main .top-status{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;white-space:nowrap}
.topbar-main .top-status a{padding:7px 9px;border:1px solid var(--line)}
.app-shell-no-sidebar .page-body{min-height:0;overflow:auto;overflow-x:hidden;padding:0 0 30px;background:radial-gradient(circle at 50% 0,rgba(28,68,40,.12),transparent 40%),linear-gradient(180deg,#051009,#020604)}
.footer-main{grid-template-columns:1fr auto 1fr;height:28px;padding:3px 12px;font-size:10px;z-index:20}
.footer-main>div:last-child{text-align:right}

/* Google login: only the button, no box/title */
.login-google-only{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-top:20px!important;min-height:0!important}
.login-google-only::before,.login-google-only::after{display:none!important}
.login-google-only .login-google-wrap{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.login-google-only .google-login-button{min-width:286px;justify-content:center;box-shadow:0 8px 30px rgba(0,0,0,.28)}

/* Mini art anchored to the absolute page corner */
.corner-budynia,.budynia-widget.corner-budynia{position:fixed!important;left:0!important;bottom:0!important;right:auto!important;top:auto!important;width:300px!important;height:205px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;z-index:80!important;overflow:hidden!important;pointer-events:auto!important}
.corner-budynia img{position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left bottom!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;filter:none!important}
.corner-budynia:hover,.corner-budynia:focus{border:0!important;box-shadow:none!important;outline:none!important}

/* yellow sticky admin bookmark */
.admin-sticky{position:fixed;right:-286px;top:118px;width:330px;min-height:70px;z-index:150;transition:right .24s ease;filter:drop-shadow(-8px 10px 18px rgba(0,0,0,.34))}
.admin-sticky.is-open{right:0}
.admin-sticky-tab{position:absolute;left:0;top:18px;width:50px;height:112px;padding:8px 5px;border:0!important;background:#f4df58!important;color:#1c1906!important;font-weight:900;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg);box-shadow:none!important;clip-path:polygon(0 0,100% 4%,94% 96%,5% 100%);z-index:2}
.admin-sticky-tab:hover{background:#ffe96d!important;color:#000!important}
.admin-sticky-sheet{margin-left:44px;min-height:220px;padding:18px 18px 20px;background:linear-gradient(150deg,#fff08a,#e8cd46);color:#211d08;transform:rotate(.25deg);clip-path:polygon(1% 1%,99% 0,100% 96%,95% 100%,3% 98%,0 4%)}
.admin-sticky-sheet::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(70,62,20,.08) 27px 28px)}
.admin-sticky-sheet .sticky-title{position:relative;font-family:'Courier New',monospace;font-size:24px;font-weight:900;margin-bottom:12px;border-bottom:2px solid rgba(50,45,10,.28);z-index:1}
.admin-sticky-sheet a{position:relative;display:block;padding:8px 4px;border-bottom:1px dashed rgba(40,35,5,.25);font-weight:900;z-index:1}
.admin-sticky-sheet a:hover{padding-left:10px;color:#000}

/* desktop / album table */
.album-desk{min-height:calc(100vh - 104px);padding:30px 48px 230px;background:radial-gradient(ellipse at center,rgba(64,110,72,.10),transparent 60%)}
.desk-intro{max-width:820px;margin:0 auto 26px;text-align:center}
.desk-intro h1{margin:0 0 6px;color:var(--accent);font-size:26px;letter-spacing:5px}
.desk-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;max-width:1280px;margin:0 auto}
.album-card{position:relative;display:flex;flex-direction:column;min-height:220px;padding:34px 22px 20px;border:1px solid rgba(173,139,72,.55);border-radius:3px;background:linear-gradient(135deg,#312b1c,#17140e);box-shadow:8px 10px 24px rgba(0,0,0,.36),inset 0 0 34px rgba(255,207,104,.04);transform:rotate(-.35deg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.album-card:nth-child(even){transform:rotate(.45deg)}
.album-card:hover{transform:translateY(-7px) rotate(0);border-color:#d0a758;box-shadow:10px 18px 34px rgba(0,0,0,.48),0 0 16px rgba(76,255,136,.08)}
.album-tape{position:absolute;top:-9px;left:50%;width:84px;height:25px;transform:translateX(-50%) rotate(-2deg);background:rgba(228,207,139,.62);box-shadow:0 1px 2px rgba(0,0,0,.24)}
.album-cover-title{font-size:22px;line-height:1.18;font-weight:900;color:#f3e9c5;text-shadow:0 2px #000;word-break:break-word}
.album-meta{margin-top:auto;padding-top:24px;color:#bba86c;font-size:10px;letter-spacing:1px}
.album-description{margin-top:10px;color:#aaa084;font-size:11px;line-height:1.45}

/* album content */
.album-workspace{padding:14px 18px 230px;max-width:1600px;margin:0 auto}
.album-toolbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;background:rgba(3,10,6,.94);border-bottom:1px solid var(--line)}
.file-picker input{display:none}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;padding:12px 0}
.photo-tile{position:relative;aspect-ratio:4/3;padding:0!important;overflow:hidden;border:1px solid rgba(76,255,136,.12)!important;background:#020402!important;text-align:left;text-transform:none!important}
.photo-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}
.photo-tile:hover img{transform:scale(1.035);filter:brightness(1.1)}
.photo-tile-info{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:22px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;font-size:10px}
.photo-tile-info small{opacity:.7;margin-top:2px}
.album-empty{grid-column:1/-1;padding:80px 20px!important}

/* Facebook-like expanded photo + comments */
.photo-viewer{position:fixed;inset:0;z-index:300;display:none;grid-template-columns:minmax(0,1fr) 390px;background:rgba(0,0,0,.96)}
.photo-viewer.is-open{display:grid}
.viewer-open{overflow:hidden!important}
.photo-viewer-imagebox{display:flex;align-items:center;justify-content:center;min-width:0;padding:22px;background:#000}
.photo-viewer-imagebox img{display:block;max-width:100%;max-height:calc(100vh - 44px);object-fit:contain}
.photo-comments{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#08110b;border-left:1px solid var(--line);min-height:0}
.photo-info{display:flex;flex-direction:column;gap:3px;padding:16px;border-bottom:1px solid var(--line)}
.photo-info b{color:var(--accent)}.photo-info small{color:var(--muted)}
.comments-list{overflow:auto;padding:12px}
.comment{margin-bottom:12px;padding:9px 10px;border-radius:8px;background:#101b13;border:1px solid rgba(76,255,136,.09);font-family:Arial,sans-serif}
.comment-author{font-weight:700;color:#cfffda;font-size:13px}.comment-body{margin:4px 0;font-size:13px;line-height:1.35;white-space:pre-wrap}.comment small{font-size:10px;color:#789582}
.comment-form{padding:10px;border-top:1px solid var(--line)}
.comment-form textarea{width:100%;min-height:76px;resize:vertical;margin-bottom:7px;padding:9px;background:#040805;color:#fff;border:1px solid var(--line)}
.photo-delete-form{padding:0 10px 12px}.danger-btn{width:100%;border:1px solid #673535;background:#251010;color:#ff9b9b;padding:8px;cursor:pointer}
.photo-viewer-close{position:absolute;left:12px;top:10px;z-index:5;width:42px;height:42px;border-radius:50%;font:32px/1 Arial;background:rgba(20,20,20,.72);color:#fff;border:1px solid #555}

/* album admin */
.admin-album-create{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) auto;gap:8px}
.admin-albums-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr);gap:8px;padding:0 4px 220px}
.album-edit-form{display:grid;gap:10px}.album-edit-form>label{display:grid;gap:4px;color:var(--muted)}.album-edit-form textarea{min-height:90px;padding:8px;background:#061009;color:#fff;border:1px solid var(--line)}
.album-edit-form .check-line{display:flex;align-items:center;gap:8px}.member-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:5px;max-height:360px;overflow:auto;padding:4px}
.member-checklist label{display:flex;flex-direction:column;padding:7px;border:1px solid rgba(76,255,136,.12);background:#061009;cursor:pointer}.member-checklist label input{position:absolute;opacity:.01}.member-checklist label:has(input:checked){border-color:var(--accent);background:rgba(76,255,136,.08)}.member-checklist small{color:var(--muted);font-size:9px;margin-left:20px}

@media(max-width:900px){
 .app-shell-no-sidebar .content{grid-template-rows:64px minmax(0,1fr) 26px}.topbar-main{grid-template-columns:110px 1fr auto;padding:3px 7px}.top-logo{height:58px}.top-logo img{max-height:55px;max-width:105px}.topbar-main .page-title{font-size:13px;letter-spacing:1px}.top-status span{display:none}
 .corner-budynia,.budynia-widget.corner-budynia{width:190px!important;height:130px!important}
 .album-desk{padding:20px 12px 145px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.album-card{min-height:175px;padding:28px 14px 14px}.album-cover-title{font-size:17px}
 .photo-viewer{grid-template-columns:1fr;grid-template-rows:minmax(45vh,1fr) minmax(260px,45vh)}.photo-comments{border-left:0;border-top:1px solid var(--line)}.photo-viewer-imagebox{padding:8px}.photo-viewer-imagebox img{max-height:48vh}
 .admin-album-create,.admin-albums-layout{grid-template-columns:1fr}.admin-albums-layout{padding-bottom:145px}.admin-sticky{top:80px}
}

/* === BCC 1.67 / minimal album archive UI === */
.album-desk-minimal{padding-top:34px}.album-desk-minimal .album-grid{margin-top:0}.album-desk-minimal .vintage-album{overflow:hidden;background:linear-gradient(145deg,#2a261d 0%,#12110e 72%);border:1px solid rgba(166,138,78,.42);box-shadow:0 18px 38px rgba(0,0,0,.44),inset 0 0 50px rgba(214,177,95,.035)}
.album-desk-minimal .vintage-album::after{content:"";position:absolute;inset:8px;border:1px solid rgba(210,178,106,.12);pointer-events:none}.album-desk-minimal .album-cover-title{font-family:Georgia,serif;letter-spacing:.035em}.album-desk-minimal .album-meta{font-family:Consolas,monospace;opacity:.72}
.modern-album-workspace{padding-top:0}.icon-toolbar{gap:7px;padding:7px 10px;background:rgba(2,9,5,.94);backdrop-filter:blur(12px)}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(80,255,145,.23);border-radius:9px;background:rgba(5,20,11,.8);color:#b8ffd0;cursor:pointer;transition:.16s ease;text-decoration:none}.icon-btn:hover{transform:translateY(-1px);border-color:rgba(93,255,151,.65);background:rgba(9,34,18,.92);box-shadow:0 0 16px rgba(70,255,140,.09)}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.accent-icon-btn{background:rgba(40,130,70,.2);color:#73ff9f}.danger-icon-btn{color:#ff9292;border-color:rgba(255,90,90,.24)}.album-upload-form{display:flex}.album-upload-form input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toolbar-spacer{flex:1}.album-toolbar-name{font-size:11px;letter-spacing:1.4px;color:rgba(183,255,207,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.new-folder-form{display:flex;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(69,255,134,.12);background:#041008}.new-folder-form[hidden]{display:none}.new-folder-form input{min-width:260px;max-width:460px;background:#020905;border:1px solid rgba(82,255,145,.25);border-radius:8px;color:#e8fff0;padding:0 12px}
.folder-strip{display:flex;gap:7px;overflow-x:auto;padding:9px 10px 7px;border-bottom:1px solid rgba(73,255,139,.08)}.folder-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border-radius:999px;border:1px solid rgba(125,255,164,.13);background:rgba(10,24,14,.66);font-size:11px;color:#a7cdb2}.folder-chip:hover,.folder-chip.is-active{color:#dffff0;border-color:rgba(106,255,151,.42);background:rgba(35,95,54,.18)}.folder-chip small{opacity:.5}.compact-flash{margin:7px 10px;padding:6px 10px;font-size:11px}
.vintage-photo-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;padding:18px}.vintage-photo{position:relative;border:0!important;background:#0b0c0b!important;padding:9px 9px 29px!important;border-radius:2px!important;box-shadow:0 11px 24px rgba(0,0,0,.48),inset 0 0 0 1px rgba(195,176,125,.12)!important;transform:rotate(-.35deg);overflow:hidden}.vintage-photo:nth-child(3n+2){transform:rotate(.45deg)}.vintage-photo:nth-child(4n){transform:rotate(-.15deg)}.vintage-photo:hover{transform:translateY(-5px) rotate(0) scale(1.012);box-shadow:0 18px 35px rgba(0,0,0,.6),0 0 0 1px rgba(212,193,137,.2)!important}.photo-paper{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#050505;box-shadow:inset 0 0 28px rgba(0,0,0,.8)}.photo-paper::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 22px rgba(8,4,0,.5);pointer-events:none}.photo-paper img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04) brightness(.92)}.vintage-photo .photo-tile-info{left:9px;right:9px;bottom:6px;background:none!important;padding:0!important;display:flex;justify-content:space-between;gap:8px;align-items:center}.vintage-photo .photo-tile-info b{font-family:Georgia,serif;font-size:11px;color:#c9c1a9}.vintage-photo .photo-tile-info small{font-size:9px;color:#777266}
.photo-viewer{grid-template-columns:minmax(0,1fr) 360px}.photo-viewer-imagebox{position:relative;padding:28px 60px 28px 60px}.viewer-round-btn{border:1px solid rgba(255,255,255,.18)!important;background:rgba(8,8,8,.62)!important;backdrop-filter:blur(8px)}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:72px;border:0;background:rgba(5,8,6,.55);color:#dfffe8;font:54px/1 Arial;border-radius:12px;cursor:pointer;backdrop-filter:blur(7px);opacity:.7}.viewer-nav:hover{opacity:1;background:rgba(13,36,20,.7)}.viewer-nav:disabled{opacity:.12;cursor:default}.viewer-prev{left:8px}.viewer-next{right:368px}.photo-comments{background:linear-gradient(180deg,#081009,#030705);padding:18px}.photo-info{padding:6px 0 14px;border-bottom:1px solid rgba(102,255,149,.12)}.photo-info b,.photo-info small{display:block}.photo-info small{opacity:.5;margin-top:3px}.comments-list{padding:12px 0}.comment{background:rgba(255,255,255,.035)!important;border:0!important;border-radius:12px!important;margin-bottom:8px!important;padding:9px 11px!important}.icon-comment-form{display:grid;grid-template-columns:1fr 42px;gap:7px;align-items:end}.icon-comment-form textarea{min-height:42px;max-height:120px;border-radius:12px!important;resize:vertical}.photo-delete-form{margin-top:8px;display:flex;justify-content:flex-end}
.admin-sticky{right:-260px;width:304px}.admin-sticky-sheet{min-height:150px;padding-bottom:14px}.admin-sticky-sheet .sticky-title{font-size:19px}.admin-sticky-sheet a{font-size:12px}
.admin-album-console{padding:18px;max-width:1280px;margin:0 auto}.admin-quick-create{display:flex;gap:8px;margin-bottom:12px}.admin-quick-create input{flex:1;max-width:420px;height:42px;padding:0 12px;border-radius:9px;background:#041008;color:#eafff0;border:1px solid rgba(76,255,136,.2)}.icon-admin-action{width:42px;height:42px;border-radius:9px;background:#0c2414;color:#7dffa5;border:1px solid rgba(76,255,136,.3);font-size:24px}.admin-album-split{display:grid;grid-template-columns:300px 1fr;min-height:520px;border:1px solid rgba(76,255,136,.13);border-radius:12px;overflow:hidden;background:rgba(3,12,7,.6)}.admin-album-list{border-right:1px solid rgba(76,255,136,.12);padding:8px}.admin-album-row{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:8px;color:#b9d9c1}.admin-album-row:hover,.admin-album-row.is-active{background:rgba(62,177,96,.12);color:#eafff0}.admin-album-row span{font-size:9px;opacity:.52}.admin-member-pane{position:relative;padding:14px}.admin-title-row{display:flex;gap:10px;align-items:center}.admin-album-name{flex:1;height:44px;padding:0 12px;background:transparent;border:0;border-bottom:1px solid rgba(76,255,136,.2);color:#dffff0;font-size:18px}.switch-line{position:relative}.switch-line input{position:absolute;opacity:0}.switch-line span{display:block;width:42px;height:23px;border-radius:999px;background:#273029;position:relative}.switch-line span::after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:3px;top:3px;background:#819087;transition:.15s}.switch-line input:checked+span{background:#17612d}.switch-line input:checked+span::after{left:22px;background:#80ffa5}.modern-member-list{max-height:430px;margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px}.modern-member-list label{display:grid!important;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:7px;padding:9px 10px!important;border:1px solid rgba(76,255,136,.08)!important;border-radius:9px;background:rgba(255,255,255,.018)}.modern-member-list label input{grid-row:1/3}.modern-member-list label small{grid-column:2;font-size:9px;opacity:.45}.admin-save-fab{position:absolute;right:18px;bottom:18px;width:50px;height:50px;border-radius:50%;background:#1c7a3c;color:#dffff0;border:1px solid #4cff88;font-size:24px;box-shadow:0 8px 25px rgba(0,0,0,.4)}.admin-empty-state{height:100%;display:flex;align-items:center;justify-content:center;opacity:.3}
.corner-budynia,.budynia-widget.corner-budynia{left:0!important;bottom:0!important;width:260px!important;height:190px!important;overflow:visible!important;pointer-events:none!important}.corner-budynia img{left:0!important;bottom:0!important;width:auto!important;height:auto!important;max-width:260px!important;max-height:190px!important;object-fit:contain!important;object-position:left bottom!important;display:block!important}
@media(max-width:760px){.vintage-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.photo-viewer{grid-template-columns:1fr;grid-template-rows:minmax(50vh,1fr) minmax(230px,42vh)}.viewer-next{right:8px}.photo-viewer-imagebox{padding:10px 44px}.admin-album-split{grid-template-columns:1fr}.admin-album-list{border-right:0;border-bottom:1px solid rgba(76,255,136,.12);max-height:190px;overflow:auto}.modern-member-list{grid-template-columns:1fr}.corner-budynia,.budynia-widget.corner-budynia{width:170px!important;height:120px!important}.corner-budynia img{max-width:170px!important;max-height:120px!important}}

/* ========================================================================== 
   BCC 1.68 — SPOŁECZNOŚCI → STOŁY → ALBUMY
   ========================================================================== */
:root{--header-h:70px;--footer-h:34px}
.app-shell-no-sidebar{display:block;height:100vh;overflow:hidden}
.app-shell-no-sidebar .content{height:100vh;display:grid;grid-template-rows:var(--header-h) minmax(0,1fr) var(--footer-h);overflow:hidden}
.topbar-main{height:var(--header-h);padding:5px 18px;grid-template-columns:150px 1fr auto;background:linear-gradient(180deg,rgba(3,12,7,.97),rgba(3,9,6,.92));backdrop-filter:blur(12px)}
.top-logo{height:58px;display:flex;align-items:center}.top-logo img{display:block;max-width:138px;max-height:56px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(76,255,136,.18))}
.top-status{display:flex;gap:16px;align-items:center;font-size:11px}.top-status a{opacity:.72}.top-status a:hover{opacity:1;color:var(--accent)}
.footer-main{height:var(--footer-h);grid-template-columns:1fr auto 1fr;padding:0 12px;font-size:10px}.footer-main>div:last-child{text-align:right}
.app-shell-no-sidebar .page-body{overflow:hidden!important;padding:0;min-height:0;position:relative}

/* SKY / communities */
.sky-screen{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#53a9e9 0%,#76c7f1 42%,#cceaf8 100%);isolation:isolate}
.sky-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 17%,rgba(255,255,255,.62),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 55%);pointer-events:none}
.sky-screen:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-10%;height:35%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.58));filter:blur(16px);z-index:0}
.sky-sun{position:absolute;right:8vw;top:7vh;width:110px;height:110px;border-radius:50%;background:rgba(255,250,211,.9);box-shadow:0 0 75px 34px rgba(255,245,192,.45);z-index:0}.sky-haze{position:absolute;left:0;right:0;top:35%;height:1px;box-shadow:0 0 80px 34px rgba(255,255,255,.18)}
.cloud-field{position:absolute;inset:0;z-index:2}.community-cloud{position:absolute;width:230px;height:112px;color:#38536a;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 14px 12px rgba(36,73,97,.18));transition:transform .28s ease,filter .28s ease;animation:cloudDrift 8s ease-in-out infinite alternate}
.community-cloud:hover{transform:translateY(-8px) scale(1.055)!important;filter:drop-shadow(0 19px 16px rgba(32,69,94,.24));z-index:5}.community-cloud .cloud-puff{position:absolute;background:linear-gradient(180deg,var(--cloud-tint,#fff),color-mix(in srgb,var(--cloud-tint,#fff) 80%,#d8eaf5));border:1px solid rgba(255,255,255,.72);box-shadow:inset -8px -9px 18px rgba(116,152,174,.13),inset 7px 7px 14px rgba(255,255,255,.46)}
.community-cloud .p1{width:142px;height:66px;border-radius:50px;bottom:13px;left:44px}.community-cloud .p2{width:86px;height:86px;border-radius:50%;left:43px;bottom:22px}.community-cloud .p3{width:110px;height:100px;border-radius:50%;left:89px;bottom:19px}.community-cloud .p4{width:78px;height:74px;border-radius:50%;right:28px;bottom:18px}
.cloud-label,.community-cloud small{position:relative;z-index:3;text-shadow:0 1px rgba(255,255,255,.7)}.cloud-label{font-family:Georgia,serif;font-weight:700;font-size:20px;line-height:1.05;max-width:170px}.community-cloud small{font-size:9px;margin-top:5px;opacity:.62}.cloud-pos-1{left:8%;top:16%}.cloud-pos-2{left:38%;top:9%;animation-delay:-2s}.cloud-pos-3{right:9%;top:22%;animation-delay:-4s}.cloud-pos-4{left:18%;top:51%;animation-delay:-5s}.cloud-pos-5{left:49%;top:48%;animation-delay:-1s}.cloud-pos-6{right:8%;top:58%;animation-delay:-3s}.cloud-pos-7{left:4%;top:72%;transform:scale(.82)}.cloud-pos-8{left:68%;top:76%;transform:scale(.82)}
.sky-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#41647c;background:rgba(255,255,255,.48);padding:16px 24px;border-radius:24px}
@keyframes cloudDrift{from{margin-left:-5px;margin-top:0}to{margin-left:7px;margin-top:-5px}}

/* desk / community */
.desk-screen{position:absolute;inset:0;overflow:hidden;background:
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/210px 100%,
repeating-linear-gradient(0deg,rgba(44,20,8,.23) 0,rgba(44,20,8,.23) 2px,transparent 2px,transparent 89px),
repeating-linear-gradient(90deg,#8b4d2d 0,#a76038 10%,#8e4d2d 22%,#a7643c 34%,#854628 48%,#a65e36 61%,#884729 78%,#a65d35 100%);
box-shadow:inset 0 0 100px rgba(30,12,4,.55);perspective:1200px}
.desk-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,rgba(255,214,158,.12),transparent 54%),linear-gradient(180deg,rgba(0,0,0,.14),transparent 18%,transparent 82%,rgba(0,0,0,.2))}
.desk-top-strip{position:absolute;z-index:8;left:16px;right:16px;top:11px;height:42px;display:flex;align-items:center;gap:12px;color:#f7e8d1;text-shadow:0 2px 3px rgba(0,0,0,.6)}.community-name{font-family:Georgia,serif;font-size:21px;font-weight:700}.table-counter{margin-left:auto;font-size:10px;opacity:.72}.round-icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);background:rgba(40,21,11,.52);color:#fff;font-size:18px;box-shadow:0 3px 9px rgba(0,0,0,.25)}.round-icon:hover{background:rgba(40,21,11,.8);color:#fff;border-color:rgba(255,255,255,.5)}
.tables-viewport{position:absolute;inset:54px 64px 10px;overflow:hidden}.tables-track{height:100%;display:flex;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.table-page{position:relative;flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center}.book-grid{width:min(1050px,88vw);height:min(590px,72vh);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;gap:8px 28px;padding:18px 38px}
.album-book{--cover:#70452c;--rot:0deg;position:relative;width:210px;height:140px;border:0;border-radius:4px 9px 9px 4px;background:linear-gradient(100deg,rgba(255,255,255,.11),transparent 8%,transparent 88%,rgba(0,0,0,.14)),var(--cover);color:#f5e6c8;transform:rotate(var(--rot));box-shadow:4px 8px 15px rgba(31,13,5,.42),inset 0 0 0 2px rgba(255,255,255,.08),inset 12px 0 20px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:21px;text-align:center;font-family:Georgia,serif;transition:transform .22s ease,box-shadow .22s ease;cursor:pointer}
.album-book:before{content:"";position:absolute;inset:8px;border:1px solid rgba(232,205,155,.28);border-radius:2px 7px 7px 2px}.album-book:after{content:"";position:absolute;left:11px;top:0;bottom:0;width:4px;background:rgba(0,0,0,.2);box-shadow:3px 0 rgba(255,255,255,.05)}.album-book:hover{transform:rotate(0deg) translateY(-10px) scale(1.04);box-shadow:7px 16px 23px rgba(31,13,5,.48),inset 0 0 0 2px rgba(255,255,255,.1);color:#fff}.album-book strong{font-size:20px;line-height:1.07;max-width:160px;text-shadow:0 2px 2px rgba(0,0,0,.5);z-index:1}.album-book small{font-family:'Lucida Console',monospace;font-size:8px;opacity:.68;margin-top:10px;z-index:1}.book-spine{position:absolute;left:15px;top:9px;bottom:9px;width:1px;background:rgba(255,220,170,.23)}.book-corners:before,.book-corners:after{content:"";position:absolute;width:22px;height:22px;border-color:rgba(242,214,166,.25)}.book-corners:before{left:14px;top:14px;border-left:1px solid;border-top:1px solid}.book-corners:after{right:14px;bottom:14px;border-right:1px solid;border-bottom:1px solid}
.add-book{background:linear-gradient(100deg,rgba(255,255,255,.05),transparent 15%),rgba(67,45,32,.54);border:2px dashed rgba(248,224,190,.35);box-shadow:2px 5px 10px rgba(30,12,5,.2);color:rgba(255,239,214,.68)}.plus-mark{font-family:Arial,sans-serif;font-size:44px;line-height:1;z-index:2}.add-book small{font-size:9px;letter-spacing:1px}
.table-nav{position:absolute;z-index:9;top:50%;transform:translateY(-50%);width:48px;height:80px;border:0;background:rgba(45,22,9,.38);color:rgba(255,244,224,.76);font-family:Arial,sans-serif;font-size:45px;border-radius:12px;backdrop-filter:blur(3px);transition:.2s}.table-nav:hover{background:rgba(45,22,9,.7);color:#fff;border:0}.table-nav-left{left:10px}.table-nav-right{right:10px}.table-props{position:absolute;inset:0;pointer-events:none}.coffee-ring{position:absolute;right:4%;top:7%;width:105px;height:105px;border-radius:50%;border:7px solid rgba(68,31,12,.12);box-shadow:inset 0 0 0 3px rgba(62,27,10,.08)}.paper-note{position:absolute;left:5%;top:6%;width:130px;height:92px;background:rgba(255,240,168,.72);transform:rotate(-4deg);box-shadow:3px 5px 8px rgba(45,20,8,.18)}.pencil{position:absolute;right:10%;bottom:6%;width:190px;height:8px;background:#e9b340;transform:rotate(-17deg);box-shadow:1px 2px 4px rgba(30,10,3,.3)}
.desk-toast{position:absolute;z-index:11;left:50%;top:16px;transform:translateX(-50%);background:rgba(39,20,10,.8);border:1px solid rgba(255,238,210,.25);color:#fff3df;padding:7px 14px;border-radius:16px;font-size:10px}

/* create album modal */
.album-create-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(15,8,4,.62);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .2s}.album-create-modal.is-open{opacity:1;pointer-events:auto}.album-create-card{position:relative;width:min(500px,92vw);padding:26px;display:grid;justify-items:center;gap:16px;background:#e8dcc7;color:#33251b;border-radius:6px;box-shadow:0 25px 60px rgba(0,0,0,.46);font-family:Georgia,serif}.modal-x{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#5d4937;font-size:25px;padding:0}.album-preview{--cover:#6d3926;width:220px;height:145px;background:var(--cover);border-radius:4px 9px 9px 4px;box-shadow:5px 9px 14px rgba(55,32,19,.3),inset 13px 0 18px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;text-align:center;color:#f7e6c7;padding:22px;position:relative}.album-preview:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,232,190,.3)}.album-preview b{font-size:20px;z-index:1}.album-name-input{width:min(370px,80vw);background:transparent!important;border:0!important;border-bottom:1px solid #8e735a!important;color:#342417!important;text-align:center;font-family:Georgia,serif;font-size:18px;padding:8px;outline:0}.cover-swatches{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.cover-swatches label input{display:none}.cover-swatches label span{display:block;width:28px;height:28px;border-radius:50%;background:var(--c);border:3px solid #e8dcc7;box-shadow:0 0 0 1px rgba(42,27,18,.28);cursor:pointer}.cover-swatches label input:checked+span{box-shadow:0 0 0 3px #5d4937}.create-album-btn{width:46px;height:46px;border-radius:50%;border:0;background:#443126;color:#fff;font-size:28px;padding:0}.create-album-btn:hover{background:#201710;color:#fff;border:0}.community-create-card textarea{width:100%;height:70px;background:rgba(255,255,255,.3);border:1px solid #b29d86;color:#342417}.big-cloud-create{font-size:70px;line-height:.8;color:#fff;text-shadow:0 3px 8px rgba(67,91,109,.22)}

/* admin communities */
.admin-community-screen{position:absolute;inset:0;display:grid;grid-template-columns:330px 1fr;background:#07100b;overflow:hidden}.admin-community-list{padding:14px;border-right:1px solid #1a4d2c;overflow:hidden}.admin-section-head{height:42px;display:flex;align-items:center;justify-content:space-between;color:#73ffa1;letter-spacing:1.3px}.admin-community-row{display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-height:60px;margin:6px 0;padding:7px 9px;border:1px solid rgba(76,255,136,.11);background:#08140d}.admin-community-row>span{grid-row:1/3;font-size:27px;color:#dff6ff}.admin-community-row b{font-size:12px}.admin-community-row small{font-size:9px;color:#77a988}.admin-community-row.is-active,.admin-community-row:hover{border-color:#42d978;background:#0b1b11;box-shadow:inset 3px 0 #4cff88}.admin-community-editor{position:relative;padding:18px 22px;overflow:hidden}.community-editor-form{height:100%;display:grid;grid-template-rows:auto 70px auto minmax(0,1fr);gap:12px}.editor-title{display:flex;align-items:center;gap:12px}.editor-title input{flex:1;font-size:22px;border:0;border-bottom:1px solid #255b37;background:transparent;padding:7px;color:#d9ffe4}.mini-cloud{font-size:38px;color:var(--cloud-tint,#fff)}.community-editor-form textarea{resize:none;background:#07100b;border:1px solid #173e25;color:#a9d8b6;padding:9px}.editor-controls{display:flex;gap:24px;align-items:center;font-size:10px;color:#8ec79d}.editor-controls label{display:flex;align-items:center;gap:8px}.editor-controls input[type=color]{width:38px;height:28px;padding:0}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:7px;overflow:auto;padding-right:4px;scrollbar-width:none}.member-grid::-webkit-scrollbar{display:none}.member-chip input{display:none}.member-chip>span{height:56px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:6px;border:1px solid #173c24;background:#08130c;cursor:pointer;transition:.15s}.member-chip img,.member-chip i{grid-row:1/3;width:30px;height:30px;border-radius:50%;object-fit:cover}.member-chip i{display:flex;align-items:center;justify-content:center;color:#275c39}.member-chip b{font-size:10px}.member-chip small{font-size:8px;color:#759482;overflow:hidden;text-overflow:ellipsis}.member-chip input:checked+span{border-color:#4cff88;background:#0d2114;box-shadow:inset 3px 0 #4cff88}.admin-save-fab{position:absolute;right:22px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#1f733b;border:1px solid #4cff88;color:#dfffe9;font-size:24px;box-shadow:0 8px 22px rgba(0,0,0,.35)}.admin-empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#6c9c7a}.admin-flash{position:absolute;right:20px;top:13px;color:#74ff9f;font-size:10px;z-index:3}

/* album view: stay full-screen, no page scrollbar */
.modern-album-workspace{height:100%;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.modern-album-workspace .photo-grid{overflow:auto;scrollbar-width:none;padding-bottom:18px}.modern-album-workspace .photo-grid::-webkit-scrollbar{display:none}

@media(max-width:1000px){.book-grid{grid-template-columns:repeat(3,1fr);width:94vw}.album-book{width:170px;height:115px}.album-book strong{font-size:16px}.community-cloud{transform:scale(.82)}.admin-community-screen{grid-template-columns:260px 1fr}}

/* ============================================================
   BCC 1.69 — NIGHT COMMUNITIES + PERSONAL WORKDESK
   ============================================================ */
html,body{width:100%;height:100%;overflow:hidden}.page-body{overflow:hidden!important}

/* Night community selector */
.night-community-screen{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 105%,#102840 0,#071322 34%,#030913 67%,#010308 100%);isolation:isolate}
.night-community-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 7% 18%,rgba(255,255,255,.92) 0 1px,transparent 1.5px),radial-gradient(circle at 21% 31%,rgba(190,218,255,.76) 0 1px,transparent 1.4px),radial-gradient(circle at 39% 11%,rgba(255,255,255,.7) 0 1px,transparent 1.2px),radial-gradient(circle at 66% 24%,rgba(214,229,255,.86) 0 1px,transparent 1.4px),radial-gradient(circle at 83% 14%,rgba(255,255,255,.8) 0 1px,transparent 1.3px),radial-gradient(circle at 91% 39%,rgba(172,204,255,.65) 0 1px,transparent 1.4px);background-size:190px 170px,260px 230px,310px 260px,230px 200px,340px 280px,290px 250px;opacity:.8;z-index:-5}
.night-aurora{position:absolute;left:-10%;right:-10%;top:8%;height:45%;background:radial-gradient(ellipse at 32% 45%,rgba(38,69,112,.17),transparent 43%),radial-gradient(ellipse at 72% 20%,rgba(25,72,92,.12),transparent 37%);filter:blur(38px)}
.night-horizon{position:absolute;left:-4%;right:-4%;bottom:-8%;height:30%;background:radial-gradient(ellipse at center bottom,rgba(19,54,79,.48),rgba(5,15,27,.1) 56%,transparent 70%);filter:blur(12px)}
.night-community-field{position:absolute;inset:4% 4% 7%;}
.night-community{--tint:#d7e6ef;position:absolute;width:clamp(220px,18vw,360px);height:clamp(100px,12vh,155px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#eaf5ff;filter:drop-shadow(0 10px 25px rgba(0,0,0,.5));transition:transform .35s ease,filter .35s ease;text-decoration:none}
.night-community .mist{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center, color-mix(in srgb,var(--tint) 38%,transparent),rgba(104,129,154,.11) 50%,transparent 72%);filter:blur(14px);opacity:.58;mix-blend-mode:screen}.night-community .mist-a{width:78%;height:70%;left:10%;bottom:9%}.night-community .mist-b{width:55%;height:68%;left:2%;bottom:12%}.night-community .mist-c{width:54%;height:72%;right:2%;bottom:9%}.night-community strong{z-index:2;font-family:Georgia,serif;font-size:clamp(16px,1.25vw,24px);font-weight:500;letter-spacing:.04em;text-shadow:0 2px 11px #000,0 0 20px rgba(157,201,237,.35)}.night-community small{z-index:2;margin-top:7px;color:#809bb0;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.night-community:hover{transform:translateY(-8px) scale(1.06);filter:drop-shadow(0 15px 34px rgba(12,44,72,.68)) brightness(1.22)}
.cloud-night-pos-1{left:8%;top:15%}.cloud-night-pos-2{left:39%;top:7%}.cloud-night-pos-3{right:7%;top:18%}.cloud-night-pos-4{left:19%;top:45%}.cloud-night-pos-5{left:55%;top:40%}.cloud-night-pos-6{right:10%;top:63%}.cloud-night-pos-7{left:4%;top:69%}.cloud-night-pos-8{left:39%;top:69%}.cloud-night-pos-9{right:32%;top:20%}.cloud-night-pos-10{left:31%;top:30%}.night-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#597083;font-size:11px;letter-spacing:.14em}

/* Personal workdesk, 24 x 12 normalized grid */
.workdesk-screen{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,rgba(80,38,19,.08),transparent 8%,transparent 92%,rgba(43,20,10,.11)),repeating-linear-gradient(0deg,#9b542f 0,#9b542f 2px,#a65e37 3px,#a65e37 78px,#704024 80px,#a85f37 82px);box-shadow:inset 0 0 110px rgba(38,13,4,.42)}
.desk-wood-grain{position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(ellipse at 15% 18%,transparent 0 25px,rgba(63,27,12,.2) 26px 28px,transparent 29px),radial-gradient(ellipse at 82% 63%,transparent 0 34px,rgba(55,22,9,.16) 35px 38px,transparent 39px),linear-gradient(93deg,transparent 0 18%,rgba(50,20,8,.08) 18.2%,transparent 18.5% 65%,rgba(255,210,156,.04) 65.2%,transparent 65.5%)}
.desk-toolbar{position:absolute;z-index:30;left:14px;right:14px;top:10px;height:42px;display:grid;grid-template-columns:36px auto 1fr 36px 36px;gap:9px;align-items:center;color:#f5e5cf;text-shadow:0 2px 4px rgba(0,0,0,.5)}.desk-toolbar strong{font:600 18px/1 Georgia,serif}.desk-tool{width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,236,205,.28);background:rgba(54,26,12,.48);color:#fff;font:18px Arial;text-decoration:none;backdrop-filter:blur(3px)}.desk-tool:hover{background:rgba(52,22,8,.8);border-color:rgba(255,239,216,.65);color:#fff}
.desk-grid-overlay{position:absolute;z-index:1;left:1.2%;right:1.2%;top:62px;bottom:29px;pointer-events:none;background-image:linear-gradient(to right,rgba(255,245,225,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,245,225,.035) 1px,transparent 1px);background-size:calc(100% / 24) calc(100% / 12);opacity:.55}
.desk-items{position:absolute;z-index:4;left:1.2%;right:1.2%;top:62px;bottom:29px;overflow:hidden;touch-action:none}.desk-item{position:absolute;left:calc(var(--x) * (100% / 24));top:calc(var(--y) * (100% / 12));user-select:none;touch-action:none}.desk-item.dragging{z-index:99!important;filter:brightness(1.08);cursor:grabbing!important}
.desk-album{--cover:#70452c;width:clamp(145px,10.5vw,205px);height:clamp(96px,7.1vw,138px);transform:rotate(var(--tilt,0deg));border-radius:4px 9px 9px 4px;background:linear-gradient(100deg,rgba(255,255,255,.12),transparent 9%,transparent 88%,rgba(0,0,0,.18)),var(--cover);box-shadow:5px 10px 15px rgba(43,17,6,.46),inset 14px 0 20px rgba(0,0,0,.18),inset 0 0 0 2px rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4e7cd;font-family:Georgia,serif;text-decoration:none;cursor:grab;text-align:center;padding:16px;transition:box-shadow .18s,filter .18s}.desk-album:hover{color:#fff;box-shadow:8px 15px 22px rgba(43,17,6,.52),inset 14px 0 20px rgba(0,0,0,.18)}.desk-album strong{font-size:clamp(13px,1.15vw,20px);line-height:1.05;max-width:88%;text-shadow:0 2px 2px rgba(0,0,0,.55)}.desk-album small{font:7px 'Lucida Console',monospace;opacity:.65;margin-top:8px}.desk-book-spine{position:absolute;left:12px;top:7px;bottom:7px;width:3px;background:rgba(31,13,5,.28);box-shadow:3px 0 rgba(255,255,255,.06)}.desk-book-frame{position:absolute;inset:8px;border:1px solid rgba(239,215,174,.27);border-radius:2px 7px 7px 2px;pointer-events:none}
.sticky-note{width:clamp(105px,8.8vw,165px);height:clamp(85px,7.2vw,135px);background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 35%),var(--note,#f4dc74);box-shadow:4px 7px 12px rgba(52,28,11,.28);transform:rotate(-2deg);cursor:grab;padding:13px 10px 9px}.sticky-note:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent rgba(118,91,23,.18) transparent}.sticky-note textarea{width:100%;height:100%;resize:none;border:0!important;outline:0;background:transparent!important;color:#403317!important;font:12px/1.35 'Segoe Print','Comic Sans MS',cursive;padding:4px;overflow:hidden}.note-delete{position:absolute;z-index:4;right:3px;top:2px;border:0!important;background:transparent!important;color:rgba(65,49,16,.48)!important;font:16px Arial;padding:0;width:20px;height:20px}.note-delete:hover{color:#5e2017!important}.desk-hint{position:absolute;z-index:7;bottom:7px;left:50%;transform:translateX(-50%);font:7px 'Lucida Console',monospace;color:rgba(255,237,213,.42);letter-spacing:.12em}

/* clean admin */
.admin-clean-shell{position:absolute;inset:0;display:grid;grid-template-columns:minmax(240px,310px) 1fr;background:#050a08;color:#d9eee0;overflow:hidden}.admin-clean-list{padding:14px;border-right:1px solid #173423;overflow:hidden}.admin-clean-head{height:44px;display:flex;align-items:center;justify-content:space-between;color:#75d998;letter-spacing:.12em;font-size:11px}.clean-plus{width:30px;height:30px;border-radius:50%;padding:0;border:1px solid #28563a;background:#0c1911;color:#86e5a4;font-size:19px}.admin-person,.admin-community-v2-row{min-height:58px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:7px;margin:5px 0;border:1px solid transparent;color:#cce8d5;text-decoration:none}.admin-person:hover,.admin-person.is-active,.admin-community-v2-row:hover,.admin-community-v2-row.is-active{background:#0b1710;border-color:#235137;box-shadow:inset 3px 0 #56d483}.admin-person img{width:32px;height:32px;border-radius:50%;object-fit:cover}.person-dot{width:18px;height:18px;border-radius:50%;margin-left:7px;background:#27573a}.admin-person span:last-child,.admin-community-v2-row span:last-child{display:grid}.admin-person b,.admin-community-v2-row b{font-size:10px}.admin-person small,.admin-community-v2-row small{font-size:8px;color:#688d75;overflow:hidden;text-overflow:ellipsis}.tiny-cloud,.access-cloud,.large-clean-cloud{display:block;border-radius:50%;background:radial-gradient(ellipse at center,#dceaf1 0 35%,#8fa9b7 56%,transparent 72%);filter:blur(.3px)}.tiny-cloud{width:34px;height:20px}.admin-clean-editor{position:relative;padding:22px;overflow:hidden}.clean-flash{right:22px;top:13px}.user-community-editor{height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px}.user-editor-top{display:flex;align-items:center;gap:18px;border-bottom:1px solid #163624;padding-bottom:12px}.user-editor-top>div{display:grid;margin-right:auto}.user-editor-top small{font-size:7px;color:#699077}.user-editor-top strong{font-size:12px;color:#d9f3e2}.clean-name-input{max-width:520px;background:transparent!important;border:0!important;border-bottom:1px solid #2d6643!important;color:#e5f9eb!important;font-size:22px;padding:8px 0}.mini-toggle{display:flex;align-items:center;gap:7px}.mini-toggle input{display:none}.mini-toggle span{width:30px;height:16px;border-radius:10px;background:#1c3225;position:relative}.mini-toggle span:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:2px;top:2px;background:#617568;transition:.18s}.mini-toggle input:checked+span{background:#225f38}.mini-toggle input:checked+span:after{left:16px;background:#70e397}.mini-toggle em{font-style:normal;font-size:8px;color:#789783}.community-assignment-title,.section-line{font-size:9px;letter-spacing:.14em;color:#6db985}.community-assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:9px;overflow:auto;scrollbar-width:none}.community-assignment-grid::-webkit-scrollbar{display:none}.community-access-card{position:relative;min-height:86px;border:1px solid #173725;background:#08110c;display:grid;grid-template-columns:55px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:10px;cursor:pointer}.community-access-card input{display:none}.community-access-card .access-cloud{grid-row:1/3;width:48px;height:31px;opacity:.6}.community-access-card b{font-size:11px}.community-access-card small{font-size:8px;color:#647d6c}.community-access-card:has(input:checked){border-color:#4ed27c;background:#0d1d13;box-shadow:inset 3px 0 #4ed27c}.community-access-card:has(input:checked) .access-cloud{opacity:1;filter:drop-shadow(0 0 8px rgba(135,199,161,.28))}.user-delete-icon{position:absolute;left:22px;bottom:20px;width:34px;height:34px;border-radius:50%;padding:0;background:#150a0a;border:1px solid #4d2525;color:#9b5b5b}.community-admin-stack{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.community-meta-card{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid #173825;padding-bottom:14px}.community-meta-title{display:flex;align-items:center;gap:13px}.large-clean-cloud{width:62px;height:40px;background:radial-gradient(ellipse at center,var(--t,#d7e6ef) 0 32%,color-mix(in srgb,var(--t,#d7e6ef) 56%,#506579) 55%,transparent 73%)}.community-meta-title input{min-width:280px;background:transparent!important;border:0!important;border-bottom:1px solid #285d3d!important;color:#e1f4e6!important;font-size:21px}.community-meta-card textarea{grid-column:1/2;height:55px;resize:none;background:#07100b;border:1px solid #153522;color:#91b69c;padding:8px}.meta-inline{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:12px}.meta-inline input[type=color]{width:31px;height:27px;padding:0}.icon-save{width:35px;height:35px;border-radius:50%;padding:0;background:#174a2b;border:1px solid #42bd6d;color:#c8f5d6}.community-albums-admin{min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr)}.section-line{display:flex;align-items:center;justify-content:space-between}.admin-album-cards{overflow:auto;scrollbar-width:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));align-content:start;gap:10px}.admin-album-cards::-webkit-scrollbar{display:none}.admin-album-card-v2{--cover:#70452c;min-height:88px;display:grid;grid-template-columns:65px 1fr 34px 34px 34px;grid-template-rows:1fr 1fr;align-items:center;gap:5px;padding:9px;background:#08110c;border:1px solid #183725}.mini-book{grid-row:1/3;width:56px;height:38px;border-radius:2px 5px 5px 2px;background:var(--cover);box-shadow:3px 5px 7px rgba(0,0,0,.35),inset 6px 0 8px rgba(0,0,0,.2)}.admin-album-card-v2 input[name=name]{background:transparent!important;border:0!important;border-bottom:1px solid #245239!important;color:#d8efdf!important;padding:4px}.admin-album-card-v2 small{grid-column:2;color:#65806e;font-size:7px}.admin-album-card-v2 input[type=color]{grid-column:3;grid-row:1/3;width:28px;height:28px;padding:0}.admin-album-card-v2 .mini-toggle{grid-column:4;grid-row:1/3}.admin-album-card-v2 .mini-toggle span{width:24px}.admin-album-card-v2 .mini-toggle input:checked+span:after{left:10px}.admin-album-card-v2 button{grid-column:5;grid-row:1/3;width:28px;height:28px;border-radius:50%;padding:0;background:#143d25;border:1px solid #367c4d;color:#a8e6ba}.modal-cloud{--t:#d7e6ef;width:110px;height:72px}

@media(max-width:900px){.admin-clean-shell{grid-template-columns:220px 1fr}.desk-toolbar strong{font-size:14px}.night-community{width:220px}.desk-album{width:140px;height:94px}.sticky-note{width:105px;height:85px}}

/* =========================================================
   BCC 1.70 — MATRIX NIGHT + SK8 DOSSIER WORKDESK
   ========================================================= */
.matrix-sky{background:radial-gradient(ellipse at 50% 110%,#072416 0,#03160e 30%,#020912 61%,#000207 100%)}
.matrix-sky:before{background-image:radial-gradient(circle at 7% 18%,rgba(76,255,136,.95) 0 1px,transparent 1.5px),radial-gradient(circle at 21% 31%,rgba(176,255,203,.76) 0 1px,transparent 1.4px),radial-gradient(circle at 39% 11%,rgba(76,255,136,.72) 0 1px,transparent 1.2px),radial-gradient(circle at 66% 24%,rgba(211,255,226,.88) 0 1px,transparent 1.4px),radial-gradient(circle at 83% 14%,rgba(76,255,136,.84) 0 1px,transparent 1.3px),radial-gradient(circle at 91% 39%,rgba(141,255,178,.7) 0 1px,transparent 1.4px);background-size:190px 170px,260px 230px,310px 260px,230px 200px,340px 280px,290px 250px;opacity:.86}
.matrix-sky .night-aurora{background:radial-gradient(ellipse at 28% 46%,rgba(20,255,104,.14),transparent 43%),radial-gradient(ellipse at 72% 20%,rgba(0,255,120,.11),transparent 37%);filter:blur(42px)}
.matrix-sky .night-horizon{background:radial-gradient(ellipse at center bottom,rgba(20,120,70,.32),rgba(3,20,16,.08) 58%,transparent 72%)}
.matrix-sky .night-community{--tint:#4cff88;color:#68ff98;filter:drop-shadow(0 10px 28px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(76,255,136,.12))}
.matrix-sky .night-community .mist{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tint) 68%,transparent),rgba(23,122,67,.25) 44%,rgba(2,38,20,.06) 62%,transparent 76%);filter:blur(15px);opacity:.72}
.matrix-sky .night-community strong{color:#66ff96;text-shadow:0 2px 12px #000,0 0 10px rgba(76,255,136,.88),0 0 28px rgba(76,255,136,.4);font-family:'Lucida Console','Courier New',monospace;font-weight:700;letter-spacing:.08em}
.matrix-sky .night-community small{color:#4fbc72;text-shadow:0 0 7px rgba(76,255,136,.35)}
.matrix-sky .night-community:hover{filter:drop-shadow(0 18px 36px rgba(0,0,0,.68)) drop-shadow(0 0 24px rgba(76,255,136,.4)) brightness(1.25)}
.matrix-sky .night-empty{color:#4fbc72}

.sk8-workdesk{background:#070808 url('/assets/dark-wood.png') center/cover no-repeat;box-shadow:inset 0 0 150px #000,inset 0 0 45px rgba(76,255,136,.035)}
.sk8-workdesk:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(0,0,0,.38),transparent 29%,rgba(76,255,136,.018) 50%,transparent 67%,rgba(0,0,0,.42)),radial-gradient(circle at 78% 66%,transparent 0 5%,rgba(0,0,0,.16) 5.4% 5.7%,transparent 6.1%);mix-blend-mode:multiply}
.sk8-workdesk .desk-wood-grain{opacity:.21;background-image:linear-gradient(90deg,transparent 0 9%,rgba(76,255,136,.045) 9.1%,transparent 9.25% 72%,rgba(76,255,136,.03) 72.1%,transparent 72.25%)}
.sk8-workdesk .desk-toolbar{color:#78ff9f;text-shadow:0 0 9px rgba(76,255,136,.45)}
.sk8-workdesk .desk-tool{border-color:rgba(76,255,136,.3);background:rgba(0,9,4,.72);color:#63ff92;box-shadow:0 0 14px rgba(76,255,136,.06)}
.sk8-workdesk .desk-tool:hover{border-color:#4cff88;color:#a6ffbd;box-shadow:0 0 17px rgba(76,255,136,.23)}
.sk8-workdesk .desk-grid-overlay{background-image:linear-gradient(to right,rgba(76,255,136,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(76,255,136,.022) 1px,transparent 1px);opacity:.48}
.sk8-workdesk .desk-hint{color:rgba(76,255,136,.36)}

/* dossier albums */
.dossier-album{width:clamp(145px,10.4vw,205px);height:clamp(112px,8.15vw,160px);border-radius:2px;overflow:visible;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--cover) 54%,#c8a94a),color-mix(in srgb,var(--cover) 48%,#8b712d));color:#0d0d0b!important;border:1px solid rgba(255,222,112,.25);box-shadow:7px 13px 17px rgba(0,0,0,.68),0 0 0 1px rgba(0,0,0,.35),0 0 20px rgba(76,255,136,.035);display:flex;align-items:flex-start;justify-content:flex-start;padding:42px 17px 14px;text-align:left;font-family:'Courier New',monospace;transform:rotate(var(--tilt,0deg));clip-path:polygon(0 2%,93% 0,100% 7%,98% 100%,2% 98%)}
.dossier-album:before{content:"";position:absolute;inset:7px;border:1px solid rgba(33,28,12,.52);pointer-events:none}
.dossier-album:hover{color:#050505!important;filter:brightness(1.1);box-shadow:10px 18px 24px rgba(0,0,0,.76),0 0 20px rgba(76,255,136,.13)}
.dossier-back{position:absolute;z-index:-2;left:9px;right:-7px;top:-7px;bottom:7px;background:#d8cfaa;box-shadow:4px 6px 10px rgba(0,0,0,.42);transform:rotate(2deg)}.dossier-back-b{z-index:-3;left:4px;right:2px;top:-12px;bottom:13px;background:#aaa386;transform:rotate(-2deg)}
.dossier-tab{position:absolute;right:-11px;top:28px;width:22px;height:52px;background:color-mix(in srgb,var(--cover) 54%,#b99b3e);border:1px solid rgba(0,0,0,.34);z-index:-1}
.dossier-stamp{position:absolute;left:16px;top:13px;font:700 7px/1 'Lucida Console',monospace;letter-spacing:.17em;color:rgba(18,17,10,.64)}
.dossier-album strong{position:relative;z-index:2;font:900 clamp(13px,1vw,18px)/1.05 'Courier New',monospace;text-transform:uppercase;letter-spacing:.045em;max-width:92%;text-shadow:none}
.dossier-album small{position:relative;z-index:2;font:700 7px/1 'Lucida Console',monospace;margin-top:7px;color:rgba(13,13,9,.64);letter-spacing:.08em}
.dossier-rule{position:absolute;left:16px;right:18px;bottom:27px;height:2px;background:rgba(14,13,9,.57);box-shadow:0 6px 0 rgba(14,13,9,.26)}
.dossier-code{position:absolute;left:16px;bottom:10px;font:700 5px/1 'Lucida Console',monospace;letter-spacing:.1em;color:rgba(14,13,9,.52)}

/* add objects laying on the workbench */
.desk-add-object{position:absolute;z-index:12;border:0!important;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s;text-transform:none}
.desk-add-object:hover{transform:translateY(-5px) rotate(-1deg);filter:brightness(1.08)}
.desk-add-note{left:calc(21 * (100% / 24));top:calc(1 * (100% / 12));width:clamp(100px,8.3vw,158px);height:clamp(92px,7.8vw,148px);background:linear-gradient(145deg,#ffe986,#efd34f);color:#201b07!important;box-shadow:6px 10px 16px rgba(0,0,0,.55);transform:rotate(-4deg);font:900 clamp(38px,4vw,72px)/1 Arial;padding:0;clip-path:polygon(1% 0,100% 3%,96% 100%,3% 97%)}
.desk-add-note:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 25%,rgba(70,58,9,.07) 25.5% 26%,transparent 26.5%);pointer-events:none}.desk-add-note span{position:relative;z-index:2}
.desk-add-dossier{left:calc(20.5 * (100% / 24));top:calc(5 * (100% / 12));width:clamp(145px,10.4vw,205px);height:clamp(112px,8.15vw,160px);background:linear-gradient(180deg,#d9bd53,#a98c2d);color:#111!important;box-shadow:8px 14px 19px rgba(0,0,0,.64);transform:rotate(3deg);clip-path:polygon(0 2%,93% 0,100% 7%,98% 100%,2% 98%);font-family:'Courier New',monospace;padding:0}
.desk-add-dossier:before{content:"";position:absolute;inset:8px;border:1px solid rgba(28,24,9,.48)}.desk-add-dossier:after{content:"";position:absolute;right:-10px;top:27px;width:20px;height:52px;background:#ad922f;z-index:-1}.desk-add-dossier i{position:absolute;left:9px;right:-6px;top:-8px;bottom:8px;background:#d8cfaa;z-index:-2;box-shadow:4px 6px 10px rgba(0,0,0,.42);transform:rotate(-2deg)}.desk-add-dossier span{display:block;font:900 clamp(38px,4vw,72px)/1 Arial;margin-top:22px}.desk-add-dossier small{display:block;font:700 7px/1 'Lucida Console',monospace;letter-spacing:.14em;margin-top:4px}

/* existing notes: more physical */
.sk8-workdesk .sticky-note{background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 35%),var(--note,#f2d85c);box-shadow:6px 11px 17px rgba(0,0,0,.6);color:#241f08}.sk8-workdesk .sticky-note textarea{color:#29230a!important;font-family:'Segoe Print','Comic Sans MS',cursive}

/* dossier create modal */
.dossier-create-card{background:#11140f;color:#d5efdc;border:1px solid #2f7a48;box-shadow:0 30px 80px rgba(0,0,0,.75),0 0 35px rgba(76,255,136,.08)}
.dossier-create-card .modal-x{color:#5eff8d}.dossier-create-card .album-name-input{color:#dfffe8!important;border-bottom-color:#367e4e!important}.dossier-preview{position:relative;width:230px;height:162px;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--cover) 50%,#d4b742),color-mix(in srgb,var(--cover) 48%,#8b712d));color:#111;padding:36px 17px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-shadow:8px 13px 18px rgba(0,0,0,.5);clip-path:polygon(0 2%,93% 0,100% 7%,98% 100%,2% 98%)}.dossier-preview:before{content:"";position:absolute;inset:8px;border:1px solid rgba(20,18,7,.48)}.dossier-preview span{font:700 7px 'Lucida Console',monospace;letter-spacing:.15em}.dossier-preview b{position:relative;margin-top:24px;font:900 19px/1.05 'Courier New',monospace;text-transform:uppercase;text-align:left}.dossier-preview small{margin-top:auto;font:700 6px 'Lucida Console',monospace;letter-spacing:.12em}.dossier-create-card .create-album-btn{background:#123b22;color:#68ff95;border:1px solid #3fc96c}.dossier-create-card .create-album-btn:hover{background:#19532f;box-shadow:0 0 18px rgba(76,255,136,.22)}

@media(max-width:1100px){.desk-add-note{left:calc(20.5 * (100% / 24))}.desk-add-dossier{left:calc(19.5 * (100% / 24))}}

/* =========================================================
   BCC 1.71 — FULLSCREEN APP / DESK / PHOTO ARCHIVE
   ========================================================= */
:root{--bcc-font:'Lucida Console','Courier New',monospace;--bcc-green:#6dff6d;--bcc-green-soft:#42ff73;--bcc-black:#050807}
*,*::before,*::after{box-sizing:border-box;font-family:var(--bcc-font)!important}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020504;color:#dfffe7}
body.app-page{background:#020504}.app-stage,.app-content,.page-body{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}.content{height:100vh!important}.page-body{height:100vh!important}

/* one right-edge utility menu, no header/footer */
.utility-sticky{position:fixed;z-index:1000;right:0;top:12%;height:52px;display:flex;align-items:flex-start;transform:translateX(270px);transition:transform .22s ease}.utility-sticky.is-open{transform:translateX(0)}
.utility-sticky-tab{width:42px;height:92px;margin-left:-42px;border:0;border-radius:5px 0 0 5px;background:#f0d84f;color:#141104;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:900;letter-spacing:.16em;box-shadow:-4px 7px 18px rgba(0,0,0,.35);cursor:pointer}.utility-sticky-tab:hover{background:#ffe86a;color:#111;border:0}
.utility-sticky-sheet{width:270px;padding:16px 14px 14px;background:#ead454;color:#181405;border-radius:0 0 0 8px;box-shadow:-12px 12px 32px rgba(0,0,0,.46);display:grid;gap:7px}.utility-sticky-sheet a{display:block;padding:10px 9px;color:#181405!important;text-decoration:none;border-bottom:1px solid rgba(40,34,5,.18);font-size:11px;font-weight:800}.utility-sticky-sheet a:hover{background:rgba(255,255,255,.22)}.utility-sticky-sheet .utility-logout{margin-top:9px;border-top:1px solid rgba(40,34,5,.28);border-bottom:0}

/* Realistic night-sky community selector */
.realistic-matrix-sky{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;background:
 radial-gradient(ellipse at 22% 90%,rgba(9,56,27,.28),transparent 42%),
 radial-gradient(ellipse at 78% 22%,rgba(18,70,42,.15),transparent 38%),
 radial-gradient(ellipse at 51% 36%,rgba(10,27,42,.55),transparent 46%),
 linear-gradient(180deg,#010409 0%,#020914 46%,#06131b 100%)!important}
.sky-stars{position:absolute;inset:0;pointer-events:none}.sky-stars.s1{opacity:.62;background-image:radial-gradient(circle,#8cff9f 0 1px,transparent 1.2px),radial-gradient(circle,#d4ffdc 0 .7px,transparent 1px);background-size:137px 151px,233px 207px;background-position:17px 31px,79px 102px}.sky-stars.s2{opacity:.22;filter:blur(.2px);background-image:radial-gradient(circle,#4dff7e 0 1px,transparent 1.6px);background-size:317px 263px;background-position:111px 42px}
.sky-aurora{position:absolute;pointer-events:none;filter:blur(46px);mix-blend-mode:screen}.sky-aurora.a1{left:-10%;right:20%;bottom:-11%;height:32%;background:radial-gradient(ellipse,rgba(40,255,104,.16),rgba(31,172,87,.06) 45%,transparent 74%);transform:rotate(-7deg)}.sky-aurora.a2{right:-12%;top:12%;width:55%;height:34%;background:radial-gradient(ellipse,rgba(67,255,118,.09),transparent 69%);transform:rotate(15deg)}.sky-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,transparent 0 42%,rgba(0,0,0,.28) 100%);pointer-events:none}
.night-community-field{position:absolute!important;inset:0!important}.night-community{color:#d6ffe1!important}.night-community .mist{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tint) 66%,transparent),rgba(21,255,94,.08) 51%,transparent 75%)!important;filter:blur(18px)!important;opacity:.75!important}.night-community strong{font-family:var(--bcc-font)!important;color:#aaffb6!important;font-size:clamp(15px,1.25vw,23px)!important;font-weight:700!important;letter-spacing:.04em!important;text-shadow:0 0 7px rgba(93,255,116,.9),0 0 25px rgba(61,255,103,.5),0 2px 6px #000!important}.night-community small{color:#5adf7f!important;opacity:.75!important}.night-community:hover strong{color:#eaffed!important;text-shadow:0 0 8px #5eff7c,0 0 34px #28ff68!important}

/* Full-screen desk: supplied BCC background, always top-left */
.app-desk,.app-album-workspace,.app-photo-viewer{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),url('/assets/bcc-desk-4k.webp')!important;background-position:left top!important;background-repeat:no-repeat!important;background-size:cover!important;background-color:#070908!important}
.app-desk{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.desk-items{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.desk-grid-overlay,.desk-toolbar,.desk-hint,.desk-wood-grain{display:none!important}.desk-toast{position:fixed!important;z-index:80!important;top:18px!important;left:50%!important;transform:translateX(-50%)!important;background:rgba(2,8,5,.82)!important;color:#8effa6!important;border:1px solid rgba(97,255,126,.25)!important;border-radius:999px!important;padding:8px 13px!important;font-size:10px!important;backdrop-filter:blur(8px)!important}

/* Real classified dossier folders */
.secret-folder{position:absolute!important;left:calc((100% / 24) * var(--x))!important;top:calc((100% / 12) * var(--y))!important;width:clamp(175px,12.3vw,265px)!important;height:clamp(118px,8.2vw,175px)!important;text-decoration:none!important;color:#1c160e!important;transform:rotate(var(--tilt))!important;filter:drop-shadow(0 13px 11px rgba(0,0,0,.58));cursor:grab;user-select:none;transition:filter .18s ease,transform .18s ease}
.secret-folder::before{content:"";position:absolute;left:0;right:0;top:13%;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--cover) 86%,#d0b672),color-mix(in srgb,var(--cover) 78%,#4a351e));border-radius:3px 5px 5px 4px;box-shadow:inset 0 0 0 1px rgba(53,38,19,.5),inset 0 -14px 22px rgba(49,31,11,.2),2px 5px 14px rgba(0,0,0,.45)}
.secret-folder::after{content:"";position:absolute;left:5%;right:5%;top:18%;bottom:5%;background:repeating-linear-gradient(0deg,rgba(62,43,22,.025) 0 1px,transparent 1px 4px);border:1px solid rgba(64,45,26,.3);pointer-events:none}.secret-folder:hover{transform:rotate(0deg) translateY(-7px) scale(1.025)!important;filter:drop-shadow(0 18px 17px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(79,255,108,.12))}.secret-folder.dragging{cursor:grabbing!important;z-index:50!important;transform:rotate(0) scale(1.03)!important}
.folder-tab{position:absolute;z-index:3;left:3%;top:0;width:41%;height:23%;background:linear-gradient(180deg,color-mix(in srgb,var(--cover) 90%,#d2bd80),color-mix(in srgb,var(--cover) 78%,#544020));border-radius:4px 5px 0 0;box-shadow:inset 0 0 0 1px rgba(49,35,17,.4)}.folder-paper{position:absolute;z-index:1;background:#d7d1bf;border:1px solid #8f8875;box-shadow:0 1px 3px rgba(0,0,0,.28)}.folder-paper.p1{left:9%;right:8%;top:9%;bottom:16%;transform:rotate(-1.8deg)}.folder-paper.p2{left:13%;right:5%;top:12%;bottom:11%;transform:rotate(2.2deg);background:#bfc0b7}.folder-paper.p3{left:7%;right:11%;top:14%;bottom:9%;transform:rotate(.6deg);background:#e0dac8}.folder-clip{position:absolute;z-index:6;right:11%;top:10%;width:9%;height:17%;border:2px solid #2b2e2b;border-radius:8px 8px 5px 5px;transform:rotate(8deg);opacity:.68}.folder-classified{position:absolute;z-index:7;left:11%;top:28%;font-size:clamp(7px,.55vw,10px);letter-spacing:.12em;color:#503522;border:1px solid rgba(91,52,30,.55);padding:3px 5px;transform:rotate(-3deg);opacity:.8}.secret-folder strong{position:absolute;z-index:7;left:10%;right:9%;top:49%;font-size:clamp(13px,1vw,20px)!important;line-height:1.05;color:#271a10!important;text-align:left;text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-folder small{position:absolute;z-index:7;left:10%;bottom:17%;font-size:clamp(7px,.52vw,10px)!important;color:#5b4737!important}.folder-code{position:absolute;z-index:7;right:9%;bottom:8%;font-size:clamp(6px,.43vw,8px);color:#66513d;letter-spacing:.08em}

/* shared sticky notes */
.shared-note{width:clamp(125px,9vw,190px)!important;height:clamp(105px,8vw,170px)!important;transform:rotate(-2deg);box-shadow:4px 10px 15px rgba(0,0,0,.42)!important;background:linear-gradient(145deg,#ffe984,#e6ca4d)!important;color:#201c09!important}.shared-note::before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent rgba(155,126,20,.28) transparent}.shared-note textarea{font-family:var(--bcc-font)!important;background:transparent!important;color:#272005!important;border:0!important;resize:none!important;width:100%;height:calc(100% - 20px);padding:15px 12px 4px!important;font-size:11px!important;outline:0!important}.shared-note textarea[readonly]{cursor:default}.note-author{position:absolute;left:10px;bottom:6px;font-size:7px;color:#6a5a17;opacity:.72}.note-delete{z-index:5!important}

/* bottom-right object creation dock */
.desk-create-dock{position:fixed;z-index:35;right:22px;bottom:19px;display:flex;align-items:flex-end;gap:15px}.dock-action{position:relative;border:0!important;background:transparent!important;padding:0!important;cursor:pointer;filter:drop-shadow(0 9px 9px rgba(0,0,0,.55));transition:transform .16s ease}.dock-action:hover{transform:translateY(-5px) rotate(0deg)!important}.dock-action b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:400}.dock-note{width:72px;height:72px;transform:rotate(4deg)}.dock-note span{position:absolute;inset:0;background:linear-gradient(145deg,#ffe981,#e5c947);box-shadow:inset -8px -8px 14px rgba(151,120,13,.16)}.dock-note b{color:#453a09}.dock-folder{width:94px;height:72px;transform:rotate(-3deg)}.dock-folder-shape{position:absolute;left:0;right:0;top:14px;bottom:0;background:#9b8351;border-radius:2px 4px 4px}.dock-folder-shape::before{content:"";position:absolute;left:0;top:-11px;width:48%;height:15px;background:#aa925b;border-radius:3px 4px 0 0}.dock-folder b{color:#15120b}

/* Album: no header, no title chrome, full-screen background */
.app-album-workspace{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;padding:0!important}.floating-album-tools{position:fixed;z-index:50;right:20px;bottom:20px;display:flex;gap:8px;padding:6px;border-radius:15px;background:rgba(2,7,5,.5);backdrop-filter:blur(9px);border:1px solid rgba(89,255,117,.13)}.floating-album-tools .icon-btn{width:42px!important;height:42px!important;border-radius:11px!important;background:rgba(7,13,9,.76)!important;border:1px solid rgba(92,255,120,.22)!important;color:#82ff99!important}.floating-album-tools .icon-btn:hover{border-color:#76ff8c!important;box-shadow:0 0 18px rgba(56,255,91,.18)!important}.floating-folder-form{position:fixed!important;right:20px!important;bottom:76px!important;z-index:55!important;background:rgba(4,10,7,.91)!important;border:1px solid rgba(91,255,117,.24)!important;padding:8px!important;border-radius:9px!important}.floating-folder-strip{position:fixed!important;z-index:45!important;left:18px!important;bottom:18px!important;max-width:calc(100vw - 270px)!important;background:rgba(2,8,5,.52)!important;border:1px solid rgba(91,255,117,.12)!important;border-radius:11px!important;padding:6px!important;backdrop-filter:blur(8px)!important}.floating-flash{position:fixed!important;z-index:70!important;left:50%!important;top:16px!important;transform:translateX(-50%)!important}
.app-photo-grid{position:absolute!important;inset:0!important;padding:42px 60px 92px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;grid-auto-rows:min-content!important;gap:18px!important;align-content:start!important;overflow:hidden!important}.app-photo-tile{background:#0c0d0c!important;padding:7px 7px 27px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:1px!important;box-shadow:0 12px 24px rgba(0,0,0,.56),inset 0 0 0 1px rgba(160,145,110,.05)!important;transform:rotate(-.35deg);max-height:190px}.app-photo-tile:nth-child(3n+2){transform:rotate(.4deg)}.app-photo-tile .photo-paper{aspect-ratio:4/3!important}.app-photo-tile .photo-tile-info{left:7px!important;right:7px!important;bottom:5px!important}.app-photo-tile .photo-tile-info b,.app-photo-tile .photo-tile-info small{font-family:var(--bcc-font)!important}

/* immersive viewer with subtle comments on the right */
.app-photo-viewer{position:fixed!important;inset:0!important;z-index:800!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,22vw)!important;grid-template-rows:100%!important;opacity:0;pointer-events:none;transition:opacity .16s ease}.app-photo-viewer::before{content:"";position:absolute;inset:0;background:rgba(1,4,3,.68);backdrop-filter:blur(5px);z-index:0}.app-photo-viewer.is-open{opacity:1;pointer-events:auto}.photo-viewer-imagebox{position:relative!important;z-index:2!important;grid-column:1!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px 70px!important;background:transparent!important}.photo-viewer-imagebox img{max-width:100%!important;max-height:calc(100vh - 56px)!important;object-fit:contain!important;box-shadow:0 18px 60px rgba(0,0,0,.78)!important}.subtle-comments{position:relative!important;z-index:3!important;grid-column:2!important;width:auto!important;height:100%!important;background:linear-gradient(90deg,rgba(5,9,7,.64),rgba(4,8,6,.9))!important;border-left:1px solid rgba(92,255,119,.09)!important;padding:22px 16px 15px!important;display:flex!important;flex-direction:column!important;backdrop-filter:blur(14px)!important}.photo-info{padding-bottom:12px!important;border-bottom:1px solid rgba(90,255,117,.08)!important}.photo-info b{color:#9effad!important;font-size:11px!important}.photo-info small{display:block;color:#5d8465!important;font-size:8px!important;margin-top:4px}.comments-list{flex:1;overflow:auto!important;padding:12px 2px 6px!important;scrollbar-width:thin}.comment{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;border-radius:0!important;padding:9px 3px!important;margin:0!important}.comment-author{font-size:9px!important;color:#79d88b!important}.comment-body{font-size:10px!important;line-height:1.5!important;color:#c8d7cc!important;margin-top:5px;white-space:pre-wrap}.comment small{font-size:7px!important;color:#4f6654!important}.comment-edit{border:0!important;background:transparent!important;color:#5d9d69!important;font-size:10px!important;padding:0 4px!important;cursor:pointer}.comment-edit-box{width:100%;min-height:54px;background:rgba(0,0,0,.3)!important;border:1px solid rgba(91,255,119,.14)!important;color:#d7ffe0!important;padding:7px!important;resize:none;outline:0}.icon-comment-form{display:grid!important;grid-template-columns:1fr 38px!important;gap:7px!important;border-top:1px solid rgba(90,255,117,.08)!important;padding-top:10px!important}.icon-comment-form textarea{min-height:44px!important;max-height:110px!important;background:rgba(0,0,0,.26)!important;border:1px solid rgba(91,255,117,.11)!important;color:#e5ffe9!important;border-radius:10px!important;padding:10px!important;resize:none!important;font-size:9px!important;outline:0}.icon-comment-form textarea:focus{border-color:rgba(91,255,117,.3)!important}.photo-delete-form{position:absolute!important;right:13px!important;top:13px!important;opacity:.3}.photo-delete-form:hover{opacity:1}.viewer-nav{z-index:6!important;position:fixed!important;top:50%!important;transform:translateY(-50%)!important;width:46px!important;height:74px!important;border:0!important;border-radius:10px!important;background:rgba(2,7,5,.4)!important;color:#83ff99!important;font-size:47px!important;backdrop-filter:blur(8px)!important}.viewer-prev{left:14px!important}.viewer-next{right:calc(22vw + 14px)!important}.viewer-nav:disabled{opacity:.12!important}.photo-viewer-close{display:none!important}

/* Admin pages stay readable without global chrome */
body.app-page .admin-page,body.app-page .admin-shell,body.app-page .panel{position:relative;z-index:1}.page-body>section:not(.app-desk):not(.app-album-workspace):not(.realistic-matrix-sky){height:100%;overflow:auto}

/* Same font across login and admin too */
.google-login-button,.comment,.album-create-card,.album-name-input,.night-community strong,.cloud-label,.album-cover-title,.vintage-photo .photo-tile-info b{font-family:var(--bcc-font)!important}

@media(max-width:1200px){.app-photo-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;padding-left:38px!important;padding-right:38px!important}.app-photo-viewer{grid-template-columns:minmax(0,1fr) 280px!important}.viewer-next{right:294px!important}.secret-folder{width:190px!important;height:128px!important}}

/* =========================================================
   BCC 1.72 — FULLSCREEN ALBUM / REAL DOSSIER / PHOTO INFO
   ========================================================= */

/* right-edge yellow tab: tab grows into the screen, text reads from top to bottom */
.utility-sticky{right:0!important;left:auto!important;transform:translateX(270px)!important}
.utility-sticky.is-open{transform:translateX(0)!important}
.utility-sticky-tab{
    order:-1!important;
    margin-left:-42px!important;margin-right:0!important;
    border-radius:7px 0 0 7px!important;
    writing-mode:vertical-rl!important;
    transform:none!important;
    text-orientation:mixed!important;
}

/* album is always exactly viewport-sized; its 4K desk is blurred behind photo thumbnails */
.app-album-workspace{
    position:fixed!important;inset:0!important;
    width:100vw!important;height:100vh!important;
    max-width:none!important;max-height:none!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#050706!important;
}
.app-album-workspace::before{
    content:"";position:absolute;z-index:-2;
    inset:-22px;
    background-image:linear-gradient(rgba(0,0,0,.13),rgba(0,0,0,.20)),url('/assets/bcc-desk-4k.webp');
    background-position:left top;background-size:100vw 100vh;background-repeat:no-repeat;
    filter:blur(7px) saturate(.88) brightness(.72);
    transform:scale(1.025);
}
.app-album-workspace::after{
    content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
    background:radial-gradient(circle at 50% 38%,rgba(34,255,86,.025),rgba(0,0,0,.18) 74%);
}

/* top yellow slip: only upload + whole-album download */
.album-top-slip{
    position:fixed;z-index:90;top:0;left:50%;transform:translateX(-50%);
    display:flex;align-items:center;gap:4px;
    height:48px;padding:5px 11px 8px;
    background:linear-gradient(180deg,#ffe86a,#e4c63d);
    border-radius:0 0 10px 10px;
    box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 -1px rgba(95,72,0,.18);
}
.album-top-slip::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(92,70,0,.13) 13px 14px)}
.album-top-slip form{margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.slip-icon{position:relative;z-index:1;width:38px;height:34px;display:grid;place-items:center;border:0!important;background:transparent!important;color:#191605!important;cursor:pointer;border-radius:8px!important;padding:0!important;transition:background .14s ease,transform .14s ease}
.slip-icon:hover{background:rgba(255,255,255,.28)!important;transform:translateY(1px)}
.slip-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.slip-icon input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* Folder navigation remains unobtrusive and folder creation is not mixed into top tool slip */
.floating-folder-strip{bottom:15px!important;left:15px!important;max-width:min(70vw,900px)!important;z-index:70!important}
.folder-add-chip{border:0!important;cursor:pointer!important;font-weight:900!important}
.solo-folder-add{position:fixed;z-index:70;left:15px;bottom:15px;width:44px;height:40px;border:1px solid rgba(92,255,119,.16);background:rgba(3,8,5,.55);backdrop-filter:blur(8px);color:#83ff99;border-radius:10px;display:grid;place-items:center;cursor:pointer}
.solo-folder-add svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.solo-folder-add span{position:absolute;font-size:14px;right:5px;top:2px}

/* Full area photo grid */
.app-photo-grid{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    padding:72px 56px 76px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}

/* Realistic classified photo folders on the community desk */
.secret-folder{
    width:clamp(190px,13vw,270px)!important;height:clamp(128px,8.8vw,182px)!important;
    border-radius:3px!important;
    filter:drop-shadow(0 16px 13px rgba(0,0,0,.52))!important;
    transform:rotate(var(--tilt))!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--cover) 82%,#3c2718),color-mix(in srgb,var(--cover) 62%,#20160f))!important;
    box-shadow:inset 0 0 0 1px rgba(255,235,186,.10),inset 0 -10px 22px rgba(42,22,10,.27)!important;
}
.secret-folder::before{content:"";position:absolute;left:7%;right:5%;top:14%;bottom:8%;z-index:2;background:#d6d0bd;transform:rotate(-1.2deg);box-shadow:0 2px 2px rgba(0,0,0,.28);background-image:linear-gradient(rgba(75,59,39,.035) 1px,transparent 1px);background-size:100% 18px}
.secret-folder::after{content:"";position:absolute;left:10%;right:8%;top:17%;bottom:10%;z-index:3;background:linear-gradient(160deg,#ebe7d9,#cac3ad);transform:rotate(.5deg);box-shadow:0 1px 4px rgba(0,0,0,.28)}
.folder-tab{z-index:1!important;left:0!important;top:-8%!important;width:46%!important;height:25%!important;border-radius:4px 7px 0 0!important;background:color-mix(in srgb,var(--cover) 85%,#29170e)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.folder-paper{display:block!important;z-index:2!important;border-radius:1px!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
.folder-paper.p1{left:12%!important;right:4%!important;top:9%!important;bottom:12%!important;transform:rotate(2deg)!important;background:#bbb6a8!important}
.folder-paper.p2{left:8%!important;right:9%!important;top:11%!important;bottom:10%!important;transform:rotate(-1.5deg)!important;background:#d8d2c2!important}
.folder-paper.p3{display:none!important}
.folder-clip{z-index:8!important;right:10%!important;top:8%!important;width:9%!important;height:19%!important;border:2px solid #41443f!important;border-bottom-color:transparent!important;background:transparent!important;box-shadow:none!important;transform:rotate(7deg)!important}
.folder-classified{z-index:9!important;left:12%!important;top:28%!important;background:rgba(227,221,201,.76)!important;border:1px solid rgba(89,67,45,.38)!important;color:#594631!important;font-size:clamp(7px,.58vw,11px)!important;letter-spacing:.14em!important;padding:3px 7px!important;transform:rotate(-1deg)!important}
.secret-folder strong{z-index:9!important;left:11%!important;right:9%!important;top:50%!important;color:#2e2921!important;font-size:clamp(14px,1.08vw,21px)!important;font-weight:900!important;text-shadow:none!important;letter-spacing:.025em!important}
.secret-folder small{z-index:9!important;left:11%!important;bottom:16%!important;color:#6e6658!important;font-size:clamp(7px,.52vw,10px)!important}
.folder-code{z-index:9!important;color:#7b7365!important;right:10%!important;bottom:10%!important}
.secret-folder:hover{transform:rotate(0deg) translateY(-5px)!important;filter:drop-shadow(0 22px 17px rgba(0,0,0,.62)) brightness(1.04)!important}

/* Viewer photo info slip + geek EXIF sheet */
.photo-info-slip{
    position:fixed;z-index:920;left:0;top:12%;
    width:45px;height:98px;padding:7px 5px;
    border:0;border-radius:0 8px 8px 0;
    background:linear-gradient(180deg,#ffe86c,#e0c43a);color:#171405;
    box-shadow:8px 9px 24px rgba(0,0,0,.35);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
    cursor:pointer;opacity:0;pointer-events:none;transform:translateX(-8px);
    transition:opacity .15s ease,transform .15s ease;
}
.app-photo-viewer.is-open .photo-info-slip{opacity:1;pointer-events:auto;transform:translateX(0)}
.photo-info-slip svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.photo-info-slip span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;font-weight:900;letter-spacing:.18em}
.photo-geek-panel{
    position:fixed;z-index:910;left:0;top:0;bottom:0;width:min(470px,39vw);
    transform:translateX(-101%);transition:transform .22s ease;
    background:linear-gradient(165deg,#f6df67,#d9bc36);color:#211d09;
    box-shadow:18px 0 46px rgba(0,0,0,.42);
    display:flex;flex-direction:column;
}
.photo-geek-panel.is-open{transform:translateX(0)}
.geek-panel-head{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(64,54,5,.23);letter-spacing:.13em}
.geek-panel-head b{font-size:11px}.geek-panel-head button{width:32px;height:32px;border:0;background:transparent;color:#211d09;font-size:24px;cursor:pointer}
.geek-panel-body{flex:1;overflow:auto;padding:13px 15px 28px;scrollbar-width:thin;scrollbar-color:rgba(50,42,4,.35) transparent}
.geek-section{padding:9px 0 13px;border-bottom:1px solid rgba(65,54,7,.16)}
.geek-section h3{margin:0 0 7px;font-size:9px;letter-spacing:.16em;color:#57490d}
.geek-row{display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);gap:10px;padding:4px 0;font-size:9px;line-height:1.35}
.geek-row span{color:#756619}.geek-row b{font-weight:700;overflow-wrap:anywhere;color:#211d09}.geek-empty p{font-size:9px;color:#6b5b18}

/* Viewer stays edge-to-edge; info panel overlays rather than shrinking the image */
.app-photo-viewer{width:100vw!important;height:100vh!important}
.photo-viewer-imagebox{min-width:0!important}

@media(max-width:900px){
  .photo-geek-panel{width:min(88vw,470px)}
  .album-top-slip{height:44px}
  .app-photo-grid{padding:64px 30px 70px!important}
}

/* BCC 1.73 — non-layout loading progress */
.app-load-progress{
  position:fixed;z-index:10000;left:0;right:0;top:0;height:3px;
  pointer-events:none;opacity:0;transform:translateZ(0);
  background:rgba(46,255,105,.05);transition:opacity .15s ease;
}
.app-load-progress.is-active{opacity:1}
.app-load-progress>span{
  display:block;width:0;height:100%;
  background:linear-gradient(90deg,#25ff63,#a0ff63,#25ff63);
  box-shadow:0 0 7px rgba(53,255,103,.95),0 0 16px rgba(53,255,103,.48);
  transition:width .16s ease-out;
}

/* BCC 1.74 - personal album layer controls */
.secret-folder{z-index:var(--z,10)!important}
.secret-folder.dragging{z-index:65000!important}
.layer-control{
  position:absolute;right:5px;z-index:30;width:27px;height:27px;
  display:grid;place-items:center;border:1px solid rgba(28,24,17,.32);
  border-radius:50%;background:rgba(226,220,197,.78);color:#28231b;
  font-size:20px;line-height:1;font-weight:900;cursor:pointer;user-select:none;
  opacity:.18;transition:opacity .14s ease,transform .14s ease,background .14s ease,box-shadow .14s ease;
  backdrop-filter:blur(2px);box-shadow:0 2px 6px rgba(0,0,0,.22)
}
.secret-folder:hover .layer-control,.layer-control:focus{opacity:.88}
.layer-control:hover{opacity:1!important;background:#dfff72;box-shadow:0 0 12px rgba(116,255,91,.35);transform:scale(1.08)}
.layer-up{top:5px}
.layer-down{bottom:5px}
.secret-folder.layer-pulse{filter:drop-shadow(0 18px 18px rgba(0,0,0,.7)) drop-shadow(0 0 13px rgba(111,255,92,.42))!important}
@media (max-width:900px){.layer-control{opacity:.64;width:25px;height:25px;font-size:18px}}

/* =========================================================
   BCC 1.75 — PERSONAL NOTE LAYERS / TRASH / GOOGLE CALENDAR
   ========================================================= */
.shared-note{z-index:var(--z,12)!important;position:absolute!important}
.note-hide,.note-layer{position:absolute;z-index:9;border:0;background:rgba(43,35,4,.13);color:#332906;cursor:pointer;font-family:var(--bcc-font);line-height:1;opacity:.42;transition:.15s ease}
.shared-note:hover .note-hide,.shared-note:hover .note-layer{opacity:.92}
.note-hide{left:5px;right:auto;top:5px;width:20px;height:20px;border-radius:50%;font-size:15px}
.note-layer{right:5px;width:20px;height:20px;border-radius:5px;font-size:16px}
.note-layer-up{top:29px}.note-layer-down{bottom:6px}.note-hide:hover,.note-layer:hover{background:rgba(50,39,1,.26);transform:scale(1.06)}
.layer-pulse{filter:drop-shadow(0 0 12px rgba(103,255,124,.4))!important}

.desk-trash-button{position:fixed;left:18px;bottom:17px;z-index:90;width:52px;height:52px;border:1px solid rgba(118,255,136,.18);border-radius:15px;background:rgba(4,8,6,.72);color:#74ff8b;font-size:27px;cursor:pointer;backdrop-filter:blur(9px);box-shadow:0 10px 30px rgba(0,0,0,.38);transition:.16s ease}
.desk-trash-button:hover{transform:translateY(-3px);box-shadow:0 0 24px rgba(67,255,98,.15),0 10px 30px rgba(0,0,0,.45)}
.desk-trash-panel{position:fixed;left:14px;bottom:78px;z-index:120;width:min(360px,calc(100vw - 28px));max-height:58vh;background:rgba(7,9,7,.94);border:1px solid rgba(112,255,131,.2);border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,.65);backdrop-filter:blur(18px);transform:translateY(16px) scale(.97);opacity:0;pointer-events:none;transition:.18s ease;overflow:hidden}
.desk-trash-panel.is-open{transform:none;opacity:1;pointer-events:auto}.desk-trash-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(112,255,131,.1);color:#91ffa4;font-size:10px;letter-spacing:.15em}.desk-trash-head button{border:0;background:transparent;color:#91ffa4;font-size:18px;cursor:pointer}.desk-trash-list{padding:10px;overflow:auto;max-height:calc(58vh - 44px)}.desk-trash-empty{padding:28px;text-align:center;color:#53735a;font-size:9px}.trash-note-card{position:relative;background:linear-gradient(145deg,#ffe985,#dcc347);color:#272005;padding:12px 10px 10px;margin:0 0 8px;box-shadow:0 5px 14px rgba(0,0,0,.25);transform:rotate(-.3deg)}.trash-note-card p{font-size:10px;line-height:1.45;margin:0 0 10px;max-height:70px;overflow:hidden}.trash-note-card small{font-size:7px;opacity:.55}.trash-restore{float:right;border:0;background:#302806;color:#ffe77a;padding:6px 8px;font-size:7px;cursor:pointer}

.desk-calendar-shell{position:fixed;right:0;top:50%;z-index:85;display:flex;align-items:center;transform:translate(calc(100% - 38px),-50%);transition:transform .22s cubic-bezier(.2,.75,.2,1)}
.desk-calendar-shell.is-open{transform:translate(0,-50%)}.desk-calendar-tab{width:38px;height:82px;border:0;border-radius:8px 0 0 8px;background:#f0d84f;color:#332a05;font-size:21px;cursor:pointer;box-shadow:-5px 8px 18px rgba(0,0,0,.3)}
.desk-calendar-panel{width:min(370px,86vw);height:min(560px,76vh);background:linear-gradient(180deg,rgba(8,11,9,.97),rgba(3,7,5,.98));border:1px solid rgba(111,255,130,.16);border-right:0;box-shadow:-20px 20px 60px rgba(0,0,0,.58);backdrop-filter:blur(18px);display:flex;flex-direction:column}
.desk-calendar-head{height:49px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;border-bottom:1px solid rgba(107,255,128,.1)}.desk-calendar-head b{text-align:center;color:#8dffa1;font-size:10px;letter-spacing:.08em}.desk-calendar-head button{border:0;background:transparent;color:#67ff84;font-size:24px;cursor:pointer;height:100%}.desk-calendar-body{flex:1;min-height:0;padding:12px;overflow:hidden}.desk-calendar-foot{height:32px;border-top:1px solid rgba(107,255,128,.08);display:flex;align-items:center;justify-content:flex-end;padding:0 11px}.desk-calendar-foot a{font-size:7px;color:#4c7754;text-decoration:none}.calendar-loading,.calendar-connect{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6e9c75;font-size:9px;text-align:center}.calendar-connect b{color:#8dffa1;font-size:12px}.calendar-connect span{max-width:240px;line-height:1.5}.calendar-connect a{padding:9px 12px;border:1px solid rgba(105,255,128,.25);border-radius:8px;color:#92ffa4;text-decoration:none}.calendar-error span{color:#c8a36d}.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-week{margin-bottom:6px}.cal-week i{text-align:center;color:#4c7654;font-style:normal;font-size:7px}.cal-day{height:38px;border:1px solid rgba(255,255,255,.045);border-radius:7px;background:rgba(255,255,255,.018);color:#9ebaa3;position:relative;cursor:pointer;font-family:var(--bcc-font)}.cal-day:hover{border-color:rgba(102,255,126,.2);background:rgba(78,255,105,.035)}.cal-day b{font-size:9px;font-weight:500}.cal-day.has-event{color:#baffc5;border-color:rgba(83,255,111,.14);box-shadow:inset 0 -2px rgba(70,255,100,.25)}.cal-day em{position:absolute;right:4px;top:3px;width:13px;height:13px;border-radius:50%;background:#62ff7c;color:#061109;font-size:7px;font-style:normal;display:flex;align-items:center;justify-content:center}.cal-agenda{margin-top:12px;border-top:1px solid rgba(103,255,125,.08);padding-top:8px;max-height:148px;overflow:auto}.cal-agenda>div{padding:7px 5px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;gap:9px}.cal-agenda b{font-size:8px;color:#b7d9bd;font-weight:500}.cal-agenda small{font-size:7px;color:#5d8665;white-space:nowrap}.cal-agenda>span{display:block;text-align:center;padding:14px;color:#415947;font-size:7px}

@media(max-width:800px){.desk-calendar-panel{width:300px}.desk-calendar-shell{transform:translate(calc(100% - 34px),-50%)}.desk-calendar-tab{width:34px}.desk-trash-button{width:46px;height:46px}}

/* BCC 1.77 — LOCAL DESK CALENDAR (NO GOOGLE) */
.desk-paper-calendar{background:linear-gradient(180deg,#e9dec2 0%,#d7c7a5 100%);border:1px solid rgba(27,20,10,.35);border-right:0;box-shadow:-18px 18px 55px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.3);color:#292319;position:relative;overflow:visible}
.desk-paper-calendar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 15% 22%,#7c6b4a 0 1px,transparent 1.2px),radial-gradient(circle at 74% 68%,#8a7755 0 1px,transparent 1.2px);background-size:27px 31px,39px 43px;mix-blend-mode:multiply}
.desk-calendar-rings{position:absolute;left:28px;right:28px;top:-12px;display:flex;justify-content:space-between;z-index:2}.desk-calendar-rings i{width:8px;height:25px;border:3px solid #292c27;border-radius:7px;background:transparent;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.desk-paper-calendar .desk-calendar-head{height:58px;padding-top:8px;border-bottom:1px solid rgba(65,52,28,.25)}.desk-paper-calendar .desk-calendar-head b{color:#292319;font-size:12px;letter-spacing:.12em}.desk-paper-calendar .desk-calendar-head button{color:#3b3225;font-size:28px}
.desk-calendar-today{height:90px;display:flex;align-items:center;justify-content:center;gap:15px;border-bottom:1px solid rgba(65,52,28,.22);position:relative;z-index:1}.desk-calendar-today>b{font-size:52px;line-height:1;color:#222018;font-weight:700}.desk-calendar-today>span{font-size:10px;letter-spacing:.13em;color:#4e4331;display:flex;flex-direction:column;gap:5px}.desk-calendar-today small{font-size:8px;letter-spacing:.04em;color:#786a50;text-transform:none}
.desk-paper-calendar .desk-calendar-body{padding:14px 18px 16px;position:relative;z-index:1}.desk-paper-calendar .cal-week i{color:#75674d;font-size:8px;font-weight:700}.desk-paper-calendar .cal-grid{gap:5px}.desk-paper-calendar .cal-day{height:39px;border:1px solid rgba(65,52,28,.16);border-radius:2px;background:rgba(255,255,255,.13);color:#3b3327}.desk-paper-calendar .cal-day:hover{background:rgba(81,255,99,.10);border-color:rgba(31,110,38,.28)}.desk-paper-calendar .cal-day b{font-size:10px}.desk-paper-calendar .cal-day.is-today{background:#203b23;color:#9dff9c;border-color:#2f6a36;box-shadow:inset 0 0 0 1px rgba(116,255,124,.18),0 2px 8px rgba(0,0,0,.2)}
.desk-paper-calendar .desk-calendar-foot{height:34px;justify-content:center;color:#75694f;font-size:7px;letter-spacing:.14em;border-top:1px solid rgba(65,52,28,.18);position:relative;z-index:1}

/* =========================================================
   BCC 1.78 - PERSONAL NOTE LAYERS + MOVABLE LIVE TRASH
   ========================================================= */
.note-layer{display:grid!important;place-items:center!important;font-family:Arial,sans-serif!important;font-weight:900!important;color:rgba(58,45,4,.62)!important;background:rgba(71,56,5,.09)!important;border:1px solid rgba(70,54,3,.08)!important}
.note-layer-up,.note-layer-down{font-size:15px!important;line-height:18px!important}
.note-layer-down{bottom:6px!important}
.note-layer:hover{color:#2b2102!important;background:rgba(64,49,2,.19)!important;border-color:rgba(60,45,2,.18)!important}

/* Realistic movable wastebasket; position is driven by the same 24x12 desk grid. */
.desk-trash-button{position:absolute!important;left:calc(var(--x) * (100% / 24))!important;top:calc(var(--y) * (100% / 12))!important;bottom:auto!important;width:86px!important;height:104px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;backdrop-filter:none!important;cursor:grab!important;transform:translate(-4px,-5px)!important;overflow:visible!important;z-index:var(--z,20)!important;filter:drop-shadow(0 14px 13px rgba(0,0,0,.58))}
.desk-trash-button:hover{transform:translate(-4px,-8px)!important;box-shadow:none!important;filter:drop-shadow(0 16px 15px rgba(0,0,0,.65)) brightness(1.05)}
.desk-trash-button.dragging{cursor:grabbing!important;transform:translate(-4px,-8px)!important}
.trash-rim{position:absolute;left:8px;right:8px;top:16px;height:17px;border-radius:50%;background:linear-gradient(180deg,#c9d0cc 0%,#6f7874 38%,#272d2b 68%,#111513 100%);border:1px solid rgba(220,240,230,.34);box-shadow:inset 0 2px 2px rgba(255,255,255,.45),0 3px 5px rgba(0,0,0,.65);z-index:5}
.trash-rim:after{content:"";position:absolute;left:6px;right:6px;top:4px;height:8px;border-radius:50%;background:#090c0b;box-shadow:inset 0 2px 5px #000}
.trash-body{position:absolute;left:14px;right:14px;top:24px;bottom:7px;display:flex;justify-content:space-evenly;align-items:stretch;overflow:hidden;border-radius:8px 8px 19px 19px;background:linear-gradient(90deg,#1a211e 0%,#76807b 14%,#313936 27%,#8a9490 50%,#343c39 72%,#68726e 86%,#151b18 100%);border:1px solid rgba(185,204,195,.32);box-shadow:inset 0 0 14px rgba(0,0,0,.56),inset 4px 0 4px rgba(255,255,255,.08)}
.trash-body:after{content:"";position:absolute;inset:6px 5px 10px;border-radius:4px 4px 12px 12px;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.4) 8px 10px,rgba(255,255,255,.08) 11px 12px);opacity:.8}
.trash-body i{display:block;width:2px;background:rgba(2,5,4,.48);z-index:2}
.trash-paper{position:absolute;z-index:4;display:block;background:#dadbd1;box-shadow:0 1px 3px rgba(0,0,0,.5);transform-origin:center}
.trash-paper.p1{width:25px;height:19px;left:23px;top:4px;transform:rotate(-12deg) skew(-5deg);clip-path:polygon(0 15%,100% 0,89% 100%,8% 89%)}
.trash-paper.p2{width:22px;height:21px;left:42px;top:7px;transform:rotate(14deg);background:#c8ccc5;clip-path:polygon(3% 0,100% 14%,83% 100%,0 78%)}
.trash-paper.p3{width:17px;height:16px;left:34px;top:0;transform:rotate(34deg);background:#eff0e7;clip-path:polygon(0 3%,100% 0,78% 100%,14% 85%)}
.desk-trash-button:after{content:"KOSZ";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font:700 7px/1 var(--bcc-font);letter-spacing:.15em;color:rgba(126,255,148,.7);text-shadow:0 1px 5px #000}

/* Live note transitions when hiding/restoring. */
.note-to-trash{pointer-events:none!important;animation:bccNoteTrash .18s ease-in forwards}
.note-pop-in{animation:bccNoteRestore .22s cubic-bezier(.2,.8,.25,1.2) both}
@keyframes bccNoteTrash{to{opacity:0;transform:scale(.58) rotate(9deg);filter:blur(2px)}}
@keyframes bccNoteRestore{from{opacity:0;transform:scale(.7) rotate(-7deg)}to{opacity:1}}

/* Trash drawer stays UI-fixed even though the bin itself is movable. */
.desk-trash-panel{left:18px!important;bottom:18px!important;z-index:180!important}
.trash-restore:disabled{opacity:.45;cursor:wait}

.admin-empty-album-delete{border-color:rgba(255,115,95,.32)!important;color:#ff8f7c!important;background:rgba(64,8,5,.45)!important}.admin-empty-album-delete:hover{background:rgba(116,15,8,.65)!important;color:#ffd3ca!important}

/* === BCC 1.80 / MODERN ADMIN CONTROL DESK === */
.admin-pro-shell{position:absolute;inset:0;display:grid;grid-template-columns:292px minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 75% -10%,rgba(36,255,93,.07),transparent 34%),linear-gradient(180deg,#040907,#020604 72%);color:#e8fff0;font-family:var(--bcc-font)}
.admin-pro-sidebar{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px 14px 14px;background:linear-gradient(180deg,rgba(9,22,14,.98),rgba(4,10,7,.98));border-right:1px solid rgba(76,255,136,.13);box-shadow:18px 0 50px rgba(0,0,0,.2)}
.admin-pro-brand{height:62px;display:flex;align-items:center;gap:11px;padding:0 6px 13px;border-bottom:1px solid rgba(76,255,136,.1)}
.admin-pro-brandmark{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(90,255,130,.4);border-radius:12px;background:linear-gradient(145deg,#132a1b,#07110b);color:#79ff9c;font-weight:900;font-size:14px;letter-spacing:.08em;box-shadow:inset 0 0 15px rgba(70,255,109,.06),0 0 22px rgba(44,255,94,.05)}
.admin-pro-brandmark.big{width:76px;height:76px;border-radius:18px;font-size:23px;margin:auto}
.admin-pro-brand>div:last-child{display:grid}.admin-pro-brand b{font-size:11px;letter-spacing:.12em;color:#dffff0}.admin-pro-brand small{margin-top:4px;font-size:7px;letter-spacing:.17em;color:#557763}
.admin-pro-primary{height:40px;margin:14px 5px 10px;border:1px solid rgba(84,255,127,.34);border-radius:10px;background:linear-gradient(180deg,#163a24,#0e2819);color:#bfffd0;font:700 9px var(--bcc-font);letter-spacing:.08em;cursor:pointer;transition:.18s ease}.admin-pro-primary span{font-size:16px;margin-right:7px;vertical-align:-1px}.admin-pro-primary:hover{border-color:#65ff8b;background:#19472a;box-shadow:0 0 20px rgba(54,255,102,.08);transform:translateY(-1px)}.admin-pro-primary.compact{width:auto;margin:0;padding:0 14px}.admin-pro-primary.modal-submit{width:100%;margin:8px 0 0}
.admin-pro-nav{min-height:0;overflow:auto;padding:2px 2px 70px;scrollbar-width:none}.admin-pro-nav::-webkit-scrollbar{display:none}.admin-pro-navrow{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:61px;margin:5px 2px;padding:8px 9px;border:1px solid transparent;border-radius:11px;color:#b8d5c1;text-decoration:none;transition:.15s ease}.admin-pro-navrow:hover{background:rgba(88,255,132,.055);border-color:rgba(80,255,126,.12)}.admin-pro-navrow.is-active{background:linear-gradient(90deg,rgba(72,255,117,.11),rgba(72,255,117,.025));border-color:rgba(76,255,136,.26);box-shadow:inset 3px 0 #59ff82,0 8px 24px rgba(0,0,0,.16)}.admin-pro-navrow>i{font-style:normal;color:#42664d;font-size:18px}.admin-pro-navrow.is-active>i{color:#6fff92}.admin-pro-navtext{min-width:0;display:grid;gap:5px}.admin-pro-navtext b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pro-navtext small{font-size:7px;color:#5d8069;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pro-cloud{--cloud:#7dff9f;position:relative;width:38px;height:20px;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--cloud) 78%,#fff) 0 35%,var(--cloud) 50%,transparent 73%);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cloud) 42%,transparent));opacity:.92}.admin-pro-cloud.large{width:64px;height:34px}.admin-pro-navrow.user{grid-template-columns:42px minmax(0,1fr) 18px}.admin-pro-navrow.user img,.admin-pro-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.admin-pro-avatar{display:grid;place-items:center;background:#102419;border:1px solid #275e3b;color:#71e794}.admin-pro-avatar.large{width:54px;height:54px;font-size:18px}.admin-pro-side-title{padding:15px 7px 8px;font-size:7px;letter-spacing:.17em;color:#557763}.admin-pro-sidefoot{position:absolute;left:14px;right:14px;bottom:13px;height:35px;display:flex;align-items:center;gap:7px;padding:0 9px;border-top:1px solid rgba(76,255,136,.08);background:#07100b;color:#587963;font-size:7px;letter-spacing:.12em}.status-dot{width:7px;height:7px;border-radius:50%;background:#55ff7f;box-shadow:0 0 8px #55ff7f}
.admin-pro-main{position:relative;min-width:0;overflow:auto;padding:24px 28px 80px;scrollbar-width:none}.admin-pro-main::-webkit-scrollbar{display:none}.admin-pro-header{display:flex;align-items:center;justify-content:space-between;min-height:86px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid rgba(76,255,136,.1)}.admin-pro-header small,.admin-pro-sectionhead small,.admin-pro-modalcard>small{font-size:7px;letter-spacing:.18em;color:#5f9d70}.admin-pro-header h1{margin:5px 0 5px;font-size:25px;font-weight:700;letter-spacing:.01em;color:#effff4}.admin-pro-header p{margin:0;color:#64836e;font-size:8px}.admin-pro-header-actions{display:flex;gap:8px}.admin-pro-iconbtn{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(76,255,136,.18);border-radius:10px;background:#09150e;color:#91ffad;text-decoration:none;font-size:17px}.admin-pro-iconbtn:hover{border-color:#55ff7e;background:#0d2115}.admin-pro-toast{position:fixed;right:28px;top:20px;z-index:500;padding:10px 14px;border:1px solid rgba(80,255,124,.22);border-radius:10px;background:rgba(8,27,15,.93);box-shadow:0 12px 30px rgba(0,0,0,.35);color:#83ffa3;font-size:8px;letter-spacing:.08em}
.admin-pro-card{border:1px solid rgba(76,255,136,.11);border-radius:14px;background:linear-gradient(180deg,rgba(13,28,18,.75),rgba(6,15,10,.75));box-shadow:0 14px 40px rgba(0,0,0,.16);padding:16px 18px}.admin-pro-cardhead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid rgba(76,255,136,.08)}.admin-pro-cardhead>div{display:grid;gap:4px}.admin-pro-cardhead b{font-size:9px;letter-spacing:.1em}.admin-pro-cardhead small{font-size:7px;color:#5d7e67}.admin-pro-community-card{margin-bottom:24px}.admin-pro-formgrid{display:grid;grid-template-columns:minmax(260px,1fr) 120px auto auto;gap:12px;align-items:end}.admin-pro-field{display:grid;gap:7px}.admin-pro-field>span{font-size:7px;letter-spacing:.13em;color:#668e70}.admin-pro-field input,.admin-pro-field textarea{width:100%;border:1px solid rgba(80,255,127,.11);border-radius:9px;background:#06100a;color:#e7fff0;padding:10px 11px;outline:0;font:10px var(--bcc-font)}.admin-pro-field input:focus,.admin-pro-field textarea:focus{border-color:rgba(92,255,133,.4);box-shadow:0 0 0 3px rgba(68,255,111,.04)}.admin-pro-field textarea{min-height:62px;resize:vertical}.admin-pro-field.wide{grid-column:1/3}.admin-pro-colorfield input[type=color]{height:39px;padding:4px;cursor:pointer}.admin-pro-switch{display:flex;align-items:center;gap:8px;min-height:40px}.admin-pro-switch input,.admin-pro-mini-switch input{display:none}.admin-pro-switch>span,.admin-pro-mini-switch>span{position:relative;width:37px;height:20px;border-radius:999px;background:#19271e;border:1px solid #283b2e;transition:.15s}.admin-pro-switch>span:after,.admin-pro-mini-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#69766d;transition:.15s}.admin-pro-switch input:checked+span,.admin-pro-mini-switch input:checked+span{background:#17492a;border-color:#2e9b52}.admin-pro-switch input:checked+span:after,.admin-pro-mini-switch input:checked+span:after{left:20px;background:#65ff8e;box-shadow:0 0 7px rgba(80,255,123,.45)}.admin-pro-switch em{font-style:normal;font-size:7px;color:#6f9079}.admin-pro-save{height:40px;padding:0 16px;border:1px solid #2f9c52;border-radius:10px;background:#163e25;color:#bfffd0;font:700 8px var(--bcc-font);letter-spacing:.08em;cursor:pointer}.admin-pro-save span{font-size:14px;margin-right:6px}.admin-pro-save:hover{border-color:#67ff8d;background:#1b4d2d}.admin-pro-save.big{min-width:130px}
.admin-pro-section{margin-top:8px}.admin-pro-sectionhead{height:58px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-pro-sectionhead h2{margin:4px 0 0;font-size:18px;letter-spacing:.05em}.admin-pro-albumgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;align-content:start}.admin-pro-albumcard{position:relative;min-height:126px;display:grid;grid-template-columns:92px minmax(0,1fr) 44px;grid-template-rows:1fr auto;gap:10px;padding:14px 14px 10px;border:1px solid rgba(80,255,127,.1);border-radius:14px;background:linear-gradient(155deg,rgba(16,34,22,.82),rgba(7,16,11,.9));box-shadow:0 10px 28px rgba(0,0,0,.2);overflow:hidden;transition:.16s ease}.admin-pro-albumcard:hover{border-color:rgba(80,255,127,.22);transform:translateY(-1px);box-shadow:0 16px 32px rgba(0,0,0,.25)}.admin-pro-foldericon{--cover:#70452c;position:relative;width:84px;height:62px;margin-top:5px;border-radius:2px 5px 5px 2px;background:linear-gradient(145deg,color-mix(in srgb,var(--cover) 82%,#fff),var(--cover));box-shadow:6px 8px 13px rgba(0,0,0,.36),inset 7px 0 10px rgba(0,0,0,.16);transform:rotate(-2deg)}.admin-pro-foldericon:before{content:"";position:absolute;left:7px;right:5px;top:-5px;height:51px;border:1px solid rgba(32,23,15,.18);background:#d7d2bf;box-shadow:0 2px 5px rgba(0,0,0,.18);transform:rotate(1deg);z-index:-1}.admin-pro-foldericon i{position:absolute;right:9px;top:-3px;width:12px;height:24px;border:2px solid #6a6557;border-bottom:0;border-radius:7px 7px 0 0;transform:rotate(7deg)}.admin-pro-foldericon span{position:absolute;left:11px;bottom:11px;padding:3px 5px;border:1px solid rgba(70,60,42,.28);color:#665f50;background:rgba(245,241,221,.65);font-size:5px;letter-spacing:.09em}.admin-pro-foldericon.modal-folder{margin:9px auto 18px;transform:rotate(-1deg) scale(1.15)}.admin-pro-albumcontent{min-width:0;display:flex;flex-direction:column;justify-content:center}.admin-pro-albumname{width:100%;border:0;border-bottom:1px solid rgba(82,255,130,.12);background:transparent;color:#eefff3;padding:5px 2px 8px;outline:0;font:600 12px var(--bcc-font)}.admin-pro-albumname:focus{border-color:#55ff83}.admin-pro-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:#617b69;font-size:7px}.admin-pro-albumtools{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:center;justify-items:center}.admin-pro-color{width:31px;height:31px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0a150e;padding:3px}.admin-pro-mini-switch{display:flex;align-items:center}.admin-pro-mini-switch>span{width:31px;height:17px}.admin-pro-mini-switch>span:after{width:9px;height:9px}.admin-pro-mini-switch input:checked+span:after{left:17px}.admin-pro-round{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;border:1px solid rgba(80,255,127,.16);background:#0c1b11;color:#91ffab;cursor:pointer;font-size:13px}.admin-pro-round.save:hover{border-color:#54ff80;background:#12321d}.admin-pro-round.delete{border-color:rgba(255,102,85,.36);color:#ff9a8e;background:#1f0d0b}.admin-pro-round.delete:hover{border-color:#ff6f60;background:#3a120e;color:#ffd2cc}.admin-pro-round.locked{opacity:.25;cursor:not-allowed;color:#8b968d}.admin-pro-albumstatus{grid-column:1/-1;height:25px;margin:0 -14px -10px;padding:0 13px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.04);font-size:6px;letter-spacing:.11em}.admin-pro-albumstatus.is-empty{color:#7eff9c;background:rgba(36,121,61,.12)}.admin-pro-albumstatus.has-data{color:#76867a;background:rgba(255,255,255,.015)}.admin-pro-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed rgba(75,255,127,.12);border-radius:14px;color:#587561}.admin-pro-empty>span{font-size:32px}.admin-pro-empty b{font-size:10px}.admin-pro-empty small{font-size:7px}
.admin-pro-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(0,4,2,.72);backdrop-filter:blur(11px);opacity:0;pointer-events:none;transition:.18s ease}.admin-pro-modal.is-open{opacity:1;pointer-events:auto}.admin-pro-modalcard{position:relative;width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid rgba(84,255,128,.18);border-radius:18px;background:linear-gradient(160deg,#0c1b11,#050b08 72%);box-shadow:0 28px 80px rgba(0,0,0,.7)}.admin-pro-modalcard h2{margin:6px 0 19px;font-size:21px}.admin-pro-modalcard .admin-pro-field{margin-bottom:12px}.admin-pro-modalx{position:absolute;right:13px;top:12px;width:31px;height:31px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#09120d;color:#71877a;font-size:18px;cursor:pointer}.admin-pro-modalx:hover{color:#fff;border-color:#526e5b}.admin-pro-welcome{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;text-align:center;gap:11px;color:#557261}.admin-pro-welcome h1{margin:0;color:#b7d9c1;font-size:18px}.admin-pro-welcome p{margin:0;font-size:8px}.admin-pro-usereditor{display:grid;gap:18px}.admin-pro-useridentity{display:flex;align-items:center;gap:14px}.admin-pro-useridentity img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid rgba(82,255,130,.22)}.admin-pro-userflags{display:flex;gap:18px}.user-communities{margin-top:0}.admin-pro-accessgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.admin-pro-accesscard{position:relative;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;min-height:76px;padding:10px 12px;border:1px solid rgba(76,255,136,.09);border-radius:12px;background:rgba(8,19,12,.72);cursor:pointer;transition:.15s}.admin-pro-accesscard:hover{border-color:rgba(76,255,136,.22)}.admin-pro-accesscard input{display:none}.admin-pro-accesscard>div{display:grid;gap:5px}.admin-pro-accesscard b{font-size:9px}.admin-pro-accesscard small{font-size:7px;color:#5f7967}.admin-pro-accesscard>i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#17231b;color:#4e6254;font-style:normal;opacity:.35}.admin-pro-accesscard:has(input:checked){border-color:rgba(82,255,127,.42);background:rgba(20,55,31,.68);box-shadow:inset 3px 0 #58ff83}.admin-pro-accesscard:has(input:checked)>i{background:#1d6b38;color:#baffc9;opacity:1}.admin-pro-bottom-actions{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(76,255,136,.09)}.admin-pro-danger{height:38px;padding:0 13px;border:1px solid rgba(255,105,92,.24);border-radius:10px;background:#190b09;color:#b86d64;font:700 7px var(--bcc-font);letter-spacing:.08em;cursor:pointer}.admin-pro-danger:hover{border-color:#ff7568;color:#ffafa6;background:#2b0f0c}
@media(max-width:1100px){.admin-pro-shell{grid-template-columns:240px 1fr}.admin-pro-formgrid{grid-template-columns:1fr 100px}.admin-pro-field.wide{grid-column:1/-1}.admin-pro-save{grid-column:2}.admin-pro-albumgrid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-pro-shell{grid-template-columns:1fr}.admin-pro-sidebar{display:none}.admin-pro-main{padding:18px 14px 70px}.admin-pro-formgrid{grid-template-columns:1fr}.admin-pro-field.wide,.admin-pro-save{grid-column:auto}.admin-pro-albumcard{grid-template-columns:78px minmax(0,1fr) 40px}.admin-pro-foldericon{transform:scale(.88) rotate(-2deg);transform-origin:left center}.admin-pro-userflags{flex-direction:column;gap:7px}}

/* BCC 1.81 — unified yellow album action strip */
.album-top-slip{
    gap:0!important;
    height:52px!important;
    padding:5px 7px 9px!important;
    border-radius:0 0 13px 13px!important;
    background:linear-gradient(180deg,#ffe976 0%,#f6d74d 58%,#dfbd32 100%)!important;
    border:1px solid rgba(93,70,0,.28)!important;
    border-top:0!important;
    box-shadow:0 12px 35px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.34) inset,0 -2px 0 rgba(92,70,0,.12) inset!important;
}
.album-top-slip::after{
    content:"";position:absolute;left:10px;right:10px;bottom:4px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(94,70,0,.25),transparent);pointer-events:none
}
.album-top-slip .slip-icon{
    width:46px!important;height:38px!important;border-radius:9px!important;
    color:#25200b!important;background:transparent!important;
    border-right:1px solid rgba(86,66,0,.15)!important;
}
.album-top-slip .slip-icon:last-child{border-right:0!important}
.album-top-slip .slip-icon:hover{
    background:rgba(255,255,255,.34)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 4px 12px rgba(88,67,0,.12)!important;
}
.album-top-slip .slip-icon:active{transform:translateY(1px)!important;background:rgba(91,69,0,.12)!important}
.album-top-slip .slip-icon svg{width:22px!important;height:22px!important;stroke-width:1.85!important}
/* folder creator now drops down from the top action strip */
.floating-folder-form{
    position:fixed!important;z-index:95!important;
    top:60px!important;left:50%!important;right:auto!important;bottom:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;align-items:center!important;gap:7px!important;
    padding:8px!important;border-radius:11px!important;
    background:rgba(8,10,8,.94)!important;border:1px solid rgba(246,215,77,.32)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.52)!important;backdrop-filter:blur(14px)!important;
}
.floating-folder-form[hidden]{display:none!important}
.floating-folder-form input{
    min-width:220px!important;height:36px!important;padding:0 11px!important;
    border-radius:8px!important;border:1px solid rgba(246,215,77,.24)!important;
    background:#10130f!important;color:#f7e77c!important;outline:0!important;
}
.floating-folder-form input:focus{border-color:#f6d74d!important;box-shadow:0 0 0 2px rgba(246,215,77,.10)!important}
.floating-folder-form .icon-btn{
    width:38px!important;height:36px!important;border-radius:8px!important;
    background:#f6d74d!important;color:#241f08!important;border:0!important;
}
/* no legacy green folder creation controls */
.solo-folder-add,.folder-add-chip{display:none!important}


/* =========================================================
   BCC 1.82 — NOTE Z-LAYER CONTROLS MATCH ALBUM DOSSIERS
   ========================================================= */
.shared-note .layer-control.note-layer{
  right:5px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(28,24,17,.32)!important;
  border-radius:50%!important;
  background:rgba(226,220,197,.78)!important;
  color:#28231b!important;
  font-family:var(--bcc-font)!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  user-select:none!important;
  opacity:.18!important;
  transition:opacity .14s ease,transform .14s ease,background .14s ease,box-shadow .14s ease!important;
  backdrop-filter:blur(2px)!important;
  box-shadow:0 2px 6px rgba(0,0,0,.22)!important;
  padding:0!important;
}
.shared-note .layer-control.note-layer.layer-up{top:5px!important;bottom:auto!important}
.shared-note .layer-control.note-layer.layer-down{bottom:5px!important;top:auto!important}
.shared-note:hover .layer-control.note-layer,.shared-note .layer-control.note-layer:focus{opacity:.88!important}
.shared-note .layer-control.note-layer:hover{opacity:1!important;background:#dfff72!important;box-shadow:0 0 12px rgba(116,255,91,.35)!important;transform:scale(1.08)!important;color:#28231b!important}
.shared-note.layer-pulse{filter:drop-shadow(0 14px 16px rgba(0,0,0,.5)) drop-shadow(0 0 11px rgba(111,255,92,.28))!important}
@media(max-width:900px){.shared-note .layer-control.note-layer{opacity:.64!important;width:25px!important;height:25px!important;font-size:18px!important}}

/* BCC 1.84 — album drag & drop upload */
.album-dropzone{position:fixed;inset:0;z-index:780;display:grid;place-items:center;background:rgba(2,6,4,.14);backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:opacity .14s ease,background .14s ease,backdrop-filter .14s ease}
.album-dropzone.is-active{opacity:1;background:rgba(1,6,3,.48);backdrop-filter:blur(7px);pointer-events:auto}
.album-dropzone-card{min-width:min(430px,78vw);padding:34px 42px 30px;border:1px dashed rgba(246,216,74,.78);border-radius:18px;background:rgba(14,15,10,.88);box-shadow:0 24px 80px rgba(0,0,0,.64),0 0 42px rgba(243,211,55,.08);text-align:center;color:#f5d94f;transform:scale(.96);transition:transform .14s ease,border-color .14s ease}
.album-dropzone.is-active .album-dropzone-card{transform:scale(1)}
.album-dropzone.is-uploading .album-dropzone-card{border-style:solid;box-shadow:0 24px 80px rgba(0,0,0,.68),0 0 52px rgba(243,211,55,.16)}
.album-dropzone-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#f3d839;color:#211d05;box-shadow:0 8px 22px rgba(0,0,0,.34)}
.album-dropzone-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.album-dropzone-card b{display:block;font-family:var(--bcc-font);font-size:18px;letter-spacing:.14em}
.album-dropzone-card small{display:block;margin-top:9px;color:rgba(255,244,177,.64);font-family:var(--bcc-font);font-size:9px;letter-spacing:.08em}

/* =========================================================
   BCC 1.85 — QUEUED UPLOAD / DATE SORT / REAL FOLDERS / MOVE
   ========================================================= */
.album-top-slip{min-width:212px!important}
.album-top-slip .sort-slip.is-desc svg{transform:scaleY(-1)}
.album-top-slip .sort-slip svg{transition:transform .18s ease}

.app-photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
.album-folder-tile{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:132px;max-height:190px;padding:15px 13px 13px;text-decoration:none!important;
  color:#e9e1c9!important;filter:drop-shadow(0 12px 12px rgba(0,0,0,.42));
  transform:rotate(-.45deg);transition:transform .16s ease,filter .16s ease
}
.album-folder-tile:nth-of-type(even){transform:rotate(.35deg)}
.album-folder-tile:hover,.album-folder-tile.is-active{transform:translateY(-4px) rotate(0);filter:drop-shadow(0 18px 16px rgba(0,0,0,.55))}
.real-folder-icon{position:absolute;inset:10px 4px 25px 4px;border-radius:2px 3px 4px 3px;background:linear-gradient(150deg,#5b4c31,#332919 64%,#241d12);border:1px solid rgba(212,188,125,.18);box-shadow:inset 7px 0 12px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08),6px 9px 15px rgba(0,0,0,.42);overflow:visible}
.real-folder-icon:before{content:"";position:absolute;left:5px;top:-8px;width:43%;height:18px;background:#493b25;border-radius:3px 8px 0 0;border:1px solid rgba(215,191,130,.12);border-bottom:0}
.real-folder-icon:after{content:"BCC // ARCHIVE";position:absolute;left:12px;top:22px;padding:4px 6px;border:1px solid rgba(66,55,37,.35);background:#d8d1bb;color:#5e5648;font:600 6px var(--bcc-font);letter-spacing:.09em;transform:rotate(-1deg);box-shadow:0 2px 5px rgba(0,0,0,.22)}
.real-folder-icon i,.real-folder-icon em{position:absolute;left:12px;right:10px;height:73%;top:9px;background:#cfc9b6;border:1px solid #a59d88;box-shadow:0 2px 5px rgba(0,0,0,.22);transform:rotate(1.7deg);z-index:-1}
.real-folder-icon em{top:5px;left:20px;right:15px;transform:rotate(-2deg);background:#e0dac6;z-index:-2}
.album-folder-tile>b,.album-folder-tile>small{position:relative;z-index:3;text-shadow:0 2px 4px #000}
.album-folder-tile>b{font:700 10px var(--bcc-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.album-folder-tile>small{font:600 6px var(--bcc-font);margin-top:4px;color:#a49b82;letter-spacing:.08em}
.root-folder-tile .real-folder-icon{background:linear-gradient(150deg,#41473c,#222820 65%,#151a15)}

.app-photo-tile{cursor:pointer}
.photo-move-btn{position:absolute;right:10px;top:10px;z-index:8;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(246,215,77,.32);border-radius:8px;background:rgba(12,14,11,.78);color:#f6d74d;opacity:0;cursor:pointer;transition:.14s ease;backdrop-filter:blur(5px)}
.app-photo-tile:hover .photo-move-btn,.photo-move-btn:focus{opacity:1}
.photo-move-btn:hover{background:#f6d74d;color:#211c08;transform:translateY(-1px)}
.photo-move-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.photo-move-popover{position:fixed;z-index:500;width:238px;max-height:310px;overflow:auto;padding:8px;border:1px solid rgba(246,215,77,.34);border-radius:12px;background:rgba(7,9,7,.96);box-shadow:0 22px 55px rgba(0,0,0,.68);backdrop-filter:blur(16px)}
.photo-move-popover[hidden]{display:none!important}.photo-move-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 9px;color:#f6d74d;font:700 8px var(--bcc-font);letter-spacing:.12em}.photo-move-head button{border:0;background:transparent;color:#f6d74d;font-size:18px;cursor:pointer}.move-target{width:100%;height:36px;margin:2px 0;padding:0 10px;text-align:left;border:1px solid rgba(246,215,77,.09);border-radius:8px;background:#0d120e;color:#d9dfd6;font:600 8px var(--bcc-font);cursor:pointer}.move-target:hover{border-color:#f6d74d;color:#f6d74d;background:#17190f}.move-target:disabled{opacity:.4}

.album-dropzone-card small{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* BCC 1.86 — photo multi-select */
.bulk-photo-bar{position:fixed;top:48px;left:50%;z-index:155;transform:translateX(-50%);display:flex;align-items:center;gap:4px;height:38px;padding:4px 6px;border:1px solid rgba(94,70,0,.36);border-radius:0 0 10px 10px;background:linear-gradient(180deg,#ffe76b,#e6bf32);box-shadow:0 10px 28px rgba(0,0,0,.44);color:#1f1904;font-family:var(--bcc-font);font-size:8px;letter-spacing:.06em}.bulk-photo-bar[hidden]{display:none!important}.bulk-photo-bar>span{padding:0 9px;white-space:nowrap}.bulk-photo-bar button{height:28px;display:flex;align-items:center;gap:5px;padding:0 9px;border:0;border-left:1px solid rgba(72,55,0,.18);background:transparent;color:#211b05;font:700 7px var(--bcc-font);letter-spacing:.05em;cursor:pointer;border-radius:5px}.bulk-photo-bar button:hover{background:rgba(255,255,255,.28)}.bulk-photo-bar button.is-danger:hover{background:rgba(122,26,16,.18);color:#5b1008}.bulk-photo-bar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.album-top-slip .slip-icon.is-active{background:rgba(35,29,3,.16)!important;box-shadow:inset 0 -2px 0 rgba(35,29,3,.3)}
.photo-select-check{position:absolute;left:10px;top:10px;z-index:10;width:28px;height:28px;border-radius:7px;border:1px solid rgba(246,215,77,.45);background:rgba(10,12,9,.8);color:transparent;font:900 17px Arial;opacity:0;cursor:pointer;backdrop-filter:blur(5px);transition:.14s ease}.photo-selection-mode .photo-select-check,.app-photo-tile:hover .photo-select-check{opacity:1}.photo-selection-mode .photo-move-btn{opacity:0!important;pointer-events:none}.app-photo-tile.is-selected{outline:2px solid #f6d74d!important;box-shadow:0 0 0 4px rgba(246,215,77,.16),0 15px 30px rgba(0,0,0,.6)!important}.app-photo-tile.is-selected .photo-select-check{opacity:1;background:#f6d74d;color:#211b05}.photo-selection-mode .app-photo-tile{cursor:crosshair}.photo-selection-mode .app-photo-tile:hover{transform:translateY(-2px)!important}
@media(max-width:800px){.bulk-photo-bar{top:44px;max-width:94vw;overflow-x:auto}.bulk-photo-bar button span{display:none}.bulk-photo-bar button{padding:0 8px}}

/* =========================================================
   BCC 1.87 — FOLDER BREADCRUMBS / NESTING / RENAME
   ========================================================= */
.album-location-bar{
  position:fixed;left:20px;top:14px;z-index:148;display:flex;align-items:center;gap:7px;
  max-width:calc(50vw - 150px);height:32px;padding:0 10px;border:1px solid rgba(246,215,77,.18);
  border-radius:9px;background:rgba(7,9,7,.72);backdrop-filter:blur(13px);box-shadow:0 8px 24px rgba(0,0,0,.38);
  font-family:var(--bcc-font);white-space:nowrap;overflow:hidden
}
.album-location-bar a{color:#d7dccf;text-decoration:none;font-size:8px;letter-spacing:.045em;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.album-location-bar a:hover{color:#f6d74d}.album-location-bar .location-album{color:#f6d74d;font-weight:800}.album-location-bar .is-current{color:#fff;font-weight:800}.album-location-bar .location-sep{color:rgba(246,215,77,.55);font-size:13px}.album-location-bar small{margin-left:5px;padding-left:8px;border-left:1px solid rgba(246,215,77,.16);color:#6f786f;font-size:6px;letter-spacing:.13em}
.app-photo-grid{padding-top:58px!important}
.parent-folder-tile{opacity:.78}.parent-folder-tile .real-folder-icon{background:linear-gradient(150deg,#3d443b,#232923 65%,#151a16)!important}.parent-folder-tile:hover{opacity:1}
.folder-rename-btn{position:absolute;z-index:12;right:10px;top:10px;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(246,215,77,.24);border-radius:7px;background:rgba(10,12,9,.78);color:#f6d74d;opacity:0;cursor:pointer;backdrop-filter:blur(5px);transition:.14s ease}
.album-folder-tile:hover .folder-rename-btn,.folder-rename-btn:focus{opacity:1}.folder-rename-btn:hover{background:#f6d74d;color:#211c08;transform:translateY(-1px)}.folder-rename-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.folder-rename-popover{position:fixed;z-index:520;width:286px;padding:9px;border:1px solid rgba(246,215,77,.34);border-radius:12px;background:rgba(7,9,7,.97);box-shadow:0 22px 55px rgba(0,0,0,.68);backdrop-filter:blur(16px)}
.folder-rename-popover[hidden]{display:none!important}.folder-rename-popover label{display:block;margin:7px 2px 4px;color:#7f887d;font:700 6px var(--bcc-font);letter-spacing:.12em}.folder-rename-popover input,.folder-rename-popover select{display:block;width:100%;height:36px;margin-top:5px;padding:0 10px;border:1px solid rgba(246,215,77,.16);border-radius:7px;background:#0d120e;color:#e4e6df;font:700 8px var(--bcc-font);outline:0}.folder-rename-popover input:focus,.folder-rename-popover select:focus{border-color:#f6d74d;box-shadow:0 0 0 2px rgba(246,215,77,.08)}.folder-rename-popover select option{background:#101410;color:#e4e6df}.folder-rename-popover>button{width:100%;height:34px;margin-top:9px;border:0;border-radius:7px;background:#f6d74d;color:#211b05;font:800 8px var(--bcc-font);letter-spacing:.08em;cursor:pointer}.folder-rename-popover>button:hover{filter:brightness(1.06)}
@media(max-width:900px){.album-location-bar{left:10px;top:10px;max-width:52vw}.album-location-bar small{display:none}.app-photo-grid{padding-top:64px!important}.folder-rename-btn{opacity:.72}}

/* BCC 1.88 - safe empty-folder deletion */
.folder-delete-btn{position:absolute;z-index:12;right:10px;bottom:10px;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,103,91,.28);border-radius:7px;background:rgba(18,8,7,.8);color:#ff756a;opacity:0;cursor:pointer;backdrop-filter:blur(5px);transition:.14s ease}
.album-folder-tile:hover .folder-delete-btn,.folder-delete-btn:focus{opacity:1}.folder-delete-btn:hover{background:#d94538;color:#fff;border-color:#ff8378;transform:translateY(-1px)}.folder-delete-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.folder-delete-btn:disabled{opacity:.35;cursor:wait}.album-folder-tile.folder-removing{opacity:0;transform:scale(.92) rotate(-1deg);transition:.17s ease}.album-folder-tile:has(.folder-delete-btn)::after{content:"PUSTY";position:absolute;left:12px;bottom:9px;z-index:4;font:600 5px var(--bcc-font);letter-spacing:.16em;color:rgba(246,215,77,.48)}
@media(max-width:900px){.folder-delete-btn{opacity:.72}}

/* =========================================================
   BCC 1.90 — polished album toolbars
   ========================================================= */
.album-top-slip{
  gap:6px!important;
  height:50px!important;
  padding:6px 8px 8px!important;
  border:0!important;
  border-radius:0 0 14px 14px!important;
  background:linear-gradient(180deg,#ffe873 0%,#f4d64e 62%,#ddb931 100%)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(103,77,0,.16)!important;
}
.album-top-slip::before,
.album-top-slip::after{display:none!important}
.album-top-slip .slip-icon{
  width:40px!important;height:36px!important;
  border:0!important;
  border-right:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.album-top-slip .slip-icon:hover{
  background:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(94,70,0,.08),0 3px 8px rgba(83,61,0,.1)!important;
}
.album-top-slip .slip-icon.is-active{
  background:rgba(61,47,0,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(70,52,0,.12)!important;
}

.bulk-photo-bar{
  top:60px!important;
  height:42px!important;
  gap:5px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffe873 0%,#f3d44a 62%,#deb92f 100%)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(96,71,0,.14)!important;
  color:#211b05!important;
}
.bulk-photo-bar::before{
  content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);
  width:18px;height:7px;border-radius:8px 8px 0 0;
  background:#f5d74f;box-shadow:0 -2px 8px rgba(0,0,0,.08)
}
.bulk-photo-bar>span{
  height:30px;display:flex;align-items:center;gap:4px;
  padding:0 10px!important;border-radius:8px;background:rgba(255,255,255,.18);
  font-size:7px!important;letter-spacing:.07em
}
.bulk-photo-bar>span b{font-size:9px}
.bulk-photo-bar button{
  height:30px!important;padding:0 10px!important;
  border:0!important;border-left:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#211b05!important;
  transition:background .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
.bulk-photo-bar button:hover{
  background:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(91,68,0,.08)!important;
  transform:translateY(-1px)
}
.bulk-photo-bar button:active{transform:translateY(1px)}
.bulk-photo-bar button.is-danger{color:#6a1f13!important}
.bulk-photo-bar button.is-danger:hover{background:rgba(126,37,20,.12)!important;color:#57170d!important}
.bulk-photo-bar svg{width:16px!important;height:16px!important}

@media(max-width:800px){
  .bulk-photo-bar{top:56px!important;max-width:calc(100vw - 20px)!important}
}

/* =========================================================
   BCC 1.91 — full album scrolling + custom position marker
   ========================================================= */
.app-photo-grid{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  scroll-behavior:smooth;
  touch-action:pan-y;
  padding-bottom:92px!important;
}
.app-photo-grid::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.album-scroll-indicator{
  position:fixed;z-index:145;right:38px;top:76px;bottom:34px;width:14px;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
  cursor:pointer;touch-action:none
}
.album-scroll-indicator.is-needed{pointer-events:auto}
.album-scroll-indicator.is-needed::before{
  content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;border-radius:999px;
  background:linear-gradient(180deg,rgba(246,215,77,.08),rgba(246,215,77,.24),rgba(246,215,77,.08));
  box-shadow:0 0 10px rgba(246,215,77,.04)
}
.album-scroll-indicator.is-active,.album-scroll-indicator:hover{opacity:.82}
.album-scroll-thumb{
  position:absolute;left:4px;top:0;width:6px;min-height:34px;border-radius:999px;
  background:linear-gradient(180deg,#ffe86c,#d9b52d);
  box-shadow:0 0 10px rgba(246,215,77,.28),0 2px 6px rgba(0,0,0,.48);
  transition:height .12s ease,box-shadow .14s ease;will-change:transform
}
.album-scroll-indicator:hover .album-scroll-thumb{box-shadow:0 0 16px rgba(246,215,77,.48),0 2px 8px rgba(0,0,0,.55)}
@media(max-width:900px){.album-scroll-indicator{right:31px;top:72px;bottom:24px}}
/* keep a subtle position cue visible even when idle */
.album-scroll-indicator.is-needed{opacity:.28}
.album-scroll-indicator.is-needed.is-active,.album-scroll-indicator.is-needed:hover{opacity:.88}

/* =========================================================
   BCC 1.92 — exact duplicate finder
   ========================================================= */
.photo-duplicate-badge{
  position:absolute;right:8px;top:8px;z-index:14;
  display:none;align-items:center;height:20px;padding:0 7px;
  border-radius:7px;background:linear-gradient(180deg,#ffe66b,#dcb72c);
  box-shadow:0 5px 15px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.4);
  color:#281f03;font:800 6px var(--bcc-font);letter-spacing:.08em;
  pointer-events:none
}
.app-photo-tile.is-duplicate .photo-duplicate-badge{display:flex}
.app-photo-tile.is-duplicate:not(.is-selected){outline:1px solid rgba(246,215,77,.55)}
#bulk-duplicates:disabled{opacity:.52;cursor:wait!important;transform:none!important}


/* BCC 1.93 — technical photo badges / cleanup filters */
.app-photo-tile{padding-bottom:39px!important}
.app-photo-tile .photo-tile-info{bottom:5px!important;gap:0!important;pointer-events:none}
.app-photo-tile .photo-tile-info b{font-size:8px!important;line-height:1.05!important;color:#f0eee7!important;text-shadow:0 1px 2px #000}
.app-photo-tile .photo-tile-info small{display:block!important;margin-top:1px!important;font-size:6.6px!important;line-height:1.08!important;letter-spacing:.015em!important;color:rgba(232,232,220,.72)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-photo-tile .photo-tile-info .photo-tech-line{font-size:7.3px!important;color:#d9d1a8!important;opacity:.95!important;font-weight:700}
.photo-exif-badge{position:absolute;z-index:7;left:9px;top:9px;width:22px;height:22px;border-radius:50%;display:none;align-items:center;justify-content:center;background:rgba(6,12,8,.82);border:1px solid rgba(91,255,113,.52);color:#70ff84;box-shadow:0 0 12px rgba(56,255,91,.18),0 3px 8px rgba(0,0,0,.5);pointer-events:none}
.photo-exif-badge.is-on{display:flex}
.photo-exif-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.photo-selection-mode .photo-exif-badge{left:37px}
#bulk-lowres{white-space:nowrap}
#bulk-lowres svg{opacity:.88}
@media(max-width:800px){.app-photo-tile{padding-bottom:36px!important}.app-photo-tile .photo-tile-info .photo-tech-line{font-size:6.8px!important}}

/* BCC 1.94 - persistent photo rotation controls */
.photo-edit-tools{position:absolute!important;right:13px!important;top:13px!important;z-index:12!important;display:flex!important;gap:6px!important;align-items:center!important;opacity:.38;transition:opacity .15s ease}
.photo-edit-tools:hover{opacity:1}.photo-edit-tools .photo-delete-form{position:static!important;right:auto!important;top:auto!important;margin:0!important;opacity:1!important;padding:0!important}.photo-edit-tools .icon-btn{width:38px!important;height:38px!important;background:rgba(4,9,6,.72)!important;backdrop-filter:blur(10px)!important}.photo-edit-tools .rotate-photo-btn{color:#8dffa2!important}.photo-edit-tools .rotate-photo-btn:disabled{opacity:.25!important;cursor:wait!important}