.admin-login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.admin-login-brand{background:#0f2d27;display:flex;flex-direction:column;justify-content:center;padding:90px;position:relative;overflow:hidden;color:#dce9c7}.admin-login-brand:after{content:'✳';position:absolute;right:-40px;bottom:-180px;font-size:650px;line-height:1;color:#234938;pointer-events:none}.admin-login-brand .brand{padding:0;margin-bottom:80px;position:relative;z-index:1}.admin-login-brand h1{font-size:47px;line-height:1.6;font-weight:500;position:relative;z-index:1}.admin-login-brand h1 em{color:#8ee800;font-style:normal}.admin-login-brand p{font-size:12px;color:#97b49c;line-height:2;position:relative;z-index:1}.admin-login-form{display:flex;align-items:center;justify-content:center;padding:50px}.admin-login-card{width:350px;max-width:100%}.admin-login-card h2{font-size:27px;margin-bottom:12px}.admin-login-card .modal-intro{margin-bottom:35px}.admin-login-card .btn{margin-top:12px}.admin-sidebar .edition{margin-bottom:25px}.admin-sidebar .nav-link{font-size:13px;padding:14px 16px}.admin-sidebar .side-note p{font-size:10px}.admin-sidebar .side-note{padding:20px 12px}.admin-topbar .top-context{display:flex}.admin-topbar .top-actions{margin-left:auto}.admin-page .admin-tabs{display:none}.admin-page .content{max-width:1500px}.admin-topbar .search-form{display:none}.admin-sidebar .brand strong{font-size:19px}.admin-sidebar .edition{font-size:9px}.admin-page>.mobile-nav{display:none}.admin-topbar .mobile-brand{display:none}@media(max-width:760px){.admin-login-page{grid-template-columns:1fr}.admin-login-brand{padding:40px;min-height:320px}.admin-login-brand .brand{margin-bottom:22px}.admin-login-brand h1{font-size:30px;margin:8px 0}.admin-login-brand:after{font-size:350px;bottom:-100px}.admin-login-form{padding:40px 30px}.admin-topbar .top-context{font-size:11px}.admin-topbar .top-user>div{display:block;font-size:10px}.admin-page .admin-tabs{display:flex}.admin-page{padding-bottom:0}.admin-page .metric-grid{grid-template-columns:1fr 1fr}.admin-topbar .icon-button{display:flex}}
.admin-sidebar .brand{gap:8px}.admin-sidebar .brand img{width:38px;height:38px}.admin-sidebar .brand strong{font-size:16px;white-space:nowrap}.admin-sidebar .brand small{font-size:10px;white-space:nowrap}
.admin-page .design-layout{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px}.admin-page .design-form,.admin-page .design-form .field,.admin-page .design-form .form-grid{min-width:0}.admin-page .design-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page .design-form input,.admin-page .design-form select{max-width:100%}.admin-page .design-preview{display:block;position:sticky;top:108px;min-width:0;max-width:100%;padding:18px;border-radius:18px;overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading p{display:flex;align-items:center;gap:7px;font-size:12px;margin:0;color:#617a4c}.preview-heading svg{width:17px;height:17px}.preview-device{font:10px/1.5 Arial,sans-serif;color:#77876b;white-space:nowrap}.admin-page .design-preview .preview-status{font-size:10px;line-height:1.6;color:#819172;margin:7px 0 13px;min-height:16px}.preview-stage{position:relative;width:100%;height:500px;overflow:hidden;--preview-scaled-width:276px}.preview-phone{position:absolute;top:0;left:calc((100% - var(--preview-scaled-width))/2);width:406px;height:860px;border:8px solid #233b2d;border-radius:38px;overflow:hidden;background:#f6f7f2;transform:scale(.68);transform-origin:top left;box-shadow:0 8px 28px #19392b14}.preview-phone iframe{display:block;width:390px;height:844px;max-width:none;border:0;background:#f6f7f2}.admin-page .design-preview .hint{font-size:10px;line-height:1.8;margin:13px 0 0;color:#7b8d6b;display:block}.preview-failed .preview-status{color:#9c5c4c!important}.admin-page .content{min-width:0}.admin-page .admin-heading{flex-wrap:wrap}
@media(max-width:1150px){.admin-page .design-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:18px}.admin-page .design-form{padding:22px}.admin-page .design-form .form-grid{gap:13px}.admin-page .design-preview{padding:15px}}
@media(max-width:1000px){.admin-page .design-layout{grid-template-columns:minmax(0,1fr)}.admin-page .design-preview{display:block;position:relative;top:0;grid-row:1;justify-self:center;width:min(100%,420px)}.admin-page .design-form{grid-row:2}}
@media(max-width:760px){.admin-page .design-preview{top:0;padding:15px}.admin-page .design-form{padding:20px}.admin-page .design-form .form-grid{grid-template-columns:minmax(0,1fr)}.admin-page .design-form .form-footer{gap:12px;align-items:flex-start;flex-wrap:wrap}.admin-page .design-form .btn{max-width:100%}.admin-page .design-preview .hint{font-size:10px}.preview-heading p{font-size:11px}}
.admin-sidebar .nav-list{overflow-y:auto;min-height:0}.admin-sidebar .nav-link{flex-shrink:0}.ai-eyebrow{font-size:10px;letter-spacing:1.8px;color:#718574;margin-bottom:10px}.admin-ai-layout,.codex-layout{display:grid;grid-template-columns:248px minmax(0,1fr);border:1px solid #dfe5db;border-radius:var(--radius);background:#fff;overflow:hidden;min-height:650px}.admin-ai-rail,.codex-request-panel{padding:22px;background:#f5f8f1;border-right:1px solid #e1e7dd;min-width:0}.ai-connection{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #dce6d5;background:#fff;border-radius:12px;margin-bottom:22px;font-size:11px;line-height:1.6}.ai-status-dot{width:7px;height:7px;border-radius:50%;background:#9aaca0;margin-top:5px;flex-shrink:0}.ai-connection.connected .ai-status-dot{background:#69ab22;box-shadow:0 0 0 3px #8ee80022}.ai-connection>div{min-width:0;flex:1}.ai-connection strong,.ai-connection span:not(.ai-status-dot){display:block}.ai-connection span:not(.ai-status-dot){color:#758577;font-size:10px;overflow-wrap:anywhere}.ai-connection>svg{width:15px;height:15px;flex-shrink:0;color:#72856c}.ai-history-label{margin:24px 0 12px;color:#849080;font-size:10px;letter-spacing:.7px}.ai-history-item{display:flex;align-items:center;gap:9px;padding:12px 9px;width:100%;text-align:left;border-radius:9px;color:#5f755e;background:transparent;font-size:12px;margin-bottom:5px}.ai-history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-item svg{width:15px;height:15px;flex-shrink:0}.ai-history-item.active{background:#e4eddc;color:#16382c;font-weight:600}.ai-history-item:hover{background:#eaf0e3}.ai-subtle{font-size:10px;line-height:1.8;color:#829080}.ai-scope-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #dfe7d9;margin-top:28px;padding-top:18px;color:#81907c}.ai-scope-note svg{width:14px;height:14px;flex-shrink:0;margin-top:3px}.ai-scope-note p{margin:0;font-size:10px;line-height:1.8}.admin-ai-chat{min-width:0;display:flex;flex-direction:column}.ai-chat-top{padding:20px 26px;border-bottom:1px solid #edf0e8;display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-chat-top>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-chat-top strong{font-size:13px}.ai-mini-icon{display:flex;color:#5d8d20}.ai-mini-icon svg{width:19px;height:19px}.ai-account-tag{font-size:10px;padding:6px 9px;border:1px solid #e0e7d9;border-radius:20px;white-space:nowrap;color:#6f8168}.ai-messages{flex:1;min-height:350px;max-height:60vh;overflow:auto;padding:30px 28px}.ai-welcome{max-width:600px;margin:10px auto 20px;text-align:center}.ai-welcome-icon{display:inline-flex;padding:15px;background:#edf6df;border-radius:18px;margin-bottom:12px}.ai-welcome-icon svg{width:28px;height:28px;color:#4c7626}.ai-welcome h2{font-size:23px;font-weight:500;margin:8px 0 12px}.ai-welcome>p{font-size:12px;color:#7b8b74;line-height:1.9}.ai-quick-grid{display:grid;gap:10px;text-align:left;margin-top:28px}.ai-quick-grid button{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #e5e9df;border-radius:10px;background:#f9faf6;color:#55714a;font-size:12px}.ai-quick-grid button:hover{border-color:#adca8e;background:#f3f8e9}.ai-quick-grid svg{width:16px;height:16px}.ai-quick-grid span{flex:1}.ai-chat-bottom{border-top:1px solid #edf0e8;padding:18px 25px 12px}.ai-chat-bottom textarea{width:100%;resize:vertical;border:1px solid #dfe6d8;border-radius:12px;padding:14px;min-height:90px;background:#fafbf7;font-size:12px;line-height:1.7;color:var(--ink);font-family:inherit;box-sizing:border-box}.ai-chat-bottom textarea:focus{outline:2px solid #8ee80055;border-color:#86b456}.ai-chat-bottom textarea:disabled{background:#f4f5f1;color:#8d9987}.ai-composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.ai-composer-actions label{display:flex;align-items:center;gap:8px;font-size:10px;color:#7b8b72}.ai-composer-actions select{border:1px solid #dce4d3;border-radius:7px;padding:7px;color:var(--ink);font-size:11px;background:#fff}.ai-composer-actions .btn{min-height:36px;padding:9px 17px;font-size:11px}.ai-composer-actions .btn svg{width:15px;height:15px}.ai-inline-notice{padding:10px 13px;margin-bottom:12px;background:#f8f4e8;color:#887448;border:1px solid #eee5ca;border-radius:9px;font-size:11px;line-height:1.7}.ai-message{display:flex;gap:12px;margin-bottom:25px;align-items:flex-start}.ai-message-avatar{background:#eef5e4;border-radius:9px;flex-shrink:0;width:31px;height:31px;display:grid;place-items:center;color:#608146}.ai-message-avatar svg{width:16px;height:16px}.ai-message-content{min-width:0;flex:1}.ai-message-content>small{display:block;font-size:10px;color:#82917b;margin-bottom:7px}.ai-message-text{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#365237}.ai-message.from-user .ai-message-text{display:inline-block;background:#f1f5ec;padding:11px 15px;border-radius:0 12px 12px;max-width:100%;box-sizing:border-box}.ai-message.from-user .ai-message-avatar{background:#e5ecd9}.ai-note-draft{border:1px solid #dce7cf;background:#fbfcf8;border-radius:12px;padding:18px;margin-top:14px}.ai-note-draft>span{display:flex;gap:7px;align-items:center;color:#6c8c45;font-size:11px}.ai-note-draft svg{width:15px;height:15px}.ai-note-draft h4{font-size:15px;margin:12px 0 8px}.ai-note-draft p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.ai-note-draft small{font-size:10px;color:#8b977e}.ai-pending{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b9271}.ai-pending svg{width:16px;height:16px;animation:ai-spin 1.4s linear infinite}.codex-layout{grid-template-columns:290px minmax(0,1fr)}.codex-request-panel .field>span{font-size:12px}.codex-request-panel textarea{resize:vertical;font-size:12px;line-height:1.8;background:#fff;box-sizing:border-box}.codex-request-panel .btn{font-size:11px}.codex-boundaries{padding:17px 0;border-bottom:1px solid #e1e8db}.codex-boundaries p{font-size:10px;line-height:1.7;display:flex;align-items:center;gap:9px;color:#7b8c72;margin:8px 0}.codex-boundaries svg{width:13px;height:13px;color:#6e8a54;flex-shrink:0}.codex-jobs-heading{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.codex-jobs-heading h3{font-size:12px;font-weight:500;margin:0}.codex-jobs-heading .icon-button{width:29px;height:29px;display:flex}.codex-jobs-heading svg{width:14px;height:14px}.codex-jobs{margin-top:9px;max-height:350px;overflow:auto}.codex-job-link{width:100%;text-align:left;display:block;border:1px solid transparent;background:transparent;border-radius:9px;padding:12px 10px;margin-bottom:5px;color:var(--ink)}.codex-job-link:hover{background:#eaf0e2}.codex-job-link.active{background:#e5eddc;border-color:#d9e5ca}.codex-job-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.7}.codex-job-meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#8b967f;font-size:9px}.codex-job-meta small{font-size:9px;color:#6b8159}.codex-result-panel{padding:30px;min-width:0}.codex-empty{text-align:center;max-width:430px;margin:130px auto;color:#7c8c73}.codex-empty>svg{width:40px;height:40px;color:#86a666;margin-bottom:18px}.codex-empty h2{font-weight:500;font-size:22px;color:#355137}.codex-empty p{font-size:12px;line-height:2}.codex-detail-head{display:flex;align-items:flex-start;gap:15px;justify-content:space-between;border-bottom:1px solid #e7ecdf;padding-bottom:24px}.codex-detail-head>div{min-width:0}.codex-detail-head h2{font-size:20px;font-weight:500;line-height:1.6;margin:5px 0 10px;overflow-wrap:anywhere}.codex-detail-head p{font-size:12px;line-height:1.8;color:#7c8b73;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.codex-status{display:flex;gap:6px;align-items:center;white-space:nowrap;background:#eff3e8;border:1px solid #e1e8d7;color:#748264;font-size:10px;padding:7px 10px;border-radius:20px}.codex-status svg{width:13px;height:13px}.codex-status.running svg,.codex-status.queued svg{animation:ai-spin 1.4s linear infinite}.codex-status.ready{background:#edf7de;color:#548020;border-color:#d5e9b6}.codex-status.failed{background:#fbefec;color:#9c5c4c;border-color:#f2d9d1}.codex-status.applied{background:#e8f3e6;color:#477746}.codex-progress{padding:26px 0 8px}.codex-progress>span{display:block;height:3px;background:linear-gradient(90deg,#8ee80055,#79b429,#8ee80055);border-radius:5px;animation:ai-progress 1.7s ease-in-out infinite}.codex-progress p{font-size:11px;line-height:1.9;color:#879578;margin-top:12px}.codex-plan{padding:23px 0 12px}.codex-plan h3{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 15px}.codex-plan h3 svg{width:17px;height:17px;color:#709f40}.codex-plan ol{padding-left:24px;color:#677c5d;font-size:12px;line-height:2}.codex-plan li{padding-left:5px;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.codex-changes .section-heading{margin:20px 0 12px}.codex-changes .section-heading h3{font-size:13px}.codex-changes .section-heading h3 span{margin-left:5px;padding:3px 6px;background:#edf3e4;border-radius:6px;font-size:10px}.codex-changes .section-heading small{font-size:10px;color:#8b967f}.codex-file{border:1px solid #dfe7d5;border-radius:11px;overflow:hidden;margin:12px 0}.codex-file>summary{list-style:none;display:flex;align-items:center;gap:10px;background:#f6f9f1;padding:14px;cursor:pointer}.codex-file>summary::-webkit-details-marker{display:none}.codex-file>summary>span{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.codex-file>summary b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.codex-file>summary svg{width:15px;height:15px;flex-shrink:0;color:#7f9868}.codex-file>summary>svg{width:12px;height:12px}.codex-file>summary small{font-size:9px;white-space:nowrap}.patch-allowed{color:#679246}.patch-manual{color:#a37b4f}.codex-file-notice{font-size:10px;color:#9b825f;background:#fbf7ed;padding:10px 14px;margin:0;line-height:1.8}.codex-diff{margin:0;max-height:440px;overflow:auto;font:11px/1.8 Consolas,monospace;background:#172d25;color:#d5dfd0;padding:13px 0;tab-size:2}.codex-diff code{display:block;width:max-content;min-width:100%}.codex-diff span{display:block;padding:0 16px;white-space:pre}.codex-diff .diff-add{background:#315a3a;color:#d8edb8}.codex-diff .diff-remove{background:#563d32;color:#efc8b9}.codex-diff .diff-range{color:#a1b8d7;background:#243c36}.codex-full-source{font-size:10px;border-top:1px solid #dfe7d5;background:#fcfdf8}.codex-full-source summary{padding:12px 15px;color:#788b67;cursor:pointer}.codex-full-source pre{font:10px/1.8 Consolas,monospace;padding:15px;margin:0;max-height:300px;overflow:auto;color:#526347}.codex-apply-panel{background:#f1f7e8;border:1px solid #d9e7c6;border-radius:12px;padding:18px;margin-top:24px}.codex-apply-panel>div{display:flex;align-items:flex-start;gap:10px}.codex-apply-panel>div>svg{width:19px;height:19px;flex-shrink:0;color:#739c47;margin-top:3px}.codex-apply-panel p{margin:0;line-height:1.9}.codex-apply-panel strong{display:block;font-size:12px;color:#527634}.codex-apply-panel span{display:block;font-size:10px;color:#81916f}.codex-apply-panel .btn{margin-top:16px;font-size:11px}.ai-error-panel{background:#fbf1ec;border:1px solid #efd7ca;padding:17px;border-radius:10px;display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#9f7057}.ai-error-panel>svg{width:18px;height:18px;flex-shrink:0}.ai-error-panel strong{font-size:12px}.ai-error-panel p{font-size:11px;line-height:1.9;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.ai-success-panel{padding:15px 18px;margin-top:22px;border-radius:10px;background:#ebf5e5;color:#5e804c;font-size:11px;line-height:1.9}.admin-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-page button:disabled{cursor:not-allowed;opacity:.6}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-progress{50%{opacity:.4}}
@media(max-width:1150px){.codex-layout{grid-template-columns:250px minmax(0,1fr)}.codex-request-panel{padding:18px}.codex-result-panel{padding:23px}.admin-ai-layout{grid-template-columns:215px minmax(0,1fr)}.admin-ai-rail{padding:18px}.ai-chat-top .ai-subtle{display:none}.codex-detail-head{flex-direction:column}.codex-status{align-self:flex-start}}@media(max-width:900px){.admin-ai-layout,.codex-layout{grid-template-columns:1fr}.admin-ai-rail{border-right:0;border-bottom:1px solid #e1e7dd;display:flex;gap:12px;align-items:center;padding:15px;flex-wrap:wrap}.admin-ai-rail>.ai-connection{margin:0;flex:1;min-width:180px}.admin-ai-rail>.btn{width:auto;white-space:nowrap}.ai-history-label,.ai-scope-note{display:none}.ai-history{display:flex;width:100%;gap:6px;overflow:auto}.ai-history:empty{display:none}.ai-history-item{width:auto;max-width:190px;flex-shrink:0;margin:0}.ai-history>.ai-subtle{margin:0}.codex-request-panel{border-right:0;border-bottom:1px solid #e1e7dd}.codex-request-panel textarea{min-height:120px;max-height:250px}.codex-boundaries{display:flex;gap:12px;flex-wrap:wrap}.codex-boundaries p{margin:2px 0}.codex-jobs{display:flex;max-height:150px;gap:8px}.codex-job-link{min-width:185px;max-width:230px;flex-shrink:0}.codex-empty{margin:50px auto}.ai-messages{max-height:55vh;min-height:300px}.admin-ai-layout,.codex-layout{min-height:0}}@media(max-width:760px){.ai-eyebrow{font-size:9px}.admin-ai-layout,.codex-layout{border-radius:12px}.ai-chat-top{padding:17px}.ai-messages{padding:22px 17px}.ai-chat-bottom{padding:15px}.ai-welcome h2{font-size:20px}.ai-welcome>p{font-size:11px}.ai-quick-grid button{padding:12px;font-size:11px}.ai-quick-grid{margin-top:20px}.codex-result-panel{padding:19px 15px}.codex-detail-head h2{font-size:18px}.codex-changes .section-heading{align-items:flex-start;gap:10px}.codex-file>summary{gap:6px;padding:12px 10px}.codex-file>summary small{font-size:8px}.codex-file>summary b{font-size:10px}.codex-diff{font-size:10px}.ai-account-tag{font-size:9px}.ai-message-text{font-size:12px}.codex-boundaries{gap:6px 14px}.codex-apply-panel{padding:15px}.codex-apply-panel .btn{width:100%;justify-content:center}}
.content-item-link{display:flex;align-items:center;gap:12px;background:transparent;color:var(--ink);text-align:left;max-width:360px;padding:2px;border-radius:8px}.content-item-link span{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.content-item-link:hover span{text-decoration:underline;text-underline-offset:4px}.content-item-link .thumb{margin:0;flex-shrink:0}.content-row-actions{display:flex;flex-wrap:wrap;gap:7px}.content-row-actions .btn{white-space:nowrap}.admin-item-modal{padding:35px;max-height:90dvh;overflow:auto}.admin-content-detail{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);gap:30px}.admin-content-cover img{display:block;width:100%;max-height:620px;object-fit:contain;background:#f3f6ed;border-radius:var(--radius)}.admin-content-main{min-width:0}.content-detail-kicker{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.admin-content-main h2{font-size:25px;line-height:1.6;margin:16px 0 10px;overflow-wrap:anywhere}.admin-content-author{font-size:12px;color:#60795b;line-height:1.9}.admin-content-author small{font-size:10px;color:#89977e}.admin-content-main .detail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;margin:22px 0}.admin-content-meta{font-size:11px;color:#7c8d71;display:grid;gap:8px;margin:18px 0 22px}.admin-content-main .actions{display:flex;flex-wrap:wrap;gap:8px}.content-edit-panel{border:1px solid #dfe8d3;border-radius:12px;margin:24px 0;background:#fbfcf7}.content-edit-panel>summary{display:flex;align-items:center;gap:8px;padding:16px;cursor:pointer;color:#66854e;font-size:12px}.content-edit-panel>summary svg{width:15px;height:15px}.content-edit-panel form{padding:3px 16px 18px}.content-edit-panel textarea{width:100%;box-sizing:border-box;resize:vertical}.admin-comments h3{font-size:14px}.admin-comment{border-top:1px solid #e6ecdF;padding:15px 0}.admin-comment>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-comment strong{font-size:12px}.admin-comment time{font-size:9px;color:#91a082}.admin-comment p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#617558}.content-detail-loading{padding:80px 30px;text-align:center;color:#7b906c;font-size:13px}.editable-image{margin-bottom:20px;min-width:0}.editable-image>.field{margin-bottom:10px}.editable-image-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editable-image-tools>img{width:67px;height:67px;object-fit:cover;border-radius:10px;border:1px solid #dce6d0;background:#f3f6ed}.editable-image-tools>small{font-size:10px;line-height:1.8;color:#88977b;flex-basis:100%}.image-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;background:#f0f5e7;border:1px solid #d7e4c7;color:#6b8c4d;border-radius:8px;padding:7px 12px;font-size:11px;position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box}.image-upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.design-image-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.design-image-presets button{background:#f4f7ed;border-radius:9px;border:1px solid #e1e8d7;overflow:hidden;font-size:9px;line-height:1.7;color:#70825e;padding:0 0 7px}.design-image-presets img{display:block;width:100%;height:55px;object-fit:cover;margin-bottom:5px}.design-collapsible>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;gap:10px}.design-collapsible>summary::-webkit-details-marker,.ui-catalog-group>summary::-webkit-details-marker{display:none}.design-collapsible>summary h3{display:flex;align-items:center;gap:8px;margin:0}.design-collapsible>summary svg{width:16px;height:16px;color:#789664;flex-shrink:0}.design-collapsible[open]>summary>svg,.ui-catalog-group[open]>summary>svg{transform:rotate(180deg)}.design-collapsible-body{padding-top:20px}.design-collapsible-body .switch-row{font-size:12px}.support-agent-options{border:1px solid #dfe8d3;border-radius:10px;padding:15px;margin:22px 0 0}.support-agent-options legend{font-size:12px;color:#587446;padding:0 5px}.support-agent-options>label{display:flex;align-items:center;gap:9px;font-size:12px;padding:7px 0}.support-agent-options input{width:15px;height:15px;accent-color:#608c2e}.ui-catalog-section>.hint{font-size:11px;line-height:1.9;color:#879777;margin-bottom:20px}.ui-catalog-search{position:relative}.ui-catalog-group{border:1px solid #dfe7d6;border-radius:11px;margin-bottom:10px;background:#fff;overflow:hidden}.ui-catalog-group>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:15px;cursor:pointer;background:#f8faf2;font-size:12px;color:#49683b}.ui-catalog-group>summary span{flex:1}.ui-catalog-group>summary small{font-size:9px;color:#91a07c}.ui-catalog-group>summary>svg{width:14px;height:14px}.ui-catalog-group-body{padding:20px 15px 0}.ui-catalog-field .field>span{font-size:12px}.ui-catalog-field textarea{resize:vertical;box-sizing:border-box}.ui-catalog-field[hidden],.ui-catalog-group[hidden],#ui-catalog-no-result[hidden]{display:none!important}.admin-page .design-form .hint{font-size:10px;line-height:1.9;color:#869776}.design-save-bar{position:sticky;bottom:0;padding:15px 0 0;background:linear-gradient(#fffE,#fff 20px);z-index:1}.design-save-bar .form-footer{font-size:10px}.support-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0 14px}.support-filters{display:flex;gap:7px;flex-wrap:wrap}.support-filters button{padding:9px 13px;border-radius:20px;background:#eef2e6;font-size:11px;color:#7f9270}.support-filters button.active{background:var(--primary);color:var(--accent)}.support-layout{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #dfe7d4;background:#fff;border-radius:var(--radius);overflow:hidden;min-height:620px}.support-conversations{border-right:1px solid #e1e9d7;max-height:760px;overflow:auto;background:#fafbf6;min-width:0}.support-conversation{display:flex;align-items:flex-start;gap:10px;width:100%;padding:18px 14px;text-align:left;background:transparent;border-bottom:1px solid #edf1e7;color:var(--ink)}.support-conversation:hover{background:#f1f6e7}.support-conversation.active{background:#eaf3dd;box-shadow:inset 3px 0 var(--accent)}.support-customer-avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;background:#dce9cd;color:#668548;font-size:14px}.support-conversation-copy{display:block;min-width:0;flex:1}.support-conversation-copy strong{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;flex-wrap:wrap}.support-conversation-copy strong small{font-size:8px;color:#7a8d6b;font-weight:400}.support-conversation-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0;font-size:11px;color:#829574}.support-conversation-copy>time{font-size:9px;color:#99a58c}.support-conversation-state{display:flex;align-items:flex-end;flex-direction:column;gap:7px;flex-shrink:0}.support-conversation-state b{border-radius:20px;min-width:18px;min-height:18px;padding:2px 4px;background:var(--accent);font-size:9px;display:grid;place-items:center;color:var(--primary)}.support-conversation-state small{font-size:9px;color:#8a9b79}.support-list-empty,.support-chat-empty{padding:40px 20px;text-align:center;color:#94a183;font-size:11px;line-height:1.8}.support-chat{display:flex;flex-direction:column;min-width:0}.support-chat-header{padding:21px 25px;border-bottom:1px solid #e7ede0;display:flex;justify-content:space-between;align-items:center;gap:12px}.support-chat-header h2{margin:0 0 7px;font-size:17px;font-weight:500}.support-chat-header p{font-size:10px;color:#8b9a7c;margin:0;line-height:1.8}.support-chat-header .btn{white-space:nowrap;font-size:11px}.support-messages{min-height:300px;max-height:56vh;overflow:auto;flex:1;padding:25px}.support-message{margin-bottom:21px;max-width:85%;width:max-content;min-width:120px}.support-message.from-agent{margin-left:auto}.support-message-meta{font-size:9px;color:#94a186;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:8px}.support-message-meta strong{font-size:10px;font-weight:500;color:#82956e}.support-message p{margin:0;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 15px;background:#f1f5e9;border-radius:0 12px 12px;color:#557044}.support-message.from-agent p{background:#e7f3d6;color:#43682b;border-radius:12px 0 12px 12px}.support-reply{padding:19px 25px;border-top:1px solid #e7ede0}.support-reply>label{display:block;font-size:11px;color:#80966d;margin-bottom:9px}.support-reply textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;border:1px solid #dfe7d4;border-radius:10px;padding:12px;font-size:12px;line-height:1.8;background:#fbfcf7;font-family:inherit;color:var(--ink)}.support-reply textarea:focus{outline:2px solid #8ee80044;border-color:#80a65d}.support-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.support-reply-footer>span{font-size:9px;color:#95a185;line-height:1.8}.support-reply-footer .btn{font-size:11px;white-space:nowrap}.support-no-selection{margin:auto;max-width:370px;padding:70px 30px;text-align:center;color:#819773}.support-no-selection>svg{width:40px;height:40px;color:#83a369}.support-no-selection h2{font-size:22px;font-weight:500;color:#446637;margin:20px 0 13px}.support-no-selection p{font-size:12px;line-height:1.9}.support-no-selection small{font-size:10px;color:#9aa68c}
@media(max-width:1100px){.support-layout{grid-template-columns:245px minmax(0,1fr)}.support-chat-header,.support-reply,.support-messages{padding:18px}.admin-item-modal{padding:28px}.admin-content-detail{gap:22px}}
@media(max-width:760px){.admin-item-modal{padding:45px 20px 25px;max-height:94dvh}.admin-content-detail{grid-template-columns:minmax(0,1fr);gap:22px}.admin-content-cover img{max-height:270px}.admin-content-main h2{font-size:22px}.admin-content-main .actions .btn{flex:1;justify-content:center}.admin-content-main .form-grid{grid-template-columns:1fr}.admin-comments .admin-comment>div{align-items:flex-start;flex-direction:column;gap:5px}.content-item-link{max-width:260px;gap:8px}.content-item-link span{font-size:11px}.content-row-actions{flex-direction:column}.support-layout{grid-template-columns:minmax(0,1fr);min-height:0}.support-conversations{max-height:245px;border-right:0;border-bottom:1px solid #e1e9d7}.support-conversation{padding:14px}.support-messages{max-height:45vh;min-height:260px}.support-toolbar{gap:8px}.support-filters{gap:5px}.support-filters button{font-size:10px;padding:8px 10px}.support-chat-header h2{font-size:16px}.support-chat-header .btn{padding:8px 10px}.support-reply-footer{align-items:flex-start}.support-reply-footer .btn{padding:9px 13px}.support-message{max-width:92%}.ui-catalog-group-body{padding:18px 12px 0}.design-save-bar{position:relative}.design-image-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.design-image-presets img{height:68px}.design-collapsible>summary h3{font-size:14px}.support-no-selection{padding:40px 25px}.admin-page .design-form input[type=file]{max-width:100%}}
.support-references{display:grid;gap:9px;margin-top:10px;min-width:0;width:min(390px,100%)}.support-reference-hint{display:block;color:#829475;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.support-reference-card{border:1px solid #dce7cf;border-radius:12px;background:#fbfcf7;min-width:0;overflow:hidden}.support-reference-card>summary{list-style:none;cursor:pointer;padding:12px;display:grid;gap:9px;color:var(--ink)}.support-reference-card>summary::-webkit-details-marker{display:none}.support-reference-card>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.support-reference-overview{display:flex;align-items:flex-start;gap:10px;min-width:0}.support-reference-overview>img,.support-reference-placeholder{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;object-fit:cover;border-radius:9px;background:#e9efdf;color:#688653;font-size:23px}.support-reference-overview>span:last-child{display:grid;gap:4px;min-width:0}.support-reference-overview small{font-size:9px;color:#81956e;line-height:1.5}.support-reference-overview strong{font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.support-reference-overview span span{font-size:10px;color:#7a8e69;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.support-reference-overview b{font-size:11px;font-weight:500;color:#4f713d}.support-reference-disclosure{font-size:10px;color:#5d7b48;display:flex;justify-content:flex-end;align-items:center;gap:5px}.support-reference-disclosure:after{content:'⌄';font-size:13px}.support-reference-card[open] .support-reference-disclosure:after{transform:rotate(180deg)}.support-reference-detail{border-top:1px solid #e5eddb;padding:12px}.support-reference-fields{display:grid;gap:10px;margin:0}.support-reference-fields>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;font-size:11px;line-height:1.8}.support-reference-fields dt{color:#849674}.support-reference-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#4f6b40}.support-reference-history{margin-top:14px;padding-top:12px;border-top:1px solid #e7eddf}.support-reference-history>strong{font-size:11px;color:#6a8259;font-weight:500}.support-reference-history ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.support-reference-history li{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:10px;line-height:1.8;color:#7f9270}.support-reference-history li b{font-size:11px;color:#526f41;font-weight:500}.support-reference-history li span{flex-basis:100%;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.support-message:has(.support-references){width:100%;box-sizing:border-box}.support-reference-overview>img,.support-reference-placeholder{width:46px;height:46px;flex-basis:46px}.support-reference-fields>div{grid-template-columns:68px minmax(0,1fr);gap:7px}.support-reference-card>summary,.support-reference-detail{padding:10px}}