/* PHYTORYX · Botanical glass, contour silk, precision. Decorative surfaces only. */
:root {
  --surface-botanical: url('/assets/surfaces/botanical-glass-v1.jpg');
  --surface-contours: url('/assets/surfaces/contour-silk-v1.svg');
  --surface-grid: url('/assets/surfaces/precision-grid-v1.svg');
  --surface-border: #8cb15b33;
  --surface-shadow: inset 0 1px 0 #e0f3bd09, 0 12px 32px #00000020;
}

/* Quiet working surfaces: subtle structure, opaque fields and crisp type. */
:is(.panel:not(.pack-card),.lab-workbench,.lab-preview,.form-panel,.form-wrap,.documentary-panel) {
  background-color:#111910;
  background-image:linear-gradient(108deg,#111a10ed 5%,#172315b3 70%,#25371966),var(--surface-grid),radial-gradient(ellipse at 100% 0%,#47622e65,transparent 62%);
  background-size:cover,640px auto,cover;
  background-position:center,right top,center;
  background-repeat:no-repeat;
  border-color:var(--surface-border);
  box-shadow:var(--surface-shadow);
}
.panel-head {
  background-image:linear-gradient(105deg,#a4c97809,transparent 55%,#a6cd5a0a);
  border-bottom-color:#9bb57f20;
}
:is(.panel,.lab-workbench,.form-panel,.form-wrap) :is(input:not([type=checkbox]):not([type=range]):not([type=color]),textarea) {
  background-color:#0b120bea;
}
:is(.panel,.form-panel,.form-wrap) .select-trigger {background-color:#0c140cf2}
:is(.panel,.lab-workbench) .field>small{color:#9bac91}
:is(.panel,.lab-workbench) td{background-color:transparent}
:is(.panel,.lab-workbench) thead{background:#0b140bb3}
:is(.panel,.lab-workbench) tbody tr:hover{background:#9dbf6410}

/* Small cards have a visible, directional contour instead of a flat fill. */
:is(.stat,.quick-action,.side-assist,.lab-option,.lab-product,.lab-volume,.lab-admin-status,.catalogue-summary,.boost-admin-balance) {
  background-color:#162113;
  background-image:linear-gradient(110deg,#172316e8,#172715c9 55%,#384c256b),var(--surface-contours),radial-gradient(ellipse at 100% 15%,#58763875,transparent 70%);
  background-size:cover,cover,cover;
  background-position:center,right center,center;
  background-repeat:no-repeat;
  border-color:var(--surface-border);
  box-shadow:var(--surface-shadow);
}
.stats .stat:nth-child(2),.quick-action:nth-child(2),.lab-option:nth-child(2){
  background-image:linear-gradient(110deg,#12231ee8,#10241fd1 55%,#294b4066),var(--surface-contours),radial-gradient(ellipse at 100% 0%,#557e626b,transparent 70%);
}
.stats .stat:nth-child(3),.lab-option:nth-child(3){
  background-image:linear-gradient(110deg,#24251ae8,#252719cc 55%,#4a49266b),var(--surface-contours),radial-gradient(ellipse at 100% 0%,#b29c4552,transparent 70%);
}
.stats .stat:nth-child(4){
  background-image:linear-gradient(110deg,#142522e8,#132a24d1 55%,#294b3366),var(--surface-contours),radial-gradient(ellipse at 100% 0%,#89b56a45,transparent 70%);
}
.stat .stat-top{color:#b8c7aa}.stat .stat-top svg{color:#b6d792}.stat .stat-number span,.stat>a{color:#aec398}
.stat .stat-number strong{text-shadow:0 2px 15px #0005}
.stat{transition:border-color .25s,box-shadow .25s,translate .25s}
.stat:hover{border-color:#b8d88370;box-shadow:inset 0 1px 0 #e1ffc517,0 14px 35px #0003;translate:0 -2px}
:is(.quick-action,.lab-option,.lab-product):hover{border-color:#b4d77a85;box-shadow:inset 0 1px 0 #e0f3bd15,0 8px 24px #0004}
:is(.lab-option,.lab-product).selected{border-color:#c2ff3da6;background-image:linear-gradient(105deg,#253b1be8,#314820bc),var(--surface-contours);box-shadow:inset 0 0 0 1px #c2ff3d22,0 0 22px #96c9380a}

/* Botanical backgrounds for the cards devoted to discovery and relationships. */
:is(.outlet-card,.lab-first-project,.boost-teaser,.boost-simulator,.document-card) {
  background-color:#111a10;
  background-image:linear-gradient(105deg,#142012f2 2%,#132011cb 53%,#10190d62),var(--surface-botanical);
  background-size:cover;
  background-position:center,right center;
  background-repeat:no-repeat;
  border-color:#89ad5a4a;
  box-shadow:inset 0 1px 0 #def6b512,0 14px 35px #00000026;
}
.outlet-card{background-size:cover,auto 115%;background-position:center,65% center}
.outlet-card:nth-child(3n+2){background-position:center,90% 35%;background-image:linear-gradient(105deg,#11231ff5,#10231de3 48%,#122b2373),var(--surface-botanical)}
.outlet-card:nth-child(3n){background-position:center,80% bottom;background-image:linear-gradient(105deg,#24281af5,#1c2313df 48%,#303a176c),var(--surface-botanical)}
.outlet-card h3{max-width:90%;text-shadow:0 2px 12px #0008}.outlet-contact{color:#a6b796}.outlet-address{color:#bac8ae}
.outlet-card-foot{border-top-color:#b2cb8838}.outlet-card:hover{border-color:#beda8b90;box-shadow:inset 0 1px 0 #ecffd326,0 18px 35px #0005}
.outlet-pin{background:#c8ed8812;border-color:#a9c87466;box-shadow:inset 0 1px 0 #e0f3bd18,0 0 20px #a0ce3e09}
.boost-simulator{background-position:center,75% center;background-image:linear-gradient(105deg,#20311aee,#1b2b15e0 55%,#13240eb8),var(--surface-botanical)}
.boost-simulator>p{color:#a6b996}.boost-simulator label{color:#c0cdb5}
.boost-simulation-result{background:#0b160e75;border:1px solid #a2c46a38;border-radius:8px;padding:15px 13px}
.boost-teaser{background-size:cover,auto 360%;background-position:center,100% 54%}
.lab-first-project{background-position:center,center 55%}
.document-card{background-image:linear-gradient(100deg,#122014f2,#162014e0 55%,#1124138a),var(--surface-botanical)}

/* Split the programme's figures into softly lit individual cards. */
.boost-metrics{gap:12px;background:none;border:0;padding:0;box-shadow:none}
.boost-metrics>div,.boost-metrics>div:last-child,.boost-metrics>div:nth-child(2){
  padding:22px;border:1px solid #86aa5d3b;border-radius:10px;box-shadow:var(--surface-shadow);
  background-color:#162113;
  background-image:linear-gradient(110deg,#142213eb,#1c2d16c7 70%,#3148218a),var(--surface-contours);
  background-size:cover;
}
.boost-metrics>div:nth-child(2){background-image:linear-gradient(110deg,#12221eeb,#18312bc7 70%,#2a44358a),var(--surface-contours)}
.boost-metrics>div:nth-child(3){background-image:linear-gradient(110deg,#24271aeb,#2f351dc7 70%,#4c54238a),var(--surface-contours)}
.boost-metrics>div:nth-child(4){background-image:linear-gradient(110deg,#16241aeb,#233b28c7 70%,#3b532a8a),var(--surface-contours)}
.boost-metrics strong{color:#f3f6ea}.boost-metrics span{color:#b0c29e}
.boost-progress-panel{background-image:linear-gradient(105deg,#121e13f2,#142616c4 62%,#1c331983),var(--surface-contours),radial-gradient(ellipse at 100% 0%,#94c13c22,transparent 60%);background-size:cover}
.boost-ring{box-shadow:0 0 35px #8ebc4614,inset 0 0 12px #0005}.boost-ring>div{background:radial-gradient(ellipse at 50% 0%,#22351b,#111a10 75%)}
.boost-claim{background:#0c150a38;border-top-color:#a1bc7328}
.boost-hero,.outlet-banner,.lab-intro{
  background-color:#111a0f;
  background-image:linear-gradient(100deg,#142011ed,#142211c7 45%,#17261382),var(--surface-botanical);
  background-size:cover;
  background-position:center,right center;
  border-color:#8bae584a;
  box-shadow:inset 0 1px 0 #e6fac316,0 20px 50px #0003;
}
.boost-art{background:radial-gradient(ellipse at 50% 50%,#a5bd6b18,transparent 70%)}
.boost-hero-copy{background:linear-gradient(90deg,#13201055,transparent)}
.outlet-network{background:radial-gradient(ellipse,#b1d75d0b,transparent 60%)}
.lab-intro-art{background:radial-gradient(ellipse at 55% 65%,#8fbd4526,transparent 68%)}
.lab-stage{background-image:var(--surface-contours),radial-gradient(ellipse at 50% 70%,#31462380,#0d170a90 80%);background-size:cover}
.lab-project-card{background-image:linear-gradient(115deg,#152313ed,#203219ce),var(--surface-contours);background-size:cover;border-color:var(--surface-border);box-shadow:var(--surface-shadow)}
.lab-project-copy{background:linear-gradient(125deg,#152414d9,#1e3019b8)}
.lab-generation-box,.lab-submit-box{background-image:linear-gradient(115deg,#1b2c15ed,#21391acc),var(--surface-contours);background-size:cover;border-color:#8cb35455}
.lab-style:not(.selected){box-shadow:var(--surface-shadow)}
.boost-empty,.empty-state{background-image:radial-gradient(ellipse at 90% 5%,#6c8d2610,transparent 70%),var(--surface-grid);background-size:cover;background-position:right top}
.boost-how>div{background-image:linear-gradient(90deg,#668d2010,transparent),var(--surface-grid);background-size:cover;border-left-color:#92b65e55}
.boost-dialog-offer,.boost-delivery-address,.boost-rule-weight,.boost-response{background-image:linear-gradient(105deg,#142512ed,#1d3218de),var(--surface-contours);background-size:cover;border-color:#a4c27135}
#portal-dialog{background-color:#101a11;background-image:linear-gradient(110deg,#142013f5,#142215e6),var(--surface-botanical);background-position:right center;background-size:cover;border-color:#8ead5a4d;box-shadow:0 35px 120px #000a,inset 0 1px 0 #d4eab918}
#portal-dialog::backdrop{background:#030803bc;backdrop-filter:blur(6px)}

/* Collection cards: enhance their surfaces without repainting any product image. */
.catalogue-item{background-image:linear-gradient(125deg,#142111ef,#1c2e18d6),var(--surface-contours);background-size:cover;border-color:#8baa5c33;box-shadow:var(--surface-shadow);transition:box-shadow .25s,border-color .25s}
.catalogue-item-content{background-image:var(--surface-grid);background-size:cover;background-position:right top}
.catalogue-item:hover{border-color:#a5ca6f80;box-shadow:inset 0 1px 0 #e0f3bd12,0 14px 35px #0005}
.catalogue-item>img{background:radial-gradient(ellipse at 50% 80%,#23331a,#0b1309 75%)}
.product{border:1px solid #829c5633;border-radius:9px;background-image:linear-gradient(115deg,#142111f0,#172814d9),var(--surface-contours);background-size:cover;box-shadow:var(--surface-shadow);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.product:hover{border-color:#99bd6980;box-shadow:0 16px 38px #0004}
.product .product-photo{border-width:0 0 1px;border-color:#a8c77a22}
.product-info{padding:16px 16px 17px;background-image:var(--surface-grid);background-size:cover;background-position:right top}
.product-note{color:#a4b696}.product-meta>span{color:#9aad88}.product-bottom{border-color:#9bbd6d30}
.category-card{border-color:#adc77d3d;border-radius:10px;box-shadow:var(--surface-shadow)}
.category-card:after{background-image:linear-gradient(0deg,#081006f5,transparent 60%,#08100666),var(--surface-contours);background-size:cover}
.category-bottom p{color:#bccbad}
.documentary-panel{border-radius:9px}

/* Discovery page cards and its invitation form. */
.collection-card{border:1px solid #9bb66d33;border-radius:9px;background-image:linear-gradient(115deg,#172314f0,#1c2d17d9),var(--surface-contours);background-size:cover;box-shadow:var(--surface-shadow);overflow:hidden}
.collection-card>div:not(.collection-image){padding-left:17px;padding-right:17px}
.collection-card>h3,.collection-card>p{margin-left:17px;margin-right:17px}
.collection-card>p:last-child{margin-bottom:18px}
.steps li{background-image:linear-gradient(115deg,#182715c7,#1522147a),var(--surface-grid);background-size:cover;border-top-color:#a1c46d59;padding:22px 20px;border-radius:0 0 8px 8px}
.form-wrap{background-image:linear-gradient(110deg,#121d11f0,#172413de),var(--surface-grid);background-size:cover}
.offer-strip{background-image:linear-gradient(100deg,#182612ef,#1c3014ca),var(--surface-contours);background-size:cover}

@media(max-width:650px){
  .boost-metrics{gap:10px}
  .boost-metrics>div,.boost-metrics>div:last-child,.boost-metrics>div:nth-child(2){padding:18px 15px}
  .boost-metrics span{font-size:9px;line-height:1.6}
  .product-info{padding:12px 10px 13px}
  .product-meta{letter-spacing:.5px}
  .boost-hero{background-position:center,70% center;background-image:linear-gradient(180deg,#142011f0,#142211df 40%,#17261387),var(--surface-botanical)}
  .outlet-card{background-size:cover,auto 110%}
  .boost-simulation-result{gap:13px;padding:14px 11px}
  .steps li{padding:22px 16px 22px 45px;margin-bottom:12px}
  .steps .step-number{left:16px}
  .collection-card>div:not(.collection-image){padding-left:13px;padding-right:13px}
  .collection-card>h3,.collection-card>p{margin-left:13px;margin-right:13px}
}
@media(prefers-reduced-motion:reduce){.stat:hover{translate:none}.stat,.catalogue-item,.product{transition:none}}
.welcome.admin-welcome{background-image:linear-gradient(100deg,#172812ed,#152514c7 50%,#13240c80),var(--surface-botanical);background-size:cover;background-position:center,right center;border-color:#95b56755;box-shadow:var(--surface-shadow)}
.admin-welcome:after{background:radial-gradient(ellipse at 95% 40%,#8aa62b15,transparent 65%)}
.admin-welcome .admin-symbol{color:#caee8652;text-shadow:0 5px 35px #0005}
.welcome:not(.admin-welcome){border-color:#95b56755;box-shadow:var(--surface-shadow)}
.quick-action:hover{background-image:linear-gradient(110deg,#20311de8,#263c1ac9 55%,#425d286b),var(--surface-contours);background-size:cover}
.collection-card .collection-copy{padding-bottom:18px}