.flow-screen #phone-nav, .flow-screen .phone-content::after { display:none; }
.flow-screen .phone-content { overflow:hidden; }
#publication-flow.active {
  display:flex; flex-direction:column; height:100%; padding:0;
  background:linear-gradient(165deg,#fff0de 0%,#faf8f4 30%,#f8f7f4 100%);
  color:#212620; font-family:Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
}
.pub-head { display:flex; align-items:center; gap:5px; padding:6px 12px; flex:none; min-height:56px; }
.pub-head h2 { margin:0; font-size:21px; letter-spacing:-.035em; }
.pub-back,.pub-link { background:transparent; color:#396e24; min-height:44px; }
.pub-back { width:40px; color:#202620; font:32px/1 Arial,sans-serif; }
.pub-main { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:3px 11px 16px; }
.pub-segment,.pub-card,.pub-item-row,.pub-alert,.pub-success { border-radius:14px; }
.pub-segment { display:flex; background:white; padding:4px; margin:4px 0 12px; box-shadow:0 3px 12px #39301c0a; }
.pub-segment button { flex:1; min-height:44px; padding:4px; border-radius:11px; color:#3b4938; background:white; font-size:15px; font-weight:650; }
.pub-segment button[aria-pressed=true] { color:white; background:#448d1d; }
.pub-card {
  padding:14px; margin:0 0 11px; background:white;
  border:1px solid #eeeae3; box-shadow:0 3px 10px #44351a09;
}
.pub-card h2,.pub-card h3,.pub-ai-head h3 { margin:0 0 10px; }
.pub-card h3 { font-size:17px; }
.pub-card p,.pub-review-row p { line-height:1.6; margin:5px 0; overflow-wrap:anywhere; white-space:pre-line; }
.pub-field,.pub-line { display:flex; gap:8px; justify-content:space-between; align-items:center; min-height:46px; border-top:1px solid #edf0e9; }
.pub-field>span,.pub-line>span { flex:none; font-size:13px; color:#626b60; }
.pub-field input,.pub-field select,.pub-text textarea,.pub-review-row textarea {
  min-width:0; color:#252b22; font:inherit; font-size:15px; border:1px solid transparent; outline:0;
}
.pub-field input,.pub-field select { flex:1; height:44px; width:1px; background:transparent; text-align:right; }
.pub-field input::placeholder,.pub-text textarea::placeholder { color:#81897c; font-size:13px; }
.pub-field input:focus,.pub-field select:focus,.pub-text textarea:focus { border-color:#87a77b; }
.pub-line b { text-align:right; overflow-wrap:anywhere; font-size:14px; }
.pub-text { display:block; margin-top:5px; }
.pub-text b { display:block; margin-bottom:7px; font-size:15px; }
.pub-text textarea,.pub-review-row textarea { width:100%; padding:9px; border-radius:9px; background:#f3f7ef; line-height:1.5; resize:vertical; }
.pub-photos { display:flex; flex-wrap:wrap; gap:7px; padding:2px 0 9px; }
.pub-picture,.pub-add-photo { position:relative; width:calc(50% - 4px); max-width:175px; height:96px; border-radius:10px; overflow:hidden; }
.pub-picture img { display:block; width:100%; height:100%; object-fit:cover; }
.pub-picture small,.pub-cover { position:absolute; bottom:3px; left:3px; background:#244427cf; color:white; border-radius:7px; padding:4px 6px; font-size:11px; }
.pub-remove { position:absolute; right:0; top:0; width:34px; height:34px; background:#2e392ca8; color:white; font-size:18px; border-radius:0 0 0 10px; }
.pub-add-photo,.pub-replace { display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; color:#48663b; background:#f5f8f1; border:1px dashed #b9cbb0; font-size:13px; }
.pub-add-photo span { font-weight:300; font-size:30px; }
.pub-add-photo input,.pub-replace input { position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer; }
.pub-add-photo:focus-within,.pub-replace:focus-within { outline:2px solid #587f44; }
.pub-replace { display:inline-flex; position:relative; min-height:44px; padding:0 12px; border-radius:8px; }
.pub-check { display:flex; align-items:center; gap:8px; min-height:44px; font-size:14px; }
.pub-check input { accent-color:#408820; width:18px; height:18px; }
.pub-settings summary,.pub-templates summary { padding:4px 0; cursor:pointer; min-height:32px; align-content:center; }
.pub-settings summary small { color:#71796c; margin-left:8px; font-size:11px; }
.pub-foot { flex:none; display:flex; gap:8px; padding:10px 12px max(12px,env(safe-area-inset-bottom)); border-top:1px solid #e7ebe3; background:white; }
.pub-primary,.pub-secondary { padding:8px 14px; min-height:46px; border-radius:12px; font-size:15px; font-weight:650; }
.pub-foot button { flex:1; }
.pub-primary { color:white; background:#408b20; }
.pub-secondary { background:white; color:#365f24; border:1px solid #b6c7ad; }
.pub-primary:disabled { opacity:.65; }
.pub-flow-page :is(button,summary):focus-visible { outline:3px solid #176fa3; }
.pub-ai-head { display:flex; gap:10px; align-items:center; margin:5px 4px 12px; }
.pub-ai-head img { width:60px; border-radius:16px; }
.pub-ai-head h3 { margin:0; font-size:22px; }
.pub-alert,.pub-question { background:#fff5dc; color:#704e1e; }
.pub-alert,.pub-success,.pub-receipt { padding:11px 13px; margin:5px 0 12px; line-height:1.5; }
.pub-success,.pub-receipt { border-radius:11px; background:#edf7e6; color:#39751e; font-weight:600; }
.pub-alert p { margin:3px 0 0; font-size:13px; }
.pub-hint,.pub-view-label { color:#677260; font-size:12px; }
.pub-view-label { margin:2px 0 7px; color:#487929; text-align:right; }
.pub-gallery { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; border-radius:13px; margin-bottom:10px; }
.pub-gallery img { width:100%; height:clamp(170px,48vw,240px); object-fit:cover; flex:none; scroll-snap-align:start; }
.pub-title strong { color:#39871c; font-size:25px; }
.pub-title h2 { margin:4px 0; font-size:22px; overflow-wrap:anywhere; }
.pub-labels { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
.pub-labels span { border-radius:5px; background:#edf5e8; padding:3px 7px; font-size:12px; color:#476a36; }
.pub-tabs { display:flex; gap:5px; overflow-x:auto; padding-bottom:7px; scrollbar-width:thin; }
.pub-tabs button { flex:none; padding:5px 9px; border-radius:18px; min-height:40px; background:#f3f5ef; color:#4c5549; }
.pub-tabs button[aria-pressed=true] { background:#e4f3d9; color:#387a1a; font-weight:650; }
.pub-empty { color:#6d7766; padding:14px 4px; text-align:center; }
#publication-count { color:#427f26; font-weight:650; }
.pub-item-row,.pub-review-title { width:100%; display:flex; align-items:center; gap:9px; padding:10px 4px; text-align:left; background:white; }
.pub-item-row + .pub-item-row { border-top:1px solid #e9ede5; }
.pub-thumb,.pub-no-cover { width:78px; height:59px; flex:none; object-fit:cover; border-radius:8px; }
.pub-no-cover { display:grid; place-items:center; color:#6a8f55; background:#edf4e7; }
.pub-row-copy,.pub-review-title>div { flex:1; min-width:0; }
.pub-row-copy b,.pub-row-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; }
.pub-row-copy b { font-size:15px; }
.pub-row-copy small,.pub-review-title small { color:#65705e; font-size:12px; }
.pub-row-next { font-size:12px; color:#46782e; }
.pub-badge { padding:2px 6px; border-radius:5px; font-size:12px; background:#f1f2ee; color:#5b6556; }
.pb-pending,.pb-rejected { color:#8d5b0b; background:#fff1cf; }
.pb-approved { color:#427b22; background:#ebf5e3; }
.pub-review-title { padding:12px; }
.pub-event { padding:5px 0 7px 12px; border-left:2px solid #b8d3a8; margin:5px 0; }
.pub-event small { margin-left:7px; color:#71796c; font-size:11px; }
.pub-review-row { max-width:750px; padding:16px 0; border-bottom:1px solid #dce5d8; }
.pub-review-row textarea { display:block; margin:5px 0; }
.pub-review-row button { margin:5px 7px 0 0; }
.pub-review-row details { margin:5px 0 14px; }
.pub-templates .publish-inventory-head { margin-top:10px; }
.pub-templates summary { color:#466b35; font-weight:650; }
.pub-receipt[hidden] { display:none; }
@media(max-width:359px){.pub-row-next { font-size:11px; }.pub-item-row .pub-thumb { width:58px; }.pub-foot { padding-inline:8px; }.pub-field input { font-size:14px; }}

.pub-check-summary { display:flex; align-items:center; gap:10px; padding-bottom:10px; }
.pub-check-summary .pub-thumb,.pub-check-summary .pub-no-cover { width:38%; height:84px; }
.pub-check-summary>div { min-width:0; flex:1; }
.pub-check-summary input { width:100%; border:0; border-bottom:1px solid #dfe8da; font-size:17px; font-weight:650; padding:8px 1px; }
.pub-question h3 { color:#795a1b; }
.pub-settings .pub-photos { margin-top:8px; }

.pub-flow-page[data-step="ai"] .pub-foot { flex-direction:column; gap:2px; }
.pub-flow-page[data-step="ai"] .pub-foot .pub-secondary { min-height:42px; background:transparent; border:0; }
.pub-flow-page[data-step="ai"] .pub-text textarea { min-height:100px; }
.pub-flow-page[data-step="ai"] .pub-picture,.pub-flow-page[data-step="ai"] .pub-add-photo { height:116px; }
.pub-repair-actions { display:flex; gap:8px; }
.pub-repair-actions .pub-replace { flex:1; }
.pub-flow-page[data-step="edit"] .pub-field>span { width:72px; }
.pub-flow-page[data-step="edit"] .pub-field input,.pub-flow-page[data-step="edit"] .pub-field select { text-align:left; }
.pub-delete { display:block; margin:4px 0; background:transparent; color:#965345; min-height:44px; }

.tpl-entry{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;text-align:left;color:#263d2c;font-weight:700}.tpl-entry span{font-size:13px;color:#3d6b42}
.tpl-search{width:100%;min-height:46px;border:1px solid #d3ddcf;background:#fff;border-radius:12px;padding:10px 15px;font:inherit;margin:4px 0 12px}
.tpl-choice{background:white;border:1px solid #e0e5da;border-radius:16px;margin-bottom:10px;overflow:hidden;padding:9px}
.tpl-choice.selected{border:1.5px solid #467548}.tpl-choice>.pub-primary{width:100%;margin-top:8px}
.tpl-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#233029;padding:0}
.tpl-card img{width:58px;height:56px;object-fit:cover;border-radius:10px}.tpl-card span{flex:1;min-width:0}.tpl-card small,.ops-select small,.desk-columns aside small{display:block;color:#5d705e;font-size:13px;margin-top:4px}
.tpl-card strong{font-size:15px;color:#427344}.tpl-choice.selected .tpl-card{flex-wrap:wrap}.tpl-choice.selected img{width:100%;height:156px}.tpl-choice.selected b{font-size:20px}
#publication-flow[data-template=true] .pub-head,#publication-flow[data-step=templates] .pub-head{background:#f2f5ed}
#publication-flow[data-template=true] .pub-field{flex-direction:column;align-items:stretch;gap:5px;padding:8px 0;border:0}
#publication-flow[data-template=true] .pub-field input,#publication-flow[data-template=true] .pub-field select{width:100%;text-align:left;background:#f9faf6;border:1px solid #d7dfd3;border-radius:9px;min-height:44px;padding:6px 10px}
#publication-flow[data-template=true] .pub-primary,.tpl-choice>.pub-primary{background:#356743;color:white;border-radius:12px;min-height:44px;font-weight:700}
.ops-review,.desk-columns,.desk-stats{color:#26392d}
.ops-review-tabs{display:flex;gap:12px;border-bottom:1px solid #d9e2d6;margin:8px 0 16px}
.ops-review-tabs button{background:transparent;color:#526554;padding:10px 14px;min-height:44px;border-radius:0}
.ops-review-tabs button[aria-pressed=true]{color:#2e6443;border-bottom:3px solid #386b49;font-weight:bold}
.ops-review-grid{display:grid;grid-template-columns:minmax(185px,30%) minmax(0,1fr);gap:14px;align-items:start}
.ops-review-grid>aside,.ops-detail,.desk-panel,.desk-stat{background:white;border:1px solid #dce3d7;border-radius:15px;padding:14px}
.ops-select{display:flex;align-items:center;gap:9px;width:100%;min-height:54px;text-align:left;color:#253d30;background:transparent;padding:8px;border-radius:10px}.ops-select[aria-pressed=true]{background:#e9f2e5}
.ops-select .pub-thumb,.desk-panel td img{width:52px;height:48px;object-fit:cover;border-radius:7px}
.ops-detail{overflow-wrap:anywhere}.ops-detail h3{margin:0 0 6px;font-size:21px}.ops-detail strong{color:#367048;font-size:22px}
.ops-detail h4{font-size:16px;margin:15px 0 5px}.ops-detail p,.ops-detail li{font-size:14px;line-height:1.6;white-space:pre-wrap}.ops-detail ul{padding-left:18px}
.ops-product{display:flex;align-items:flex-start;gap:16px}.ops-product>div{flex:1;min-width:0}.ops-pics img{width:100%;border-radius:10px;margin:0 0 5px}
.ops-product dl{font-size:13px}.ops-product dl div{display:flex;gap:10px;margin:5px 0}.ops-product dt{color:#617063}.ops-product dd{margin:0}
.ops-detail label{display:block;background:#f5f7f1;padding:12px;border-radius:10px;margin:12px 0}.ops-detail textarea{display:block;width:100%;min-height:65px;padding:8px;font:inherit;border-radius:8px;border:1px solid #cdd8c9;margin-top:5px}.ops-detail footer{display:flex;gap:8px;justify-content:flex-end}
.desk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.desk-stat{text-align:left;color:#334f3a}.desk-stat b{display:block;font-size:32px;color:#346a45;margin-top:8px}
.desk-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(175px,1fr);gap:14px;align-items:start}.desk-columns aside .ex-card{margin:0 0 12px}.desk-panel table{font-size:14px;width:100%;border-collapse:collapse}.desk-panel th,.desk-panel td{padding:10px 6px;text-align:left;border-bottom:1px solid #e2e7de}.desk-panel th{background:#eff4eb}.desk-panel td img{vertical-align:middle;margin:0 6px 3px 0}.desk-panel h3{margin-bottom:10px}
@media(max-width:780px){.ops-review-grid,.desk-columns{grid-template-columns:1fr}.desk-stats{gap:5px}.desk-stat{padding:10px}.desk-panel{overflow:auto}.ops-product{flex-wrap:wrap}}