@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Instrument+Sans:wght@400;500;600&display=swap");
/* Shine Glass admin theme: logo navy blue + red, colour-coded sections */
:root, html[data-theme="light"], html[data-theme="dark"]{
  color-scheme:light;
  /* Always use the light palette (the theme is designed for light; this stops a dark-mode browser
     from turning the inputs black and the labels pale). */
  --body-fg:#333; --body-bg:#fff; --body-quiet-color:#666; --body-medium-color:#444; --body-loud-color:#000;
  --border-color:#ccc; --error-fg:#ba2121; --selected-bg:#e4e4e4; --button-fg:#fff;
  --message-debug-bg:#efefef; --message-info-bg:#ccefff; --message-success-bg:#dfd;
  --message-warning-bg:#ffc; --message-error-bg:#ffefef;
  --close-button-bg:#747474; --close-button-hover-bg:#333;
  --delete-button-bg:#ba2121; --delete-button-hover-bg:#a41515;
  --object-tools-fg:#fff; --object-tools-bg:#747474; --object-tools-hover-bg:#333;
  --primary:#E02D33; --secondary:#2F3182; --accent:#E02D33; --primary-fg:#fff;
  --header-bg:linear-gradient(100deg,#2F3182 0%,#4648A6 60%,#16A9DD 130%);
  --header-color:#D9DDF2; --header-branding-color:#fff; --header-link-color:#fff;
  --breadcrumbs-bg:#4648A6; --breadcrumbs-fg:#D3D8F0; --breadcrumbs-link-fg:#fff;
  --link-fg:#2F3182; --link-hover-color:#B8202A; --link-selected-fg:#2F3182;
  --button-bg:#2F3182; --button-hover-bg:#4648A6;
  --default-button-bg:#2E9E5B; --default-button-hover-bg:#237f48;
  --selected-row:#FDECEC; --darkened-bg:#F1F5F9; --hairline-color:#e3eaf1;
}
body{background:#EFF1F9}
#header{border-bottom:4px solid #E02D33;box-shadow:0 4px 14px rgba(47,49,130,.25)}
#site-name a{font-weight:800;letter-spacing:-.01em;font-size:1.25rem}
#site-name a::before{content:"";display:inline-block;width:46px;height:34px;vertical-align:middle;margin-right:.6rem;border-radius:9px;background:#fff url("../img/logo-mark.png") center/78% no-repeat}
div.breadcrumbs{background:var(--breadcrumbs-bg)}

/* Buttons and tools */
.button,input[type=submit],input[type=button],.submit-row input,a.button{border-radius:8px;font-weight:600}
.submit-row input.default,input[name=_save]{background:#2E9E5B}
input[name=_addanother],input[name=_continue]{background:#E02D33;color:#fff}
.object-tools a{border-radius:999px;background:#E02D33;color:#fff;font-weight:700}
.object-tools a:hover{background:#B8202A}
.deletelink-box a,a.deletelink{border-radius:8px}

/* Module headers: every block gets a colour */
.module caption,.module h2,.inline-group h2,fieldset.module>h2{background:linear-gradient(100deg,#2F3182,#4648A6);color:#fff;letter-spacing:.02em}
fieldset.module>h2{border-radius:8px 8px 0 0}
.module{border-radius:10px;overflow:hidden;border:1px solid var(--hairline-color);background:#fff;box-shadow:0 2px 10px rgba(47,49,130,.06)}
.module caption a,.module h2 a{color:#fff}
#content-main .module caption a.section{color:#fff}

/* Dashboard model rows: coloured by model */
.dashboard #content-main tr[class^="model-"] th a{font-weight:600}
.dashboard #content-main tr[class^="model-"] th{border-left:5px solid #cbd5e1;padding-left:12px}
.dashboard #content-main tr[class^="model-"] th a::before{margin-right:.5rem}
.model-page th{border-left-color:#2F3182!important}.model-page th a::before{content:"\1F4C4"}
.model-quoterequest th{border-left-color:#B8202A!important}.model-quoterequest th a::before{content:"\2709\FE0F"}
.model-sitesettings th{border-left-color:#1E293B!important}.model-sitesettings th a::before{content:"\2699\FE0F"}
.model-banner th{border-left-color:#E02D33!important}.model-banner th a::before{content:"\1F3A0"}
.model-stat th{border-left-color:#2E9E5B!important}.model-stat th a::before{content:"\1F522"}
.model-space th,.model-solution th{border-left-color:#4648A6!important}.model-space th a::before{content:"\1F3E0"}.model-solution th a::before{content:"\1F48E"}
.model-processstep th{border-left-color:#2E9E5B!important}.model-processstep th a::before{content:"\1F9ED"}
.model-service th{border-left-color:#B8202A!important}.model-service th a::before{content:"\1F6E0\FE0F"}
.model-product th{border-left-color:#E02D33!important}.model-product th a::before{content:"\1F6D2"}
.model-project th{border-left-color:#2F3182!important}.model-project th a::before{content:"\1F5BC\FE0F"}
.model-whyreason th{border-left-color:#2E9E5B!important}.model-whyreason th a::before{content:"\2705"}
.model-focusitem th{border-left-color:#B8202A!important}.model-focusitem th a::before{content:"\1F3ED"}
.model-pillar th{border-left-color:#4648A6!important}.model-pillar th a::before{content:"\1F3DB\FE0F"}
.model-group th,.model-user th{border-left-color:#94a3b8!important}.model-user th a::before{content:"\1F464"}.model-group th a::before{content:"\1F465"}
.addlink,.changelink{border-radius:999px;padding:3px 10px;font-weight:600}
.addlink{background:#e3f6ea;color:#1c7a45}.changelink{background:#FDECEC;color:#B8202A}
.addlink::before,.changelink::before{display:none}
.dashboard #content-main tr:hover{background:#FFF8E1}

/* Lists */
#changelist table thead th{background:#2F3182}
#changelist table thead th a,#changelist table thead th .text a{color:#fff}
#changelist table thead th.sorted{background:#4648A6}
#result_list tbody tr:hover{background:#FFF8E1}
#changelist-filter{border-radius:10px;overflow:hidden}
#changelist-filter h2{background:#2E9E5B;color:#fff}
#changelist-filter .selected a{color:#B8202A;font-weight:700}
.paginator a:link,.paginator a:visited{background:#2F3182}
.paginator .this-page{background:#E02D33;color:#fff}
.messagelist li{border-radius:8px}
.sg-live{display:block;margin-top:.6rem;max-width:240px;border-radius:10px;border:3px solid #E02D33;box-shadow:0 6px 16px rgba(0,0,0,.15)}
img[style*="object-fit"]{box-shadow:0 2px 8px rgba(47,49,130,.2)}

/* ============ Dashboard & photo manager ============ */
.sgd{display:grid;gap:18px;margin-bottom:26px}
.sgd a{text-decoration:none}
.sgd-hero{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:26px 28px;border-radius:16px;color:#fff;
  background:radial-gradient(500px 220px at 90% 0,rgba(224,45,51,.45),transparent 70%),linear-gradient(110deg,#2F3182,#4648A6)}
.sgd-hero h2{margin:0 0 4px;font-size:1.6rem;color:#fff;background:none;padding:0;letter-spacing:-.01em}
.sgd-hero p{margin:0;color:#D3D8F0}
.sgd-hero__btns{display:flex;gap:10px;flex-wrap:wrap}
.sgd-btn{display:inline-block;padding:11px 18px;border-radius:10px;font-weight:700;border:0;cursor:pointer;font-size:14px}
.sgd-btn--y{background:#E02D33;color:#fff}.sgd-btn--y:hover{background:#B8202A}
.sgd-btn--w{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.sgd-btn--w:hover{background:#fff;color:#2F3182}

.sgd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.sgd-stat{position:relative;overflow:hidden;display:block;padding:20px 22px;border-radius:16px;color:#fff;transition:transform .15s,box-shadow .15s}
.sgd-stat:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px rgba(0,0,0,.4);color:#fff}
.sgd-stat b{display:block;font-size:2.4rem;line-height:1;font-weight:800}
.sgd-stat b small{font-size:1.2rem;opacity:.8}
.sgd-stat span{display:block;margin-top:8px;font-size:13.5px;opacity:.95}
.sgd-stat i{position:absolute;right:14px;top:10px;font-size:2.6rem;font-style:normal;opacity:.3}
.sgd-stat--orange{background:linear-gradient(135deg,#8F1F27,#E02D33)}
.sgd-stat--blue{background:linear-gradient(135deg,#2F3182,#1b6a9c)}
.sgd-stat--green{background:linear-gradient(135deg,#2E9E5B,#1d7a42)}
.sgd-stat--yellow{background:linear-gradient(135deg,#0E8FBF,#0B6E98);color:#fff}.sgd-stat--yellow:hover{color:#fff}

.sgd-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.sgd-card{background:#fff;border-radius:16px;padding:20px 22px;border:1px solid var(--hairline-color);box-shadow:0 2px 12px rgba(47,49,130,.06)}
.sgd-card h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:1.05rem;color:#2F3182;padding-left:10px;border-left:5px solid #E02D33}
.sgd-card h3 a{font-size:12.5px;font-weight:600;color:#B8202A}
.sgd-card p{color:#475467}
.sgd-muted{color:#6b7280!important;font-size:13px}
.sgd-chart{display:flex;align-items:flex-end;gap:10px;height:170px}
.sgd-chart__col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.sgd-chart__col span{display:block;width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#E02D33,#B8202A);min-height:4px}
.sgd-chart__col:nth-child(even) span{background:linear-gradient(180deg,#2E9E5B,#2F3182)}
.sgd-chart__col em{font-style:normal;font-weight:700;font-size:12px;color:#2F3182}
.sgd-chart__col small{font-size:11.5px;color:#6b7280}
.sgd-bar{margin-bottom:12px}
.sgd-bar label{display:flex;justify-content:space-between;font-size:13px;color:#1E293B;margin-bottom:4px}
.sgd-bar div{height:10px;background:#e9eef4;border-radius:99px;overflow:hidden}
.sgd-bar span{display:block;height:100%;border-radius:99px}
.sgd-table{width:100%;border-collapse:collapse}
.sgd-table td{padding:9px 6px;border-bottom:1px solid #eef2f6;font-size:13.5px;vertical-align:middle}
.sgd-table small{color:#6b7280}.sgd-right{text-align:right}
.sgd-pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700}
.sgd-pill--new{background:#FFE9CC;color:#b35c00}.sgd-pill--ok{background:#DDF3E5;color:#1c7a45}
.sgd-meter{height:14px;border-radius:99px;background:#e9eef4;overflow:hidden;margin-bottom:8px}
.sgd-meter span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2E9E5B,#E02D33)}
.sgd-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:12px}
.sgd-thumbs a{display:block;font-size:11.5px;color:#1E293B;line-height:1.25}
.sgd-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:2px dashed #E02D33;display:block;margin-bottom:3px}
.sgd-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.sgd-page{display:block;padding:14px 16px;border-radius:12px;color:#fff;border-bottom:4px solid rgba(0,0,0,.18);transition:transform .15s}
.sgd-page:hover{transform:translateY(-3px);color:#fff}
.sgd-page strong{display:block;font-size:14.5px}.sgd-page span{font-size:12px;opacity:.9}
.sgd-c0{background:#2F3182}.sgd-c1{background:#2E9E5B}.sgd-c2{background:#B8202A}.sgd-c3{background:#1E293B}.sgd-c4{background:#E02D33;color:#fff}
.sgd-c4:hover{color:#1E293B}

/* Photo manager */
.sgd-names code,.sgd-card code{background:#FDECEC;color:#8F1F27;padding:2px 8px;border-radius:6px;margin:2px;display:inline-block;font-size:12.5px}
.sgd-drop{display:grid;gap:12px;margin:14px 0}
.sgd-drop__box{display:block;border:3px dashed #E02D33;background:#FEF5F5;border-radius:14px;padding:28px;text-align:center;cursor:pointer;color:#1E293B}
.sgd-drop__box:hover{background:#FDECEC}
.sgd-drop__box input{display:block;margin:0 auto 10px}
.sgd-drop__box ul{list-style:none;margin:10px 0 0;padding:0;color:#2E9E5B;font-weight:600}
.sgd-check{font-size:13.5px}
.sgd-sec{margin:20px 0 10px;color:#2F3182;font-size:1rem}
.sgd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sgd-slot{position:relative;display:block;padding:8px;border-radius:12px;background:#F8FAFC;border:1px solid var(--hairline-color);color:#1E293B;transition:transform .15s,box-shadow .15s}
.sgd-slot:hover{transform:translateY(-3px);box-shadow:0 10px 20px -10px rgba(47,49,130,.45)}
.sgd-slot img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.sgd-slot b{display:block;margin-top:6px;font-size:13px}
.sgd-slot small{color:#B8202A;font-weight:600}
.sgd-badge{position:absolute;left:14px;top:14px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:700;color:#fff}
.sgd-badge--ok{background:#2E9E5B}.sgd-badge--ill{background:#B8202A}
@media (max-width:700px){.sgd-hero{padding:20px}.sgd-hero h2{font-size:1.3rem}}

/* Page map */
.sgd-pagemap{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.sgd-pm{border-radius:14px;padding:14px;color:#fff;display:grid;gap:10px;align-content:start;border-bottom:4px solid rgba(0,0,0,.18)}
.sgd-pm--c0{background:linear-gradient(135deg,#2F3182,#4648A6)}
.sgd-pm--c1{background:linear-gradient(135deg,#2E9E5B,#1d7a42)}
.sgd-pm--c2{background:linear-gradient(135deg,#B8202A,#e56f00)}
.sgd-pm--c3{background:linear-gradient(135deg,#1E293B,#334155)}
.sgd-pm--c4{background:linear-gradient(135deg,#E02D33,#B8202A);color:#fff}
.sgd-pm__head{display:flex;justify-content:space-between;align-items:center}
.sgd-pm__head strong{font-size:15.5px}
.sgd-pm__head a{font-size:12px;color:inherit;opacity:.85;text-decoration:underline}
.sgd-pm__main{display:block;text-align:center;padding:10px;border-radius:10px;background:#fff;color:#2F3182;font-weight:700;font-size:14px}
.sgd-pm__main:hover{background:#FDECEC;color:#B8202A}
.sgd-pm__chips{display:flex;flex-wrap:wrap;gap:6px}
.sgd-pm__chips a{padding:4px 11px;border-radius:99px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.2);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.sgd-pm__chips a:hover{background:#fff;color:#2F3182}

/* ============ Polish ============ */
body,input,select,textarea,button{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,#site-name a{font-family:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif}
body{background:radial-gradient(900px 400px at 100% 0,rgba(224,45,51,.10),transparent 60%),#EFF1F9}
#content{padding:24px 30px}
#content h1{color:#2F3182;font-weight:800;letter-spacing:-.02em}
.sgd-hero{position:relative;overflow:hidden;box-shadow:0 18px 40px -24px rgba(47,49,130,.8)}
.sgd-hero::before,.sgd-hero::after{content:"";position:absolute;top:-30px;bottom:-30px;width:70px;transform:skewX(-14deg);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03));box-shadow:inset 2px 0 0 rgba(255,255,255,.45)}
.sgd-hero::before{right:230px}.sgd-hero::after{right:140px;width:46px;opacity:.7}
.sgd-hero>*{position:relative;z-index:1}
.sgd-hero h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.9rem}
.sgd-card{transition:box-shadow .2s,transform .2s}
.sgd-card:hover{box-shadow:0 14px 30px -18px rgba(47,49,130,.45)}
.sgd-card h3{font-family:"Bricolage Grotesque",sans-serif;font-size:1.12rem}
.sgd-stat b{font-family:"Bricolage Grotesque",sans-serif}
.sgd-stat::after{content:"";position:absolute;right:-30px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.14)}
.sgd-alert{padding:14px 18px;border-radius:12px;background:#FDECEC;border:1px solid #E02D33;color:#8F1F27;font-size:14px}
.sgd-alert a{color:#c25a00;font-weight:700;text-decoration:underline}
.sgd-start h3 span{font-family:"Instrument Sans",sans-serif;font-size:12.5px;font-weight:700;color:#fff;background:#2E9E5B;padding:3px 12px;border-radius:99px}
.sgd-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.sgd-step{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#F8FAFC;border:1px solid var(--hairline-color);color:#1E293B;font-size:14px;font-weight:500;transition:transform .15s,border-color .15s}
.sgd-step:hover{transform:translateY(-2px);border-color:#E02D33}
.sgd-step i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:#E02D33;color:#fff}
.sgd-step.is-done{background:#EAF7EF;border-color:#bfe6cf}
.sgd-step.is-done i{background:#2E9E5B;color:#fff}
.sgd-step.is-done span{color:#1c7a45}

/* Sidebar on inner pages */
#nav-sidebar{background:#fff;border-right:1px solid var(--hairline-color)}
#nav-sidebar .module caption{background:#2F3182}
#nav-sidebar .current-model{background:#FDECEC}
#nav-sidebar .current-app .section:link,#nav-sidebar .current-app .section:visited{color:#B8202A}
#nav-sidebar tr:hover{background:#FFF8E1}

/* Forms */
input[type=text],input[type=email],input[type=number],input[type=url],select,textarea{border-radius:8px;border:1.5px solid #cbd5e1;padding:8px 10px}
input:focus,select:focus,textarea:focus{border-color:#2F3182!important;box-shadow:0 0 0 3px rgba(224,45,51,.45);outline:none}
.form-row{border-bottom:1px solid #eef2f6}
.help{color:#6b7280}
fieldset.module{background:#fff}
.aligned label{font-weight:600;color:#1E293B}
.submit-row{background:#fff;border-radius:12px;border:1px solid var(--hairline-color)}

/* Login page */
body.login{display:grid;place-items:center;min-height:100vh;
  background:radial-gradient(700px 400px at 85% 10%,rgba(224,45,51,.4),transparent 65%),
  radial-gradient(600px 500px at 0 100%,rgba(22,169,221,.3),transparent 60%),linear-gradient(135deg,#2F3182,#14153F)}
body.login #container{width:min(420px,92vw);background:rgba(255,255,255,.96);border:0;border-radius:22px;padding:0 0 22px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}
body.login #header{background:linear-gradient(110deg,#2F3182,#4648A6);padding:26px 24px;border:0;box-shadow:none;border-bottom:5px solid #E02D33;display:block;text-align:center}
body.login #site-name{margin:0;float:none}
body.login #site-name a{font-size:1.7rem;color:#fff}
body.login #site-name a::before{width:54px;height:40px}
body.login #site-name::after{content:"Website admin: sign in to edit your pages and photos";display:block;font-size:.85rem;color:#D3D8F0;margin-top:6px}
body.login #content{padding:22px 28px 6px}
body.login .form-row label{display:block;margin-bottom:4px}
body.login .form-row input{width:100%;box-sizing:border-box}
body.login .submit-row{border:0;background:none;padding:0}
body.login .submit-row input{width:100%;padding:13px;font-size:15px;background:#E02D33;color:#fff;border-radius:10px}
body.login .submit-row input:hover{background:#B8202A}
body.login .password-reset-link{text-align:center}

/* The light/dark switch is hidden: the admin always uses the Shine Glass light theme */
.theme-toggle{display:none !important}
body.login input[type=text],body.login input[type=password]{background:#fff;color:#1E293B;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:15px}
body.login input[type=text]:focus,body.login input[type=password]:focus{border-color:#E02D33;outline:3px solid rgba(224,45,51,.35)}
body.login .form-row label{color:#1E293B;font-weight:600}

/* Dashboard links keep their own colours (Django's link colour was overriding them) */
#content a.sgd-stat,#content a.sgd-stat:link,#content a.sgd-stat:visited,#content a.sgd-stat:hover,
#content a.sgd-btn--y,#content a.sgd-btn--w{color:#fff;text-decoration:none}
#content a.sgd-btn--w:hover{color:#2F3182}

/* Admin title in the header is white on the navy bar */
.branding h1,.branding h1 a:link,.branding h1 a:visited,#header #site-name a:link,#header #site-name a:visited{color:#fff}


/* ---- Simple dashboard: six page cards ---- */
.sd{display:grid;gap:22px;max-width:1180px;margin:0 auto 30px}
.sd-hero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:30px 32px;border-radius:20px;color:#fff;
  background:radial-gradient(520px 220px at 90% -20%,rgba(22,169,221,.55),transparent 70%),linear-gradient(120deg,#2F3182,#4648A6);box-shadow:0 22px 44px -26px rgba(47,49,130,.9)}
.sd-hero::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(255,255,255,.08)}
.sd-hero__eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#C9CEF2}
.sd-hero h2{margin:0 0 4px;font-size:1.8rem;color:#fff;background:none;padding:0;letter-spacing:-.01em}
.sd-hero p{margin:0;color:#D9DDF2}
.sd-open{position:relative;z-index:1;padding:11px 18px;border-radius:12px;font-weight:700;color:#fff;background:#E02D33;box-shadow:0 10px 22px -12px rgba(224,45,51,.9)}
.sd-open:hover{background:#B8202A;color:#fff}
.sd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sd-card{--c1:#2F3182;--c2:#4648A6;position:relative;display:grid;gap:8px;align-content:start;padding:22px;border-radius:20px;background:#fff;border:1px solid #E3E7F4;
  box-shadow:0 18px 36px -28px rgba(47,49,130,.55);transition:transform .25s,box-shadow .25s;overflow:hidden}
.sd-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.sd-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px -26px rgba(47,49,130,.6)}
.sd-card--c0{--c1:#2F3182;--c2:#16A9DD}.sd-card--c1{--c1:#16A9DD;--c2:#2F3182}.sd-card--c2{--c1:#E02D33;--c2:#E8793A}
.sd-card--c3{--c1:#2E9E5B;--c2:#16A9DD}.sd-card--c4{--c1:#4648A6;--c2:#E02D33}.sd-card--c5{--c1:#E8793A;--c2:#E02D33}
.sd-card__top{display:flex;justify-content:space-between;align-items:center}
.sd-card__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 12px 22px -12px var(--c1)}
.sd-card__view{font-size:12px;font-weight:600;color:#6B7280}.sd-card__view:hover{color:#E02D33}
.sd-card h3{margin:6px 0 0;font-size:1.25rem;color:#1E2150;background:none;padding:0;letter-spacing:-.01em}
.sd-card p{margin:0;color:#5B6178;font-size:13.5px;line-height:1.5;min-height:40px}
.sd-card__edit{display:block;margin-top:6px;padding:12px 14px;border-radius:12px;text-align:center;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--c1),var(--c2))}
.sd-card__edit:hover{filter:brightness(1.08);color:#fff}
.sd-card__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sd-card__chips a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;font-size:12.5px;font-weight:600;color:#2F3182;background:#EEF0FB;border:1px solid #DCE0F5}
.sd-card__chips a:hover{background:#2F3182;color:#fff}
.sd-card__chips b{padding:1px 7px;border-radius:99px;background:#E02D33;color:#fff;font-size:11px}
.sd-foot{margin:0;text-align:center;color:#6B7280;font-size:13px}
@media (max-width:1000px){.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sd-grid{grid-template-columns:1fr}.sd-hero{padding:22px}.sd-hero h2{font-size:1.4rem}}
.sd a,.sd a:hover{text-decoration:none}

.sd-card__chips a.is-add{background:#E02D33;border-color:#E02D33;color:#fff}.sd-card__chips a.is-add:hover{background:#B8202A}
.sd-prod{padding:22px;border-radius:20px;background:#fff;border:1px solid #E3E7F4;box-shadow:0 18px 36px -28px rgba(47,49,130,.55)}
.sd-prod__head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.sd-prod__head h3{margin:0;font-size:1.25rem;color:#1E2150;background:none;padding:0}
.sd-prod__head p{margin:2px 0 0;color:#5B6178;font-size:13.5px}
.sd-prod__add{padding:12px 20px;border-radius:12px;font-weight:700;color:#fff;background:#E02D33;box-shadow:0 12px 22px -14px #E02D33}
.sd-prod__add:hover{background:#B8202A;color:#fff}
.sd-prod__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.sd-prod__item,.sd-prod__new{border-radius:16px;border:1px solid #E3E7F4;background:#F8F9FE;overflow:hidden}
.sd-prod__item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#E5ECF3}
.sd-prod__item>div{padding:10px 12px 4px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.sd-prod__item b{color:#1E2150;font-size:14px;line-height:1.3}
.sd-prod__item em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:#FDECEC;color:#B8202A}
.sd-prod__item a{display:block;margin:6px 12px 12px;padding:8px;border-radius:10px;text-align:center;font-weight:700;font-size:13px;color:#fff;background:#2F3182}
.sd-prod__item a:hover{background:#4648A6;color:#fff}
.sd-prod__item.is-off{opacity:.7}
.sd-prod__new{display:grid;place-items:center;align-content:center;gap:6px;min-height:150px;border:2px dashed #E02D33;background:#FFF5F5;color:#B8202A;font-weight:700}
.sd-prod__new span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#E02D33;color:#fff;font-size:28px;line-height:1}
.sd-prod__new:hover{background:#FDECEC;color:#B8202A}

.sd-prod--proj .sd-prod__new{border-color:#2F3182;background:#F1F2FC;color:#2F3182}
.sd-prod--proj .sd-prod__new span{background:#2F3182}
.sd-prod--proj .sd-prod__add{background:#2F3182;box-shadow:0 12px 22px -14px #2F3182}
.sd-prod--proj .sd-prod__add:hover{background:#4648A6}
.sd-prod--proj .sd-prod__item a{background:#E02D33}.sd-prod--proj .sd-prod__item a:hover{background:#B8202A}
.sd-muted{color:#6B7280;font-size:13.5px}


/* ---- generic list panels: Edit, Delete and Add ---- */
.sd-prod{--pc:#E02D33}
.sd-prod--blue{--pc:#2F3182}.sd-prod--green{--pc:#2E9E5B}.sd-prod--orange{--pc:#E8793A}.sd-prod--purple{--pc:#6A4BB5}.sd-prod--teal{--pc:#16A9DD}
.sd-prod__add{background:var(--pc)!important;box-shadow:0 12px 22px -14px var(--pc)!important}
.sd-prod__new{border-color:var(--pc)!important;color:var(--pc)!important;background:#fff!important}
.sd-prod__new span{background:var(--pc)!important}
.sd-prod__item{display:flex;flex-direction:column}
.sd-prod__item>div{flex:1}
.sd-prod__item .sd-prod__btns{display:flex;gap:8px;margin:6px 12px 12px}
.sd-prod__item .sd-prod__btns a{flex:1;margin:0;padding:8px 6px;background:var(--pc)!important;font-size:12.5px}
.sd-prod__item .sd-prod__btns a.is-del{background:#fff!important;color:#B8202A;box-shadow:inset 0 0 0 1.5px #E9B7BA}
.sd-prod__item .sd-prod__btns a.is-del:hover{background:#B8202A!important;color:#fff}
.sd-prod__nophoto{display:grid;place-items:center;aspect-ratio:4/3;background:#E5ECF3;color:#7A8296;font-size:13px}
.sd-prod__grid--plain{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.sd-prod__grid--plain .sd-prod__new{min-height:110px}
.sd-prod__item i{font-style:normal;display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--pc);color:#fff;font-size:12px;font-weight:700}
.sd-prod__grid--plain .sd-prod__item>div{padding:14px 12px 6px;justify-content:flex-start}