/* v4.7.4 — app-wide violet visual system. Keeps semantic success/warning/danger colours intact. */
:root{
  --bg:#F8F8FB;
  --panel:#FFFFFF;
  --panel2:#FCFBFF;
  --text:#19191F;
  --muted:#6E6E7A;
  --line:#E8E6F0;
  --accent:#6C5CF6;
  --accent2:#5849E8;
  --soft:#F1EEFF;
  --sage:#F1EEFF;
  --shadow:0 18px 50px rgba(43,35,91,.06);
  --shadow-soft:0 10px 28px rgba(43,35,91,.045);
}
body{background:radial-gradient(circle at 88% 2%,#F3F0FF 0,transparent 25%),linear-gradient(180deg,#FBFBFD 0%,#F7F7FA 100%);color:var(--text)}

/* Shared controls */
button,.button-label{background:#F3F1FA;color:#41404A}
button:hover,.button-label:hover{background:#ECE8FA}
button.primary{background:linear-gradient(135deg,#725CFF,#634EF2);color:#fff;box-shadow:0 8px 20px rgba(108,92,246,.14)}
button.primary:hover{background:#5849E8}
button.ghost{border-color:#E3E0EC;background:#fff}
label{color:#3B3A43}
input,select,textarea{border-color:#DEDCE6;background:#FFFFFF;color:#19191F}
input:focus,select:focus,textarea:focus{border-color:#8A7BFA;box-shadow:0 0 0 4px rgba(108,92,246,.09)}
.pill{background:#F1EEFF;color:#5849E8}
.pill.plain{background:#F4F3F7;color:#55535D}
.auth-tabs{background:#F4F2FA}.auth-tab.active{color:#5849E8;box-shadow:0 6px 18px rgba(43,35,91,.07)}
.card,.page-toolbar,.topbar{border-color:#E8E6F0;box-shadow:0 12px 34px rgba(43,35,91,.045)}
.card-head{border-color:#EFECF5}

/* Generic neutral surfaces that were previously green-tinted */
details.clean,.check,.helper-box,.output-box,.preview-box,.help-card,.mini-card{background:#FFFFFF;border-color:#E8E6F0}
details.clean>summary:after{background:#F1EEFF;color:#5849E8}
.check{color:#3F3E47}.file-chip{background:#F4F2FA;color:#5B5964}.thumb{background:#F1F0F5}
.output-title,.preview-box b{background:#F8F6FF;color:#2C2B33;border-color:#EAE6F8}.output-text,.preview-box pre{color:#33323A}
.empty-cta{border-color:#D9D4F3;background:#FCFBFF}
.checkdot{background:#F1EEFF;color:#5849E8}

/* Capture/source metadata is informational, not a green status. */
.source-badge{background:#F4F2FA;color:#55535D}
.source-badge.capture{background:#F0EDFF;color:#594ADF}
.source-badge.manual{background:#F4F3F7;color:#55535D}
.source-notice,.demo-note,.completion-note{border-color:#DDD7FF;background:#FAF8FF;color:#474451}
.source-notice b,.demo-note b,.completion-note b{color:#594ADF}

/* Tables / Listings */
table th,th{background:#FBFAFD;color:#6F6D79;border-color:#ECE9F2}
td{border-color:#EFEDF3}tr:hover td{background:#FCFBFF}
.tag{background:#F4F2FA;color:#55535D}
.tag.rental{background:#F0EDFF;color:#594ADF}
.edit-banner{border-color:#D9D2FF;background:#F8F6FF;color:#4D4863}.edit-banner b{color:#403A65}

/* Workflow / Create Listing / Photos */
.timeline .time-step{border-color:#E4E1EC;color:#777581;background:#fff}
.timeline .time-step.done{background:#F1EEFF;border-color:#DDD7FF;color:#594ADF}
.timeline .time-step.active{background:#6C5CF6;border-color:#6C5CF6;color:#fff}
.workflow-step-label{color:#594ADF}
.profile-summary{border-color:#E0DBFF;background:linear-gradient(135deg,#FAF8FF,#FFFFFF)}
.draft-safety-bar{border-color:#DED8FF;background:#FAF8FF;box-shadow:0 8px 22px rgba(43,35,91,.03)}
.personalisation-pill.active{background:#F0EDFF;color:#594ADF;border-color:#DDD7FF}
.photo-dropzone{border-color:#D4CEF9;background:linear-gradient(180deg,#FEFDFF,#F8F6FF)}
.photo-dropzone:hover,.photo-dropzone:focus,.photo-dropzone.dragover{border-color:#8A7BFA;background:#F3F0FF;box-shadow:0 0 0 5px rgba(108,92,246,.08)}
.photo-drop-icon{background:linear-gradient(135deg,#725CFF,#634EF2);box-shadow:0 12px 28px rgba(108,92,246,.18)}
.photo-upload-summary{background:#FCFBFF;border-color:#E8E6F0}
.photo-placeholder{background:#F2F0F8;color:#817D91}
.generate-cta{border-color:#DDD7FF;background:#FAF8FF}
.generation-spinner{border-color:#E6E2F8;border-top-color:#6C5CF6}.generation-progress{background:#ECE9F5}.generation-progress span{background:#6C5CF6}
.address-suggestions{border-color:#DED9F0;box-shadow:0 18px 48px rgba(43,35,91,.14)}
.address-suggestion{border-color:#F0EDF6}.address-suggestion:hover,.address-suggestion.active{background:#F6F3FF}.address-pin{color:#594ADF}

/* Content Studio */
.content-package-picker{border-color:#DDD7FF;box-shadow:0 10px 28px rgba(43,35,91,.045)}
.selected-package-bar{border-color:#D9D2FF;background:#F8F6FF}
.content-control-section{border-color:#6C5CF6;box-shadow:0 14px 34px rgba(108,92,246,.08)}
.control-panel{background:#FEFDFF}
.content-warning-section.clear-state{border-color:#DCD6FF;background:#FAF8FF}
.content-warning-section.clear-state .warning-kicker,.content-warning-section .clear-insight strong{color:#594ADF}
.content-warning-section .clear-insight{border-color:#E1DCFF}.content-warning-section .clear-insight .mark{background:#F1EEFF;color:#594ADF}

/* Social Media Branding settings (user-selected preview colours remain untouched). */
.social-branding-section{background:linear-gradient(180deg,#FFFFFF,#FCFBFF)}
.social-branding-state{background:#F4F2FA;color:#65636E}
.social-action-btn{background:#F0EDFF;color:#594ADF;border-color:#DCD6FF}
.social-action-btn:hover{background:#E9E4FF}
.social-control-card{background:#FFFFFF;border-color:#E8E6F0}
.social-control-title>span{background:#F1EEFF;color:#594ADF}
.social-photo-picker{border-color:#D5CFF2;background:#F8F6FF}
.social-photo-picker:hover{border-color:#8A7BFA;background:#F3F0FF}
.social-photo-empty{color:#4D4863}
.social-output-card{background:linear-gradient(180deg,#FFFFFF,#FAF8FF)}
.social-canvas-head>span:last-child{background:#F1EEFF;color:#615D72}
.social-canvas-frame{background:#EEEAFB;border-color:#DDD7F1;box-shadow:0 20px 55px rgba(43,35,91,.10)}
.social-canvas-frame canvas{background:#F4F2FA}

/* Modal chrome */
.modal{background:rgba(30,27,47,.38)}
.modal-card{border-color:#E5E1F0;box-shadow:0 30px 90px rgba(39,32,79,.20)}
.modal-head{border-color:#EFECF5}
.section-copy{background:#F1EEFF;color:#4F4788}
.workflow-modal-card{border-color:#E5E1F0;box-shadow:0 30px 90px rgba(39,32,79,.20)}
.workflow-modal-body{color:#4A4852}

/* Keep true semantic states green/amber/red: Saved, health, success, warning, destructive actions. */
.toast.ok{background:#5849E8}

/* Small legacy shell colours outside the dashboard */
.page-toolbar{background:rgba(255,255,255,.96)}
.profile-note{border-color:#DDD7FF;background:#FAF8FF;color:#504C61}
.help-card>span{background:#F1EEFF;color:#594ADF}