:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#23324b;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:#326bdb;text-decoration:none}a:hover{text-decoration:underline}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:238px;background:#fff;border-right:1px solid #e7edf6;display:flex;flex-direction:column;flex-shrink:0;z-index:4}.brand{height:77px;padding:20px 18px;border-bottom:1px solid #f1f3f8;display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;background:linear-gradient(140deg,#398cf5,#574cd6);color:white;border-radius:12px;width:42px;height:42px;font-size:22px;font-weight:900}.brand span{display:block;color:#8895a8;font-size:10px;font-weight:700;letter-spacing:1.6px;margin-top:3px}.brand strong{font-size:18px;letter-spacing:-.8px;color:#172b4d}.navbox{padding:18px 10px 10px;overflow:auto;flex:1}.navtitle{color:#9aa7b9;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.3px;margin:15px 12px 8px}.nav{display:flex;align-items:center;width:100%;gap:10px;padding:11px 13px;margin:2px 0;border:0;border-radius:9px;background:transparent;color:#53657c;font-weight:550;text-align:left;font-size:13px}.nav:hover{background:#f4f6fc;color:#293b58}.nav.active{background:#eaf2ff;color:#2868d9;font-weight:720}.nav b{margin-left:auto;background:#ffedf0;color:#df4764;border-radius:11px;padding:2px 7px;font-size:10px}.sidebarfoot{border-top:1px solid #edf0f6;padding:13px}.miniprofile{display:flex;align-items:center;gap:9px}.avatar{border-radius:50%;background:#e4edff;color:#3673d1;font-weight:800;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebarfoot small,.subtitle,.muted{color:#8b9aae}.miniprofile small{display:block;font-size:11px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;background:#fff;border-bottom:1px solid #e7edf6;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px;flex-shrink:0}.topbar h1{font-size:20px;margin:0;color:#1e2d47;letter-spacing:-.5px}.topbar p{margin:3px 0 0;font-size:12px;color:#8897a8}.topactions{display:flex;align-items:center;gap:10px}.pagepick{border:1px solid #e2e9f2;background:#fff;max-width:220px;padding:10px 12px;border-radius:9px;color:#344966;font-size:12px}.iconbtn{display:grid;place-items:center;border:1px solid #e3eaf4;background:#fff;border-radius:10px;width:38px;height:38px;color:#62748c;position:relative}.dot{position:absolute;top:6px;right:5px;border:2px solid #fff;background:#f25774;width:10px;height:10px;border-radius:50%}.content{flex:1;overflow:auto;padding:25px 28px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.sectionhead h2{margin:0;font-size:21px;letter-spacing:-.5px;color:#1d2c48}.sectionhead p{margin:5px 0 0;color:#8796aa;font-size:12px}.buttonrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dce4f0;background:white;color:#3b506d;border-radius:9px;padding:10px 15px;font-weight:650;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:38px;white-space:nowrap}.btn:hover{border-color:#b1c6e6;background:#f9fbff}.btn.primary{background:#347cf1;color:white;border-color:#347cf1;box-shadow:0 3px 8px #3173df2b}.btn.primary:hover{background:#236ce0}.btn.danger{color:#e4576a;border-color:#ffd1d8}.btn.small{padding:7px 10px;min-height:30px;font-size:11px}.btn.facebook{background:#1877f2;border-color:#1877f2;color:#fff}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.card,.panel{background:#fff;border:1px solid #e8edf6;border-radius:12px;box-shadow:0 3px 18px #24384b08}.card{padding:20px}.kpi-head{display:flex;justify-content:space-between;align-items:center;color:#74859c;font-size:12px;font-weight:650}.kpi-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f1ff;color:#347cf1}.kpi-value{font-size:30px;letter-spacing:-1px;font-weight:760;color:#1d2e47;margin:14px 0 5px}.kpi-foot{font-size:11px;color:#98a6b5}.twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:17px}.panelhead{padding:18px 20px;border-bottom:1px solid #eff2f6;display:flex;align-items:center;justify-content:space-between}.panelhead strong{font-size:14px;color:#2e4058}.panelbody{padding:18px 20px}.empty{padding:46px 20px;text-align:center;color:#93a1b3}.empty svg{width:38px;height:38px;display:block;margin:0 auto 14px;stroke:#abb9ca}.empty strong{display:block;color:#56667c;margin-bottom:5px}.tablewrap{overflow:auto;border:1px solid #e8edf6;background:#fff;border-radius:11px}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{background:#f8fafd;color:#8494a9;font-size:11px;font-weight:700;text-align:left;padding:13px 14px;white-space:nowrap}.tbl td{padding:13px 14px;border-top:1px solid #f0f3f8;color:#43546b;vertical-align:middle}.tbl tr:hover td{background:#fcfdff}.tbl strong{color:#25364e}.pill{display:inline-block;padding:5px 8px;border-radius:7px;background:#eff3fa;color:#62738d;font-size:10px;font-weight:750;white-space:nowrap}.pill.good{color:#208c68;background:#e7f9f0}.pill.warn{color:#ad6e19;background:#fff5df}.pill.bad{color:#c6495d;background:#fff0f2}.pill.blue{color:#347cf1;background:#eaf2ff}.layout-inbox{display:grid;grid-template-columns:320px minmax(320px,1fr) 286px;height:calc(100vh - 129px);margin:-25px -28px}.threadlist{border-right:1px solid #e8edf6;background:#fff;min-height:0;display:flex;flex-direction:column}.threadside{background:#fff;border-left:1px solid #e8edf6;overflow:auto}.inboxbar{padding:17px 16px;border-bottom:1px solid #eef2f7}.inboxbar strong{font-size:15px}.search{border:1px solid #e5eaf3;border-radius:9px;padding:10px 12px;width:100%;color:#35445e;outline:none;background:#fff}.search:focus,.field:focus{border-color:#347cf1;box-shadow:0 0 0 3px #347cf115}.inboxsearch{margin-top:13px}.threads{overflow-y:auto;flex:1}.thread{display:flex;gap:10px;width:100%;background:transparent;text-align:left;border:0;border-bottom:1px solid #f0f2f7;padding:14px 13px;align-items:flex-start}.thread:hover,.thread.selected{background:#f0f6ff}.threadmain{flex:1;min-width:0}.threadline{display:flex;justify-content:space-between;gap:8px;align-items:center}.threadline b{font-size:13px;color:#293b59;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threadline small{font-size:10px;color:#8fa0b5}.threadmain p{font-size:11px;color:#9aa6b5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:6px 0}.chatarea{background:#f7f9fd;display:flex;flex-direction:column;min-height:0}.chathead{height:72px;background:#fff;border-bottom:1px solid #e8edf6;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chathead h3{margin:0;font-size:13px}.chathead small{color:#9aa7b5}.chatbody{flex:1;overflow:auto;padding:21px 23px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:76%;padding:11px 14px;border-radius:13px 13px 13px 4px;background:#fff;border:1px solid #e9edf4;box-shadow:0 1px 5px #26374c06;color:#3f5064;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#3a80ed;color:#fff;border-color:#3a80ed;border-radius:13px 13px 4px 13px}.bubble.draft{align-self:flex-end;background:#eef4ff;border:1px dashed #729ce1;color:#375e98}.bubble time{display:block;text-align:right;font-size:9px;margin-top:7px;opacity:.7}.chatfoot{background:#fff;padding:14px;border-top:1px solid #e8edf6}.replybox{width:100%;border:1px solid #e4eaf3;border-radius:9px;min-height:70px;resize:vertical;padding:11px;outline:none}.replyactions{display:flex;justify-content:space-between;gap:10px;margin-top:9px}.rightpad{padding:16px}.profilemain{text-align:center;padding:8px 0 21px;border-bottom:1px solid #eef2f7}.profilemain .avatar{width:56px;height:56px;font-size:20px}.profilemain h3{font-size:15px;margin:10px 0 4px}.profilemain p{font-size:11px;color:#96a2b1}.scorebox{text-align:center;padding:19px 0;border-bottom:1px solid #eef2f7}.scorebox strong{font-size:25px;color:#347cf1}.scorebar{height:7px;border-radius:8px;background:#edf2f9;overflow:hidden;margin:10px 0}.scorebar span{display:block;height:100%;background:#347cf1;border-radius:8px}.detailrow{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:14px 0}.detailrow span{color:#8b9cb1}.detailrow b{color:#40516a;text-align:right}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.formgroup{display:flex;flex-direction:column;gap:6px}.formgroup label{font-size:11px;color:#778ba4;font-weight:650}.field{border:1px solid #dfe7f2;border-radius:9px;padding:10px 12px;min-height:40px;background:#fff;color:#34445c;width:100%;outline:none;font-size:13px}.span2{grid-column:span 2}.formactions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.hint{padding:12px 15px;border-radius:9px;background:#edf5ff;color:#3a5f95;font-size:12px;line-height:1.55}.warning{background:#fff8ea;color:#8f6c32}.dangerhint{background:#fff1f2;color:#b94d61}.settingscols{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formpanel{padding:20px}.formpanel h3{font-size:15px;margin:0 0 17px;color:#273b58}.listcards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pagecard{padding:18px;background:#fff;border:1px solid #e8edf6;border-radius:12px}.pagecard h3{font-size:14px;margin:0 0 5px}.pagecard .meta{font-size:11px;color:#99a9b9}.pagecard .controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.listrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eff2f6}.listrow:last-child{border:none}.listrow div{flex:1}.listrow small{display:block;color:#9aa6b5;margin-top:3px;font-size:11px}.loading{display:inline-block;border:2px solid #dfeaff;border-top-color:#347cf1;width:18px;height:18px;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{max-width:420px;background:#273952;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 40px #152d4933;font-size:12px}.toast.error{background:#bb4353}.toast.ok{background:#148260}.modalshade{position:fixed;inset:0;background:#13253b8a;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:22px;background:#fff;border-radius:15px;box-shadow:0 25px 70px #142b493d}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modalhead h3{margin:0;color:#203350;font-size:18px}.loginpage{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 15% 20%,#e7efff,transparent 36%),radial-gradient(circle at 85% 80%,#d9e8ff,transparent 28%),#f5f7fb}.loginbox{width:min(430px,92vw);padding:34px;background:#fff;border:1px solid #e0e7f3;border-radius:18px;box-shadow:0 18px 60px #1a34521b}.loginbox h1{margin:16px 0 7px;font-size:25px;color:#1e3050}.loginbox p{font-size:13px;color:#8395aa;margin:0 0 24px}.loginbox .formgroup{margin-bottom:15px}.boot{padding:40px;color:#64758b;text-align:center}.aux{color:#8294a8;font-size:11px}.oauthitem{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f6}.oauthitem label{flex:1;font-size:13px}.bar{height:8px;background:#ebf1f8;border-radius:10px;overflow:hidden}.bar span{height:100%;display:block;background:#4a83e6}.caption{font-size:11px;color:#94a4b8}.alertpill{display:inline-block;background:#fff0f0;border:1px solid #ffd7dc;color:#ce5366;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:650}.inset{border:1px solid #edf1f7;border-radius:11px;padding:16px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px;word-break:break-all}.textwrap{white-space:pre-wrap;line-height:1.7}.actiontile{background:#f7faff;padding:15px;border-radius:9px}.nowrap{white-space:nowrap}@media(max-width:1150px){.layout-inbox{grid-template-columns:275px minmax(300px,1fr)}.threadside{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.sidebar{width:66px}.brand{padding:15px}.brand strong,.brand span,.navtitle,.nav span,.sidebarfoot .miniprofile>div,.nav b{display:none}.nav{justify-content:center;padding:13px}.topbar{padding:10px 15px}.topbar h1{font-size:16px}.content{padding:15px}.kpis,.twocol,.settingscols,.listcards{grid-template-columns:1fr}.layout-inbox{margin:-15px;grid-template-columns:1fr}.threadlist{display:none}.topactions .pagepick{max-width:120px}.formgrid{grid-template-columns:1fr}.span2{grid-column:span 1}}
/* V0.3.1 - Page-aware catalog, structured units and combo editor */
.catalog-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border-bottom:1px solid #e7edf6;margin:-4px 0 16px;padding-bottom:12px}
.catalog-tab{border:1px solid transparent;border-radius:9px;background:transparent;color:#6f809a;padding:10px 15px;font-weight:650;font-size:12px}
.catalog-tab.active{border-color:#bfd7ff;background:#eaf3ff;color:#276ddd}
.catalog-tab:hover{background:#f0f5fc;color:#245dba}
.catalog-hint{margin-bottom:14px}
.formlabel{display:block;font-size:12px;font-weight:750;color:#465b79;margin-bottom:8px}
.combo-picker{display:flex;flex-direction:column;max-height:260px;overflow:auto;border:1px solid #e0e8f5;border-radius:10px;background:#fafcff}
.combo-product{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 13px;border-bottom:1px solid #edf1f7;font-size:12px}
.combo-product:last-child{border-bottom:0}
.combo-product strong{font-weight:650;color:#2c4160;display:block}
.combo-product small{display:block;color:#8a9caf;margin-top:4px}
.long-source{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal:has(.combo-picker){max-width:720px}
@media(max-width:750px){.catalog-tabs{overflow-x:auto;flex-wrap:nowrap}.catalog-tab{white-space:nowrap}.combo-product{gap:10px}.combo-product small{font-size:10px}}

/* V0.4.2 – Historical Messenger import */
.history-sync{background:#fff;border:1px solid #dce7f4;border-radius:12px;padding:14px 18px;margin-bottom:15px;box-shadow:0 2px 9px rgba(32,62,105,.04)}
.history-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.history-toolbar .caption{margin:5px 0 0}
.history-progress{font-size:12px;color:#47617f;margin-top:8px;line-height:1.65}
.history-wait{color:#1653a0;margin-top:5px}
@media(max-width:780px){.history-toolbar{align-items:stretch;flex-direction:column}.history-toolbar select,.history-toolbar button{max-width:none!important;width:100%}}