#pod { max-width:1600px; margin:auto; padding:20px 12px; }
.pod-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.pod-heading h1 { font-size:30px; margin:6px 0; }
.pod-heading p,.pod-muted { color:#64748b; font-size:13px; line-height:1.7; }
.pod-eyebrow { color:#0f766e; font-size:11px; font-weight:700; letter-spacing:2px; }
.pod-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0; }
#pod .panel { padding:20px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
.pod-metric { display:flex; flex-direction:column; gap:8px; color:#64748b; }
.pod-metric strong { font-size:30px; color:#0f172a; }
.pod-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:20px; align-items:start; }
.pod-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin-bottom:18px; }
#pod label { display:flex; flex-direction:column; gap:7px; font-size:13px; }
#pod input,#pod select,#pod textarea { box-sizing:border-box; max-width:100%; border:1px solid #cbd5e1; border-radius:7px; padding:9px 10px; background:white; color:#0f172a; font:inherit; }
#pod .pod-check { flex-direction:row; align-items:center; padding-bottom:9px; }
.pod-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.pod-card { min-width:0; overflow-wrap:anywhere; }
.pod-card-top { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:12px; color:#64748b; }
.pod-kind { border-radius:5px; padding:4px 9px; background:#ecfdf5; color:#0f766e; }
.pod-card h3 { margin:16px 0 8px; font-size:17px; }
.pod-excerpt { color:#475569; white-space:pre-wrap; max-height:100px; overflow:auto; font-size:13px; }
.pod-alert { font-size:12px; padding:7px 10px; background:#fffbeb; border-radius:5px; color:#92400e; }
.pod-alert.danger { color:#b91c1c; background:#fef2f2; }
.pod-card-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.pod-card-actions button { font-size:12px; }
.pod-assistant h2 { font-size:20px; margin:10px 0; }
.pod-assistant textarea { width:100%; margin:8px 0; font-size:12px!important; }
#pod .pod-suggestion { display:flex; flex-direction:column; gap:7px; width:100%; text-align:left; white-space:normal; padding:12px; margin:10px 0; background:#f8fafc; border:1px solid #e2e8f0; }
.pod-suggestion span { font-size:12px; color:#92400e; line-height:1.6; }
.pod-assistant hr { border:0; border-top:1px solid #e2e8f0; margin:24px 0; }
.pod-empty { grid-column:1/-1; text-align:center; padding:50px 20px!important; color:#64748b; }
#pod .pod-dialog { width:min(820px,94vw); max-height:90vh; padding:25px; border:0; border-radius:16px; box-shadow:0 24px 70px #0f172a40; }
.pod-dialog::backdrop { background:#0f172a66; }
.pod-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pod-full { grid-column:1/-1; }
#podFormError { color:#b91c1c; }
#podMessage { font-size:13px; color:#475569; }
@media(max-width:1100px) { .pod-layout { grid-template-columns:1fr; } .pod-assistant { max-width:none; } }
@media(max-width:650px) { .pod-metrics { grid-template-columns:repeat(2,1fr); } .pod-board,.pod-form-grid { grid-template-columns:1fr; } .pod-heading { flex-wrap:wrap; } .pod-filters label { flex:1 1 130px; } }
/* Independent modules */
#pod {max-width:none;padding:0;}
#pod [hidden] {display:none!important;}
.pod-shell {display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 170px);}
.pod-sidebar {border-right:1px solid #e5e7eb;background:#fff;padding:30px 18px;}
.pod-brand {padding:0 12px 20px;border-bottom:1px solid #e5e7eb;}
.pod-brand h2 {font-size:21px;margin:10px 0 6px;}
.pod-brand p,.pod-sidebar-note {font-size:12px;color:#94a3b8;line-height:1.8;}
#podModules {display:flex;flex-direction:column;gap:4px;margin-top:10px;}
.pod-nav-group {font-size:10px;letter-spacing:1px;color:#94a3b8;padding:20px 12px 6px;}
#podModules button {display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;text-align:left;box-shadow:none;padding:11px 13px;font-size:13px;color:#475569;border-radius:7px;}
#podModules button.active {background:#fff3ec;color:#c2410c;font-weight:650;}
#podModules button:hover {background:#f8fafc;}
#podModules button span {min-width:22px;text-align:center;font-size:11px;color:#64748b;}
.pod-sidebar-note {padding:25px 12px;margin-top:25px;border-top:1px solid #f1f5f9;}
.pod-main {padding:35px;min-width:0;max-width:1600px;width:100%;box-sizing:border-box;}
.pod-header-actions {display:flex;gap:8px;align-items:center;}
.pod-workflow {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0;}
.pod-workflow button {display:flex;flex-direction:column;align-items:start;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;white-space:normal;text-align:left;}
.pod-workflow button span {font-size:13px;}
.pod-workflow button strong {font-size:27px;color:#0f172a;}
.pod-workflow button small {font-size:11px;color:#94a3b8;}
.pod-overview-focus {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0;}
.pod-overview-focus h2,#podAnalytics h2 {font-size:17px;margin:0 0 15px;}
.pod-overview-focus .pod-suggestion {width:100%;display:flex;flex-direction:column;gap:6px;white-space:normal;text-align:left;margin:8px 0;border:0;background:#f8fafc;padding:12px;}
.pod-ai-panel {display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.pod-ai-panel textarea {width:100%;font-size:12px!important;margin:8px 0;}
#podAiTasks {max-height:600px;overflow:auto;}
#podAiTasks .pod-suggestion {display:flex;flex-direction:column;gap:7px;width:100%;white-space:normal;text-align:left;margin:8px 0;padding:12px;border:1px solid #e2e8f0;background:#f8fafc;}
#podAnalytics {display:grid;gap:20px;}
.pod-table-wrap {overflow:auto;}
.pod-table {width:100%;border-collapse:collapse;font-size:13px;}
.pod-table th,.pod-table td {text-align:left;padding:14px;border-bottom:1px solid #e2e8f0;white-space:nowrap;}
.pod-table th {color:#64748b;background:#f8fafc;font-weight:500;}
#podRecordError {color:#b91c1c;}
.pod-card a {font-size:12px;color:#2563eb;}
@media(min-width:1700px){.pod-board {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:1150px){.pod-shell{grid-template-columns:190px minmax(0,1fr)}.pod-main{padding:24px}.pod-workflow{grid-template-columns:repeat(3,minmax(0,1fr))}.pod-overview-focus,.pod-ai-panel{grid-template-columns:1fr}}
@media(max-width:760px){.pod-shell{display:block}.pod-sidebar{padding:14px;border-right:0;border-bottom:1px solid #e2e8f0}.pod-brand{padding:0 4px 8px}.pod-brand p,.pod-sidebar-note,.pod-nav-group{display:none}.pod-brand h2{font-size:18px}.pod-brand .pod-eyebrow{font-size:9px}#podModules{flex-direction:row;overflow:auto;gap:6px;flex-wrap:nowrap}#podModules button{flex-shrink:0;gap:7px;padding:9px 11px;font-size:12px}.pod-main{padding:20px 12px}.pod-heading h1{font-size:24px}.pod-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.pod-metrics{gap:8px}#pod .pod-metric{padding:14px}.pod-workflow button{padding:14px}.pod-board{grid-template-columns:1fr}}
.pod-template-audit,.pod-template-controls,.pod-template-grid,.pod-template-pagination {grid-column:1/-1;}
.pod-template-audit {font-size:13px;line-height:1.8;}
.pod-template-audit summary {cursor:pointer;font-weight:600;}
.pod-template-tabs {display:flex;gap:8px;flex-wrap:wrap;}
.pod-template-tabs .active {background:#fff3ec!important;color:#c2410c!important;border-color:#fed7aa!important;}
.pod-template-selects {display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;}
.pod-template-selects label {flex:1 1 160px;}
.pod-template-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
#pod .pod-template-card {padding:16px;overflow:hidden;}
.pod-template-preview {position:relative;height:210px;margin:-16px -16px 16px;background:#f5f2ee;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.pod-template-preview>span {color:#a8a29e;font-size:17px;display:flex;flex-direction:column;gap:12px;padding:20px;}
.pod-template-preview small {font-size:11px;}
.pod-template-preview img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f5f2ee;}
.pod-template-card h3 {font-size:15px;line-height:1.6;}
.pod-template-pagination {display:flex;gap:16px;align-items:center;justify-content:center;padding:16px;font-size:13px;}
#pod .pod-canva-link {display:inline-flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;padding:7px 10px;color:#0f766e;background:#fff;font-size:12px;text-decoration:none;}
@media(max-width:1250px){.pod-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pod-template-grid{grid-template-columns:1fr}.pod-template-preview{height:240px}}
#podBoard>* {min-width:0;}
#pod .pod-template-controls,#pod .pod-template-audit {min-width:0;max-width:100%;box-sizing:border-box;}
.pod-template-audit summary {white-space:normal;overflow-wrap:anywhere;}
.pod-template-selects {min-width:0;}
#pod .pod-template-selects label {min-width:0;}
#pod .pod-template-selects select {width:100%;min-width:0;}
@media(max-width:760px){.pod-template-selects {flex-direction:column}.pod-template-selects label {flex:initial!important;width:100%}.pod-template-audit{overflow-wrap:anywhere}}

.pod-product-cover {position:relative;display:flex;width:100%;height:210px;align-items:center;justify-content:center;margin:0 0 16px;padding:12px;border:1px solid #eee7df;border-radius:12px;overflow:hidden;background:#f8f6f3;cursor:pointer;text-align:center;}
.pod-product-cover img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f8f6f3;}
.pod-product-cover>span {color:#8c8178;font-size:13px;max-width:85%;}
.pod-product-cover>small {position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.92);color:#6d635a;font-size:11px;pointer-events:none;}
.pod-product-cover:focus-visible {outline:2px solid #f65c20;outline-offset:3px;}
@media(max-width:760px){.pod-product-cover{height:240px;}}

.pod-ai-workspace {display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:18px;align-items:start;}
#pod .pod-ai-intro,#pod .pod-ai-console {padding:24px;}
.pod-ai-intro h2,.pod-ai-console h2 {margin:8px 0 6px;font-size:21px;}
.pod-ai-flow {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:18px 0;}
.pod-ai-flow span {padding:9px 7px;border-radius:8px;background:#f8f6f3;color:#756a61;font-size:11px;text-align:center;}
#podAiTasks {max-height:440px;overflow:auto;padding-right:4px;}
#podAiTasks .pod-suggestion.active {border-color:#f65c20;background:#fff7f2;box-shadow:inset 3px 0 #f65c20;}
.pod-ai-console-head,.pod-ai-result-head,.pod-ai-actions {display:flex;justify-content:space-between;gap:12px;align-items:center;}
.pod-ai-status {padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;white-space:nowrap;}
.pod-ai-status.ready {background:#ecfdf5;color:#047857;}.pod-ai-status.running {background:#fff7ed;color:#c2410c;}.pod-ai-status.done {background:#ecfdf5;color:#047857;}.pod-ai-status.error {background:#fef2f2;color:#b91c1c;}
.pod-ai-capabilities {display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 16px;}
#pod .pod-ai-capabilities button {font-size:12px;background:#fff;border-color:#e5e7eb;}
#pod .pod-ai-capabilities button.active {color:#c2410c;border-color:#fb923c;background:#fff7f2;}
#pod .pod-ai-console textarea {width:100%;min-height:230px;margin:0;line-height:1.65;font-size:12px!important;resize:vertical;}
.pod-ai-actions {justify-content:flex-start;margin:12px 0 18px;}
.pod-ai-result-wrap {border-top:1px solid #eee7df;padding-top:18px;}
.pod-ai-result-head small {color:#9a8f86;}
.pod-ai-result {min-height:180px;margin-top:12px;padding:16px;border-radius:10px;background:#faf9f7;color:#292524;white-space:pre-wrap;line-height:1.75;font-size:13px;overflow-wrap:anywhere;}
@media(max-width:1180px){.pod-ai-workspace{grid-template-columns:1fr}.pod-ai-flow{grid-template-columns:repeat(5,minmax(100px,1fr));overflow:auto}}
@media(max-width:760px){#pod .pod-ai-intro,#pod .pod-ai-console{padding:18px}.pod-ai-flow{display:flex}.pod-ai-flow span{min-width:92px}.pod-ai-console-head{align-items:flex-start}.pod-ai-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}