/* Structural miniatures for the five reference experiences. Load after themes.css. */
.theme-choice:is([data-theme="premium"],[data-theme="executive"],[data-theme="soft-glass"],[data-theme="control-dark"],[data-theme="logistics-modular"]) .theme-choice-preview{
 display:block;isolation:isolate;
}
.theme-choice:is([data-theme="premium"],[data-theme="executive"],[data-theme="soft-glass"],[data-theme="control-dark"],[data-theme="logistics-modular"]) .theme-choice-preview :is(i,b,em,small){
 position:absolute;inset:auto;width:auto;height:auto;display:block;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;min-width:0;min-height:0;
}
.theme-choice:is([data-theme="premium"],[data-theme="executive"],[data-theme="soft-glass"],[data-theme="control-dark"],[data-theme="logistics-modular"]) .theme-choice-preview::before,
.theme-choice:is([data-theme="premium"],[data-theme="executive"],[data-theme="soft-glass"],[data-theme="control-dark"],[data-theme="logistics-modular"]) .theme-choice-preview::after,
.theme-choice:is([data-theme="premium"],[data-theme="executive"],[data-theme="soft-glass"],[data-theme="control-dark"],[data-theme="logistics-modular"]) .theme-choice-preview em::before,
.theme-choice:is([data-theme="premium"],[data-theme="executive"],[data-theme="soft-glass"],[data-theme="control-dark"],[data-theme="logistics-modular"]) .theme-choice-preview em::after{
 content:"";position:absolute;display:block;pointer-events:none;
}

/* Editorial: dark masthead, slim forest nav, open ruled ledger + side column. */
.theme-choice[data-theme="premium"] .theme-choice-preview{background:#faf9f6;border-color:#cbc9c0;}
.theme-choice[data-theme="premium"] .theme-choice-preview i{inset:0 0 auto;height:14%;background:#171b18;}
.theme-choice[data-theme="premium"] .theme-choice-preview b{inset:14% auto 0 0;width:19%;background:#294234;}
.theme-choice[data-theme="premium"] .theme-choice-preview::before{left:4%;top:24%;width:10%;height:56%;background:repeating-linear-gradient(to bottom,#b5c7b5 0 1px,transparent 1px 8px);}
.theme-choice[data-theme="premium"] .theme-choice-preview em{left:25%;top:24%;width:40%;bottom:10%;background:repeating-linear-gradient(to bottom,transparent 0 8px,#dad8ce 8px 9px);border-right:1px solid #dad8ce;}
.theme-choice[data-theme="premium"] .theme-choice-preview em::before{left:0;top:0;width:75%;height:14%;background:linear-gradient(90deg,#303b31 0 15%,transparent 15% 20%,#303b31 20% 40%,transparent 40% 45%,#303b31 45% 65%,transparent 65% 70%,#303b31 70% 100%);}
.theme-choice[data-theme="premium"] .theme-choice-preview em::after{left:0;right:12%;bottom:4%;height:20%;background:linear-gradient(165deg,transparent 42%,#456953 44% 48%,transparent 50%);}
.theme-choice[data-theme="premium"] .theme-choice-preview small{left:72%;right:6%;top:24%;bottom:10%;background:repeating-linear-gradient(to bottom,#a99772 0 2px,transparent 2px 11px,#d8d6ce 11px 12px,transparent 12px 20px);}

/* Executive: two prominent blue/green heroes, workflow, table and insights. */
.theme-choice[data-theme="executive"] .theme-choice-preview{background:#f5f8fb;border-color:#d3e0e8;}
.theme-choice[data-theme="executive"] .theme-choice-preview i{inset:0 auto 0 0;width:20%;background:#04203b;}
.theme-choice[data-theme="executive"] .theme-choice-preview i::after{content:"";position:absolute;left:14%;right:14%;top:22%;height:11%;background:#119444;border-radius:2px;box-shadow:0 13px 0 -2px #597c98,0 23px 0 -2px #597c98;}
.theme-choice[data-theme="executive"] .theme-choice-preview b{left:25%;top:20%;width:34%;height:29%;border-radius:3px;background:linear-gradient(135deg,#073654,#092942);}
.theme-choice[data-theme="executive"] .theme-choice-preview em{left:62%;right:5%;top:20%;height:29%;border-radius:3px;background:linear-gradient(135deg,#048547,#19a567);}
.theme-choice[data-theme="executive"] .theme-choice-preview::before{left:25%;top:8%;width:53%;height:3%;border-radius:2px;background:#213b54;}
.theme-choice[data-theme="executive"] .theme-choice-preview::after{left:25%;right:5%;top:54%;height:16%;border-radius:2px;background:radial-gradient(circle at 10% 50%,#65ba8e 0 2px,transparent 3px),radial-gradient(circle at 36% 50%,#65ba8e 0 2px,transparent 3px),radial-gradient(circle at 62% 50%,#65ba8e 0 2px,transparent 3px),radial-gradient(circle at 88% 50%,#65ba8e 0 2px,transparent 3px),#fff;border:1px solid #dfe8ea;}
.theme-choice[data-theme="executive"] .theme-choice-preview small{left:25%;right:5%;bottom:7%;height:18%;border-radius:2px;background:linear-gradient(90deg,transparent 63%,#e5ecf2 64% 66%,transparent 67%),repeating-linear-gradient(to bottom,#fff 0 4px,#e2e9ef 4px 5px);}

/* Floating islands: rounded nav, route canvas, agenda and lower activity panel. */
.theme-choice[data-theme="soft-glass"] .theme-choice-preview{background:linear-gradient(135deg,#f9fcff,#d8e9f5);border-color:#d5e4ee;}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview i{left:4%;top:7%;bottom:7%;width:17%;border-radius:5px;background:#ffffffed;box-shadow:0 1px 4px #718faa20;}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview i::after{content:"";position:absolute;left:12%;right:12%;top:18%;height:10%;border-radius:4px;background:#176af6;box-shadow:0 10px 0 #e1ebf6,0 19px 0 #e1ebf6;}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview b{left:25%;right:4%;top:7%;height:13%;border-radius:5px;background:#ffffffeb;}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview em{left:25%;width:44%;top:26%;height:43%;border:1px solid #fff;border-radius:4px;background:linear-gradient(20deg,transparent 44%,#2178ed 45% 47%,transparent 48%),repeating-linear-gradient(70deg,transparent 0 7px,#fff9 7px 8px),repeating-linear-gradient(-20deg,#e2eeee 0 9px,#fcffff 9px 10px);}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview em::before{left:13%;top:42%;width:5px;height:5px;border-radius:50%;background:#1775f4;border:1px solid white;}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview em::after{right:14%;top:62%;width:5px;height:5px;border-radius:50%;background:#29b16a;border:1px solid white;}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview small{left:73%;right:4%;top:26%;bottom:8%;border-radius:4px;background:repeating-linear-gradient(to bottom,#fff 0 8px,#dce8f6 8px 9px);}
.theme-choice[data-theme="soft-glass"] .theme-choice-preview::after{left:25%;width:44%;bottom:8%;height:17%;border-radius:4px;background:repeating-linear-gradient(to bottom,#ffffffed 0 5px,#d9e5ef 5px 6px);}

/* Operations console: dual navigation rails, instrument grid and live records. */
.theme-choice[data-theme="control-dark"] .theme-choice-preview{background:#080d0f;border-color:#24383b;}
.theme-choice[data-theme="control-dark"] .theme-choice-preview i{inset:0 auto 0 0;width:6%;background:#0c181c;border-right:1px solid #25454b;}
.theme-choice[data-theme="control-dark"] .theme-choice-preview b{left:8%;top:12%;bottom:4%;width:17%;border-radius:2px;background:repeating-linear-gradient(to bottom,#13292c 0 4px,#0d171a 4px 10px);border:1px solid #1c3135;}
.theme-choice[data-theme="control-dark"] .theme-choice-preview::before{left:29%;right:4%;top:6%;height:4%;background:linear-gradient(90deg,#a9cecc 0 32%,transparent 32% 73%,#176269 73% 100%);}
.theme-choice[data-theme="control-dark"] .theme-choice-preview em{left:29%;right:4%;top:15%;bottom:6%;border:1px solid #24383b;border-radius:2px;background:linear-gradient(90deg,transparent 61%,#24383b 62% 63%,transparent 64%),linear-gradient(to bottom,#112225 0 25%,#24383b 25% 27%,#0d171a 27% 66%,#24383b 66% 68%,#0d171a 68%);}
.theme-choice[data-theme="control-dark"] .theme-choice-preview em::before{left:7%;top:6%;width:11%;height:15%;border-radius:50%;border:2px solid #21b5ba;box-shadow:17px 0 0 -1px #134a52;}
.theme-choice[data-theme="control-dark"] .theme-choice-preview em::after{left:7%;top:35%;width:46%;height:23%;background:repeating-linear-gradient(to bottom,#26818a 0 1px,transparent 1px 5px);}
.theme-choice[data-theme="control-dark"] .theme-choice-preview small{left:34%;width:30%;bottom:11%;height:17%;background:linear-gradient(160deg,transparent 43%,#22bdc5 45% 48%,transparent 50%);}

/* Logistics: progress band, six colored lanes and a separate right action dock. */
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview{background:#031733;border-color:#1a3e70;}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview i{inset:0 auto 0 0;width:14%;background:#02132c;border-right:1px solid #244b7b;}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview i::after{content:"";position:absolute;left:16%;right:16%;top:9%;height:13%;background:#0a65ff;border-radius:2px;box-shadow:0 15px 0 -2px #1b4781,0 26px 0 -2px #1b4781;}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview b{left:18%;right:18%;top:9%;height:18%;border-radius:2px;border:1px solid #1e5188;background:radial-gradient(circle at 12% 50%,#071a37 0 3px,#20cbb0 3px 5px,transparent 5px),linear-gradient(90deg,#0b315c,#07254c);}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview em{left:18%;right:18%;top:33%;bottom:25%;border-radius:2px;background:linear-gradient(90deg,#0f92b3 0 15%,#032344 15% 17%,#0757ea 17% 32%,#032344 32% 34%,#259748 34% 49%,#032344 49% 51%,#f1950a 51% 66%,#032344 66% 68%,#8159e7 68% 83%,#032344 83% 85%,#ee4a56 85% 100%);}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview em::after{left:4%;right:4%;bottom:15%;height:10%;background:repeating-linear-gradient(90deg,#ffffff70 0 2px,transparent 2px 5px);}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview small{right:4%;width:11%;top:9%;bottom:9%;border-radius:2px;background:linear-gradient(to bottom,#1267f2 0 21%,#05214b 21% 25%,#219545 25% 46%,#05214b 46% 50%,#f2960a 50% 71%,#05214b 71% 75%,#7750d8 75% 100%);}
.theme-choice[data-theme="logistics-modular"] .theme-choice-preview::after{left:18%;right:18%;bottom:9%;height:11%;border:1px solid #2b527f;border-radius:2px;background:linear-gradient(90deg,#0c2b51 0 32%,#244671 32% 34%,#0c2b51 34% 65%,#244671 65% 67%,#0c2b51 67%);}