/* Dashboard V2 presentation layer for the shared Smart Studio module. */
.smart-v2-studio{
  --smart-v2-ink:var(--ink,#1e2d48);
  --smart-v2-muted:var(--muted,#64748b);
  --smart-v2-line:var(--line,#dce7e5);
  --smart-v2-soft:var(--soft,#e8f6f2);
  --smart-v2-teal:var(--teal,#078d82);
  color:var(--smart-v2-ink);
}
.smart-v2-studio button,.dashboard-v2-smart .smart-preview-studio button{min-height:44px;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#5969ad,#078d82 62%,#08ac75);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(7,141,130,.14)}
.smart-v2-studio button.secondary,.dashboard-v2-smart .smart-preview-studio button{border:1px solid var(--smart-v2-line,#dce7e5);background:#fff;color:var(--smart-v2-ink,#1e2d48);box-shadow:none}
.smart-v2-studio button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.smart-v2-studio input,.smart-v2-studio textarea{min-height:44px;padding:10px 12px;border:1px solid #cfdcda;border-radius:11px;background:#fff;color:var(--smart-v2-ink);outline:none}
.smart-v2-studio input:focus,.smart-v2-studio textarea:focus{border-color:var(--smart-v2-teal);box-shadow:0 0 0 4px rgba(7,141,130,.12)}
.smart-v2-studio input[type="checkbox"]{min-height:0;padding:0;accent-color:var(--smart-v2-teal)}
.smart-v2-studio .smart-notice{padding:15px 18px;border:1px solid #cfe4df;background:#f2faf7;color:#315a59}
.smart-v2-studio .smart-notice strong{color:#076d67}
.smart-v2-studio .smart-kpi{border:1px solid var(--smart-v2-line);background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(30,45,72,.035)}
.smart-v2-studio .smart-kpi span,.smart-v2-studio .smart-policy-card span{color:var(--smart-v2-muted)}
.smart-v2-studio .smart-kpi strong{color:var(--smart-v2-ink)}
.smart-v2-studio .smart-policy-card{border:1px solid var(--smart-v2-line);background:rgba(255,255,255,.9)}
.smart-v2-studio .smart-policy-card p{color:var(--smart-v2-muted)}
.smart-v2-studio .smart-card{border:1px solid var(--smart-v2-line);background:rgba(255,255,255,.95);color:var(--smart-v2-ink);box-shadow:0 12px 34px rgba(30,45,72,.045)}
.smart-v2-studio .smart-builder{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(238,249,246,.96));border-color:#cfe4df;box-shadow:0 18px 44px rgba(15,84,93,.08)}
.smart-v2-studio .smart-builder-head h3{color:var(--smart-v2-ink)}
.smart-v2-studio .smart-card p,.smart-v2-studio .smart-builder p{color:var(--smart-v2-muted)}
.smart-v2-studio .smart-eyebrow{color:var(--smart-v2-teal)}
.smart-v2-studio .smart-ai-state{border-color:#e7c97e;background:#fff8e5;color:#8a5b00}
.smart-v2-studio .smart-ai-state.is-ready{border-color:#a9dfcc;background:#eaf8f1;color:#067647}
.smart-v2-studio .smart-steps li{border-color:#dce7e5;color:#8391a4}
.smart-v2-studio .smart-steps li.is-active{border-color:var(--smart-v2-teal);color:#076d67;font-weight:800}
.smart-v2-studio .smart-builder-empty,.smart-v2-studio .smart-empty{border-color:#c8d7d4;background:rgba(255,255,255,.55);color:var(--smart-v2-muted)}
.smart-v2-studio .smart-brand-kit{border-color:var(--smart-v2-line);background:#f8fbfa}
.smart-v2-studio .smart-brand-logo{border:1px solid var(--smart-v2-line)}
.smart-v2-studio .smart-color{border-color:#fff;box-shadow:0 0 0 1px #cfdcda,0 3px 9px rgba(30,45,72,.12)}
.smart-ai-studio{margin-top:20px}.smart-ai-heading{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.smart-ai-avatar,.smart-ai-mini-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#5578b8,#00a884);color:#fff;font-weight:900}.smart-ai-avatar{width:58px;height:58px;font-size:19px}.smart-ai-mini-avatar{flex:0 0 auto;width:28px;height:28px;font-size:10px}.smart-ai-heading h3{margin:2px 0}.smart-ai-heading p{margin:4px 0;color:var(--smart-v2-muted)}.smart-ai-safety{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.smart-ai-safety span{padding:6px 10px;border:1px solid #cfe2de;border-radius:999px;background:#f2fbf8;color:#087564;font-size:11px;font-weight:700}.smart-ai-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:20px}.smart-ai-messages{min-height:260px;max-height:480px;overflow:auto;padding:16px;border:1px solid var(--smart-v2-line);border-radius:16px;background:#f7faf9}.smart-ai-message{display:flex;gap:10px;margin:0 0 14px}.smart-ai-message p{max-width:80%;margin:0;padding:10px 13px;border-radius:14px;background:#fff;border:1px solid var(--smart-v2-line);white-space:pre-wrap}.smart-ai-message.user{justify-content:flex-end}.smart-ai-message.user p{background:#e6f6f1;border-color:#bfe3d8}.smart-ai-chat{margin-top:12px}.smart-ai-chat textarea{min-height:96px}.smart-ai-chat>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.smart-ai-changes{display:grid;gap:12px;max-height:620px;overflow:auto}.smart-ai-change{padding:14px;border:1px solid var(--smart-v2-line);border-radius:14px;background:#fff}.smart-ai-change-head{display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;color:#087564;font-weight:900}.smart-ai-change h4{margin:8px 0 4px}.smart-ai-change p{margin:0 0 10px;color:var(--smart-v2-muted)}.smart-ai-manifest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.smart-ai-manifest span{padding:7px;border-radius:8px;background:#f2f6f5;font-size:10px;overflow-wrap:anywhere}.smart-ai-manifest strong{display:block;color:#60708b;text-transform:capitalize}.smart-ai-change .smart-actions{margin-top:12px}@media(max-width:1050px){.smart-ai-layout{grid-template-columns:1fr}.smart-ai-heading{grid-template-columns:auto 1fr}.smart-ai-heading>.smart-status{grid-column:1/-1}.smart-ai-manifest{grid-template-columns:1fr}}
.smart-v2-studio .smart-proposal{border-color:var(--smart-v2-line);background:#fff;box-shadow:0 10px 28px rgba(30,45,72,.06)}
.smart-v2-studio .smart-proposal h4{color:var(--smart-v2-ink)}
.smart-v2-studio .smart-proposal p{color:var(--smart-v2-muted)}
.smart-ai-workspace{display:grid;gap:22px}.smart-ai-workspace>section{min-width:0}.smart-ai-chat,.smart-ai-chat textarea{width:100%}.smart-ai-chat textarea{display:block;resize:vertical;box-sizing:border-box}.smart-ai-proposals{padding-top:20px;border-top:1px solid var(--smart-v2-line)}.smart-ai-changes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:none;overflow:visible}.smart-ai-preview{position:fixed;inset:0;z-index:10000;padding:28px;background:rgba(15,28,48,.72);overflow:auto}.smart-ai-preview[hidden]{display:none}.smart-ai-preview-dialog{max-width:1500px;margin:auto;padding:22px;border-radius:22px;background:#f7faf9;box-shadow:0 28px 80px rgba(10,25,45,.35)}.smart-ai-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.smart-ai-preview-head h3{margin:4px 0}.smart-ai-preview-head p{margin:0;color:var(--smart-v2-muted)}.smart-ai-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:20px;align-items:start}.smart-ai-preview-grid section{display:grid;gap:8px;min-width:0}.smart-ai-preview-grid iframe{width:100%;height:680px;border:8px solid #dce7e4;border-radius:18px;background:#fff}.smart-ai-preview-grid .is-mobile iframe{width:390px;max-width:100%;justify-self:center;border:12px solid #172236;border-radius:34px}.smart-ai-preview-consent{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px;border:1px solid #b9dcd2;border-radius:12px;background:#edf9f5;font-weight:700}.smart-ai-preview-consent input{margin-top:3px}.smart-ai-preview-dialog>.smart-actions{justify-content:flex-end;margin-top:12px}@media(max-width:1050px){.smart-ai-preview-grid{grid-template-columns:1fr}.smart-ai-preview-grid iframe{height:560px}}@media(max-width:640px){.smart-ai-preview{padding:0}.smart-ai-preview-dialog{min-height:100%;border-radius:0;padding:16px}.smart-ai-preview-head{display:grid}.smart-ai-preview-grid iframe{height:500px}.smart-ai-changes{grid-template-columns:1fr}}
.smart-v2-studio .smart-score span{color:var(--smart-v2-muted)}
.smart-v2-studio .smart-score strong{color:var(--smart-v2-ink)}
.smart-v2-studio .smart-advanced>summary{border-color:var(--smart-v2-line);background:#fff;color:var(--smart-v2-ink);box-shadow:0 8px 24px rgba(30,45,72,.035)}
.smart-v2-studio .smart-advanced[open]>summary{border-color:#a9d7cf;background:#f4faf8}
.smart-v2-studio .smart-theme-row{border-color:var(--smart-v2-line);background:#f8fbfa;color:var(--smart-v2-ink)}
.smart-v2-studio .smart-theme-row:hover{border-color:#9fcfc7;background:#f0f8f5}
.smart-v2-studio .smart-theme-row.is-selected{border-color:var(--smart-v2-teal);background:#e8f6f2;box-shadow:inset 4px 0 0 var(--smart-v2-teal)}
.smart-v2-studio .smart-theme-row small,.smart-v2-studio .smart-table small,.smart-v2-studio .smart-validation{color:var(--smart-v2-muted)}
.smart-v2-studio .smart-status.is-ready{background:#e8f8ef;color:#067647}
.smart-v2-studio .smart-status.is-error{background:#fff1f0;color:#b42318}
.smart-v2-studio .smart-status.is-draft{background:#fff7e6;color:#a15c00}
.smart-v2-studio .smart-editor label,.smart-v2-studio .smart-bulk-import label{color:#526277;font-weight:700}
.smart-v2-studio .smart-table{border:1px solid var(--smart-v2-line);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
.smart-v2-studio .smart-table th{background:#f3f7f6;color:#64748b}
.smart-v2-studio .smart-table th,.smart-v2-studio .smart-table td{border-bottom:1px solid var(--smart-v2-line)}
.smart-v2-studio .smart-table tr:last-child td{border-bottom:0}
.smart-v2-studio .smart-table tbody tr:hover{background:#f8fbfa}
.smart-v2-studio .smart-message.is-success{color:#067647}
.smart-v2-studio .smart-message.is-error{color:#b42318}
.smart-v2-studio .smart-job{border-color:#cfe4df;background:#f8fbfa}
.smart-v2-studio .smart-progress{background:#dfeae7}
.smart-v2-studio .smart-progress span{background:linear-gradient(90deg,#078d82,#08ac75)}
.smart-v2-studio .smart-job-counts span{color:var(--smart-v2-muted)}
.smart-v2-studio .smart-job-counts strong{color:var(--smart-v2-ink)}
.smart-v2-studio .smart-single-import>summary{color:#076d67;font-weight:750}
.smart-v2-studio .smart-adv-config{border-color:#bfe1d8;background:linear-gradient(145deg,#fff,#f5fbf8)}
.smart-v2-studio .smart-adv-contract span{border-color:#c7ded9;background:#edf8f5;color:#076d67}

.dashboard-v2-smart .smart-preview-studio{background:rgba(18,35,52,.72);backdrop-filter:blur(10px)}
.dashboard-v2-smart .smart-preview-dialog{border-color:#d7e4e2;background:#f6f8f7;color:#1e2d48;box-shadow:0 28px 90px rgba(20,42,58,.28)}
.dashboard-v2-smart .smart-preview-head h3{color:#1e2d48}
.dashboard-v2-smart .smart-preview-head p{color:#64748b}
.dashboard-v2-smart .smart-preview-integrations span{border-color:#bfe1d8;background:#e8f8ef;color:#067647}
.dashboard-v2-smart .smart-preview-devices section>strong{color:#526277}
.dashboard-v2-smart .smart-desktop-frame{border-color:#d1dcda;box-shadow:0 12px 32px rgba(30,45,72,.1)}

@media(max-width:760px){
  .smart-v2-studio .smart-actions{flex-direction:column}
  .smart-v2-studio .smart-actions button{width:100%;min-width:0}
  .smart-v2-studio .smart-card{padding:16px}
  .smart-v2-studio .smart-card-head{flex-direction:column}
  .smart-v2-studio .smart-table-wrap{margin-inline:-16px;padding-inline:16px}
}
/* Smart AI CoreVitals avatar */
.smart-v2-studio .smart-ai-avatar,.smart-v2-studio .smart-ai-mini-avatar{overflow:hidden;border:1px solid #cfe2de;background:#fff;box-shadow:0 4px 14px rgba(30,45,72,.12);color:transparent}
.smart-v2-studio .smart-ai-avatar{padding:4px}.smart-v2-studio .smart-ai-mini-avatar{padding:2px}
.smart-v2-studio .smart-ai-avatar img,.smart-v2-studio .smart-ai-mini-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}