*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6f7;color:#15313a}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#082f38;padding:24px 16px;color:#fff}aside .brand{font-size:22px;font-weight:800;margin:4px 10px 28px}aside a{display:block;color:#dcebec;text-decoration:none;padding:12px 14px;border-radius:10px;margin:4px 0}aside a:hover{background:#0b4a55}main{margin-left:245px;padding:28px;max-width:1400px}header h1{margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.card,.panel{background:#fff;border-radius:16px;box-shadow:0 5px 22px rgba(5,47,56,.07)}.card{padding:24px}.card b{font-size:34px;display:block;color:#0b766e}.card span{color:#60767d}.panel{padding:24px;margin-bottom:22px}.form label{display:block;font-weight:700;margin-bottom:18px}.form small{font-weight:400;color:#789}.form input,.form select,.form textarea{width:100%;border:1px solid #cad7da;border-radius:10px;padding:12px;margin-top:7px;font:inherit}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.actions{display:flex;justify-content:flex-end;gap:12px}.actions button,.login-card button{border:0;border-radius:10px;padding:13px 22px;font-weight:800;cursor:pointer}.actions .primary,.login-card button{background:#0b766e;color:#fff}.alert{padding:14px 18px;background:#dcf5ed;border-radius:10px;margin-bottom:18px}.alert.bad{background:#ffe5e5}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e4ecee;vertical-align:top}.status{padding:4px 8px;border-radius:8px;background:#eee}.status.sent{background:#dcf5ed}.status.failed{background:#ffe5e5}td small{display:block;color:#a33;margin-top:5px}.login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#082f38,#0b766e)}.login-card{width:min(420px,92vw);background:#fff;padding:34px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.login-card input{width:100%;padding:12px;border:1px solid #cad7da;border-radius:10px;margin:7px 0 18px}.login-card button{width:100%}.quotebox{background:#eef7f6;border-left:4px solid #0b766e;padding:16px;margin:18px 0;border-radius:8px}.preview{border:2px dashed #aac7c9}@media(max-width:800px){aside{position:static;width:auto}main{margin-left:0;padding:16px}.cards,.grid2,.grid3{grid-template-columns:1fr}}
.btn{display:inline-block;text-decoration:none;border:0;border-radius:10px;padding:11px 16px;font-weight:700;background:#e7eff0;color:#15313a}.btn.primary{background:#0b766e;color:#fff}.mailbody{line-height:1.65;overflow-wrap:anywhere}.mailbody img{max-width:100%;height:auto}

.attachments{margin-top:22px;padding-top:18px;border-top:1px solid #dce7e9;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.btn{display:inline-block;text-decoration:none;border:0;border-radius:10px;padding:11px 16px;font-weight:700;background:#e7eff0;color:#15313a}
.btn.primary{background:#0b766e;color:#fff}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.unread td{font-weight:800;background:#f3fbfa}
.mailbody{line-height:1.65;overflow-wrap:anywhere}
.mailbody img{max-width:100%;height:auto}
.message-head p{margin:7px 0}

.searchbar{display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:end}
.searchbar input,.searchbar select,.searchbar button{width:100%;border:1px solid #cad7da;border-radius:10px;padding:12px;font:inherit}
.searchbar button{background:#0b766e;color:#fff;border:0;font-weight:800}
.iconbtn{border:0;background:transparent;font-size:22px;cursor:pointer}
.thread-card{margin-bottom:14px}
.thread-meta{display:flex;justify-content:space-between;gap:16px;color:#60767d}
.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.actions form{display:inline-flex}
.actions form button{border:0;border-radius:10px;padding:13px 22px;font-weight:800;cursor:pointer}
@media(max-width:800px){.searchbar{grid-template-columns:1fr}}

.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.quick-card{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:16px;padding:24px;text-decoration:none;color:#15313a;box-shadow:0 5px 22px rgba(5,47,56,.07)}.quick-card strong{font-size:20px;color:#0b766e}.quick-card span{color:#60767d}.notice{background:#eef7f6;border-left:4px solid #0b766e;padding:14px 16px;border-radius:8px;margin:12px 0 20px}@media(max-width:1000px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.quick-grid{grid-template-columns:1fr}}

.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.toolbar form{display:flex;gap:8px;flex:1}.toolbar input{width:100%;max-width:460px;border:1px solid #cad7da;border-radius:10px;padding:11px}.toolbar button{border:0;border-radius:10px;padding:11px 18px;font-weight:700}
.recipient-tabs{display:flex;gap:20px;margin:8px 0 18px}.recipient-tabs label{font-weight:700}
.contact-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:360px;overflow:auto;border:1px solid #d9e3e5;border-radius:12px;padding:14px;margin-bottom:18px}
.contact-picker label{font-weight:500;padding:8px;border-radius:8px;background:#f7fafa}.contact-picker input{width:auto;margin-right:7px}
code{display:block;background:#0b2f38;color:#e7ffff;padding:12px;border-radius:9px;margin:10px 0 18px;overflow:auto}
@media(max-width:800px){.contact-picker{grid-template-columns:1fr}}


/* Nova Hub Enterprise Mail */
.mail-folders{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.mail-folders a{background:#fff;border:1px solid #dbe5e7;border-radius:10px;padding:9px 13px;text-decoration:none;color:#17313a;font-weight:700}
.mail-folders a.active{background:#0b766e;color:#fff;border-color:#0b766e}
.mail-folders span{display:inline-block;margin-left:5px;background:#dcefee;color:#075d57;border-radius:999px;padding:1px 7px;font-size:12px}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mail-toolbar form{display:flex;gap:8px;flex:1;min-width:260px}
.mail-toolbar input{flex:1;min-width:150px;border:1px solid #cbd9dc;border-radius:10px;padding:11px}
.mail-toolbar select{border:1px solid #cbd9dc;border-radius:10px;padding:11px;background:#fff}
.mail-toolbar button{border:0;border-radius:10px;padding:11px 17px;font-weight:700}
.mail-list{padding:0;overflow:hidden}
.mail-row{display:flex;align-items:center;border-bottom:1px solid #edf2f3;background:#fff}
.mail-row:last-child{border-bottom:0}
.mail-row.unread{background:#f1f8f8}
.mail-row.unread .mail-sender,.mail-row.unread .mail-subject{font-weight:800}
.mail-row-link{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(180px,1.4fr) minmax(220px,2fr) 130px;gap:13px;align-items:center;padding:14px 15px;text-decoration:none;color:#17313a;flex:1;min-width:0}
.mail-row-link.standalone{border-bottom:1px solid #edf2f3}
.mail-row-link.failed{background:#fff2f2}
.mail-sender,.mail-subject,.mail-snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-snippet{color:#667b82;font-size:13px}
.mail-date{text-align:right;color:#667b82;font-size:12px;white-space:nowrap}
.icon-btn{border:0;background:transparent;font-size:20px;padding:10px;cursor:pointer}
.empty{padding:35px;text-align:center;color:#667b82}
.mail-message-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.mail-message-header h2{margin:0 0 10px}
.mail-message-header p{margin:0 0 6px}
.message-actions{display:flex;gap:8px;flex-wrap:wrap}
.message-actions form{margin:0}
.thread{display:flex;flex-direction:column;gap:14px;margin:15px 0}
.thread-item{border:1px solid #dbe5e7;border-radius:14px;background:#fff;overflow:hidden}
.thread-item.outbound{border-left:4px solid #0b766e}
.thread-item.inbound{border-left:4px solid #8ca0a6}
.thread-meta{display:flex;justify-content:space-between;gap:15px;padding:13px 16px;background:#f5f8f9;font-size:13px}
.thread-body{padding:20px;line-height:1.65;overflow-wrap:anywhere}
.thread-body table{max-width:100%!important}
.thread-body img{max-width:100%;height:auto}
.remote-image{display:inline-block;background:#eef3f4;border-radius:6px;padding:4px 8px;color:#667b82;font-size:12px}
.attachment-list{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.attachment-list h3{width:100%;margin:0 0 5px}
.attachment{display:inline-flex;gap:7px;align-items:center;background:#f1f7f7;border:1px solid #d8e6e7;border-radius:10px;padding:10px 13px;text-decoration:none;color:#17313a}
.compose-form details{border:1px solid #dbe5e7;border-radius:10px;padding:10px 12px}
.compose-form summary{cursor:pointer;font-weight:700}
.compose-form input[type=file]{background:#f5f8f9;padding:12px;border-radius:10px}
@media(max-width:900px){
 .mail-row-link{grid-template-columns:1fr 110px}
 .mail-subject{grid-column:1}
 .mail-snippet{display:none}
 .mail-sender{grid-column:1}
 .mail-date{grid-column:2;grid-row:1/3}
 .mail-message-header{flex-direction:column}
}
@media(max-width:600px){
 .mail-toolbar form{flex-direction:column;width:100%}
 .mail-toolbar .btn{width:100%;text-align:center}
 .mail-row-link{grid-template-columns:1fr}
 .mail-date{grid-column:1;grid-row:auto;text-align:left}
 .message-actions{width:100%}
 .message-actions form,.message-actions button{width:100%}
 .thread-meta{flex-direction:column;gap:4px}
}


/* Nova Hub Enterprise CRM */
.crm-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.crm-toolbar form{display:flex;gap:8px;flex:1;min-width:280px}
.crm-toolbar input{flex:1;border:1px solid #cad8db;border-radius:10px;padding:11px}
.crm-toolbar button{border:0;border-radius:10px;padding:11px 18px;font-weight:700}
.crm-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.crm-task{display:flex;justify-content:space-between;gap:12px;border:1px solid #dce7e9;background:#f7fafa;border-radius:11px;padding:12px}
.crm-task.high{border-left:4px solid #c74d4d}
.crm-task small{display:block;color:#687d83;margin-top:4px}
.crm-contact-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.crm-contact-head h2{margin:0 0 8px}
.crm-contact-head p{margin:0 0 10px;color:#62777e}
.crm-contact-links{display:flex;gap:12px;flex-wrap:wrap}
.crm-contact-links a,.crm-contact-links span{color:#0b6e68;text-decoration:none;font-weight:700}
.crm-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}
.crm-dl{display:grid;grid-template-columns:100px 1fr;gap:10px 14px;margin:0}
.crm-dl dt{font-weight:800;color:#526970}
.crm-dl dd{margin:0;overflow-wrap:anywhere}
.crm-note{border-top:1px solid #e4ecee;padding:12px 0}
.crm-note:first-of-type{border-top:0}
.crm-note p{margin:0 0 6px;line-height:1.55}
.crm-note small{color:#6a7e84}
.crm-task-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e4ecee}
.crm-task-line:first-of-type{border-top:0}
.crm-task-line small{display:block;color:#6a7e84;margin-top:4px}
.crm-task-line.done{opacity:.55;text-decoration:line-through}
.crm-timeline{display:flex;gap:12px;padding:13px 0;border-top:1px solid #e4ecee;text-decoration:none;color:#17313a}
.crm-timeline:first-of-type{border-top:0}
.crm-timeline>span{font-size:22px}
.crm-timeline strong{display:block}
.crm-timeline p{margin:4px 0;color:#62777e}
.crm-timeline small{color:#7c8e93}
@media(max-width:900px){
 .crm-columns{grid-template-columns:1fr}
 .crm-task-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .crm-toolbar form{flex-direction:column;width:100%}
 .crm-toolbar>div{display:grid;grid-template-columns:1fr;width:100%;gap:8px}
 .crm-contact-head{flex-direction:column}
 .crm-dl{grid-template-columns:1fr}
}


/* Nova Hub Enterprise Campaign Engine */
.campaign-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.campaign-toolbar form{display:flex;gap:8px;flex-wrap:wrap}
.campaign-toolbar select,.campaign-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px 13px;background:#fff}
.campaign-toolbar button{font-weight:700}
.campaign-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:420px;overflow:auto;border:1px solid #d9e4e6;border-radius:12px;padding:12px;margin-bottom:18px}
.campaign-contact-list label{display:flex;align-items:flex-start;gap:9px;padding:10px;background:#f7fafa;border-radius:9px}
.campaign-contact-list input{width:auto;margin-top:3px}
.campaign-contact-list small{display:block;color:#687d83;margin-top:3px}
.campaign-test{display:flex;align-items:flex-end;gap:10px;border:1px dashed #b8cacc;border-radius:12px;padding:13px}
.campaign-test label{flex:1;margin:0}
.campaign-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.campaign-head h2{margin:0 0 8px}
.campaign-head p{margin:0}
.campaign-actions{display:flex;gap:8px;flex-wrap:wrap}
.campaign-actions form{margin:0}
.progress{height:9px;background:#e7eeee;border-radius:999px;overflow:hidden;min-width:110px;margin-bottom:4px}
.progress i{display:block;height:100%;background:#0b766e;border-radius:999px}
.progress.large{height:16px}
.status-pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:#edf2f3;color:#526970}
.status-sent,.status-completed{background:#e2f5ea;color:#17643c}
.status-failed,.status-cancelled{background:#fde7e7;color:#9b3030}
.status-running,.status-processing{background:#e2effb;color:#225e91}
.status-queued,.status-pending,.status-retry,.status-scheduled{background:#fff2d5;color:#8b6014}
.status-paused{background:#eee9fa;color:#604495}
.btn.danger{background:#fff0f0;color:#a72f2f;border-color:#f0c3c3}
.campaign-event{display:grid;grid-template-columns:150px 1fr 130px;gap:12px;border-top:1px solid #e4ecee;padding:11px 0}
.campaign-event:first-of-type{border-top:0}
.campaign-event small{text-align:right;color:#71858b}
@media(max-width:800px){
 .campaign-contact-list{grid-template-columns:1fr}
 .campaign-head{flex-direction:column}
 .campaign-actions,.campaign-actions form,.campaign-actions button{width:100%}
 .campaign-test{flex-direction:column;align-items:stretch}
 .campaign-event{grid-template-columns:1fr}
 .campaign-event small{text-align:left}
}


/* Nova Hub Enterprise Templates */
.template-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.template-toolbar form{display:flex;gap:8px;flex:1;flex-wrap:wrap}
.template-toolbar input{flex:1;min-width:180px;border:1px solid #cbd9dc;border-radius:10px;padding:10px}
.template-toolbar select,.template-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px;background:#fff}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.template-card{background:#fff;border:1px solid #dce6e8;border-radius:14px;padding:16px;display:flex;flex-direction:column;min-height:280px}
.template-card-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}
.channel-badge,.language-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.channel-email{background:#e3eefb;color:#215e91}.channel-sms{background:#e9f5df;color:#41711c}.channel-whatsapp{background:#dcf7e7;color:#17633a}
.language-badge{background:#f0edf8;color:#5f4787}
.template-card>small{color:#71858b}
.template-card h3{margin:7px 0}
.template-subject{font-weight:700;margin:0 0 8px}
.template-snippet{color:#5f747a;line-height:1.5;flex:1}
.template-vars{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}
.template-vars span{background:#f2f6f7;border-radius:7px;padding:4px 6px;font-size:11px}
.template-card-actions{display:flex;gap:8px;margin-top:12px}
.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px}
.template-editor-layout aside{display:flex;flex-direction:column;gap:14px}
.template-count{display:flex;justify-content:space-between;color:#657a80;font-size:13px}
.live-preview{min-height:220px}
.email-preview{border:1px solid #dbe6e8;border-radius:10px;padding:15px;line-height:1.55}
.phone-preview{max-width:300px;border-radius:18px;padding:14px;line-height:1.45}
.phone-preview.sms{background:#e9edf0}.phone-preview.whatsapp{background:#daf8c6}
.template-side-actions{display:flex;gap:8px;flex-wrap:wrap}
.template-side-actions form{margin:0}
.template-version{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e4ecee;padding:10px 0}
.template-version:first-of-type{border-top:0}
.template-version small{display:block;color:#72868c;margin-top:3px}
.preview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.preview-head h2{margin:10px 0 0}
.email-full-preview{padding:0;overflow:hidden}
.phone-shell{max-width:390px;margin:30px auto;background:#f0f2f3;border:10px solid #1b2528;border-radius:38px;min-height:500px;padding:25px 14px}
.phone-message{border-radius:18px;padding:14px;max-width:85%;margin-top:40px;line-height:1.5}
.phone-message.sms{background:#fff}.phone-message.whatsapp{background:#d8f8c6;margin-left:auto}
@media(max-width:1000px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-editor-layout{grid-template-columns:1fr}}
@media(max-width:650px){.template-grid{grid-template-columns:1fr}.template-toolbar form{flex-direction:column;width:100%}.template-toolbar input,.template-toolbar select,.template-toolbar button{width:100%}.preview-head{flex-direction:column}}


/* Nova Hub Enterprise Offers */
.offer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.offer-toolbar form{display:flex;gap:8px;flex:1}
.offer-toolbar input{flex:1;border:1px solid #cbd9dc;border-radius:10px;padding:10px}
.offer-toolbar select,.offer-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px;background:#fff}
.offer-items-head{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.offer-item{position:relative;border:1px solid #dce7e9;background:#f8fbfb;border-radius:13px;padding:15px;margin-bottom:12px}
.offer-remove{position:absolute;right:9px;top:7px;border:0;background:#fee8e8;color:#a02f2f;width:29px;height:29px;border-radius:50%;font-size:20px;cursor:pointer}
.offer-item-numbers{display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr 1.3fr;gap:10px;align-items:end}
.line-total{background:#eaf4f3;border-radius:10px;padding:10px}
.line-total span{display:block;font-size:12px;color:#61767c;margin-bottom:5px}
.offer-summary{margin-left:auto;max-width:450px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;background:#f4f8f8;border-radius:13px;padding:14px}
.offer-summary>div{display:contents}
.offer-summary span{text-align:right;color:#5c7177}
.offer-summary strong{text-align:right}
.offer-summary .grand span,.offer-summary .grand strong{font-size:18px;font-weight:900;color:#0b6e68}
.offer-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.offer-detail-head h2{margin:8px 0}
.offer-detail-head p{margin:0;color:#687c82}
.offer-actions{display:flex;gap:8px;flex-wrap:wrap}
.offer-actions form{margin:0}
.offer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.offer-status-row{display:flex;gap:8px}
.offer-status-row select{flex:1}
.offer-event{display:grid;grid-template-columns:125px 1fr 125px;gap:10px;border-top:1px solid #e4ecee;padding:11px 0}
.offer-event:first-of-type{border-top:0}
.offer-event small{text-align:right;color:#71858b}
.status-accepted{background:#def5e6;color:#17623b}
.status-rejected,.status-expired{background:#fde7e7;color:#963030}
@media(max-width:900px){
 .offer-item-numbers{grid-template-columns:repeat(2,1fr)}
 .offer-detail-grid{grid-template-columns:1fr}
 .offer-detail-head{flex-direction:column}
}
@media(max-width:600px){
 .offer-toolbar form{flex-direction:column;width:100%}
 .offer-toolbar input,.offer-toolbar select,.offer-toolbar button{width:100%}
 .offer-item-numbers{grid-template-columns:1fr}
 .offer-summary{max-width:none;margin:0}
 .offer-actions,.offer-actions form,.offer-actions a,.offer-actions button{width:100%;text-align:center}
 .offer-event{grid-template-columns:1fr}
 .offer-event small{text-align:left}
}


/* Nova Hub Enterprise Products */
.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.product-toolbar form{display:flex;gap:8px;flex:1;flex-wrap:wrap}
.product-toolbar input{flex:1;min-width:190px;border:1px solid #cbd9dc;border-radius:10px;padding:10px}
.product-toolbar select,.product-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px;background:#fff}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.product-card{background:#fff;border:1px solid #dbe6e8;border-radius:15px;overflow:hidden}
.product-image{height:210px;background:#f2f7f7;display:flex;align-items:center;justify-content:center;text-decoration:none}
.product-image img{width:100%;height:100%;object-fit:contain}.product-image span{font-size:58px}
.product-card-body{padding:15px}.product-card-body small{color:#6c8086}.product-card-body h3{margin:7px 0}.product-card-body p{min-height:40px;color:#61757b}
.product-price{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:13px 0}
.stock-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.stock-in_stock{background:#def5e6;color:#17623b}.stock-low_stock{background:#fff1cf;color:#8c5d10}.stock-out_of_stock{background:#fde5e5;color:#993030}.stock-preorder{background:#e9e3f7;color:#604492}
.product-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.product-spec-head{display:flex;justify-content:space-between;align-items:center}
.product-spec-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}
.product-image-admin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.product-image-admin>div{border:1px solid #dbe6e8;border-radius:10px;padding:8px}.product-image-admin img{width:100%;height:120px;object-fit:contain}
.product-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.product-detail-head h2{margin:8px 0}.product-detail-head p{margin:0;color:#687d83}
.product-detail-actions{display:flex;gap:8px}.product-detail-actions form{margin:0}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px}
.product-main-image{width:100%;height:420px;object-fit:contain}.product-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.product-thumbs img{width:72px;height:72px;object-fit:contain;border:1px solid #dbe5e7;border-radius:8px;cursor:pointer}
.product-placeholder{height:360px;display:flex;align-items:center;justify-content:center;font-size:90px;background:#f3f7f8;border-radius:12px}
.product-spec-list{display:grid;grid-template-columns:180px 1fr;gap:9px 14px}.product-spec-list dt{font-weight:800;color:#566c72}.product-spec-list dd{margin:0}
.product-mini-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-event{display:grid;grid-template-columns:90px 1fr 125px;gap:10px;border-top:1px solid #e4ecee;padding:10px 0}.product-event:first-of-type{border-top:0}.product-event small{text-align:right;color:#71858b}
.panel-lite{border:1px dashed #b8cacc;border-radius:12px;padding:12px;display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}.panel-lite label{flex:1;margin:0}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-grid{grid-template-columns:1fr}.product-pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.product-grid{grid-template-columns:1fr}.product-toolbar form{flex-direction:column;width:100%}.product-toolbar input,.product-toolbar select,.product-toolbar button{width:100%}.product-pricing-grid{grid-template-columns:1fr}.product-image-admin{grid-template-columns:repeat(2,1fr)}.product-detail-head{flex-direction:column}.product-detail-actions,.product-detail-actions form,.product-detail-actions a,.product-detail-actions button{width:100%;text-align:center}.product-spec-list{grid-template-columns:1fr}.product-event{grid-template-columns:1fr}.product-event small{text-align:left}.panel-lite{flex-direction:column;align-items:stretch}}


/* Nova Hub Enterprise Messaging */
.message-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.message-toolbar form{display:flex;gap:8px;flex:1}
.message-toolbar input{flex:1;border:1px solid #cbd9dc;border-radius:10px;padding:10px}
.message-toolbar select,.message-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px;background:#fff}
.message-list{padding:0;overflow:hidden}
.message-thread-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:15px;border-bottom:1px solid #e3ebed;text-decoration:none;color:#17313a}
.message-thread-row:last-child{border-bottom:0}
.message-thread-row:hover{background:#f5f9f9}
.message-channel-icon{font-size:25px}
.message-thread-row strong{display:block}
.message-thread-row small{color:#6a7f85}
.message-thread-row p{margin:5px 0 0;color:#5f747a}
.message-row-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.message-count{display:flex;justify-content:space-between;color:#657a80;font-size:13px}
.message-thread-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.message-thread-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.message-thread-head h2{margin:0}
.message-thread-head p{grid-column:2;margin:3px 0 0;color:#677d83}
.message-chat{background:#edf3f2;padding:18px;min-height:430px}
.message-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px}
.message-bubble-wrap.outbound{align-items:flex-end}
.message-bubble{max-width:min(680px,82%);background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.message-bubble-wrap.outbound .message-bubble{background:#dff4e8}
.message-bubble p{margin:0 0 8px;line-height:1.5}
.message-bubble>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.message-bubble small{color:#71858b}
.message-bubble em{display:block;color:#a03030;font-size:12px;margin-top:7px}
.status-delivered{background:#dff1fb;color:#205d83}.status-read{background:#def5e6;color:#17623b}.status-received{background:#eee9fa;color:#604492}
@media(max-width:650px){
 .message-toolbar form{flex-direction:column;width:100%}
 .message-toolbar input,.message-toolbar select,.message-toolbar button{width:100%}
 .message-thread-row{grid-template-columns:40px 1fr}
 .message-row-meta{grid-column:2;align-items:flex-start;text-align:left}
 .message-thread-head{flex-direction:column;align-items:flex-start}
 .message-thread-head>a{width:100%;text-align:center}
 .message-bubble{max-width:92%}
}


/* Nova Hub Enterprise Distributors */
.distributor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.distributor-toolbar form{display:flex;gap:8px;flex:1}
.distributor-toolbar input{flex:1;border:1px solid #cbd9dc;border-radius:10px;padding:10px}
.distributor-toolbar select,.distributor-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px;background:#fff}
.distributor-head,.supplier-request-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.distributor-head h2,.supplier-request-head h2{margin:8px 0}
.distributor-head p,.supplier-request-head p{margin:0;color:#687d83}
.distributor-actions,.supplier-request-actions{display:flex;gap:8px;flex-wrap:wrap}
.distributor-actions form{margin:0}
.distributor-detail-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px}
.supplier-catalog{margin-top:12px}
.supplier-items-head,.supplier-quote-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.supplier-item{position:relative;border:1px solid #dce7e9;background:#f8fbfb;border-radius:13px;padding:15px;margin-bottom:12px}
.supplier-remove{position:absolute;right:9px;top:7px;border:0;background:#fee8e8;color:#a02f2f;width:29px;height:29px;border-radius:50%;font-size:20px;cursor:pointer}
.supplier-item-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.supplier-request-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:16px}
.supplier-message{white-space:normal;line-height:1.6}
.supplier-quote-card{border:1px solid #dce7e9;border-radius:13px;padding:14px;margin-bottom:12px}
.supplier-quote-title small{display:block;color:#6b8086;margin-top:4px}
.supplier-quote-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px;align-items:end}
.supplier-quote-form label{margin:0}
.supplier-quote-form .wide{grid-column:span 2}
.supplier-event{display:grid;grid-template-columns:110px 1fr 120px;gap:9px;border-top:1px solid #e4ecee;padding:10px 0}
.supplier-event:first-of-type{border-top:0}
.supplier-event small{text-align:right;color:#71858b}
.status-closed{background:#e1f2e8;color:#17623b}
.status-cancelled{background:#fde7e7;color:#963030}
@media(max-width:1000px){
 .distributor-detail-grid,.supplier-request-grid{grid-template-columns:1fr}
 .supplier-quote-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .distributor-toolbar form{flex-direction:column;width:100%}
 .distributor-toolbar input,.distributor-toolbar select,.distributor-toolbar button{width:100%}
 .distributor-head,.supplier-request-head{flex-direction:column}
 .distributor-actions,.supplier-request-actions,.distributor-actions form,.distributor-actions a,.distributor-actions button,.supplier-request-actions a{width:100%;text-align:center}
 .supplier-item-numbers,.supplier-quote-form{grid-template-columns:1fr}
 .supplier-quote-form .wide{grid-column:auto}
 .supplier-event{grid-template-columns:1fr}
 .supplier-event small{text-align:left}
}


/* Nova Hub Enterprise Reports */
.reports-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.reports-toolbar form{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap}
.reports-toolbar label{margin:0;font-size:12px;color:#62777d}
.reports-toolbar input{display:block;margin-top:4px;border:1px solid #cbd9dc;border-radius:10px;padding:10px}
.report-presets{display:flex;gap:7px;flex-wrap:wrap}
.report-range{margin:10px 0 14px;color:#60757b}
.report-cards{margin-bottom:14px}
.report-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:15px}
.report-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.report-section-head h3{margin:0}
.report-section-head small{display:block;color:#71858b;margin-top:4px}
.report-chart-scroll{overflow-x:auto;padding-bottom:6px}
.report-chart{height:270px;display:grid;grid-template-columns:repeat(var(--days),minmax(28px,1fr));gap:6px;align-items:end;min-width:calc(var(--days) * 34px);border-bottom:1px solid #dce6e8;padding:15px 5px 0}
.report-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.report-day strong{font-size:10px;color:#526970}
.report-day small{font-size:9px;color:#71858b;writing-mode:vertical-rl;transform:rotate(180deg);height:34px}
.report-bar-stack{width:75%;min-height:3px;border-radius:7px 7px 2px 2px;overflow:hidden;display:flex;flex-direction:column-reverse;background:#eef3f4}
.report-bar-stack i{display:block;min-height:2px}
.bar-inbound{background:#6d8fd3}.bar-email{background:#38a0a0}.bar-campaign{background:#0b766e}.bar-offer{background:#d39a42}
.report-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.report-legend span{font-size:12px;display:flex;align-items:center;gap:5px;background:none}
.report-legend span:before{content:"";width:10px;height:10px;border-radius:3px;background:currentColor}
.report-legend .bar-inbound{color:#6d8fd3}.report-legend .bar-email{color:#38a0a0}.report-legend .bar-campaign{color:#0b766e}.report-legend .bar-offer{color:#d39a42}
.report-progress-row{margin:14px 0}
.report-progress-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.report-progress-row span{color:#6c8086}
.report-progress-email{background:#6d8fd3!important}.report-progress-sms{background:#38a0a0!important}.report-progress-whatsapp{background:#0b766e!important}
.report-kv{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4ecee;padding:10px 0}
.report-exports{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.report-exports h3{margin:0}.report-exports small{color:#71858b}.report-exports>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.report-error{max-width:420px;white-space:normal;color:#953333}
.report-snapshots form{margin:0}
.snapshot-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.snapshot-grid article{border:1px solid #dce7e9;border-radius:11px;padding:10px;background:#f8fbfb}
.snapshot-grid article strong,.snapshot-grid article span{display:block}
.snapshot-grid article span{font-size:11px;color:#667b81;margin-top:4px}
@media(max-width:1050px){
 .report-grid{grid-template-columns:1fr}
 .snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:650px){
 .reports-toolbar,.reports-toolbar form{align-items:stretch;flex-direction:column;width:100%}
 .reports-toolbar input,.reports-toolbar button{width:100%}
 .report-presets a{flex:1;text-align:center}
 .report-exports{align-items:stretch}
 .report-exports>div:last-child{flex-direction:column;width:100%}
 .report-exports .btn{width:100%;text-align:center}
 .snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Nova Hub Enterprise Phone */
.phone-toolbar form{display:flex;gap:8px;flex-wrap:wrap}
.phone-toolbar input,.phone-toolbar select,.phone-toolbar button{border:1px solid #cbd9dc;border-radius:10px;padding:10px;background:#fff}
.phone-toolbar input[name=q]{flex:1;min-width:210px}
.phone-import-state{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
.phone-import-state strong,.phone-import-state span{display:block}
.phone-import-state strong{font-size:12px;color:#60757b;margin-bottom:4px}
.phone-direction{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.phone-inbound{background:#e3eefb;color:#245e90}
.phone-outbound{background:#def5e6;color:#17623b}
.phone-unknown{background:#eee9fa;color:#604492}
.status-answered{background:#def5e6;color:#17623b}
.status-no_answer,.status-failed,.status-congestion{background:#fde7e7;color:#963030}
.status-busy{background:#fff1cf;color:#8c5d10}
.phone-call-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.phone-call-head h2{margin:8px 0}
.phone-call-head p{margin:0;color:#687d83}
.phone-call-actions{display:flex;gap:8px;flex-wrap:wrap}
.phone-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}
.phone-data{display:grid;grid-template-columns:150px 1fr;gap:9px 14px}
.phone-data dt{font-weight:800;color:#5b7076}
.phone-data dd{margin:0;word-break:break-word}
.phone-note{border-top:1px solid #e4ecee;padding:11px 0}
.phone-note:first-of-type{border-top:0}
.phone-note p{margin:0 0 5px}
.phone-note small{color:#71858b}
.phone-event{display:grid;grid-template-columns:120px 1fr 120px;gap:9px;border-top:1px solid #e4ecee;padding:10px 0}
.phone-event:first-of-type{border-top:0}
.phone-event small{text-align:right;color:#71858b}
@media(max-width:950px){
 .phone-detail-grid{grid-template-columns:1fr}
 .phone-import-state{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .phone-toolbar form{flex-direction:column}
 .phone-toolbar input,.phone-toolbar select,.phone-toolbar button{width:100%}
 .phone-import-state{grid-template-columns:1fr}
 .phone-call-head{flex-direction:column}
 .phone-call-actions,.phone-call-actions a{width:100%;text-align:center}
 .phone-data{grid-template-columns:1fr}
 .phone-event{grid-template-columns:1fr}
 .phone-event small{text-align:left}
}

/* Nova Hub Enterprise AI */
.ai-cards{margin-bottom:14px}
.ai-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px}
.ai-sidebar{align-self:start;position:sticky;top:14px}
.ai-provider{border:1px solid #dce7e9;background:#f7fbfb;border-radius:12px;padding:11px;margin:12px 0;word-break:break-word}
.ai-provider strong,.ai-provider span,.ai-provider small{display:block}.ai-provider span{font-size:12px;color:#60757b;margin:4px 0}
.ai-conversation-link{display:block;text-decoration:none;color:#18343c;border-top:1px solid #e5edef;padding:10px 4px}
.ai-conversation-link strong,.ai-conversation-link small{display:block}.ai-conversation-link small{color:#70848a;margin-top:4px}.ai-conversation-link.active{color:#0b766e}
.ai-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.ai-head h2{margin:8px 0}.ai-head p{margin:0;color:#687d83}.ai-head form{margin:0}
.ai-chat{min-height:380px;background:#eef4f4;padding:18px}
.ai-empty{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#61767c;gap:7px;text-align:center}
.ai-message{max-width:85%;border-radius:16px;padding:13px 15px;margin-bottom:12px;line-height:1.55;white-space:normal;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.ai-message small{display:block;color:#71858b;margin-top:8px}.ai-user{margin-left:auto;background:#dff4e8}.ai-assistant{margin-right:auto;background:#fff}.ai-system{background:#fff2cf}
.ai-composer{margin-top:14px}.ai-actions-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:14px}.ai-actions-grid .panel{margin:0}
@media(max-width:1000px){.ai-layout{grid-template-columns:1fr}.ai-sidebar{position:static}.ai-actions-grid{grid-template-columns:1fr}}
@media(max-width:650px){.ai-head{flex-direction:column}.ai-message{max-width:96%}}


/* Nova Hub Enterprise Security */
.security-login-card{max-width:430px}
.security-login-link{display:block;text-align:center;margin-top:13px;color:#526d74}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.security-recovery{border:2px solid #d39a42}
.security-recovery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.security-recovery code{display:block;text-align:center;background:#172f37;color:#fff;border-radius:8px;padding:10px;font-size:15px}
.security-setup{border:2px solid #0b766e}
.security-setup input[readonly]{font-family:monospace}
.security-data{display:grid;grid-template-columns:130px 1fr;gap:9px 13px}
.security-data dt{font-weight:800;color:#61767c}
.security-data dd{margin:0;word-break:break-word}
.security-hash{font-family:monospace;font-size:11px}
.security-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.security-section-head h3{margin:0}
.security-section-head form{margin:0}
.security-session{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e4ecee;padding:11px 0}
.security-session:first-of-type{border-top:0}
.security-session strong,.security-session span{display:block}
.security-session span{font-size:12px;color:#6e8389;margin-top:4px}
.security-session form{margin:0}
.security-event{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4ecee;padding:10px 0}
.security-event:first-of-type{border-top:0}
.security-event span{font-size:12px;color:#71858b}
.btn.danger{background:#a63838;color:#fff;border-color:#a63838}
@media(max-width:900px){.security-grid{grid-template-columns:1fr}.security-recovery>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.security-recovery>div{grid-template-columns:1fr}.security-data{grid-template-columns:1fr}.security-session,.security-event{align-items:flex-start;flex-direction:column}}


/* Nova Hub Enterprise Final QA */
.qa-summary .qa-status-text{font-size:22px}
.qa-status-text.qa-pass{color:#17623b}.qa-status-text.qa-warning{color:#8c5d10}.qa-status-text.qa-fail{color:#963030}
.qa-run-head,.qa-section-head,.qa-final-links{display:flex;justify-content:space-between;align-items:center;gap:14px}
.qa-run-head h3,.qa-section-head h3{margin:0}.qa-run-head p,.qa-section-head p{margin:5px 0 0;color:#6c8086}
.qa-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qa-group h3{margin-top:0}
.qa-check{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;border-top:1px solid #e4ecee;padding:10px 0}
.qa-check:first-of-type{border-top:0}
.qa-check strong,.qa-check small{display:block}.qa-check small{color:#6d8187;margin-top:3px}
.qa-dot{width:10px;height:10px;border-radius:50%}.qa-dot.qa-pass{background:#2f9b61}.qa-dot.qa-warning{background:#d39a42}.qa-dot.qa-fail{background:#c84a4a}
.qa-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qa-manual-card{border:1px solid #dce7e9;border-radius:13px;padding:14px;background:#f8fbfb}
.qa-manual-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.qa-manual-title p{margin:5px 0 0;color:#687d83}
.qa-manual-actions{margin:12px 0}
.qa-manual-card form{border-top:1px solid #dce7e9;padding-top:12px}
.qa-final-links>div:first-child strong,.qa-final-links>div:first-child span{display:block}
.qa-final-links>div:first-child span{color:#6c8086;margin-top:4px}
.qa-final-links>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.status-pass{background:#def5e6;color:#17623b}.status-warning{background:#fff1cf;color:#8c5d10}.status-fail{background:#fde7e7;color:#963030}.status-pending{background:#e9eef0;color:#596e74}
@media(max-width:950px){.qa-groups,.qa-manual-grid{grid-template-columns:1fr}}
@media(max-width:650px){.qa-run-head,.qa-section-head,.qa-final-links{align-items:flex-start;flex-direction:column}.qa-final-links>div:last-child,.qa-final-links .btn{width:100%;text-align:center}.qa-check{grid-template-columns:12px 1fr}.qa-check>.status-pill{grid-column:2;justify-self:start}}

/* Nova Procurement CRM */
.proc-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.proc-template-card h3{margin:10px 0 8px}.proc-template-card>strong{display:block;margin-bottom:10px}
.proc-template-card pre{white-space:pre-wrap;max-height:340px;overflow:auto;background:#f7fafb;border:1px solid #dde8ea;border-radius:10px;padding:12px;font:13px/1.55 system-ui;color:#344b52}
.proc-template-card .btn{margin-top:12px}
@media(max-width:850px){.proc-template-grid{grid-template-columns:1fr}}

/* Nova Mailbox Account Split */
.mail-account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.mail-account-tab{display:flex;flex-direction:column;gap:5px;padding:18px;border:2px solid #dce7e9;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 18px rgba(16,55,65,.05)}
.mail-account-tab:hover{border-color:#91b8bf;transform:translateY(-1px)}
.mail-account-tab.active{border-color:#16697a;background:linear-gradient(135deg,#eef9fa,#fff);box-shadow:0 8px 24px rgba(22,105,122,.14)}
.mail-account-tab span{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#16697a}
.mail-account-tab strong{font-size:16px;overflow-wrap:anywhere}
.mail-account-tab small{color:#637980}
.mail-current-account{display:flex;flex-direction:column;gap:2px;min-width:210px}
.mail-current-account small{color:#6d8085}
.mail-current-account strong{overflow-wrap:anywhere}
@media(max-width:760px){.mail-account-tabs{grid-template-columns:1fr}.mail-account-tab{padding:14px}.mail-current-account{width:100%}}


/* Nova Mailbox Delete + Premium UI */
.mail-folders{
  display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:10px;
  background:linear-gradient(135deg,#f7fbfc,#eef5f7);border:1px solid #d9e6ea;border-radius:16px
}
.mail-folders a{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
  background:#fff;text-decoration:none;color:#24444c;font-weight:700;border:1px solid #d6e3e7;
  box-shadow:0 2px 8px rgba(16,55,65,.05)
}
.mail-folders a.active{background:#16697a;color:#fff;border-color:#16697a}
.mail-folders a span{
  display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;
  padding:0 8px;border-radius:999px;background:rgba(22,105,122,.10);color:#16697a;font-size:12px
}
.mail-folders a.active span{background:rgba(255,255,255,.18);color:#fff}

.mail-account-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 20px
}
.mail-account-tab{
  position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid #dce7e9;
  border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbfc);color:inherit;text-decoration:none;
  box-shadow:0 10px 28px rgba(16,55,65,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease
}
.mail-account-tab:hover{transform:translateY(-2px);border-color:#9cbec4;box-shadow:0 14px 32px rgba(16,55,65,.10)}
.mail-account-tab.active{
  border-color:#16697a;background:linear-gradient(135deg,#eef9fa,#ffffff);
  box-shadow:0 16px 36px rgba(22,105,122,.16)
}
.mail-account-tab::after{
  content:"";position:absolute;right:18px;top:18px;width:12px;height:12px;border-radius:999px;background:#c9d8dc
}
.mail-account-tab.active::after{background:#17a34a;box-shadow:0 0 0 5px rgba(23,163,74,.10)}
.mail-account-tab span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#16697a}
.mail-account-tab strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.mail-account-tab small{color:#5f757b;font-size:13px}

.mail-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f9fbfc)
}
.mail-current-account{
  display:flex;flex-direction:column;gap:4px;min-width:240px;padding:10px 14px;border-radius:14px;
  background:#f3f8f9;border:1px solid #dbe7ea
}
.mail-current-account small{color:#6d8085;font-size:12px}
.mail-current-account strong{overflow-wrap:anywhere;font-size:15px}

.mail-row{display:flex;align-items:flex-start;gap:12px}
.mail-row-actions{display:flex;flex-direction:column;gap:8px;padding-top:2px}
.icon-btn.danger,.btn.danger{
  background:#fff3f3;border:1px solid #f1c2c2;color:#b42318
}
.icon-btn.danger:hover,.btn.danger:hover{background:#ffe9e9}
.message-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.message-actions form{margin:0}
.message-actions .btn{min-height:42px}

@media(max-width:760px){
  .mail-account-tabs{grid-template-columns:1fr}
  .mail-account-tab{padding:16px}
  .mail-toolbar{padding:14px}
  .mail-current-account{width:100%}
  .mail-row{gap:10px}
}


/* Nova Mail Account Cards V2 */
.nova-mail-account-switcher{margin:20px 0 22px;padding:20px;border:1px solid #d8e6e9;border-radius:22px;background:linear-gradient(145deg,#f7fbfc,#eef6f7);box-shadow:0 14px 38px rgba(20,70,80,.08)}
.nova-mail-account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.nova-mail-account-switcher .mail-account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.nova-mail-account-switcher .mail-account-tab{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:110px;padding:18px 20px}
.nova-mail-account-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#e8f2f4;color:#16697a;font-weight:900}
.mail-account-tab.active .nova-mail-account-icon{background:#16697a;color:#fff}
.nova-mail-account-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.nova-mail-account-status{align-self:start;padding:7px 10px;border-radius:999px;background:#edf3f4;color:#6c7e83;font-size:11px;font-weight:850;white-space:nowrap}
.mail-account-tab.active .nova-mail-account-status{background:#dff6e7;color:#087a36}
.nova-mail-account-accent{position:absolute;left:0;top:0;bottom:0;width:6px;background:#cbdadd}
.mail-account-tab.active .nova-mail-account-accent{background:#16697a}
@media(max-width:820px){.nova-mail-account-switcher .mail-account-tabs{grid-template-columns:1fr}.nova-mail-account-switcher .mail-account-tab{grid-template-columns:48px minmax(0,1fr)}.nova-mail-account-status{grid-column:2;justify-self:start}}


/* Nova Mailbox Delete Alignment Fix */
.mail-row-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:6px!important;
  padding-top:0!important;
  flex:0 0 auto!important;
}
.mail-row-actions form{
  margin:0!important;
  display:flex!important;
}
.mail-row-actions .icon-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  padding:0!important;
  line-height:1!important;
}
@media(max-width:760px){
  .mail-row-actions{
    gap:5px!important;
  }
  .mail-row-actions .icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
}


/* Nova Mail Bulk Actions */
.mail-toolbar-actions{display:flex;align-items:center;gap:10px}
.mail-bulk-toolbar{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:13px 16px;
  border-radius:16px;background:linear-gradient(180deg,#fff,#f7fafb);border:1px solid #dbe6e9
}
.mail-select-all{
  display:inline-flex;align-items:center;gap:9px;padding-right:12px;font-weight:750;color:#29464d;
  border-right:1px solid #dbe5e8;cursor:pointer
}
.mail-select-all input,.mail-row-select input{
  width:18px;height:18px;accent-color:#16697a;cursor:pointer
}
.mail-selection-count{
  min-width:70px;padding:6px 10px;border-radius:999px;background:#edf5f6;color:#16697a;
  font-size:12px;font-weight:850;text-align:center
}
.mail-bulk-toolbar select{min-width:190px;max-width:260px}
.mail-row-select{
  width:38px;height:38px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #dbe5e8;border-radius:10px;background:#fff;cursor:pointer
}
.mail-row.selected{
  background:linear-gradient(90deg,#eaf8fa,#fff)!important;
  box-shadow:inset 4px 0 0 #16697a
}
.mail-row.selected .mail-row-select{border-color:#73a9b3;background:#e8f6f8}
@media(max-width:760px){
  .mail-toolbar-actions{width:100%;justify-content:flex-end}
  .mail-bulk-toolbar{align-items:stretch}
  .mail-select-all{border-right:0;padding-right:0}
  .mail-bulk-toolbar select{width:100%;max-width:none}
  .mail-bulk-toolbar .btn{flex:1}
}
/* Nova Procurement Compare 1.2 */
.procurement-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.procurement-project-toolbar form{display:flex;gap:10px;flex-wrap:wrap}
.procurement-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.procurement-project-card{display:flex;flex-direction:column;gap:12px}
.procurement-project-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.procurement-project-card-head>div{display:flex;align-items:center;gap:10px}
.procurement-project-card h3{margin:0}.procurement-project-card>strong{font-size:16px}
.procurement-project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.procurement-project-metrics span{display:flex;flex-direction:column;padding:10px;border-radius:12px;background:#f1f6f7;font-size:12px}
.procurement-project-metrics b{font-size:16px;color:#16697a}
.procurement-winner-badge{padding:7px 10px;border-radius:999px;background:#def7e7;color:#08783a;font-size:12px;font-weight:800}
.procurement-form-title,.supplier-score-heading,.procurement-project-head,.procurement-recommendation{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.procurement-form-title span{font-size:12px;font-weight:800;color:#16697a}.procurement-form-title h2{margin:4px 0}
.procurement-project-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
.procurement-project-summary .panel{display:flex;flex-direction:column;gap:8px}.procurement-project-summary span{font-size:12px;color:#64787e}.procurement-project-summary b{font-size:20px}
.procurement-recommendation{border:2px solid #7ab5bf;background:linear-gradient(135deg,#eaf8fa,#fff)}
.procurement-recommendation span{font-size:12px;color:#16697a;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.procurement-recommendation h3{margin:5px 0}
.procurement-project-workspace{align-items:start}
.procurement-supplier-select{display:grid;gap:9px;max-height:420px;overflow:auto;margin:12px 0}
.procurement-supplier-select label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #dae6e9;border-radius:13px;background:#fff}
.procurement-supplier-select input{width:18px;height:18px;accent-color:#16697a}
.procurement-supplier-select span{display:flex;flex-direction:column;min-width:0}.procurement-supplier-select small{color:#687c82;overflow-wrap:anywhere}
.procurement-supplier-select b{padding:6px 9px;border-radius:999px;background:#eef5f6;color:#16697a}
.procurement-send-now{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:12px;border-radius:12px;background:#fff8e6;border:1px solid #ead7a3}
.procurement-comparison table td small{display:block;color:#687c82;margin-top:4px}
.procurement-comparison td:last-child{display:flex;gap:7px;flex-wrap:wrap}
.procurement-best-row{background:#edfaf2}.procurement-best-row td:first-child{box-shadow:inset 5px 0 0 #1e9a52}
.procurement-awarded-row{background:#eaf6ff}.procurement-awarded-row td:first-child{box-shadow:inset 5px 0 0 #1976b9}
.supplier-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.supplier-capability-grid label{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #dbe6e8;border-radius:12px;background:#f8fbfc}
.supplier-capability-grid input{width:18px;height:18px;accent-color:#16697a}
.supplier-head-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.supplier-grade{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:7px 10px;border-radius:999px;background:#edf4f5;color:#16697a;font-weight:900}
.capability-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf6ff;color:#17669a;font-size:12px;font-weight:800}
.supplier-capabilities{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.supplier-capabilities span{padding:7px 9px;border-radius:999px;font-size:12px}.supplier-capabilities .yes{background:#e6f8ed;color:#08783a}.supplier-capabilities .no{background:#f1f4f5;color:#798a8e}
.supplier-score-panel{margin-top:16px}.supplier-score-heading p{margin:3px 0;color:#687c82}.supplier-score-total{padding:10px 14px;border-radius:14px;background:#eef7f8;color:#16697a;font-size:18px}
.supplier-score-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:14px 0}
@media(max-width:1000px){.procurement-project-summary{grid-template-columns:repeat(2,1fr)}.supplier-score-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.procurement-project-grid{grid-template-columns:1fr}.procurement-project-summary{grid-template-columns:1fr}.supplier-capability-grid{grid-template-columns:repeat(2,1fr)}.supplier-score-grid{grid-template-columns:repeat(2,1fr)}.procurement-project-metrics{grid-template-columns:1fr}}
/* Nova Procurement Reply Match 1.3 */
.procurement-reply-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.procurement-reply-stats .panel{display:flex;flex-direction:column;gap:7px}.procurement-reply-stats span{font-size:12px;color:#667b80}.procurement-reply-stats b{font-size:24px;color:#16697a}
.procurement-reply-workspace{align-items:start}
.procurement-reply-list,.procurement-import-list{display:grid;gap:12px;margin-top:14px}
.procurement-reply-list article,.procurement-import-list article{display:grid;gap:10px;padding:14px;border:1px solid #dbe7e9;border-radius:14px;background:#fafcfd}
.procurement-reply-list article>div,.procurement-import-list article>div:first-child{display:flex;flex-direction:column;gap:3px}
.procurement-reply-list article span,.procurement-import-list article span{color:#61767c}.procurement-reply-list article small,.procurement-import-list article small{color:#819095}
.procurement-reply-list form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.procurement-extracted-fields{display:flex!important;flex-direction:row!important;gap:7px!important;flex-wrap:wrap}
.procurement-extracted-fields span,.quote-import-card span{padding:6px 8px;border-radius:9px;background:#edf5f6;color:#284951!important;font-size:12px}
.procurement-linked-reply{border:2px solid #79b4be;background:linear-gradient(135deg,#eaf8fa,#fff)}
.procurement-linked-reply>span{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#16697a}.procurement-linked-reply h3{margin:7px 0}.procurement-linked-reply .btn{margin-top:12px}
.quote-import-card{display:flex;flex-direction:column;gap:7px;padding:11px 0;border-bottom:1px solid #e1eaec}.quote-import-card:last-child{border-bottom:0}
.supplier-quote-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.quote-source-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e9f4ff;color:#17649a;font-size:11px;font-weight:850}
@media(max-width:760px){.procurement-reply-stats{grid-template-columns:1fr}.procurement-reply-list form{grid-template-columns:1fr}}
/* Nova Mobile Mail PWA 1.4 */
:root{
  --nova-mobile-top:64px;
  --nova-mobile-bottom:76px;
  --nova-safe-top:env(safe-area-inset-top,0px);
  --nova-safe-bottom:env(safe-area-inset-bottom,0px);
}
.nova-mobile-topbar,
.nova-mobile-nav,
.nova-mobile-overlay,
.nova-ios-install{display:none}

@media(max-width:820px){
  html{background:#f3f7f8;-webkit-text-size-adjust:100%}
  body{
    display:block!important;
    min-width:0!important;
    background:#f3f7f8!important;
    overscroll-behavior-y:auto;
  }
  body.nova-drawer-open{overflow:hidden}
  body>aside{
    position:fixed!important;
    z-index:1004!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(86vw,330px)!important;
    max-width:330px!important;
    height:100dvh!important;
    padding-top:calc(18px + var(--nova-safe-top))!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    overflow-y:auto!important;
    box-shadow:18px 0 45px rgba(8,38,45,.28)!important;
  }
  body.nova-drawer-open>aside{transform:translateX(0)!important}
  body>main{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:
      calc(var(--nova-mobile-top) + var(--nova-safe-top) + 12px)
      12px
      calc(var(--nova-mobile-bottom) + var(--nova-safe-bottom) + 20px)!important;
  }
  body>main>header{
    margin:0 0 12px!important;
    padding:0 2px!important;
    min-height:auto!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body>main>header h1{font-size:21px!important;line-height:1.2!important}

  .nova-mobile-topbar{
    position:fixed;
    z-index:1002;
    top:0;
    left:0;
    right:0;
    height:calc(var(--nova-mobile-top) + var(--nova-safe-top));
    padding:var(--nova-safe-top) 12px 0;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 46px;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid #d9e5e7;
    box-shadow:0 6px 22px rgba(15,68,78,.09);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .nova-mobile-menu,
  .nova-mobile-compose{
    width:44px;
    height:44px;
    min-width:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d4e2e5;
    border-radius:14px;
    background:#fff;
    color:#155f6d;
    font-size:22px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 5px 14px rgba(17,73,84,.08);
  }
  .nova-mobile-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    color:#173b43;
    text-decoration:none;
    font-size:17px;
    font-weight:900;
    white-space:nowrap;
  }
  .nova-mobile-overlay{
    position:fixed;
    z-index:1003;
    inset:0;
    display:block;
    pointer-events:none;
    opacity:0;
    background:rgba(4,25,30,.48);
    transition:opacity .2s ease;
  }
  body.nova-drawer-open .nova-mobile-overlay{
    opacity:1;
    pointer-events:auto;
  }

  .nova-mobile-nav{
    position:fixed;
    z-index:1002;
    left:8px;
    right:8px;
    bottom:calc(8px + var(--nova-safe-bottom));
    min-height:68px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;
    padding:5px;
    border:1px solid rgba(197,217,221,.94);
    border-radius:21px;
    background:rgba(255,255,255,.96);
    box-shadow:0 13px 38px rgba(8,45,53,.18);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .nova-mobile-nav a,
  .nova-mobile-nav button{
    min-width:0;
    min-height:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:5px 2px;
    border:0;
    border-radius:15px;
    background:transparent;
    color:#61767b;
    text-decoration:none;
    font:inherit;
    cursor:pointer;
  }
  .nova-mobile-nav i{font-style:normal;font-size:21px;line-height:1}
  .nova-mobile-nav span{
    max-width:100%;
    overflow:hidden;
    font-size:10px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .nova-mobile-nav .active{background:#e6f4f6;color:#0e6573}

  .nova-ios-install{
    position:fixed;
    z-index:1005;
    left:12px;
    right:12px;
    bottom:calc(88px + var(--nova-safe-bottom));
    display:none;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border:1px solid #c9dfe3;
    border-radius:17px;
    background:#fff;
    color:#24464d;
    box-shadow:0 14px 38px rgba(7,47,55,.22);
  }
  .nova-ios-install.show{display:grid}
  .nova-ios-install strong{display:block;font-size:14px}
  .nova-ios-install small{display:block;margin-top:3px;color:#61777c;line-height:1.35}
  .nova-ios-install button{
    width:38px;height:38px;border:0;border-radius:11px;background:#edf4f5;
    color:#24464d;font-size:18px
  }

  input,select,textarea,button{font-size:16px!important}
  button,.btn,.icon-btn,a.btn{min-height:44px}
  .panel{border-radius:16px!important}
  .grid2,.grid3,.cards,.quick-grid{grid-template-columns:1fr!important}
  .tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  table{min-width:720px}
  form.form,.panel.form{padding:15px!important}
  .actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  .actions>*{flex:1 1 auto}

  .mail-folders{
    display:flex!important;
    gap:7px!important;
    padding:4px 0 10px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .mail-folders::-webkit-scrollbar{display:none}
  .mail-folders a{
    flex:0 0 auto!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:9px 12px!important;
    border:1px solid #d8e5e8!important;
    border-radius:999px!important;
    background:#fff!important;
    white-space:nowrap!important;
  }

  .nova-mail-account-switcher{margin:10px 0 14px!important;padding:12px!important;border-radius:17px!important}
  .nova-mail-account-heading{margin-bottom:10px!important}
  .nova-mail-account-heading h3{font-size:18px!important}
  .nova-mail-account-heading p{display:none!important}
  .nova-mail-account-switcher .mail-account-tabs{gap:10px!important}
  .nova-mail-account-switcher .mail-account-tab{
    min-height:88px!important;
    padding:12px!important;
    border-radius:15px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .nova-mail-account-icon{width:44px!important;height:44px!important;border-radius:13px!important}
  .nova-mail-account-copy strong{font-size:14px!important}
  .nova-mail-account-copy small{font-size:12px!important}

  .mail-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:13px!important;
  }
  .mail-toolbar form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    width:100%!important;
  }
  .mail-toolbar input{width:100%!important;min-width:0!important}
  .mail-toolbar-actions{width:100%!important;justify-content:stretch!important}
  .mail-toolbar-actions>*{flex:1!important}

  .mail-bulk-toolbar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    padding:12px!important;
    margin:10px 0!important;
  }
  .mail-bulk-toolbar select{grid-column:1 / -1;width:100%!important;max-width:none!important}
  .mail-select-all{border-right:0!important}
  .mail-list{padding:6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .mail-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    margin:0 0 9px!important;
    padding:12px!important;
    border:1px solid #d9e6e8!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 17px rgba(14,64,73,.06)!important;
  }
  .mail-row.unread{border-left:5px solid #126b79!important;background:#f8fdfe!important}
  .mail-row-actions{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    gap:4px!important;
  }
  .mail-row-actions .icon-btn,
  .mail-row-select{width:38px!important;height:38px!important;min-width:38px!important}
  .mail-row-link{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:4px 8px!important;
    padding:0!important;
  }
  .mail-sender{
    grid-column:1!important;
    font-size:14px!important;
    font-weight:850!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .mail-date{
    grid-column:2!important;
    grid-row:1!important;
    font-size:10px!important;
    color:#73878c!important;
    white-space:nowrap!important;
  }
  .mail-subject{
    grid-column:1 / -1!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }
  .mail-snippet{
    grid-column:1 / -1!important;
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:12px!important;
    line-height:1.45!important;
    color:#6d7f83!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  .mail-message-header{padding:14px!important}
  .mail-message-header h2{font-size:20px!important;overflow-wrap:anywhere}
  .mail-thread-item,.mail-message-body{padding:14px!important;overflow-wrap:anywhere}
  .mail-thread-item img,.mail-message-body img{max-width:100%!important;height:auto!important}
  .mail-attachments{display:grid!important;grid-template-columns:1fr!important}
  .mail-reply-form textarea{min-height:180px!important}

  .login{padding:18px!important;padding-top:calc(22px + var(--nova-safe-top))!important}
  .login-card{width:min(100%,430px)!important;padding:22px 18px!important;border-radius:22px!important}

  @media(display-mode:standalone){
    .nova-ios-install{display:none!important}
  }
}
/* Nova Mobile Mail UI Fix 1.4.1 */
@media(max-width:820px){
  /* Aktif olan klasörün adı her zaman görünür. */
  .mail-folders a.active,
  .mail-folders a[aria-current="page"]{
    background:#0b766e!important;
    border-color:#0b766e!important;
    color:#fff!important;
  }
  .mail-folders a.active span,
  .mail-folders a[aria-current="page"] span{
    background:rgba(255,255,255,.90)!important;
    color:#075d57!important;
  }

  /* Aktif alt menü düğmesinin simgesi ve yazısı görünür kalır. */
  .nova-mobile-nav .active,
  .nova-mobile-nav a.active,
  .nova-mobile-nav button.active{
    background:#e3f3f5!important;
    color:#0c6371!important;
  }
  .nova-mobile-nav .active i,
  .nova-mobile-nav .active span{
    display:block!important;
    color:#0c6371!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Tüm modüllerdeki özet kartları mobilde küçük ve yan yana göster. */
  .cards,
  .quick-grid,
  .procurement-project-summary,
  .procurement-reply-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-bottom:14px!important;
  }

  .cards>.card,
  .quick-grid>.quick-card,
  .procurement-project-summary>.panel,
  .procurement-reply-stats>.panel{
    min-width:0!important;
    min-height:94px!important;
    margin:0!important;
    padding:13px 14px!important;
    border-radius:15px!important;
    justify-content:center!important;
    box-shadow:0 4px 15px rgba(10,59,68,.07)!important;
  }

  .cards>.card b,
  .procurement-project-summary>.panel b,
  .procurement-reply-stats>.panel b{
    margin:0 0 3px!important;
    font-size:28px!important;
    line-height:1!important;
  }

  .cards>.card span,
  .procurement-project-summary>.panel span,
  .procurement-reply-stats>.panel span{
    font-size:12px!important;
    line-height:1.25!important;
  }

  .quick-grid>.quick-card{
    gap:4px!important;
  }
  .quick-grid>.quick-card strong{
    font-size:15px!important;
    line-height:1.2!important;
  }
  .quick-grid>.quick-card span{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:11px!important;
    line-height:1.3!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* Geniş özet şeritlerini de iki sütuna sıkıştır. */
  .snapshot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .snapshot-grid>*{
    min-width:0!important;
    padding:11px!important;
    border-radius:13px!important;
  }
}

@media(max-width:360px){
  .cards,
  .quick-grid,
  .procurement-project-summary,
  .procurement-reply-stats{
    gap:7px!important;
  }
  .cards>.card,
  .quick-grid>.quick-card,
  .procurement-project-summary>.panel,
  .procurement-reply-stats>.panel{
    padding:11px!important;
  }
  .cards>.card b,
  .procurement-project-summary>.panel b,
  .procurement-reply-stats>.panel b{
    font-size:25px!important;
  }
}
/* Nova WhatsApp AutoSend 1.6 */
.wa-easy-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:20px;margin-bottom:15px;border-radius:20px;
  background:linear-gradient(135deg,#075e54,#128c7e);color:#fff;
  box-shadow:0 14px 34px rgba(7,94,84,.20)
}
.wa-easy-head>div:first-child>span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.wa-easy-head h2{margin:5px 0;font-size:26px}.wa-easy-head p{margin:0;opacity:.86}
.wa-ready-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.wa-ready-badges span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:800}
.wa-ready-badges .bad{background:#fff0f0;color:#a22}.wa-ready-badges .ok{color:#fff}
.wa-counter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.wa-counter-grid .panel{display:flex;flex-direction:column;gap:5px;padding:16px}
.wa-counter-grid span{font-size:12px;color:#61777c}.wa-counter-grid b{font-size:30px;color:#08776b}.wa-counter-grid small{color:#7a8b8f}
.wa-limit-panel{margin-bottom:16px}.wa-limit-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.wa-limit-heading h3{margin:0 0 4px}.wa-limit-heading p{margin:0;color:#61777c}.wa-limit-heading>strong{font-size:22px;color:#08776b}
.wa-quota-progress{height:10px;overflow:hidden;border-radius:999px;background:#e2ecee}
.wa-quota-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25d366,#0c8f7e)}
.wa-quota-progress.large{height:13px;margin:13px 0}
.wa-limit-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:end}
.wa-limit-form label{min-width:0}.wa-limit-form input{width:100%}
.wa-setting-checks{display:flex;flex-direction:column;gap:8px;padding:8px 0}.wa-setting-checks label{display:flex;align-items:center;gap:7px}
.wa-campaign-form{padding:20px!important}.wa-step{display:flex;align-items:center;gap:12px;margin:20px 0 12px}
.wa-step:first-of-type{margin-top:0}.wa-step>b{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#08776b;color:#fff;font-size:18px}
.wa-step>div{display:flex;flex-direction:column}.wa-step strong{font-size:17px}.wa-step span{color:#657a7f;font-size:12px}
.wa-live-count{display:flex;align-items:center;gap:8px;padding:12px;border-radius:13px;background:#edf8f4}
.wa-live-count b{font-size:25px;color:#08776b}.wa-live-count small{margin-left:auto;color:#61777c}
.wa-contact-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.wa-consent-confirm{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px!important;border:1px solid #bcded4!important;border-radius:14px!important;background:#effaf6!important}
.wa-consent-confirm input{width:20px!important;height:20px!important;min-width:20px!important;accent-color:#08776b}
.wa-start-button{min-height:52px!important;font-size:16px!important;background:#08776b!important}
.wa-quota-strip{display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;gap:18px;margin:14px 0}
.wa-quota-strip>div:first-child,.wa-quota-strip>div:nth-child(3){display:flex;flex-direction:column}.wa-quota-strip span{font-size:12px;color:#62777c}.wa-quota-strip strong{font-size:20px;color:#08776b}
.wa-detail-limit{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:18px;margin:15px 0}
.wa-detail-limit>div{display:flex;flex-direction:column}.wa-detail-limit span{font-size:12px;color:#62777c}.wa-detail-limit strong{font-size:22px;color:#08776b}
.wa-waiting-message{padding:10px 12px;border-radius:13px;background:#fff5d9}.wa-waiting-message b{color:#9a6a00}
.status-waiting_limit{background:#fff1c9!important;color:#825900!important}
@media(max-width:1000px){
  .wa-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wa-limit-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .wa-easy-head{flex-direction:column;padding:16px}.wa-easy-head h2{font-size:21px}
  .wa-ready-badges{justify-content:flex-start}
  .wa-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .wa-counter-grid .panel{min-height:91px;padding:12px}.wa-counter-grid b{font-size:25px}
  .wa-limit-form{grid-template-columns:1fr}.wa-setting-checks{padding:5px 0}
  .wa-campaign-form{padding:14px!important}
  .wa-live-count{flex-wrap:wrap}.wa-live-count small{width:100%;margin-left:0}
  .wa-quota-strip,.wa-detail-limit{grid-template-columns:1fr;gap:10px}
}
/* Nova WhatsApp Adaptive Split 1.6.1 */
.wa-mode-tabs{display:flex;gap:9px;overflow-x:auto;margin:0 0 14px;padding:4px 0;scrollbar-width:none}.wa-mode-tabs::-webkit-scrollbar{display:none}.wa-mode-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #cfe0e2;border-radius:999px;background:#fff;color:#345b62;text-decoration:none;font-weight:800}.wa-mode-tabs a.active{background:#08776b;border-color:#08776b;color:#fff}.wa-easy-head.adaptive{background:linear-gradient(135deg,#075e54,#128c7e)}.wa-provider-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;align-items:start}.wa-provider-status>div{display:flex;flex-direction:column;gap:4px}.wa-provider-status span{font-size:12px;color:#62777c}.wa-provider-status strong{font-size:17px;color:#08776b}.wa-provider-status small{color:#75888d}.wa-provider-status details{grid-column:1/-1;border-top:1px solid #dbe7e9;padding-top:10px}.wa-provider-status summary{cursor:pointer;font-weight:850;color:#315d65}.wa-pulse{width:12px;height:12px;display:inline-block;border-radius:50%;background:#25d366;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:waPulse 1.8s infinite}@keyframes waPulse{70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}.wa-limit-form.compact{margin-top:12px}.wa-adaptive-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.wa-adaptive-line i{width:42px;height:8px;border-radius:999px;background:linear-gradient(90deg,#25d366,#08776b)}.wa-adaptive-line span{font-weight:850;color:#08776b!important}.wa-quota-strip.adaptive,.wa-detail-limit.adaptive{border-left:5px solid #25d366}.wa-single-card{max-width:760px;margin:0 auto;border:1px solid #d5e4e6;border-radius:22px;background:#fff;box-shadow:0 13px 38px rgba(9,60,69,.10);overflow:hidden}.wa-single-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;background:linear-gradient(135deg,#effaf6,#f8fdfd)}.wa-single-head span{font-size:12px;font-weight:900;color:#08776b;text-transform:uppercase;letter-spacing:.06em}.wa-single-head h2{margin:4px 0 0;font-size:24px;color:#173f46}.wa-send-mode{display:flex;gap:6px;padding:4px;border-radius:14px;background:#e2efef}.wa-send-mode a{padding:9px 12px;border-radius:11px;color:#526e73;text-decoration:none;font-size:12px;font-weight:850}.wa-send-mode a.active{background:#fff;color:#08776b;box-shadow:0 3px 10px rgba(9,67,75,.10)}.wa-single-form{border:0!important;box-shadow:none!important;margin:0!important;padding:20px!important}.wa-single-send{width:100%;min-height:54px!important;margin-top:5px;background:#08776b!important;font-size:17px!important}.wa-single-advanced{padding:10px 0}.wa-single-advanced summary{cursor:pointer;font-weight:800;color:#49696f}@media(max-width:820px){.wa-provider-status{grid-template-columns:1fr}.wa-provider-status details{grid-column:auto}.wa-single-head{flex-direction:column;align-items:stretch;padding:16px}.wa-single-head h2{font-size:20px}.wa-send-mode{display:grid;grid-template-columns:1fr 1fr}.wa-send-mode a{text-align:center}.wa-single-form{padding:15px!important}}
/* Nova WhatsApp Sender Config 1.6.2 */
.wa-sender-config{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:18px;align-items:end;margin-bottom:15px;border-left:5px solid #f0a800}
.wa-sender-config.ready{border-left-color:#25d366}
.wa-sender-config>div{display:flex;flex-direction:column;gap:5px}
.wa-sender-config span{font-size:12px;color:#667b80;font-weight:800}
.wa-sender-config strong{font-size:21px;color:#173f46}
.wa-sender-config small{color:#74868a}
.wa-sender-form{display:grid;grid-template-columns:1.2fr 1.2fr .7fr auto;gap:10px;align-items:end}
.wa-sender-form label{min-width:0}
.wa-sender-form input,.wa-sender-form select{width:100%}
.wa-sender-config.missing{background:#fff9e8}
.notice.bad{background:#fff0f0!important;border-color:#efb9b9!important;color:#922!important}
button:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(max-width:900px){.wa-sender-config{grid-template-columns:1fr}.wa-sender-form{grid-template-columns:1fr}}
/* Nova WhatsApp Inbox Webhook 1.7 */
.wa-webhook-state{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;margin-bottom:15px;border-left:5px solid #f0a800
}
.wa-webhook-state.ready{border-left-color:#25d366}
.wa-webhook-state>div{display:flex;flex-direction:column;gap:5px}
.wa-webhook-state span{font-size:12px;font-weight:850;color:#657a7f}
.wa-webhook-state strong{font-size:20px;color:#08776b}
.wa-webhook-state small{color:#75878b}
.wa-unread-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:48px;padding:5px 9px;border-radius:999px;
  background:#25d366;color:#073e35;font-size:11px;font-weight:900
}
.message-thread-row:has(.wa-unread-badge){
  background:#f0fbf6;border-color:#bce9d5
}
.status-received{background:#def7ea!important;color:#087052!important}
@media(max-width:820px){
  .wa-webhook-state{grid-template-columns:1fr;gap:9px}
  .wa-webhook-state>div{padding:8px 0;border-bottom:1px solid #e0eaeb}
  .wa-webhook-state>div:last-child{border-bottom:0}
}
/* Nova Social Promotion Center 1.8 */
.social-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.social-tabs a{padding:10px 14px;border:1px solid #d7e3e5;border-radius:12px;background:#fff;color:#355b61;font-weight:850;text-decoration:none}
.social-tabs a.active{background:#0a8174;color:#fff;border-color:#0a8174}
.social-launch-panel,.social-meta-links,.social-view-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.social-launch-panel>div:first-child,.social-meta-links>div:first-child{display:flex;flex-direction:column;gap:5px}
.social-launch-panel small{font-weight:850;color:#667d82}
.social-launch-panel strong{font-size:22px;color:#08776b}
.social-launch-panel span,.social-meta-links span{color:#6d7e82}
.social-launch-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.social-launch-actions form{margin:0}
.social-toolbar form{display:grid;grid-template-columns:minmax(220px,1.8fr) minmax(150px,1fr) minmax(140px,.8fr) auto;gap:9px}
.social-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.social-content-card{background:#fff;border:1px solid #dce7e8;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(13,63,70,.06)}
.social-card-image{height:220px;background:#edf5f4;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none}
.social-card-image img{width:100%;height:100%;object-fit:cover}
.social-card-image>span{font-size:52px}
.social-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}
.social-card-image .social-status{position:absolute;top:10px;right:10px;box-shadow:0 3px 12px rgba(0,0,0,.14)}
.social-status-draft{background:#eef1f3;color:#58676b}
.social-status-approved{background:#dff5ed;color:#087052}
.social-status-scheduled{background:#e4ecff;color:#315db2}
.social-status-published{background:#ddf8e3;color:#187839}
.social-status-archived{background:#f1e8e8;color:#7a4c4c}
.social-card-body{padding:15px;display:flex;flex-direction:column;gap:9px}
.social-card-body small{color:#6a8084;font-weight:750}
.social-card-body h3{margin:0;color:#153e43}
.social-card-body p{margin:0;min-height:42px;color:#607579}
.social-platform-chips{display:flex;gap:6px;flex-wrap:wrap}
.social-platform-chips span{font-size:10px;font-weight:850;padding:5px 8px;border-radius:999px;background:#eaf5f3;color:#096f65}
.social-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}
.social-profile-form h3,.social-editor h3{margin:20px 0 8px;padding-top:8px;border-top:1px solid #e1e9ea;color:#17484e}
.social-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.social-platform-fieldset{display:flex;gap:14px;flex-wrap:wrap;border:1px solid #dce7e8;border-radius:12px;padding:12px}
.social-platform-fieldset legend{font-weight:900;color:#17484e;padding:0 6px}
.social-platform-fieldset label{display:flex;align-items:center;gap:6px;margin:0}
.social-auto-box{padding:13px;border-radius:12px;background:#e9f7f3;border:1px solid #bfe6da;display:flex;flex-direction:column;gap:4px}
.social-auto-box label{margin:0;font-weight:850;color:#0a665c}
.social-auto-box small{color:#52726d}
.social-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.social-asset-item{border:1px solid #dce7e8;border-radius:14px;padding:9px;display:flex;flex-direction:column;gap:8px}
.social-asset-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#eef4f4}
.social-asset-item small{word-break:break-word;color:#6b7d81}
.social-preview-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}
.social-preview-card{padding:0!important;overflow:hidden}
.social-preview-brand{display:flex;align-items:center;gap:10px;padding:13px}
.social-preview-brand>div:last-child{display:flex;flex-direction:column}
.social-preview-brand small{color:#7a8a8e}
.social-avatar{width:44px;height:44px;border-radius:50%;background:#0a8174;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:22px;overflow:hidden}
.social-avatar img{width:100%;height:100%;object-fit:cover}
.social-preview-image{width:100%;max-height:520px;object-fit:cover;background:#edf4f3}
.social-preview-placeholder{height:380px;display:flex;align-items:center;justify-content:center;font-size:66px;background:#edf4f3}
.social-preview-copy{padding:15px}
.social-preview-copy strong{font-size:20px;color:#173e43}
.social-preview-copy p{white-space:normal;color:#435f64;line-height:1.55}
.social-preview-copy small{color:#0a8174}
.social-preview-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0f4f5;padding:13px 15px;border-top:1px solid #dce7e8}
.social-preview-cta span{font-size:12px;color:#708185}
.social-preview-cta strong{border:1px solid #cbd8da;border-radius:8px;padding:8px 12px}
.social-copy-block>div:first-child{display:flex;align-items:center;justify-content:space-between}
.social-copy-block pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.55;background:#f7faf9;border:1px solid #e2ebec;border-radius:11px;padding:12px}
.social-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.social-size-grid div{border:1px solid #dce7e8;border-radius:11px;padding:11px;display:flex;flex-direction:column}
.social-size-grid strong{color:#08776b}
.social-size-grid span{font-size:12px;color:#6a7e82}
@media(max-width:1100px){
  .social-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .social-launch-panel,.social-meta-links,.social-view-head{align-items:stretch;flex-direction:column}
  .social-launch-actions{justify-content:flex-start}
  .social-toolbar form{grid-template-columns:1fr}
  .social-content-grid{grid-template-columns:1fr}
  .social-card-image{height:200px}
  .social-editor-grid{grid-template-columns:1fr 1fr}
  .social-preview-layout{grid-template-columns:1fr}
  .social-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-size-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .social-editor-grid{grid-template-columns:1fr}
  .social-asset-grid{grid-template-columns:1fr 1fr}
  .social-tabs a{flex:1;text-align:center}
}
/* Nova Catalog & Orders 1.9 */
.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.catalog-tabs a{padding:10px 14px;border-radius:12px;background:#e8f0f1;color:#1d4548;text-decoration:none;font-weight:800}.catalog-tabs a.active{background:#0d7a70;color:#fff}
.catalog-public-box,.catalog-products-head,.catalog-order-head,.catalog-product-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.catalog-public-box>div,.catalog-products-head>div{display:flex;flex-direction:column;gap:5px}.catalog-public-box strong{font-size:18px;color:#08776b;word-break:break-all}
.catalog-admin-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:15px;margin:15px 0}.catalog-category-list{display:flex;flex-direction:column;gap:9px}.catalog-category-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid #dce8e9;border-radius:13px}.catalog-category-list span{display:flex;flex-direction:column;gap:3px}.catalog-category-list small{color:#728589}.check-line{display:flex!important;align-items:center;gap:8px;padding-top:28px}.check-line input,.catalog-checks input{width:auto!important}
.catalog-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.catalog-admin-product{background:#fff;border:1px solid #dbe7e8;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px rgba(22,59,61,.06)}.catalog-admin-image{height:185px;background:#eef5f5;display:flex;align-items:center;justify-content:center;position:relative}.catalog-admin-image img{width:100%;height:100%;object-fit:contain}.catalog-admin-image>span{font-size:48px}.catalog-admin-image em{position:absolute;top:10px;right:10px;border-radius:999px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:900}.catalog-admin-image em.live{background:#d7f6e6;color:#087052}.catalog-admin-image em.off{background:#eceff0;color:#69797c}
.catalog-admin-body{padding:15px;display:flex;flex-direction:column;gap:7px}.catalog-admin-body small,.catalog-admin-body p{color:#6c8084;margin:0}.catalog-admin-body h3{margin:0}.catalog-admin-body>strong{font-size:19px;color:#08776b}.catalog-admin-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.catalog-admin-actions form{margin:0}.catalog-product-summary{justify-content:flex-start}.catalog-product-summary img,.catalog-no-image{width:130px;height:100px;object-fit:contain;background:#eef5f5;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:38px}.catalog-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #dbe7e8;border-radius:14px;padding:14px}.catalog-checks label{display:flex;gap:8px;align-items:center}
.catalog-order-toolbar form{display:grid;grid-template-columns:1fr 220px auto;gap:9px}.catalog-order-list{display:flex;flex-direction:column;gap:9px}.catalog-order-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;text-decoration:none;color:inherit;background:#fff;border:1px solid #dbe7e8;border-radius:14px;padding:14px}.catalog-order-row>div{display:flex;flex-direction:column;gap:4px}.catalog-order-row>div:nth-child(2){text-align:right}.catalog-order-row span{color:#74868a;font-size:13px}.catalog-order-status{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;font-style:normal;font-weight:900;font-size:11px}.status-pending{background:#fff0c9;color:#855d00}.status-confirmed{background:#dff5ed;color:#087052}.status-processing{background:#dcecff;color:#155890}.status-shipped{background:#e9e2ff;color:#5639a4}.status-completed{background:#d7f6e6;color:#087052}.status-cancelled{background:#ffe1e1;color:#9c2929}
.catalog-order-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:15px}.catalog-order-items{display:flex;flex-direction:column}.catalog-order-items>div{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e3ecec}.catalog-order-items img,.catalog-item-no-image{width:64px;height:54px;object-fit:contain;background:#eef5f5;border-radius:10px;display:flex;align-items:center;justify-content:center}.catalog-order-items span{display:flex;flex-direction:column;gap:3px}.catalog-order-items small{color:#718487}.catalog-total-row{display:flex;justify-content:space-between;padding-top:15px;font-size:20px}.catalog-history{display:flex;flex-direction:column;gap:9px}.catalog-history>div{display:flex;flex-direction:column;padding-bottom:9px;border-bottom:1px solid #e5eded}.catalog-history small{color:#74868a}
@media(max-width:820px){.catalog-admin-grid,.catalog-order-layout{grid-template-columns:1fr}.catalog-public-box,.catalog-products-head,.catalog-order-head,.catalog-product-summary{align-items:flex-start;flex-direction:column}.catalog-product-grid{grid-template-columns:1fr}.catalog-order-toolbar form{grid-template-columns:1fr}.catalog-order-row{grid-template-columns:1fr}.catalog-order-row>div:nth-child(2){text-align:left}.catalog-checks{grid-template-columns:1fr}}
/* Nova Commerce + WhatsApp AI 2.0 */
.commerce-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}
.commerce-badge{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;margin:0 6px 8px 0}
.commerce-badge.ready{background:#d8f6e7;color:#087052}.commerce-badge.missing{background:#ffe7c8;color:#8a5a00}
.commerce-status-grid code{word-break:break-all}.commerce-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:13px}
.commerce-template-list form{border:1px solid #d9e7e7;border-radius:15px;padding:14px;background:#f9fbfb;display:flex;flex-direction:column;gap:9px}
.commerce-template-list h4{margin:0}.commerce-template-list h4 small{display:block;color:#73888a;font-weight:600;margin-top:4px}
.commerce-thread-row,.commerce-jobs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e1ebeb;padding:12px 0}
.commerce-thread-row>span,.commerce-jobs>div>span{display:flex;flex-direction:column;gap:4px}.commerce-thread-row small,.commerce-jobs small{color:#728587}.commerce-jobs em{color:#a12d2d;font-style:normal;font-size:12px}
.payment-paid{color:#087052;font-weight:900}.payment-processing{color:#155890;font-weight:900}.payment-failed{color:#a12d2d;font-weight:900}.payment-unpaid{color:#8a5a00;font-weight:900}
@media(max-width:820px){.commerce-status-grid{grid-template-columns:1fr}.commerce-template-list{grid-template-columns:1fr}.commerce-thread-row,.commerce-jobs>div{align-items:flex-start;flex-direction:column}}

/* Nova Product Sync & Stripe Setup 2.1 */
.commerce-status-grid .commerce-badge+ .commerce-badge{margin-left:6px}
.commerce-status-grid code{word-break:break-all}
@media(max-width:820px){.commerce-status-grid{grid-template-columns:1fr}}

/* Nova Supplier Intelligence & Quick RFQ 1.8 */
.supplier-intelligence-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.supplier-filter-panel{display:flex;flex-direction:column;gap:14px}.supplier-filter-grid{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(5,minmax(145px,1fr)) auto auto;gap:9px;align-items:end}.supplier-filter-grid input,.supplier-filter-grid select{min-width:0}
.supplier-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.supplier-list-heading span{color:#6d8185;font-size:13px}.supplier-intelligence-table td{vertical-align:top}.supplier-domain{font-size:12px;word-break:break-all}.supplier-row-actions{display:flex;gap:7px;flex-wrap:wrap}.supplier-row-actions .btn{white-space:nowrap}
.supplier-category-chips{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 7px}.supplier-category-chips>span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e8f5f2;color:#0a6d63;border:1px solid #c8e9e2;font-size:11px;font-weight:850}.supplier-category-chips.large>span{flex-direction:column;align-items:flex-start;padding:9px 11px;border-radius:12px;font-size:13px}.supplier-category-chips.large small{display:block;color:#5e7b77;font-weight:600;margin-top:2px}
.supplier-capability-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.cap-status{display:inline-flex;padding:4px 7px;border-radius:8px;font-size:10px;font-weight:850}.cap-status.ok{background:#ddf6e8;color:#087052}.cap-status.wait{background:#fff0c9;color:#855d00}.cap-status.muted{background:#edf1f2;color:#687a7d}
.supplier-priority{display:inline-flex;align-items:center;justify-content:center;min-width:35px;padding:6px 9px;border-radius:999px;font-weight:950;font-size:12px}.priority-1{background:#ffe0df;color:#9f2624}.priority-2{background:#fff0c9;color:#855d00}.priority-3{background:#dcecff;color:#155890}.priority-4,.priority-5{background:#edf1f2;color:#687a7d}
.supplier-intelligence-form{display:flex;flex-direction:column;gap:15px}.supplier-form-section{border:1px solid #dce8e9;border-radius:15px;padding:15px;background:#fbfdfd}.supplier-form-section h3{margin:0 0 11px;color:#17484e}.supplier-form-section .form-help{margin:-5px 0 12px;color:#6b8084}.supplier-category-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.supplier-category-select>label{display:flex;align-items:flex-start;gap:9px;border:1px solid #dbe7e8;border-radius:12px;padding:11px;background:#fff;margin:0}.supplier-category-select input{width:auto;margin-top:3px}.supplier-category-select span{display:flex;flex-direction:column;gap:3px}.supplier-category-select small{color:#718487;font-weight:600}.supplier-capability-grid.expanded{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.supplier-intelligence-head{background:linear-gradient(135deg,#fff 0%,#f1faf7 100%)}.supplier-detail-top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:15px;margin-bottom:15px}.supplier-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.supplier-scope-list>div{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid #dfebeb;border-radius:11px;background:#fafcfc}.supplier-scope-list span{font-size:12px;color:#6f8386}.supplier-capability-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.supplier-capability-detail>div{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:11px;border:1px solid #dce8e9}.supplier-capability-detail>div.yes{background:#eefaf5;border-color:#c7e9dd}.supplier-capability-detail>div.pending{background:#fffaf0;border-color:#f0dfb9}.supplier-capability-detail span{font-size:12px;color:#6b7f82}.supplier-source-list{display:flex;flex-direction:column;gap:8px}.supplier-source-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3ecec;padding:8px 0}.supplier-source-list span{font-size:12px;color:#718487}
.supplier-rfq-head{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#fff 0%,#eef9f6 100%)}.supplier-rfq-head h2{margin:8px 0 5px}.supplier-rfq-head p{margin:0;color:#617a7d}.supplier-rfq-form{margin-top:15px}.supplier-rfq-summary{border:1px solid #cbe6df;background:#f1faf7;border-radius:14px;padding:13px;margin:4px 0 12px;display:flex;flex-direction:column;gap:8px}.supplier-rfq-summary.is-empty{color:#718487;background:#f7f9f9;border-color:#dde7e8}.supplier-rfq-summary>div:first-child{display:flex;justify-content:space-between;gap:12px}.supplier-rfq-summary>div:first-child span{color:#6b8184;font-size:12px}.supplier-rfq-summary small{color:#5f777a}
@media(max-width:1250px){.supplier-intelligence-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-capability-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.supplier-intelligence-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-filter-grid,.supplier-category-select,.grid3,.supplier-detail-top-grid,.supplier-scope-list,.supplier-capability-detail{grid-template-columns:1fr}.supplier-capability-grid.expanded{grid-template-columns:1fr}.supplier-rfq-head,.supplier-source-list>div,.supplier-rfq-summary>div:first-child{align-items:flex-start;flex-direction:column}.supplier-intelligence-table{min-width:1120px}.supplier-table-wrap{overflow-x:auto}}
@media(max-width:480px){.supplier-intelligence-cards{grid-template-columns:1fr}.supplier-row-actions{flex-direction:column}.supplier-row-actions .btn{width:100%;text-align:center}}

/* Supplier RFQ exact full-email preview — 1.9.2 */
.supplier-preview-actions{align-items:center;flex-wrap:wrap}
.supplier-preview-actions .btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}
.supplier-mail-preview{margin-top:18px;border:1px solid rgba(24,128,117,.25);border-radius:18px;background:#f7fbfa;padding:18px;box-shadow:0 12px 30px rgba(16,56,62,.08)}
.supplier-mail-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.supplier-mail-preview-head h3{margin:8px 0 0}
.supplier-mail-preview-meta{display:grid;grid-template-columns:1.3fr 1.3fr 2fr 1.6fr;gap:10px;margin:0 0 14px}
.supplier-mail-preview-meta>div{background:#fff;border:1px solid rgba(24,128,117,.14);border-radius:12px;padding:11px}
.supplier-mail-preview-meta dt{font-size:12px;color:#5f7478;font-weight:700;margin-bottom:4px}
.supplier-mail-preview-meta dd{margin:0;overflow-wrap:anywhere}
.supplier-mail-preview-body{background:#e9eef2;border:1px solid rgba(24,128,117,.16);border-radius:14px;padding:14px;overflow:auto}
.supplier-mail-preview-frame{display:block;width:100%;height:900px;min-height:760px;border:0;border-radius:10px;background:#eef2f6;box-shadow:0 2px 12px rgba(19,48,55,.12)}
.supplier-preview-approval{display:flex!important;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;background:#fff;border:1px solid rgba(24,128,117,.18);border-radius:12px;font-weight:700}
.supplier-preview-approval input{width:18px;height:18px;flex:0 0 auto;margin-top:1px}
@media(max-width:800px){.supplier-mail-preview-meta{grid-template-columns:1fr}.supplier-mail-preview-head{flex-direction:column}.supplier-mail-preview-body{padding:4px}.supplier-mail-preview-frame{min-height:900px;border-radius:7px}}