/* TABLE — light professional interface. Shared by every demonstration journey. */
:root{color-scheme:light;--bg:#fff;--panel:#fff;--panel2:#f3f6fa;--ink:#162b3a;--muted:#5d6d7b;--line:#dce5ec;--gold:#2455d6;--gold2:#204ab7;--green:#087b53;--red:#c8403b}
html,body{background:#eef3f8;color:var(--ink);font-size:16px}
.app{background:#fff;max-width:480px}
.view{background:#fff;padding-bottom:100px}
.content,.detail{padding:20px}
.top,.presentTop{background:rgba(255,255,255,.97);border-color:var(--line);padding:18px 20px 14px;box-shadow:0 3px 14px #243d5610}
.logo,.loginLogo,.presentBrand{color:#204ab7;letter-spacing:-1px}
.title{font-size:26px;line-height:1.2;margin:14px 0 6px}
.sub,.meta,.legalHint{color:var(--muted);line-height:1.5}
.meta{font-size:14px}.legalHint{font-size:12px}.name{font-size:16px;line-height:1.3}.price{font-size:21px;color:#162b3a}
.avatar{color:#204ab7;background:#eef3ff;border-color:#cdd9fa}
.btn{min-height:50px;font-size:16px;border-radius:13px;line-height:1.35;transition:background .15s,transform .15s}
.gold,.green{background:#2455d6;color:white;box-shadow:0 4px 12px #2455d61f}
.dark,.back{background:#f2f6fa;color:#233e51;border:1px solid #dce5ec}
.back{min-width:44px}.btn:hover{filter:brightness(.97)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2375df;outline-offset:3px}
.search,.field input,.field textarea,.field select{background:#f7f9fc;border:1px solid #cbd7e1;color:#162b3a;font-size:16px;min-height:50px}
.search:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#2455d6;box-shadow:0 0 0 3px #2455d615}
.field label{color:#324e62;font-size:14px}.search::placeholder{color:#65798a}
.card,.rowcard,.kpi,.crop,.action,.q,.calmLink,.buyingRow,.quickAction,.profileOption,.choiceList button,.orderDetailGrid>div,.offerMini{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 4px 14px #16304406}
.card,.rowcard,.quickAction,.action,.profileOption{border-radius:18px}
.rowcard{padding:15px;gap:14px}.rowcard .grow{min-width:0}.grow b{line-height:1.35}
.product{min-width:158px;padding:10px}.pic{height:110px;background:#f1f5f8}.thumb{background:#f1f5f8}
.quickLaunch{gap:12px;margin:18px 0}.quickAction{min-height:118px;padding:15px;gap:8px}
.quickAction span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e3f5ee;color:#2455d6}
.quickAction:nth-child(2) span{background:#e9efff;color:#315abc}.quickAction:nth-child(3) span{background:#fff0dd;color:#a74d0b}.quickAction:nth-child(4) span{background:#f1eafd;color:#7d46b3}
.quickAction strong{font-size:16px}.quickAction small{font-size:13px}
.hero,.roleHero,.focusCard,.simplePriority{background:#f1f5ff;border-color:#d6e1fa;color:#18346b;box-shadow:none}
.simplePriority{border-left:4px solid #2455d6;padding:20px}.simplePriority h2{font-size:23px;line-height:1.2}
.hero p,.roleHero p,.focusTop p,.simplePriority p{color:#526783;font-size:15px;line-height:1.5}
.hero:after{display:none}.eyebrow,.link,.value{color:#204ab7}.eyebrow{font-size:12px}.link{font-size:14px}
.nav{width:min(480px,100%);background:rgba(255,255,255,.98);border-color:#dce5ec;box-shadow:0 -5px 24px #183a5010;padding-top:8px}
.nav button{font-size:12px;color:#607486;border-radius:12px;min-height:52px;gap:5px}
.nav .sel{background:#eef3ff;color:#204ab7}.nav b{font-size:22px}
.chip{background:#f6f8fb;border-color:#dce5ec;color:#476071;font-size:14px;min-height:44px}
.chip.active{background:#2455d6;border-color:#2455d6;color:#fff}
.accessTabs{background:#f1f5f8;border-color:var(--line)}.accessTabs button{font-size:14px;color:#546c7d}.accessTabs button.active{background:white;color:#204ab7;box-shadow:0 2px 6px #183a5010}
.networkStory{color:var(--ink)}.networkStory small{color:#4c6374;font-size:12px}
.storyRing{background:linear-gradient(145deg,#08a980,#388ad9,#e88c45)}.storyRing span{background-color:#edf5f8;border-color:white;color:#315466}
.storyRing.mine{background:#cddde5}.storyRing.mine:after,.storyButton:after{background:#2455d6;color:#fff;border-color:white}
.storyButton{background:linear-gradient(white,white) padding-box,linear-gradient(145deg,#08a980,#388ad9,#e88c45) border-box;color:#2455d6}
.storyViewer{color:white}.storyViewer .avatar{background:#ffffff26;color:white}.storyViewer .back{background:#fff;color:#162b3a}
.photoUpload,.storyUpload,.importBox{background:#f7fafc;border-color:#b9cddc;color:var(--ink)}
.photoPreview,.storyPreview{background-color:#eaf1f7;color:#204ab7}.storyPreview{background:linear-gradient(#edf7f3,#edf7f3) padding-box,linear-gradient(145deg,#08a980,#388ad9) border-box}.storyPreview small{color:#526a7b}
.storyTag,.note{background:#eef4ff;border-color:#cbdcf5;color:#284f83}.note{font-size:14px;line-height:1.5}
.pill,.tag,.liveTag,.orderStatus,.privacy.selected{background:#e3f4ea;color:#136640}
.privacy.private,.orderStatus.wait{background:#fff1db;color:#8b4906}.privacy.public,.orderStatus.route{background:#e8f0ff;color:#275a9c}
.pill,.tag,.privacy,.orderStatus{font-size:12px}.down,.confidence,.buyingRow .marketRange,.roleMark{color:#08764a}
.dailyLine{color:#526b7b;border-color:#c9ddd3;font-size:14px}
.quote,.offerMini.best{background:#f5fbf8;border-color:#bbddce}.quote.best{border-color:#2455d6;box-shadow:none}
.trend,.statusBanner,.successHero{background:#eff9f3;border-color:#c4e4ce;color:#235039}
.alertCard{background:#fff5e7;border-color:#f0d4ac}.alertCard b{color:#945005}
.successHero p{color:#496b59}.profileSignal{background:#f3f7fc;border-color:#d5e2ed;color:#213e53}
.profileSignal i{background:#e0edf8}.profileSignal strong{font-size:15px}.profileSignal small{font-size:12px;color:#557086}
.profileOption.active,.roleChoice.current{background:#f1f5ff;border-color:#2455d6;box-shadow:none}
.profileOption p{color:#5d6d7b;font-size:14px}.profileProducts span{background:#f0f4f8;color:#496274;font-size:12px}.profileOption.active .profileProducts span{background:#dcefe5;color:#226348}
.kpi{padding:15px 8px}.kpi b{font-size:25px}.kpi span{font-size:12px}.orderDetailGrid span{font-size:12px}.orderDetailGrid b{font-size:14px}
.rangeTrack{background:#e0e9ef}.rangePin{border-color:#fff;background:#e08222}.rangeLabels{font-size:12px}
.step i{background:#e5edf2;border-color:#aebfcc}.step:not(:last-child) i:after{background:#d4e1e8}
.verifyStep i,.roleMark:before{background:#dcefe5;color:#08764a}.verifyStep.pending i{background:#fff0d8;color:#8b4906}
.them{background:#eef3f8;color:#233e51}.me{background:#ddf3e9;color:#174f3b}.bubble{font-size:15px;line-height:1.5}
.toast{background:#203968;color:white;font-size:14px;box-shadow:0 8px 24px #20396833;pointer-events:none}
.trendTop [style*="color:#f2cf72"]{color:#945005!important;font-size:14px!important}
.loginWrap{background:#fff;padding:40px 22px}.loginLogo{font-size:42px}.demoLabel{color:#526b7b;font-size:12px}.demoLabel:before,.demoLabel:after{background:#dce5ec}
.demoGrid .btn{font-size:15px;min-height:68px;background:#f3f7fc;border-color:#d9e5ee}.demoGrid .btn:first-child{background:#e9f7ef;border-color:#baddcd;color:#146344}
.presentationView{background:#fff}.presentMode{color:#526b7b}.presentProgress span{background:#e0e8ed}.presentProgress span.done{background:#2455d6}
.showcase{padding:25px 22px}.showcase h1{font-size:34px;line-height:1.1;letter-spacing:-1px}.showcaseLead{color:#526b7b;line-height:1.6}
.dealCard{background:white;border-color:#c8ded7;box-shadow:0 8px 28px #1a574411}.dealCard:after{display:none}.dealRole{color:#324e62;font-size:14px}.dealRole i{background:#e4f4ec;color:#2455d6}
.dealEmoji{box-shadow:none;background:#eef5f9}.dealFact{background:#f4f7fb;border-color:#e2e9ef;padding:12px 5px}.dealFact b{color:#1d3d52;font-size:16px}.dealFact small{color:#627b8d;font-size:12px}
.showcaseValue i{background:#e4f4ec;color:#08764a}.showcaseValue b{font-size:16px}.showcaseValue span{color:#5d6d7b;font-size:14px}
.matchCore{background:#f0f8f4;border-color:#bbdbcb;box-shadow:0 0 0 15px #edf6f2,0 0 0 31px #f7faf9}.matchCore small{color:#526b7b;font-size:12px}
.impactLine{border-color:#dce5ec}.impactLine i{color:#08764a}.impactLine b{font-size:15px}.impactLine span{color:#607486;font-size:13px}
.splash{background:#fff;padding:0;min-height:100svh}
.splashCopy{position:relative;inset:auto;background:#fff;padding:30px 24px 24px;gap:23px;text-align:left;align-items:stretch;min-height:100svh}
.splashIntro{max-width:none;justify-items:start;gap:13px}.splashBrand{display:flex;gap:10px;align-items:center;color:#2455d6;margin-bottom:9px}.brandWord{font-size:31px;letter-spacing:-1px}.tableGlyph{width:31px;height:15px;border-top-width:3px}
.splashKicker{padding:0;border:0;background:transparent;color:#204ab7;font-size:11px;letter-spacing:.035em;backdrop-filter:none}.splashKicker:before{display:none}
.splashTitle{color:#162b3a;font-size:36px;line-height:1.1;letter-spacing:-1.25px;max-width:360px}.splashLead{margin:0;color:#5d6d7b;font-size:16px;line-height:1.5}
.splashArt{width:100%;height:175px;min-height:0;object-fit:cover;object-position:center;filter:none;border-radius:20px;box-shadow:none}
.splashAction{gap:10px}.splashAction p{color:#526b7b;font-size:15px;font-weight:400;line-height:1.5;text-shadow:none;max-width:none;margin:0 0 7px}
.splashAction .btn{box-shadow:none;padding:14px;font-size:16px}.splashAction .dark{background:#f3f7fa;border-color:#dce5ec;backdrop-filter:none;color:#2d4b60}.splashAction .accessLink{background:white;border:0;color:#204ab7}
.splashProof{font-size:12px;color:#677d8c;text-align:center;margin-top:2px}
@media(min-width:700px){body{background:#edf2f7}.app{margin:24px auto;border:1px solid #dce5ec;border-radius:24px;box-shadow:0 20px 70px #15395515}.view{min-height:calc(100vh - 48px)}.splash{height:auto;min-height:0;border-radius:24px}.splashCopy{min-height:0}.splashArt{height:190px;min-height:0;border-radius:20px}.nav{bottom:24px;border-radius:0 0 24px 24px}}
@media(max-width:360px){.content,.detail{padding:16px}.splashCopy{padding:24px 20px;gap:18px}.splashTitle{font-size:31px}.splashArt{height:145px}.nav button{font-size:11px}.demoGrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep one main action visible; retain secondary actions behind a disclosure. */
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:#f4f7fc;border-bottom:1px solid #e1e8f3;font-size:11px;color:#64738b}
.preview-toolbar select{background:transparent;color:#425877;border:0;max-width:120px;font-size:12px;min-height:36px}.preview-toolbar a{color:#2455d6;text-decoration:none;font-weight:600;white-space:nowrap}
.splashKicker{display:none}.splashCopy{min-height:0!important;padding-top:28px;gap:26px}.splashTitle{font-size:34px}.splashArt{height:190px}.splashProof{margin-top:8px;font-size:11px}.splashBrand{margin-bottom:4px}
.loginWrap{padding:30px 24px}.loginWrap h1{font-size:27px}.loginWrap .installApp{display:none}.demoGrid{grid-template-columns:1fr 1fr}.demoGrid .btn{min-height:58px}.preview-caption{color:#748296;font-size:12px;line-height:1.5;margin:24px 0}
.secondary-tools{margin-top:22px;border-top:1px solid #e2e8f0;padding-top:6px}.secondary-tools>summary{padding:15px 0;color:#5e708b;font-size:14px;cursor:pointer}.secondary-tools .section{margin-top:18px}.secondary-tools .quickAction{min-height:94px}.secondary-tools .quickAction small{display:none}
#home .content>form{position:relative;margin-bottom:22px}#home .search{padding-inline-end:50px}.search-submit{position:absolute;inset-inline-end:7px;top:4px;width:42px;height:42px;background:transparent;color:#2455d6;border:0;font-size:26px;cursor:pointer}
#home .top .sub{display:none}#home .simplePriority{padding:24px;border:0;border-radius:18px;background:#f1f5ff}#home .simplePriority h2{font-size:25px;line-height:1.2;margin:14px 0}#home .simplePriority p{font-size:14px;color:#64758d;margin-bottom:22px}
#home .content>.calmLink{margin-top:20px!important}#home .content>.calmLink .meta{display:none}#home .title{font-size:24px}
#market .marketProduct .down{display:none}#market .section{margin-top:24px}#market .rowcard{padding:16px 12px}.rowcard .right{flex:none}.rowcard .meta{font-size:12px}
#supplierHome .simplePriority p,#wholesalerHome .simplePriority p,#farmerHome .simplePriority p{display:none}
#supplierHome .quickAction small,#wholesalerHome .quickAction small,#farmerHome .quickAction small{display:none}
[dir=rtl] .splashCopy,[dir=rtl] .rowcard,[dir=rtl] .content,[dir=rtl] .detail{text-align:right}[dir=rtl] .back{transform:scaleX(-1)}[dir=rtl] .simplePriority{border-left:0;border-right:0}

/* Charte Cyril: quiet surfaces, readable offers, unchanged journeys. */
.top,.presentTop{box-shadow:none}
.card,.rowcard,.dealCard,.kpi,.action,.quickAction{box-shadow:none}
.splashTitle,.title{overflow-wrap:break-word;text-wrap:balance}
.splashAction .dark{background:transparent;border-color:transparent;color:#204ab7;text-decoration:underline;text-underline-offset:4px}
.rowcard{gap:16px}.rowcard>div{min-width:0}.rowcard .name{overflow-wrap:anywhere}
.rowcard .price{font-weight:750;font-variant-numeric:tabular-nums}