/* MPM ACHATS · V8.5 HIGH PREMIUM DESIGN SYSTEM */
:root{--navy:#142f40;--ink:#173345;--muted:#71818b;--orange:#e9762d;--bg:#f6f7f6;--line:#e5e9e9;--radius:20px;--shadow:0 12px 38px rgba(17,41,53,.045);color-scheme:light}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg)!important;color:var(--ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e9762d88!important;outline-offset:2px}.wrap{max-width:1120px!important;margin:0 auto!important;padding:20px 30px 92px!important}.hidden{display:none!important}
.head{height:auto!important;min-height:70px!important;padding:10px 0 16px!important;margin:0 0 22px!important;border:0!important;border-bottom:1px solid #e7e9e8!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}.brand-logo{max-width:206px!important;max-height:60px!important;width:auto!important;display:block;object-fit:contain!important}.head .mark,.head .head-badge{display:none!important}
#app .tabs{border:1px solid #e4e9e8!important;background:#fff!important;border-radius:17px!important;padding:5px!important;gap:4px!important;margin:0 0 25px!important;box-shadow:0 2px 10px #132f4006!important}#app .tabs button{border:0!important;background:transparent!important;color:#687d88!important;border-radius:12px!important;min-height:49px!important;font-weight:650!important;transition:background .18s,color .18s,transform .18s!important}#app .tabs button.active{background:#eaf0f0!important;color:#15384a!important;box-shadow:none!important}#app .tabs button:hover{color:#15384a!important}.nav-icon{flex-shrink:0;stroke-width:1.8!important}
.panel{background:#fff!important;border:1px solid #e7ebea!important;border-radius:22px!important;box-shadow:var(--shadow)!important;padding:clamp(20px,3vw,30px)!important;margin-bottom:16px!important}.panel h2{color:var(--navy)!important;font-size:clamp(20px,2.3vw,24px)!important;line-height:1.22!important;letter-spacing:-.7px!important;margin-top:0!important}.muted{color:#71828d!important;font-size:13px;line-height:1.5}.step-title,.eyebrow{font-size:10px!important;letter-spacing:1.65px!important;font-weight:800!important;text-transform:uppercase;color:#8a9aa1!important;margin-bottom:11px!important}
.btn{border:1px solid transparent!important;border-radius:13px!important;background:var(--navy)!important;color:white!important;font-weight:680!important;min-height:46px!important;box-shadow:none!important;letter-spacing:-.1px;transition:transform .15s ease,background .15s ease!important}.btn:hover{background:#204457!important}.btn:active{transform:scale(.985)}.btn.alt{background:#f0f3f3!important;color:#244254!important;border-color:#e4e9e9!important}.btn.alt:hover{background:#e7eeef!important}.btn.warn{color:#a23c39!important;background:#fdf0ed!important}.btn.mini{min-height:36px!important;border-radius:10px!important;padding:6px 11px!important}.text-button{color:#264b5d!important;font-size:13px!important;font-weight:700!important;background:transparent!important;border:0!important}.text-button:hover{text-decoration:underline}
input,textarea,select{border:1px solid #dbe3e4!important;background:#fbfcfc!important;color:var(--ink)!important;border-radius:13px!important;min-height:48px;padding:12px 14px!important;box-shadow:none!important;font-size:16px!important}input:focus,textarea:focus,select:focus{background:white!important;border-color:#87a1aa!important}label{font-size:13px!important;font-weight:700!important;color:#425e6b!important}textarea{min-height:132px!important;resize:vertical}.field{margin-bottom:18px}
.hero{background:var(--navy)!important;border:0!important;border-radius:24px!important;color:white!important;padding:clamp(27px,4vw,42px)!important;box-shadow:0 18px 40px rgba(20,47,64,.12)!important;margin-bottom:16px!important;overflow:hidden!important;position:relative!important}.hero:after{content:""!important;position:absolute!important;width:260px!important;height:260px!important;border:1px solid #ffffff17!important;border-radius:50%!important;top:-120px!important;right:-70px!important;pointer-events:none!important}.hero .eyebrow{color:#a8bfca!important}.hero h2{color:white!important;font-size:clamp(29px,4vw,39px)!important;letter-spacing:-1.4px!important;line-height:1.1!important;margin:0 0 12px!important;max-width:630px}.hero p{color:#cad8de!important;font-size:14px!important;margin:0 0 24px!important}.hero-cta{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:40px!important;background:var(--orange)!important;color:#fff!important;font-weight:750!important;border-radius:13px!important;border:0!important;min-height:50px!important;padding:13px 18px!important;box-shadow:0 6px 19px #090e1122!important;position:relative;z-index:2}.hero-cta:hover{background:#f08643!important}.hero-cta span{font-size:22px!important;margin-left:8px!important}
.overview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.metric{border:1px solid #e7ebea!important;border-radius:18px!important;background:#fff!important;padding:21px!important;box-shadow:var(--shadow)!important;min-height:120px}.metric span{font-size:12px!important;color:#72838e!important}.metric strong{font-size:33px!important;color:#183748!important;font-weight:780!important;letter-spacing:-1.3px!important}.metric small{font-size:11px!important;color:#95a3aa!important}
.recent-panel .split,.history-panel .split{align-items:center!important;gap:12px!important;margin-bottom:15px!important}.recent-panel h2,.history-panel h2{margin:0!important}.request-summary{border:1px solid #e6ebea!important;border-radius:16px!important;background:#fff!important;padding:17px!important;margin:10px 0!important;box-shadow:none!important;transition:box-shadow .15s}.request-summary:hover{box-shadow:0 5px 16px #1734450a!important}.status-pill,.status-tag{border-radius:99px!important;padding:6px 10px!important;font-size:11px!important;font-weight:750!important;white-space:nowrap;letter-spacing:0!important}.recent{padding:17px 0!important;border-color:#edf0f0!important}.recent small{color:#84949b!important}
.creation-panel{padding-bottom:26px!important}.creation-panel>.step-title{color:#b56c3c!important}.creation-panel h2{font-size:25px!important;margin-bottom:22px!important}.voice{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.voice #mic{background:var(--orange)!important;color:#fff!important;min-width:180px!important}.voice #mic:hover{background:#ef8647!important}.voice #extract{background:#edf2f2!important;color:#2d5263!important}.voice-status{border-radius:12px!important;background:#f3f6f6!important;color:#667d87!important;padding:10px 12px!important;font-size:12px!important}.voice-status:empty{display:none!important}.voice-status[data-state=recording]{background:#fff2e9!important;color:#a65722!important}.voice-status[data-state=processing]{background:#edf5f7!important;color:#3e6273!important}
#segmentBox,#draftBox{margin-top:24px!important;padding:20px!important;background:#f9fbfb!important;border:1px solid #e7eceb!important;border-radius:18px!important}#segmentBox h2,#draftBox h2{font-size:19px!important;margin:0 0 5px!important}#segmentBox p,#draftBox p{margin:6px 0 14px!important}.article-line{background:white!important;border:1px solid #e4eaea!important;border-radius:14px!important;box-shadow:none!important;padding:13px 14px!important;margin:8px 0!important}.article-top{gap:9px!important}.article-text strong{color:#203d4a!important;font-size:14px!important}.article-text span{color:#788b94!important;font-size:13px!important}.article-line button{min-width:40px!important;min-height:40px!important;border-radius:11px!important}.article-line .icon-action{display:inline-flex;align-items:center;justify-content:center}.undo-toast{border-radius:12px!important}
.profile-card{gap:17px!important;margin:17px 0 19px!important}.initials-avatar,.team-initials{background:var(--navy)!important;color:white!important;font-weight:750!important;letter-spacing:.3px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background-size:cover!important;background-position:center!important}.initials-avatar-large{width:76px!important;height:76px!important;font-size:22px!important}.profile-card strong{color:var(--navy);font-size:19px!important;letter-spacing:-.5px}.profile-card .muted{font-size:13px}.profile-exit button{background:#f3f5f5!important;color:#344f5d!important;border-color:#e9eded!important}.profile-photo-label{width:max-content!important;max-width:100%}
#sitesList .site-row{padding:15px 0!important;border-color:#e9eeee!important}.tablewrap{border:1px solid #e7ebeb!important;border-radius:15px!important;overflow:auto}.tablewrap th{background:#f7f9f9!important;color:#617681!important;font-size:12px!important}.tablewrap td{border-color:#edf0f0!important}.empty-state{background:#f6f9f9!important;border-radius:14px!important;color:#758893!important;padding:23px!important}.install{box-shadow:0 6px 18px #142f4015!important;border-radius:16px!important}.install img{width:32px!important;height:32px!important}.notice{border-radius:13px!important;font-size:13px!important}.notice.success{background:#eff7f0!important;color:#34664a!important}.notice.error{background:#fff0ed!important;color:#a44339!important}dialog{border:1px solid #e2e8e8!important;border-radius:23px!important;box-shadow:0 30px 100px #112a3a38!important;max-width:min(94vw,560px)!important;padding:26px!important}dialog::backdrop{background:#102a3c6e!important;backdrop-filter:blur(4px)}footer{color:#a8b3b8!important;text-align:center!important;font-size:11px!important;margin-top:24px!important}
@media(min-width:701px){#app .tabs{position:static!important}#buyerView .panel,#adminView .panel,#profileView .panel{margin-bottom:17px!important}}
@media(max-width:700px){body.logged-in .wrap{padding:max(12px,env(safe-area-inset-top)) 16px calc(106px + env(safe-area-inset-bottom))!important}.wrap{padding:18px 16px 105px!important}.head{height:64px!important;min-height:64px!important;padding:0 0 10px!important;margin:0 0 15px!important;align-items:center!important}.brand-logo{max-height:54px!important;max-width:194px!important}.panel{padding:20px 17px!important;border-radius:18px!important;margin-bottom:13px!important}.panel h2{font-size:20px!important}.hero{border-radius:20px!important;padding:27px 22px!important;margin-bottom:13px!important}.hero h2{font-size:29px!important;letter-spacing:-1.1px!important}.hero p{font-size:13px!important;max-width:265px!important}.hero-cta{width:100%!important;min-height:50px!important}.overview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.overview .metric:last-child:nth-child(3){grid-column:1/-1}.metric{min-height:108px!important;padding:16px!important}.metric strong{font-size:28px!important}.metric small{font-size:10px!important}#app .tabs{position:fixed!important;z-index:90!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;border:0!important;border-top:1px solid #e4e9e8!important;border-radius:0!important;box-shadow:0 -8px 22px #132d3b0a!important;display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:0!important;padding:7px max(6px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))!important;background:#fffffffa!important;backdrop-filter:blur(16px)!important}#app .tabs button{flex:1!important;min-width:0!important;min-height:53px!important;padding:6px 2px!important;font-size:11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:10px!important}#app .tabs button span{font-size:10px!important;line-height:1.2!important;font-weight:650!important;margin:0!important}#app .tabs button.active{background:#edf3f1!important}#app .tabs .nav-icon{width:22px!important;height:22px!important}.voice{display:flex!important;flex-direction:column!important;align-items:stretch!important}.voice button{width:100%!important;min-height:49px!important}.creation-panel{padding-bottom:21px!important}#segmentBox,#draftBox{padding:15px 12px!important;border-radius:15px!important}#segmentBox h2,#draftBox h2{font-size:17px!important}.article-line{padding:12px!important}.article-text strong{font-size:13px!important}#segmentBox .row,#draftBox .row{gap:8px!important;flex-wrap:wrap!important}#draftBox #send{flex:1!important}#profileView>.panel{margin-bottom:13px!important}.recent-panel .split,.history-panel .split{align-items:center!important}.request-summary{padding:14px!important;border-radius:14px!important}dialog{margin:auto!important;width:calc(100% - 22px)!important;max-height:86dvh!important;overflow-y:auto!important;padding:20px!important}footer{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Signed-out state: the authentication view already contains the brand logo. */
body:not(.logged-in) .head{display:none!important}