:root{--bg:#f4eadc;--card:#fffaf3;--paper:#fff9ef;--ink:#2b251f;--text:#554c44;--muted:#7a6e63;--bronze:#b47a3d;--line:rgba(152,112,70,.22);--shadow:0 24px 70px rgba(70,47,25,.10);--sans:Inter,Manrope,system-ui,-apple-system,Segoe UI,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;background:radial-gradient(circle at 82% 5%,rgba(206,160,98,.16),transparent 32%),linear-gradient(180deg,#f8f1e7,var(--bg));color:var(--ink);font-family:var(--sans);min-height:100vh}.sidebar{position:fixed;inset:18px auto 18px 18px;width:280px;border:1px solid var(--line);border-radius:28px;background:rgba(255,250,243,.76);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;gap:22px}.brand b{display:block;font-family:var(--serif);font-size:30px;letter-spacing:-.06em;line-height:.95}.brand span{display:block;margin-top:7px;color:var(--muted);font-size:13px;font-weight:800}.sidebar nav{display:grid;gap:6px}.sidebar a,.ghost{height:44px;padding:0 14px;border-radius:14px;display:flex;align-items:center;color:#42382f;text-decoration:none;font-weight:850;border:0;background:transparent;cursor:pointer}.sidebar a:hover,.ghost:hover{background:#f0e1d0;color:#7b542f}.ghost{width:100%;justify-content:flex-start;margin-top:auto}.main{margin-left:318px;padding:28px 34px 70px;max-width:1480px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.top h1,h1{margin:0;font-family:var(--serif);font-size:54px;line-height:.95;letter-spacing:-.065em}.panel{background:rgba(255,250,243,.78);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:26px;margin-bottom:22px}.panel h2,.form h2{font-family:var(--serif);font-size:34px;letter-spacing:-.055em;line-height:1;margin:8px 0 18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.cards div{background:rgba(255,250,243,.82);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 40px rgba(70,47,25,.07)}.cards b{display:block;font-family:var(--serif);font-size:46px;line-height:.9;color:#8d5d32}.cards span{display:block;margin-top:8px;color:var(--muted);font-weight:850}.btn,button.btn,.login-card button{height:50px;padding:0 22px;border-radius:15px;border:1px solid transparent;background:linear-gradient(135deg,#bf8748,#986032);box-shadow:0 16px 34px rgba(90,54,22,.16);color:white;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:10px}.btn.muted{background:rgba(255,250,243,.9);color:#7b542f;border-color:var(--line);box-shadow:none}.form{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.field span,.check span{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#9b642f}.field input,.field textarea,.field select,.login-card input{width:100%;border:1px solid rgba(152,112,70,.28);background:#fffdf8;color:var(--ink);border-radius:15px;padding:13px 14px;font:600 15px/1.35 var(--sans);outline:none}
.field input[type="file"]{padding:10px 12px;background:#fffaf3;border-style:dashed}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b47a3d;box-shadow:0 0 0 4px rgba(180,122,61,.12)}.field em{font-style:normal;color:var(--muted);font-size:13px}.checks{display:flex;gap:16px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:10px;background:#fffaf3;border:1px solid var(--line);border-radius:999px;padding:10px 14px}.check input{width:18px;height:18px;accent-color:var(--bronze)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9b642f}td a{color:#8d5d32;font-weight:900}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.photo-grid figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.photo-grid img{width:100%;height:120px;object-fit:cover;display:block}.photo-grid figcaption{padding:8px;font-size:12px;color:var(--muted);font-weight:800}.qr{text-align:center}.qr img{width:min(360px,90%);border-radius:24px;background:white;padding:18px}.actions{display:flex;gap:14px;flex-wrap:wrap}.login{display:grid;place-items:center;padding:28px}.login-card{width:min(440px,100%);background:rgba(255,250,243,.86);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:34px;display:grid;gap:15px}.login-card h1{font-size:48px}.login-card p,.login-card small{color:var(--muted);font-weight:700;margin:0}.login-card small{font-size:13px}@media(max-width:900px){.sidebar{position:relative;inset:auto;width:auto;margin:14px}.main{margin-left:0;padding:14px}.cards,.grid2{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.top h1{font-size:42px}}

/* Session 2: visual editor */
.editor-shell{display:grid;grid-template-columns:minmax(520px,.92fr) minmax(520px,1.08fr);gap:22px;align-items:start}.editor-column{min-width:0}.preview-column{position:sticky;top:28px;min-width:0}.editor-note{margin:0 0 16px;padding:18px 20px;border:1px solid rgba(152,112,70,.18);border-radius:22px;background:rgba(255,250,243,.68);box-shadow:0 12px 34px rgba(70,47,25,.06);display:grid;gap:5px}.editor-note b{font-family:var(--serif);font-size:26px;letter-spacing:-.055em}.editor-note span{color:var(--muted);font-size:14px;line-height:1.45;font-weight:700}.preview-toolbar{height:58px;border:1px solid var(--line);border-radius:22px 22px 0 0;background:rgba(255,250,243,.82);box-shadow:0 10px 32px rgba(70,47,25,.06);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.preview-toolbar b{font-family:var(--serif);font-size:24px;letter-spacing:-.045em}.device-switch{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#f0e1d0;border:1px solid rgba(152,112,70,.16)}.device-switch button{height:34px;border:0;border-radius:999px;background:transparent;color:#7b542f;font-weight:900;padding:0 12px;cursor:pointer}.device-switch button.active{background:#fffaf3;color:#2b251f;box-shadow:0 6px 18px rgba(70,47,25,.08)}.preview-frame{width:100%;height:calc(100vh - 128px);min-height:680px;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;background:white;box-shadow:var(--shadow);transition:width .25s ease, margin .25s ease}.preview-frame.is-mobile{width:390px;max-width:100%;margin-left:auto;margin-right:auto;display:block}.click-map{margin-top:14px;display:flex;gap:9px;flex-wrap:wrap}.click-map button{height:38px;border:1px solid rgba(152,112,70,.22);border-radius:999px;background:rgba(255,250,243,.8);color:#7b542f;font-weight:900;font-size:13px;padding:0 13px;cursor:pointer}.sticky-save{position:sticky;bottom:18px;z-index:8;margin-top:10px;padding:12px;border:1px solid rgba(152,112,70,.2);border-radius:20px;background:rgba(255,250,243,.88);backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(70,47,25,.12);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.save-hint{color:var(--muted);font-size:13px;font-weight:800}.char-counter{justify-self:end;margin-top:-2px;color:var(--muted);font-weight:850;font-size:12px}.char-counter.danger{color:#a7332b}.too-long{border-color:#a7332b!important;box-shadow:0 0 0 4px rgba(167,51,43,.11)!important}.pulse{animation:pamyatPulse 1.1s ease}@keyframes pamyatPulse{0%{box-shadow:0 0 0 0 rgba(180,122,61,.28)}70%{box-shadow:0 0 0 10px rgba(180,122,61,0)}100%{box-shadow:0 0 0 0 rgba(180,122,61,0)}}.draft-restored:before{content:'Восстановлен локальный черновик формы';display:block;margin:0 0 14px;padding:12px 14px;border-radius:15px;background:#f0e1d0;color:#7b542f;font-weight:900}
@media(max-width:1200px){.editor-shell{grid-template-columns:1fr}.preview-column{position:relative;top:auto}.preview-frame{height:760px}}

/* Session 3: editable cards instead of raw technical textareas */
.repeater-source-field{display:none!important}.repeater-box{margin:8px 0 20px;padding:18px;border:1px solid rgba(152,112,70,.18);border-radius:24px;background:rgba(255,250,243,.62);box-shadow:0 14px 38px rgba(70,47,25,.06)}.repeater-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.repeater-box-head b{display:block;font-family:var(--serif);font-size:29px;line-height:.95;letter-spacing:-.055em}.repeater-box-head span{display:block;margin-top:6px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.repeater-count{min-width:52px;height:34px;padding:0 10px;border-radius:999px;background:#f0e1d0;color:#7b542f;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.repeater-list{display:grid;gap:12px}.repeater-card{border:1px solid rgba(152,112,70,.2);border-radius:20px;background:#fffdf8;box-shadow:0 12px 28px rgba(70,47,25,.05);padding:14px}.repeater-card.dragging{opacity:.58;outline:2px dashed rgba(180,122,61,.35)}.repeater-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.repeater-card-head strong{font-size:14px;text-transform:uppercase;letter-spacing:.09em;color:#9b642f}.repeater-drag{width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:#f7ead9;color:#7b542f;font-weight:950;cursor:grab}.repeater-actions{display:flex;gap:6px}.repeater-actions button{height:34px;padding:0 10px;border-radius:11px;border:1px solid var(--line);background:#fffaf3;color:#7b542f;font-weight:900;cursor:pointer}.repeater-actions button.danger{color:#a7332b;background:#fff6f3}.repeater-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.repeater-field{display:grid;gap:6px}.repeater-field span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#9b642f;font-weight:950}.repeater-field input,.repeater-field textarea,.repeater-field select{width:100%;border:1px solid rgba(152,112,70,.24);background:#fffaf3;border-radius:13px;padding:11px 12px;font:700 14px/1.35 var(--sans);color:var(--ink);outline:none}.repeater-field textarea{resize:vertical}.repeater-field input:focus,.repeater-field textarea:focus,.repeater-field select:focus{border-color:#b47a3d;box-shadow:0 0 0 4px rgba(180,122,61,.11)}.repeater-empty{margin:0 0 12px;color:var(--muted);font-weight:800;font-size:14px}.repeater-empty[hidden]{display:none}.repeater-add{margin-top:12px}.repeater-add:disabled{opacity:.45;cursor:not-allowed}.photo-grid{margin-top:8px}.photo-grid figure{position:relative}.photo-grid figcaption{min-height:38px}.panel-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.manager-tip{padding:14px 16px;border-radius:18px;background:#f0e1d0;color:#7b542f;font-weight:850;line-height:1.4}.manager-tip b{display:block;margin-bottom:4px;color:#2b251f}@media(max-width:760px){.repeater-fields{grid-template-columns:1fr}.repeater-card-head{align-items:flex-start;flex-direction:column}.repeater-actions{width:100%;justify-content:flex-end}}

/* Session 4: existing album photo manager */
.album-manager{margin:16px 0 26px;padding:18px;border:1px solid rgba(152,112,70,.18);border-radius:26px;background:rgba(255,250,243,.56);box-shadow:0 14px 38px rgba(70,47,25,.055)}
.album-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.album-manager-head b{display:block;font-family:var(--serif);font-size:30px;line-height:.95;letter-spacing:-.055em}.album-manager-head span{display:block;margin-top:6px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.album-manager-head small{min-width:62px;height:34px;padding:0 12px;border-radius:999px;background:#f0e1d0;color:#7b542f;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.album-photo-list{display:grid;gap:14px}.album-photo-card{display:grid;grid-template-columns:150px 1fr 180px;gap:16px;align-items:start;border:1px solid rgba(152,112,70,.2);border-radius:22px;background:#fffdf8;box-shadow:0 14px 34px rgba(70,47,25,.06);padding:14px;position:relative}.album-photo-card.dragging{opacity:.55;outline:2px dashed rgba(180,122,61,.35)}.album-photo-card.marked-delete{opacity:.48;background:#fff6f3}.album-photo-thumb{height:150px;border-radius:18px;overflow:hidden;background:#f1e3d1;border:1px solid rgba(152,112,70,.18)}.album-photo-thumb img{width:100%;height:100%;display:block;object-fit:cover}.album-photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.album-photo-fields .field:nth-child(4){grid-column:1/-1}.album-photo-fields .field span{font-size:11px}.album-photo-fields input[type="range"]{padding:0;accent-color:var(--bronze)}.album-photo-actions{display:grid;gap:10px}.album-photo-actions .btn{width:100%;height:40px;font-size:13px}.danger-check{background:#fff7f4;border-color:rgba(167,51,43,.18)}.danger-check span{color:#a7332b!important}.album-manager-help{margin:12px 0 0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}@media(max-width:1100px){.album-photo-card{grid-template-columns:120px 1fr}.album-photo-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.album-photo-thumb{height:120px}}@media(max-width:720px){.album-photo-card{grid-template-columns:1fr}.album-photo-thumb{height:220px}.album-photo-fields{grid-template-columns:1fr}.album-photo-actions{grid-template-columns:1fr}}

/* Session 5 — family submissions workflow */
.status-strip{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(180,122,61,.18);border-radius:18px;background:rgba(255,250,242,.58)}
.status-strip b{font-family:var(--serif);font-size:24px;letter-spacing:-.04em;color:var(--ink)}
.status-strip span{font-size:13px;font-weight:800;color:var(--muted)}
.status-strip code,.copy-line code{display:inline-block;padding:9px 12px;border-radius:12px;background:#fff9ef;border:1px solid rgba(180,122,61,.16);font-size:13px;color:#7f552e;word-break:break-all}
.copy-line{margin-top:14px}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}
.stat-card{padding:18px;border-radius:22px;background:rgba(255,253,248,.78);border:1px solid rgba(180,122,61,.18);box-shadow:0 16px 44px rgba(54,39,27,.06)}
.stat-card b{display:block;font-family:var(--serif);font-size:42px;line-height:.9;color:var(--bronze)}
.stat-card span{display:block;margin-top:8px;color:var(--muted);font-weight:850;font-size:13px}
.muted-text{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.chips{display:flex;flex-direction:column;gap:10px;margin:12px 0 24px}
.chips span{padding:13px 16px;border-radius:16px;background:rgba(244,234,220,.55);border:1px solid rgba(180,122,61,.14);font-size:15px;line-height:1.45;color:var(--ink)}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}
.media-grid a{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(180,122,61,.16);background:#fff9ef;aspect-ratio:1/1}
.media-grid img{width:100%;height:100%;object-fit:cover;display:block}
.public-form .auth-card{max-width:860px;width:min(860px,calc(100vw - 34px))}
.family-card h1{font-family:var(--serif);font-size:52px;line-height:.95;letter-spacing:-.055em;margin:0 0 14px}
.family-card p{margin:0 0 24px;color:var(--muted);font-size:17px;line-height:1.55}

/* Session 6 — QR studio and print kit */
.qr-studio{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(420px,1.22fr);gap:22px;align-items:start}
.qr-preview-card{text-align:center;padding:34px!important;overflow:hidden;position:relative}
.qr-preview-card:before{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(180,122,61,.10)}
.qr-frame{width:min(310px,100%);aspect-ratio:1;margin:0 auto 22px;padding:18px;border-radius:30px;background:#fff9ef;border:1px solid rgba(154,116,72,.20);box-shadow:0 24px 70px rgba(60,43,28,.10);position:relative;z-index:1}
.qr-frame img{width:100%;height:100%;display:block;object-fit:contain;border-radius:18px}
.qr-preview-card h2{font-size:32px;margin:4px 0 10px;position:relative;z-index:1}
.qr-preview-card p{font-size:14px;line-height:1.45;word-break:break-all;position:relative;z-index:1}
.actions.stack{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 28px}
.print-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 22px}
.print-card{display:block;padding:18px;border-radius:22px;border:1px solid rgba(154,116,72,.20);background:rgba(255,253,248,.72);box-shadow:0 14px 34px rgba(60,43,28,.055);transition:.18s ease}
.print-card:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(60,43,28,.08)}
.print-card b{display:block;color:#2b251f;font-size:17px;margin-bottom:8px}
.print-card span{display:block;color:#756B60;font-size:13px;line-height:1.35}
@media(max-width:980px){.qr-studio{grid-template-columns:1fr}.print-grid{grid-template-columns:1fr}}

/* Session 7 — company analytics dashboard */
.period-tabs{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#f0e1d0;border:1px solid rgba(152,112,70,.18)}
.period-tabs a{height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;text-decoration:none;color:#7b542f;font-weight:950;font-size:13px}
.period-tabs a.active{background:#fffaf3;color:#2b251f;box-shadow:0 8px 20px rgba(70,47,25,.08)}
.analytics-cards{grid-template-columns:repeat(6,1fr)}
.analytics-cards div{min-height:128px}
.analytics-cards b{font-size:42px}
@media(max-width:1280px){.analytics-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.analytics-cards{grid-template-columns:1fr}.period-tabs{width:100%;overflow:auto}.period-tabs a{flex:1;justify-content:center}}

/* Session 8 — publication, versions and rollback */
.inline-form{display:inline-flex;margin:0}.inline-form .btn{height:50px}.btn.danger,button.btn.danger{background:#9f3f32;color:#fff;border-color:transparent;box-shadow:0 16px 34px rgba(128,38,28,.14)}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}
.version-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px;border-radius:20px;background:rgba(240,225,208,.58);border:1px solid rgba(152,112,70,.16)}.version-head b{display:block;font-family:var(--serif);font-size:28px;line-height:.95;letter-spacing:-.05em}.version-head span{display:block;margin-top:5px;color:var(--muted);font-weight:850;font-size:13px}.diff-table td{max-width:420px;white-space:pre-wrap;word-break:break-word}.diff-table tr.changed td{background:rgba(180,122,61,.075)}.diff-table tr.changed td:first-child{color:#8d5d32;font-weight:950}.version-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.version-pills span{display:inline-flex;height:38px;align-items:center;padding:0 14px;border-radius:999px;background:#f0e1d0;color:#7b542f;font-weight:950;font-size:13px}.publish-panel .actions{margin-top:20px}.publish-checks{display:grid;gap:10px;margin-top:18px}.publish-checks span{padding:13px 15px;border-radius:16px;border:1px solid rgba(152,112,70,.18);background:#fffaf3;font-weight:850;color:var(--muted)}.publish-checks .ok{background:#eef3e7;color:#59633f;border-color:rgba(89,99,63,.18)}.publish-checks .bad{background:#fff5f1;color:#9f3f32;border-color:rgba(159,63,50,.18)}.publish-checks code{font-size:13px;color:#7b542f;word-break:break-all}.top>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Session 9: domains, SEO and deployment */
.deploy-box{margin-top:22px;padding:20px;border-radius:24px;background:rgba(255,253,248,.72);border:1px solid rgba(154,116,72,.18);display:grid;gap:10px}
.deploy-box code{display:block;padding:12px 14px;border-radius:14px;background:#2a241f;color:#fff;font-size:13px;white-space:pre-wrap}
.deploy-box small{color:var(--muted);font-weight:700;line-height:1.45}
.deploy-list{margin:18px 0 0;padding-left:22px;color:var(--muted);font-weight:750;line-height:1.7}
.deploy-list li{margin:6px 0}


/* Session 12 — CRM board and manager dashboard */
.dashboard-cards{grid-template-columns:repeat(4,1fr)}
.task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.task-list a{display:block;padding:18px 20px;border-radius:20px;border:1px solid rgba(152,112,70,.18);background:#fffdf8;text-decoration:none;color:inherit;box-shadow:0 12px 28px rgba(70,47,25,.045)}.task-list b{display:block;font-family:var(--serif);font-size:42px;line-height:.88;color:#8d5d32}.task-list span{display:block;margin-top:8px;color:var(--muted);font-weight:850;line-height:1.35}.crm-toolbar{display:grid;gap:16px}.crm-filters{display:grid;grid-template-columns:minmax(240px,1fr) 210px 190px auto;gap:12px;align-items:end}.crm-filters label{display:grid;gap:7px}.crm-filters span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#9b642f;font-weight:950}.crm-filters input,.crm-filters select,.bulk-panel select,.crm-status-form select{height:46px;border:1px solid rgba(152,112,70,.24);background:#fffdf8;border-radius:14px;padding:0 13px;font:800 14px/1 var(--sans);color:var(--ink);outline:none}.crm-status-stats{display:flex;flex-wrap:wrap;gap:8px}.status-badge{display:inline-flex;align-items:center;height:34px;padding:0 11px;border-radius:999px;background:#f0e1d0;border:1px solid rgba(152,112,70,.16);color:#7b542f;text-decoration:none;font-weight:950;font-size:12px;white-space:nowrap}.status-badge.new{background:#fff2df;color:#986032}.status-badge.in_work{background:#edf3ff;color:#355a91}.status-badge.waiting_materials{background:#fff8d9;color:#806622}.status-badge.ready_review{background:#edf6e8;color:#586f37}.status-badge.published{background:#e9f4ed;color:#3b7150}.status-badge.archived{background:#efece8;color:#6d6258}.bulk-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.bulk-panel b{font-family:var(--serif);font-size:26px;letter-spacing:-.05em}.bulk-panel small{color:var(--muted);font-weight:800}.crm-board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;align-items:start}.crm-column{min-height:280px;border:1px solid rgba(152,112,70,.18);border-radius:24px;background:rgba(255,250,243,.58);box-shadow:0 14px 38px rgba(70,47,25,.055);overflow:hidden}.crm-column header{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(152,112,70,.15);background:rgba(255,253,248,.72)}.crm-column header b{font-family:var(--serif);font-size:25px;letter-spacing:-.05em}.crm-column header span{min-width:34px;height:30px;display:grid;place-items:center;border-radius:999px;background:#f0e1d0;color:#7b542f;font-weight:950}.crm-list{display:grid;gap:10px;padding:12px}.crm-card{position:relative;display:grid;gap:10px;padding:14px 14px 14px 42px;border:1px solid rgba(152,112,70,.18);border-radius:18px;background:#fffdf8;box-shadow:0 10px 24px rgba(70,47,25,.045)}.crm-check{position:absolute;left:12px;top:16px}.crm-check input{width:18px;height:18px;accent-color:var(--bronze)}.crm-title{display:block;color:#2b251f;text-decoration:none;font-weight:950;line-height:1.2}.crm-card-main small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:800}.crm-meta{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.crm-status-form{display:grid;grid-template-columns:1fr auto;gap:8px}.crm-status-form .btn{height:42px;padding:0 14px}.crm-empty{margin:0;padding:18px;color:var(--muted);font-weight:850;text-align:center}.crm-bulk{display:block}@media(max-width:1320px){.crm-board{grid-template-columns:repeat(2,minmax(260px,1fr))}.crm-filters{grid-template-columns:1fr 1fr}}@media(max-width:760px){.crm-board,.crm-filters{grid-template-columns:1fr}.bulk-panel{align-items:stretch;flex-direction:column}.bulk-panel .btn,.bulk-panel select{width:100%}}

/* Session 13 — visual scale and manager UI readability hotfix */
:root{
  --admin-scale:.88;
}
body{font-size:15px;line-height:1.45;}
.sidebar{width:252px;inset:16px auto 16px 16px;border-radius:24px;padding:20px;gap:18px;}
.brand b{font-size:26px;font-weight:600;letter-spacing:-.045em;}
.brand span{font-size:12px;font-weight:650;}
.sidebar a,.ghost{height:39px;font-weight:650;border-radius:12px;font-size:14px;}
.main{margin-left:286px;padding:22px 28px 58px;max-width:1360px;}
.top{margin-bottom:18px;}
.top h1,h1{font-size:44px;font-weight:600;letter-spacing:-.05em;}
.panel{border-radius:24px;padding:22px;margin-bottom:18px;}
.panel h2,.form h2{font-size:28px;font-weight:600;letter-spacing:-.045em;margin:6px 0 16px;}
.panel h3,.form h3{font-weight:650;}
.cards{gap:14px;margin-bottom:18px;}
.cards div{border-radius:20px;padding:18px;}
.cards b{font-size:38px;font-weight:600;}
.cards span{font-weight:650;font-size:14px;}
.btn,button.btn,.login-card button{height:44px;padding:0 18px;border-radius:13px;font-weight:700;font-size:14px;box-shadow:0 12px 28px rgba(90,54,22,.12);}
.field span,.check span{font-size:11px;font-weight:750;letter-spacing:.09em;}
.field input,.field textarea,.field select,.login-card input{border-radius:13px;padding:11px 13px;font:500 14px/1.35 var(--sans);}
.check{padding:8px 12px;}
th{font-weight:750;}
td a{font-weight:700;}
.editor-shell{grid-template-columns:minmax(460px,.86fr) minmax(520px,1.14fr);gap:18px;}
.editor-note{padding:16px 18px;border-radius:18px;}
.editor-note b{font-size:22px;font-weight:600;}
.editor-note span{font-weight:600;font-size:13.5px;}
.preview-toolbar{height:50px;border-radius:18px 18px 0 0;}
.preview-toolbar b{font-size:22px;font-weight:600;}
.device-switch button{height:30px;font-weight:650;font-size:12px;}
.preview-frame{height:calc(100vh - 112px);min-height:610px;border-radius:0 0 18px 18px;}
.sticky-save{bottom:14px;border-radius:17px;padding:10px;}
.repeater-box{border-radius:20px;padding:16px;}
.repeater-box-head b{font-size:24px;font-weight:600;}
.repeater-card{border-radius:17px;padding:12px;}
.repeater-card-head strong{font-weight:700;font-size:12px;}
.repeater-field span{font-weight:750;}
.repeater-field input,.repeater-field textarea,.repeater-field select{font-weight:500;}
.stat-card b,.task-list b{font-weight:600;}
.crm-column header b{font-weight:600;}
.crm-title,.crm-meta,.status-badge,.crm-filters span{font-weight:650;}
.inline-form .btn{height:44px;}
@media(max-width:900px){.sidebar{position:relative;inset:auto;width:auto;margin:12px}.main{margin-left:0;padding:12px}.top h1,h1{font-size:38px}.editor-shell{grid-template-columns:1fr}}

/* Session 16 — QA hotfix: denser, calmer manager UI */
body{font-size:14px;line-height:1.4;}
.sidebar{width:236px;inset:14px auto 14px 14px;border-radius:22px;padding:18px;gap:14px;}
.brand b{font-size:23px;font-weight:560;letter-spacing:-.04em;}
.brand span{font-size:11.5px;font-weight:600;}
.sidebar nav{gap:4px;}
.sidebar a,.ghost{height:36px;padding:0 12px;font-size:13.5px;font-weight:620;border-radius:11px;}
.main{margin-left:264px;padding:20px 24px 54px;max-width:1320px;}
.top h1,h1{font-size:38px;font-weight:540;letter-spacing:-.045em;}
.top{gap:14px;margin-bottom:16px;}
.panel{border-radius:22px;padding:20px;margin-bottom:16px;}
.panel h2,.form h2{font-size:24px;font-weight:540;letter-spacing:-.04em;margin:4px 0 14px;}
.panel h3,.form h3{font-size:19px;font-weight:600;}
.cards{gap:12px;margin-bottom:16px;}
.cards div{border-radius:18px;padding:16px;}
.cards b{font-size:30px;font-weight:560;}
.cards span{font-size:13px;font-weight:600;}
.btn,button.btn,.login-card button{height:40px;padding:0 16px;border-radius:12px;font-weight:650;font-size:13.5px;box-shadow:0 10px 24px rgba(90,54,22,.10);}
.grid2{gap:12px;}
.form{gap:14px;}
.field{gap:6px;}
.field span,.check span{font-size:10.5px;font-weight:700;letter-spacing:.085em;}
.field input,.field textarea,.field select,.login-card input{padding:10px 12px;border-radius:12px;font:500 13.5px/1.32 var(--sans);}
.check{padding:7px 11px;}
th,td{padding:11px 12px;}
th{font-size:10.5px;font-weight:700;}
.editor-shell{grid-template-columns:minmax(430px,.88fr) minmax(540px,1.12fr);gap:16px;}
.editor-note{padding:14px 16px;border-radius:16px;}
.editor-note b{font-size:20px;font-weight:540;}
.editor-note span{font-size:13px;font-weight:560;}
.preview-toolbar{height:46px;border-radius:16px 16px 0 0;}
.preview-toolbar b{font-size:20px;font-weight:540;}
.device-switch{padding:4px;}
.device-switch button{height:28px;font-size:11.5px;font-weight:620;padding:0 10px;}
.preview-frame{height:calc(100vh - 104px);min-height:580px;border-radius:0 0 16px 16px;}
.sticky-save{bottom:12px;border-radius:15px;padding:9px;}
.repeater-box{border-radius:18px;padding:14px;margin-bottom:16px;}
.repeater-box-head b{font-size:21px;font-weight:540;}
.repeater-box-head span{font-size:12.5px;font-weight:600;}
.repeater-card{border-radius:15px;padding:11px;}
.repeater-fields{gap:10px;}
.repeater-card-head strong,.repeater-field span{font-weight:690;}
.album-photo-card{gap:14px;padding:14px;border-radius:18px;}
.album-photo-thumb img{border-radius:14px;}
.crm-column header b{font-size:20px;font-weight:540;}
.crm-title{font-weight:680;}
@media(max-width:900px){.sidebar{position:relative;inset:auto;width:auto;margin:10px}.main{margin-left:0;padding:10px}.top h1,h1{font-size:32px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-shell{grid-template-columns:1fr}.preview-frame{min-height:640px}}

/* Session 17 — admin UI compact redesign + QA-friendly screenshots */
:root{
  --bg:#f6efe5;
  --card:#fffaf3;
  --ink:#2d2823;
  --text:#5a5148;
  --muted:#756b61;
  --bronze:#a96f38;
  --line:rgba(150,108,68,.18);
  --shadow:0 14px 42px rgba(66,45,28,.075);
}
html{font-size:14px;}
body{font-size:14px;line-height:1.42;background:linear-gradient(180deg,#f8f1e8,#f3e8da);}
.sidebar{width:216px;inset:12px auto 12px 12px;padding:16px;border-radius:20px;gap:12px;background:rgba(255,250,243,.82);}
.brand b{font-size:22px!important;font-weight:520!important;line-height:.98!important;letter-spacing:-.035em!important;}
.brand span{font-size:11px!important;font-weight:560!important;margin-top:5px!important;}
.sidebar nav{gap:3px!important;}
.sidebar a,.ghost{height:32px!important;padding:0 10px!important;border-radius:10px!important;font-size:12.8px!important;font-weight:560!important;line-height:1!important;}
.main{margin-left:240px!important;padding:18px 22px 48px!important;max-width:1280px!important;}
.top{gap:12px!important;margin-bottom:14px!important;align-items:center!important;}
.top h1,h1{font-size:34px!important;font-weight:510!important;line-height:.98!important;letter-spacing:-.04em!important;}
.top>div{gap:8px!important;}
.panel{border-radius:18px!important;padding:16px!important;margin-bottom:14px!important;background:rgba(255,250,243,.78)!important;box-shadow:0 12px 34px rgba(66,45,28,.06)!important;}
.panel h2,.form h2{font-size:22px!important;font-weight:510!important;line-height:1.02!important;margin:2px 0 12px!important;letter-spacing:-.035em!important;}
.panel h3,.form h3{font-size:17px!important;font-weight:560!important;}
.cards{gap:10px!important;margin-bottom:14px!important;}
.cards div{border-radius:16px!important;padding:14px!important;}
.cards b{font-size:26px!important;font-weight:520!important;}
.cards span{font-size:12.5px!important;font-weight:560!important;margin-top:5px!important;}
.btn,button.btn,.login-card button{height:38px!important;padding:0 14px!important;border-radius:11px!important;font-size:12.8px!important;font-weight:620!important;box-shadow:0 9px 22px rgba(90,54,22,.09)!important;}
.form{gap:12px!important;}
.grid2{gap:10px!important;}
.field{gap:5px!important;}
.field span,.check span{font-size:10px!important;font-weight:660!important;letter-spacing:.075em!important;}
.field input,.field textarea,.field select,.login-card input{min-height:38px!important;padding:9px 11px!important;border-radius:11px!important;font:480 13px/1.32 var(--sans)!important;}
.field textarea{min-height:84px;}
.field em{font-size:12px!important;}
.check{padding:6px 10px!important;border-radius:14px!important;}
th,td{padding:9px 10px!important;font-size:13px!important;}
th{font-size:10px!important;font-weight:660!important;letter-spacing:.095em!important;}
td a{font-weight:620!important;}
.actions{gap:8px!important;}
.editor-shell{grid-template-columns:minmax(410px,.88fr) minmax(520px,1.12fr)!important;gap:14px!important;}
.editor-note{padding:12px 14px!important;border-radius:15px!important;margin-bottom:12px!important;}
.editor-note b{font-size:18px!important;font-weight:510!important;}
.editor-note span{font-size:12.5px!important;font-weight:520!important;line-height:1.36!important;}
.preview-column{top:18px!important;}
.preview-toolbar{height:42px!important;padding:0 12px!important;border-radius:14px 14px 0 0!important;}
.preview-toolbar b{font-size:18px!important;font-weight:510!important;}
.device-switch{padding:3px!important;gap:4px!important;}
.device-switch button{height:26px!important;font-size:11px!important;font-weight:580!important;padding:0 9px!important;}
.preview-frame{height:calc(100vh - 92px)!important;min-height:540px!important;border-radius:0 0 14px 14px!important;}
.click-map{gap:6px!important;margin-top:10px!important;}
.click-map button{height:32px!important;font-size:11.5px!important;font-weight:600!important;padding:0 10px!important;}
.sticky-save{bottom:10px!important;padding:8px!important;border-radius:14px!important;gap:8px!important;}
.save-hint{font-size:12px!important;font-weight:600!important;}
.repeater-box{padding:12px!important;border-radius:16px!important;margin:6px 0 14px!important;}
.repeater-box-head{margin-bottom:10px!important;gap:10px!important;}
.repeater-box-head b{font-size:19px!important;font-weight:510!important;}
.repeater-box-head span{font-size:12px!important;font-weight:540!important;}
.repeater-count{height:28px!important;min-width:40px!important;font-size:12px!important;}
.repeater-list{gap:9px!important;}
.repeater-card{border-radius:14px!important;padding:10px!important;}
.repeater-card-head{margin-bottom:9px!important;}
.repeater-card-head strong,.repeater-field span{font-size:10px!important;font-weight:640!important;}
.repeater-actions{gap:5px!important;}
.repeater-actions button,.repeater-drag{height:30px!important;border-radius:9px!important;font-size:11.5px!important;font-weight:600!important;}
.repeater-fields{gap:8px!important;}
.repeater-field{gap:4px!important;}
.repeater-field input,.repeater-field textarea,.repeater-field select{min-height:36px!important;padding:8px 10px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:480!important;}
.album-photo-card{grid-template-columns:92px 1fr!important;gap:12px!important;padding:12px!important;border-radius:16px!important;}
.album-photo-thumb img{height:92px!important;border-radius:12px!important;}
.album-photo-fields{gap:8px!important;}
.album-focus-row input[type=range]{height:3px!important;}
.crm-filters{gap:8px!important;}
.crm-filters input,.crm-filters select,.bulk-panel select,.crm-status-form select{height:38px!important;border-radius:11px!important;font-size:12.8px!important;font-weight:520!important;}
.crm-board{gap:10px!important;}
.crm-column{border-radius:18px!important;}
.crm-column header{height:44px!important;padding:0 12px!important;}
.crm-column header b{font-size:18px!important;font-weight:510!important;}
.crm-list{gap:8px!important;padding:9px!important;}
.crm-card{border-radius:14px!important;padding:11px 11px 11px 34px!important;gap:8px!important;}
.crm-title{font-size:13px!important;font-weight:620!important;}
.crm-meta{font-size:11.5px!important;font-weight:560!important;}
.status-badge{height:28px!important;font-size:11px!important;font-weight:620!important;padding:0 9px!important;}
.task-list{gap:9px!important;}
.task-list a{border-radius:16px!important;padding:14px!important;}
.task-list b{font-size:26px!important;font-weight:520!important;}
.task-list span{font-size:12.5px!important;font-weight:560!important;}
.login-card{padding:26px!important;border-radius:22px!important;}
.login-card h1{font-size:36px!important;}
@media(max-width:1180px){.editor-shell{grid-template-columns:1fr!important}.preview-column{position:relative!important;top:auto!important}.preview-frame{height:720px!important}}
@media(max-width:900px){
  .sidebar{position:relative!important;inset:auto!important;width:auto!important;margin:8px!important;padding:11px!important;border-radius:16px!important;gap:9px!important;}
  .brand{display:flex!important;align-items:baseline!important;gap:8px!important;}
  .brand b{font-size:19px!important;}
  .brand span{font-size:10.5px!important;margin-top:0!important;}
  .sidebar nav{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:2px 0 4px!important;scrollbar-width:none!important;}
  .sidebar nav::-webkit-scrollbar{display:none!important;}
  .sidebar a,.ghost{flex:0 0 auto!important;height:30px!important;font-size:11.5px!important;padding:0 9px!important;white-space:nowrap!important;}
  .ghost{width:auto!important;margin-top:0!important;}
  .main{margin-left:0!important;padding:10px!important;max-width:none!important;}
  .top{align-items:flex-start!important;flex-direction:column!important;}
  .top h1,h1{font-size:28px!important;}
  .top>div{width:100%!important;}
  .top .btn{flex:1 1 auto!important;}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .cards b{font-size:22px!important;}
  .panel{padding:13px!important;border-radius:16px!important;}
  .panel h2,.form h2{font-size:19px!important;}
  .grid2,.repeater-fields,.crm-filters,.crm-board{grid-template-columns:1fr!important;}
  .preview-frame{height:680px!important;min-height:520px!important;}
  .album-photo-card{grid-template-columns:78px 1fr!important;}
  .album-photo-thumb img{height:78px!important;}
}

/* Session 18 — product-grade admin polish: calmer, lighter, more readable */
:root{
  --bg:#f5ecdf;
  --card:#fffaf4;
  --paper:#fffdf8;
  --ink:#2f2a25;
  --text:#554d45;
  --muted:#756c63;
  --bronze:#a66a33;
  --bronze-soft:#efe1d0;
  --line:rgba(139,100,64,.16);
  --shadow:0 10px 32px rgba(61,42,26,.065);
  --sans:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --serif:Georgia,'Times New Roman',serif;
}
body{
  font-family:var(--sans)!important;
  font-weight:400!important;
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 88% 4%, rgba(191,139,78,.10), transparent 28%),
    linear-gradient(180deg,#f8f2e9,#f2e6d8)!important;
}
.sidebar{
  width:204px!important;
  inset:10px auto 10px 10px!important;
  padding:14px!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px rgba(61,42,26,.07)!important;
}
.brand b{
  font-family:var(--sans)!important;
  font-size:18px!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
}
.brand span{font-size:10.5px!important;font-weight:500!important;opacity:.76!important;}
.sidebar a,.ghost{
  height:30px!important;
  font-size:12px!important;
  font-weight:520!important;
  color:#463d35!important;
  border-radius:9px!important;
}
.sidebar a:hover,.ghost:hover{background:rgba(166,106,51,.10)!important;color:#8a572b!important;}
.main{margin-left:224px!important;padding:16px 18px 44px!important;max-width:1240px!important;}
.top{margin-bottom:12px!important;align-items:center!important;}
.top h1,h1{
  font-family:var(--sans)!important;
  font-size:28px!important;
  font-weight:650!important;
  letter-spacing:-.04em!important;
  line-height:1.05!important;
}
.top>div{display:flex!important;gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.panel{
  border-radius:16px!important;
  padding:14px!important;
  margin-bottom:12px!important;
  box-shadow:var(--shadow)!important;
}
.panel h2,.form h2{
  font-family:var(--sans)!important;
  font-size:18px!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
  margin:0 0 10px!important;
}
.panel h3,.form h3{font-family:var(--sans)!important;font-size:15px!important;font-weight:620!important;}
.cards{gap:9px!important;margin-bottom:12px!important;}
.cards div{padding:12px!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(61,42,26,.045)!important;}
.cards b{font-family:var(--sans)!important;font-size:22px!important;font-weight:650!important;color:#925b2c!important;}
.cards span{font-size:11.5px!important;font-weight:520!important;}
.btn,button.btn,.login-card button{
  height:34px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:620!important;
  box-shadow:0 8px 20px rgba(90,54,22,.08)!important;
}
.btn.muted{background:rgba(255,253,248,.82)!important;color:#735139!important;border-color:var(--line)!important;}
.form{gap:10px!important;}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
.field span,.check span{font-size:9.5px!important;font-weight:650!important;letter-spacing:.08em!important;color:#986435!important;}
.field input,.field textarea,.field select,.login-card input,
.repeater-field input,.repeater-field textarea,.repeater-field select{
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  font:440 12.2px/1.32 var(--sans)!important;
}
.field textarea{min-height:72px!important;}
.field em,.save-hint{font-size:11px!important;font-weight:480!important;}
.check{padding:5px 8px!important;border-radius:11px!important;}
th,td{padding:8px 9px!important;font-size:12px!important;}
th{font-size:9.5px!important;font-weight:650!important;letter-spacing:.09em!important;}
/* Editors */
.editor-shell{grid-template-columns:minmax(390px,440px) minmax(560px,1fr)!important;gap:12px!important;}
.editor-note{padding:10px 12px!important;border-radius:13px!important;margin-bottom:10px!important;}
.editor-note b{font-family:var(--sans)!important;font-size:15.5px!important;font-weight:650!important;}
.editor-note span{font-size:11.5px!important;font-weight:450!important;}
.preview-column{top:16px!important;}
.preview-toolbar{height:38px!important;border-radius:12px 12px 0 0!important;padding:0 10px!important;}
.preview-toolbar b{font-family:var(--sans)!important;font-size:15px!important;font-weight:650!important;}
.device-switch button{height:24px!important;font-size:10.5px!important;font-weight:560!important;}
.preview-frame{height:calc(100vh - 82px)!important;min-height:520px!important;border-radius:0 0 12px 12px!important;}
.click-map button{height:28px!important;font-size:10.5px!important;font-weight:560!important;}
.sticky-save{padding:7px!important;border-radius:12px!important;}
/* Repeaters */
.repeater-box{padding:10px!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(61,42,26,.045)!important;}
.repeater-box-head b{font-family:var(--sans)!important;font-size:15.5px!important;font-weight:650!important;}
.repeater-box-head span{font-size:11px!important;font-weight:450!important;}
.repeater-count{height:24px!important;min-width:34px!important;font-size:10.5px!important;font-weight:600!important;}
.repeater-card{padding:8px!important;border-radius:12px!important;}
.repeater-card-head{margin-bottom:7px!important;}
.repeater-card-head strong,.repeater-field span{font-size:9.5px!important;font-weight:640!important;}
.repeater-actions button,.repeater-drag{height:27px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:560!important;}
.repeater-fields{gap:7px!important;}
/* Album cards: make them inspectable instead of huge vertical blocks */
.album-photo-card{grid-template-columns:78px 1fr!important;gap:10px!important;padding:10px!important;border-radius:14px!important;}
.album-photo-thumb img{height:78px!important;border-radius:10px!important;}
.album-photo-fields{gap:7px!important;}
.album-photo-actions,.album-photo-flags{gap:6px!important;}
/* CRM */
.crm-board{gap:8px!important;}
.crm-column{border-radius:14px!important;}
.crm-column header{height:38px!important;padding:0 10px!important;}
.crm-column header b{font-family:var(--sans)!important;font-size:15px!important;font-weight:650!important;}
.crm-card{padding:9px 9px 9px 28px!important;border-radius:12px!important;}
.crm-title{font-size:12px!important;font-weight:600!important;}
.crm-meta{font-size:10.5px!important;font-weight:460!important;}
/* Forms with many settings */
.task-list a{border-radius:13px!important;padding:11px!important;}
.task-list b{font-family:var(--sans)!important;font-size:20px!important;font-weight:650!important;}
.task-list span{font-size:11.5px!important;font-weight:480!important;}
.status-badge{height:24px!important;font-size:10.5px!important;font-weight:560!important;}
.login-card h1{font-family:var(--sans)!important;font-size:28px!important;font-weight:650!important;}
@media(max-width:900px){
  .sidebar{position:relative!important;width:auto!important;margin:8px!important;inset:auto!important;}
  .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .main{margin-left:0!important;padding:8px!important;}
  .top{align-items:flex-start!important;flex-direction:column!important;}
  .top h1,h1{font-size:24px!important;}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .grid2,.repeater-fields{grid-template-columns:1fr!important;}
  .editor-shell{grid-template-columns:1fr!important;}
  .preview-column{position:relative!important;top:auto!important;}
  .preview-frame{height:680px!important;min-height:560px!important;}
}


/* Session 19 — tabbed editor UX: remove endless forms, make preview useful */
.editor-shell{
  grid-template-columns:minmax(420px,470px) minmax(620px,1fr)!important;
  align-items:start!important;
}
.editor-column{min-width:0!important;}
.preview-column{position:sticky!important;top:12px!important;}
.tabbed-editor-form{
  position:relative!important;
  padding-top:12px!important;
}
.editor-tabs{
  position:sticky!important;
  top:8px!important;
  z-index:12!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:-4px -2px 12px!important;
  padding:8px!important;
  border:1px solid rgba(139,100,64,.12)!important;
  border-radius:14px!important;
  background:rgba(255,250,243,.92)!important;
  box-shadow:0 10px 26px rgba(61,42,26,.055)!important;
  backdrop-filter:blur(12px)!important;
}
.editor-tab-btn{
  height:30px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#6a5b50!important;
  font:620 11.5px/1 var(--sans)!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.editor-tab-btn:hover{
  background:rgba(166,106,51,.08)!important;
  color:#8a572b!important;
}
.editor-tab-btn.is-active{
  background:linear-gradient(135deg,#b6783a,#955d2e)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(126,76,32,.16)!important;
}
.editor-tab-section{
  display:none!important;
  animation:editorTabIn .16s ease-out;
}
.editor-tab-section.is-active{display:block!important;}
.editor-tab-section>h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding-bottom:8px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid rgba(139,100,64,.12)!important;
}
.editor-tab-section>h2:before{
  content:attr(data-step);
  display:none;
}
@keyframes editorTabIn{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.tabbed-editor-form .sticky-save{
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:8px!important;
  margin:14px -2px 0!important;
  z-index:15!important;
  background:rgba(255,250,243,.94)!important;
  border:1px solid rgba(139,100,64,.16)!important;
  box-shadow:0 12px 34px rgba(61,42,26,.09)!important;
}
.click-map{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.click-map button{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.preview-frame{
  background:#fffaf3!important;
  box-shadow:0 14px 36px rgba(61,42,26,.08)!important;
}
.preview-frame.is-mobile{
  width:390px!important;
  max-width:100%!important;
  margin:0 auto!important;
  display:block!important;
  border-left:1px solid rgba(139,100,64,.18)!important;
  border-right:1px solid rgba(139,100,64,.18)!important;
}
/* Compact technical controls inside album cards */
.album-photo-card{
  align-items:start!important;
}
.album-photo-card .field span,
.album-photo-card label span{
  font-size:9px!important;
}
.album-photo-actions,
.album-photo-flags{
  display:flex!important;
  flex-wrap:wrap!important;
}
.album-photo-actions .btn,
.album-photo-flags .check{
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
}
.album-focus-row{
  padding:6px 8px!important;
  border-radius:10px!important;
  background:rgba(255,253,248,.58)!important;
}
/* Make non-active massive repeaters invisible through tabbing and less noisy when active */
.repeater-source-field{display:none!important;}
.repeater-box{margin-top:0!important;}
.repeater-card-head strong{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:980px){
  .editor-tabs{top:0!important;position:sticky!important;overflow-x:auto!important;flex-wrap:nowrap!important;}
  .editor-tab-btn{flex:0 0 auto!important;}
  .click-map{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .preview-column{position:relative!important;top:auto!important;}
  .editor-shell{grid-template-columns:1fr!important;}
  .editor-tabs{margin:0 0 10px!important;}
}


/* Session 20 — editor polish after QA v6: calmer tabs, better preview, readable working density */
.editor-shell{
  grid-template-columns:minmax(410px,500px) minmax(600px,1fr)!important;
  gap:18px!important;
}
.editor-column .panel.form{
  min-height:calc(100vh - 112px)!important;
}
.editor-tabs{
  gap:5px!important;
  padding:7px!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(61,42,26,.05)!important;
}
.editor-tab-btn{
  height:31px!important;
  padding:0 11px!important;
  font-size:11.8px!important;
  font-weight:650!important;
  border-radius:10px!important;
}
.editor-tab-section>h2{
  font-size:18px!important;
  font-weight:620!important;
  font-family:var(--sans)!important;
  letter-spacing:-.025em!important;
  color:#2d2823!important;
}
.editor-tab-section>h2:after{
  content:'';
  flex:1;
  height:1px;
  background:rgba(150,108,68,.13);
}
.preview-toolbar{
  background:rgba(255,250,243,.9)!important;
}
.preview-frame{
  height:calc(100vh - 106px)!important;
  min-height:620px!important;
  background:#fff!important;
}
.click-map{
  padding:8px 0 0!important;
}
.click-map button{
  height:30px!important;
  background:rgba(255,250,243,.72)!important;
  border-color:rgba(150,108,68,.18)!important;
  color:#7b542f!important;
}
.repeater-box-head b{
  font-family:var(--sans)!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
.repeater-box-head span{
  max-width:310px!important;
}
.repeater-card{
  background:rgba(255,253,248,.82)!important;
}
.repeater-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.repeater-field:has(textarea), .repeater-field textarea{
  grid-column:1/-1;
}
.album-photo-card{
  grid-template-columns:84px 1fr!important;
  background:rgba(255,253,248,.82)!important;
}
.album-photo-thumb img{
  height:78px!important;
}
.album-photo-fields{
  gap:8px!important;
}
.album-photo-card .field textarea{
  min-height:56px!important;
}
/* Dense page lists */
.panel table tr:hover td{background:rgba(180,122,61,.035)!important;}
/* Prevent long forms from feeling broken on mobile: preview goes below and tabs scroll */
@media(max-width:980px){
  .editor-shell{grid-template-columns:1fr!important;}
  .editor-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;position:sticky!important;top:0!important;}
  .editor-tab-btn{flex:0 0 auto!important;}
  .preview-frame{height:720px!important;min-height:620px!important;}
  .repeater-fields{grid-template-columns:1fr!important;}
}


/* Session 21 — QA polish: faster public preview, cleaner editor rhythm */
.editor-shell{grid-template-columns:minmax(440px,.82fr) minmax(620px,1.18fr)!important;gap:16px!important;}
.preview-column{top:16px!important;}
.preview-toolbar{background:rgba(255,250,243,.88)!important;}
.preview-frame{background:#fbf6ee!important;}
.editor-tabs{position:sticky!important;top:12px!important;z-index:20!important;background:rgba(255,250,243,.92)!important;backdrop-filter:blur(14px)!important;box-shadow:0 10px 26px rgba(66,45,28,.05)!important;}
.editor-tabs button{height:32px!important;padding:0 12px!important;font-size:12px!important;border-radius:10px!important;}
.tab-panel{padding-top:4px!important;}
.tab-panel h2{padding-bottom:8px!important;border-bottom:1px solid rgba(150,108,68,.13)!important;}
.album-photo-card{grid-template-columns:82px 1fr!important;align-items:start!important;}
.album-photo-thumb img{height:82px!important;}
.album-photo-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-content:flex-start!important;}
.album-photo-actions .check{height:30px!important;padding:5px 9px!important;}
.album-photo-actions .btn{height:30px!important;padding:0 10px!important;}
.field textarea[name="biography"]{min-height:150px!important;}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.dashboard-cards div{min-height:72px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.task-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:10px!important;}
.task-list a{min-height:74px!important;}
@media(max-width:1100px){.editor-shell{grid-template-columns:1fr!important}.preview-column{position:relative!important;top:auto!important}.preview-frame{min-height:680px!important}.editor-tabs{top:0!important}}
@media(max-width:900px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.top{align-items:flex-start!important}.top>div{width:100%;display:grid!important;grid-template-columns:1fr!important}.btn{width:100%;}}

/* Session 27: platform roles and editorial fixes */
.platform-metrics{grid-template-columns:repeat(5,minmax(120px,1fr));margin-bottom:18px}
.status-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,253,248,.76);color:#7C5A36;font-weight:800}
.link-button{border:0;background:transparent;color:#8D6338;font-weight:850;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.platform-metrics{grid-template-columns:repeat(2,1fr)}}

/* Session 33: impersonation audit banner */
.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(180,122,61,.28);border-radius:18px;background:rgba(255,246,232,.92);box-shadow:0 14px 34px rgba(78,52,28,.07);color:#4a3425}
.impersonation-banner strong{color:#8D6338}.impersonation-banner form{margin:0}.impersonation-banner .btn{width:auto!important;white-space:nowrap}
@media(max-width:720px){.impersonation-banner{align-items:flex-start;flex-direction:column}.impersonation-banner .btn{width:100%!important}}
.audit-meta{font-size:12px;color:#756B5F;max-width:420px;white-space:normal}.audit-impersonation{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#FFF2D9;color:#8D6338;font-weight:800;font-size:12px}

/* Session34 CRM family workflow */
.crm-filters-wide{grid-template-columns:minmax(220px,1.2fr) 160px 150px 150px 170px auto!important;}
.crm-tags{display:flex;flex-wrap:wrap;gap:6px;}
.priority-badge{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:999px;border:1px solid rgba(152,112,70,.18);background:#f3eadf;color:#735234;font-size:11px;font-weight:750;white-space:nowrap;}
.priority-badge.low{background:#eef4ee;color:#4d6d50;}
.priority-badge.normal{background:#f3eadf;color:#735234;}
.priority-badge.high{background:#fff3d6;color:#7a5b16;}
.priority-badge.urgent{background:#ffe8df;color:#9a3f22;}
.crm-card.crm-overdue{border-color:rgba(154,63,34,.32)!important;background:linear-gradient(180deg,#fffaf5,#fff7f1)!important;}
.submission-detail .status-strip{align-items:center;}
@media(max-width:900px){.crm-filters-wide{grid-template-columns:1fr!important;}}

/* Session35 CRM v2 */
.crm-quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.crm-quick-actions a{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:999px;background:#f5eadc;border:1px solid rgba(152,112,70,.16);color:#6d4a2b;text-decoration:none;font-size:11px;font-weight:650}.crm-actions-panel .actions{display:flex;flex-wrap:wrap;gap:10px}.crm-timeline ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.crm-timeline li{display:grid;grid-template-columns:150px 160px 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(152,112,70,.12)}.crm-timeline li:last-child{border-bottom:0}.crm-timeline time{font-size:12px;color:var(--muted);font-weight:650}.crm-timeline b{font-size:13px;color:var(--ink);font-weight:700}.crm-timeline span{font-size:13px;color:#695d50;line-height:1.35}.status-badge.waiting_materials{background:#f4ecff;color:#6f4a9b}.status-badge.published{background:#e9f4ed;color:#3b7150}.status-badge.archived{background:#eceff2;color:#5d6670}.crm-card[hidden]{display:none!important}@media(max-width:760px){.crm-timeline li{grid-template-columns:1fr;gap:4px}.crm-actions-panel .actions .btn{width:100%;justify-content:center}.crm-quick-actions a{height:26px;font-size:10.5px}}
.event-summary .small-cards{margin-top:8px}.event-row.unread{background:#fff8ec}.event-row.read{opacity:.78}.event-row td{vertical-align:top}.crm-toolbar .crm-filters{align-items:end}.priority-badge.low{background:#eef2f7;color:#667085}.priority-badge.normal{background:#eef6ff;color:#2563eb}.priority-badge.high{background:#fff7ed;color:#c2410c}.priority-badge.urgent{background:#fef2f2;color:#b91c1c}.event-row small{color:#756b5f}

/* Session 37 — stronger versions UX */
.version-dashboard .small-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
.version-reason{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#efe4d5;color:#7b542f;font-weight:950;font-size:12px;white-space:nowrap;}
.version-reason.publish{background:#eef3e7;color:#59633f}.version-reason.restore{background:#fff2df;color:#9b5b1b}.version-reason.hide,.version-reason.archive{background:#f6e9e4;color:#9f3f32}.version-reason.manual_save{background:#eee8df;color:#756b5f}.version-reason.seo_update{background:#edf0f7;color:#4f5d7a}
.version-preview-card{background:linear-gradient(180deg,#fffdf8 0%,#fbf4ea 100%)}
.version-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:12px}.version-preview-grid div{padding:14px;border:1px solid rgba(152,112,70,.14);border-radius:18px;background:rgba(255,255,255,.62)}.version-preview-grid small{display:block;color:var(--muted);font-weight:850;margin-bottom:6px}.version-preview-grid b{display:block;color:var(--text);line-height:1.25}.version-head small{display:block;margin-top:7px;color:var(--muted);max-width:560px}.diff-table tr.changed td:nth-child(2){box-shadow:inset 4px 0 0 rgba(180,122,61,.28)}
/* Session 42: plan usage bars */
.limit-bar{height:10px;background:#efe7dc;border-radius:999px;overflow:hidden;margin:10px 0 6px;border:1px solid #e1d4c2}
.limit-bar span{display:block;height:100%;background:linear-gradient(90deg,#b47a3d,#d6aa72);border-radius:inherit;min-width:2px}
.activation-funnel{display:grid;gap:12px;margin-top:14px}
.activation-funnel-row{display:grid;grid-template-columns:minmax(140px,1.2fr) 1fr auto;gap:12px;align-items:center}
.activation-funnel-bar{height:10px;background:#efe7dc;border-radius:999px;overflow:hidden;border:1px solid #e1d4c2}
.activation-funnel-bar i{display:block;height:100%;background:linear-gradient(90deg,#9a7448,#c9a06a);border-radius:inherit;min-width:2px}
.status-badge.trial{background:#eef3ff;color:#34538b}

/* Session 43 — UX simplification for non-technical ritual-company managers */
.onboarding-panel{background:linear-gradient(135deg,rgba(255,252,246,.96),rgba(246,235,220,.82))!important;border-color:rgba(169,111,56,.22)!important}
.onboarding-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}
.onboarding-head p{margin:6px 0 0;color:var(--muted);font-weight:560;line-height:1.45}.onboarding-head>b{font-size:22px;color:var(--bronze);white-space:nowrap}
.onboarding-progress{height:10px;border-radius:999px;background:rgba(150,108,68,.12);overflow:hidden;margin:10px 0 14px}.onboarding-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b7834b,#8f6235)}
.onboarding-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.onboarding-step{display:block;padding:12px;border:1px solid rgba(150,108,68,.16);border-radius:16px;background:rgba(255,250,243,.78);text-decoration:none;color:inherit}.onboarding-step strong{display:block;font-weight:720;color:#2d2823}.onboarding-step span{display:block;margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.35}.onboarding-step.done{border-color:rgba(70,130,82,.28);background:rgba(238,247,236,.72)}.onboarding-step.done strong{color:#476f4b}
.simple-address-card .address-big{margin:14px 0 12px;padding:18px 20px;border-radius:18px;background:#fff8ee;border:1px solid rgba(150,108,68,.18);font-size:26px;font-weight:760;letter-spacing:-.03em;color:#2d2823;word-break:break-word}.status-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-weight:600}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 14px}.choice-card{padding:16px;border:1px solid rgba(150,108,68,.16);border-radius:18px;background:rgba(255,250,243,.82)}.choice-card b{display:block;font-size:17px;margin-bottom:8px}.choice-card p{margin:0 0 12px;color:var(--muted);line-height:1.45}.choice-card code,.dns-box code{display:block;padding:10px 12px;border-radius:12px;background:rgba(90,54,22,.07);font-weight:700;white-space:normal;word-break:break-word}.technical-details summary{cursor:pointer;font-weight:750;color:#7b552f}.dns-box{margin-top:14px;display:grid;gap:8px}.dns-box small{color:var(--muted)}
@media(max-width:1100px){.onboarding-steps{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr}}@media(max-width:640px){.onboarding-head{display:block}.onboarding-steps{grid-template-columns:1fr}.simple-address-card .address-big{font-size:20px}.choice-grid{grid-template-columns:1fr}}
.legacy-qa-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

/* Session 44 — guided UX hints on each page */
.guided-step{border:1px solid rgba(169,111,56,.18)!important;background:linear-gradient(135deg,rgba(255,250,243,.96),rgba(255,246,231,.82))!important;}
.guided-step-kicker{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(169,111,56,.12);color:#7a4d25;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
.guided-step-body{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;}
.guided-step h2{margin:0 0 8px!important;}
.guided-step p{max-width:720px;margin:0;color:var(--text);font-weight:560;}
.guided-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:260px;}
@media(max-width:900px){.guided-step-body{display:block}.guided-actions{justify-content:flex-start;min-width:0;margin-top:12px}}
.quick-start-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#fffdf8,#f5efe6)}
.quick-start-hero h2{margin:6px 0 8px;font-size:28px}.quick-start-score{min-width:150px;text-align:center;border:1px solid var(--line,#e6ddcf);border-radius:20px;padding:18px;background:#fff}.quick-start-score b{display:block;font-size:34px}.quick-start-score span{color:#756b5f}.quick-start-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:16px 0}.quick-start-card{display:flex;gap:14px;align-items:flex-start}.quick-start-card h2{font-size:17px;margin:0 0 8px}.quick-start-card p{color:#756b5f;min-height:58px}.quick-start-card.done{background:#fbfff8}.quick-start-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#efe4d5;color:#2d2924;font-weight:700;flex:0 0 auto}.quick-start-card.done .quick-start-num{background:#dff3df;color:#27652d}.quick-start-help .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.muted-text{color:#756b5f}@media(max-width:900px){.quick-start-grid,.quick-start-help .grid3{grid-template-columns:1fr}.quick-start-hero{display:block}.quick-start-score{margin-top:16px}}

/* Session 47 — manager admin polish */
.nav-group-label{display:block;margin:16px 12px 6px;color:#8a7d70;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.86}
.manager-command-center{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(360px,1.4fr);gap:18px;align-items:start;background:linear-gradient(135deg,#fffdf8,#f4ecdf)!important;border-color:rgba(169,111,56,.2)!important}
.manager-command-main h2{margin:0 0 8px;font-size:26px}.manager-command-main p{margin:0 0 14px;color:#4b4035;font-weight:560;line-height:1.45}.manager-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manager-quick-actions a{display:block;padding:14px 16px;border:1px solid rgba(150,108,68,.16);background:#fff;border-radius:18px;color:inherit;text-decoration:none;box-shadow:0 8px 20px rgba(42,33,24,.04)}.manager-quick-actions b{display:block;font-size:15px;margin-bottom:5px}.manager-quick-actions span{display:block;color:#756b5f;font-size:13px;line-height:1.35}.manager-command-address{grid-column:1/-1;margin:0;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.7);color:#756b5f}.manager-help ol{display:grid;gap:12px;margin:0;padding:0;counter-reset:help}.manager-help li{list-style:none;display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:16px;border:1px solid rgba(150,108,68,.16);border-radius:18px;background:#fff}.manager-help li b{font-size:17px}.manager-help li span{color:#756b5f;line-height:1.45}.manager-help li a{grid-row:1/3;grid-column:2;align-self:center}.manager-simple-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.manager-simple-grid div,.manager-technical-note{background:#fffdf8}.manager-simple-grid div{border:1px solid rgba(150,108,68,.14);border-radius:16px;padding:14px}.manager-simple-grid b{display:block;margin-bottom:6px}.manager-simple-grid span{color:#756b5f;font-size:13px;line-height:1.4}.manager-technical-note p{max-width:760px;color:#756b5f;font-weight:560;line-height:1.5}@media(max-width:980px){.manager-command-center{grid-template-columns:1fr}.manager-quick-actions,.manager-simple-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.manager-quick-actions,.manager-simple-grid{grid-template-columns:1fr}.manager-help li{grid-template-columns:1fr}.manager-help li a{grid-row:auto;grid-column:auto}}

/* Session 48 — client materials for ritual-company managers */
.materials-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:18px;align-items:center;background:linear-gradient(135deg,#fffdf8,#f4ecdf)!important;border-color:rgba(169,111,56,.2)!important}
.materials-hero p{max-width:760px;color:#5a5148;font-weight:560;line-height:1.5}.materials-company{padding:18px;border:1px solid rgba(150,108,68,.16);border-radius:18px;background:#fff}.materials-company b{display:block;font-size:22px;letter-spacing:-.025em}.materials-company span{display:block;margin-top:8px;color:#8a5d31;font-weight:750;word-break:break-word}.materials-company small{display:block;margin-top:8px;color:#756b5f}.materials-section h2{margin-bottom:14px!important}.materials-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.materials-steps article,.materials-grid div{padding:14px;border:1px solid rgba(150,108,68,.15);border-radius:16px;background:#fff}.materials-steps b,.materials-grid b{display:block;margin-bottom:7px;color:#2d2823}.materials-steps span,.materials-grid span{display:block;color:#756b5f;line-height:1.4;font-size:13px}.copy-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(150,108,68,.15);border-radius:18px;background:#fff;margin-bottom:12px}.copy-card h3{grid-column:1/-1;margin:0 0 -6px!important}.copy-card p{margin:0;color:#3f372f;line-height:1.55}.materials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.materials-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.materials-links a{display:block;padding:14px;border:1px solid rgba(150,108,68,.15);border-radius:16px;background:#fff;color:inherit;text-decoration:none}.materials-links b{display:block;margin-bottom:6px}.materials-links span{display:block;color:#756b5f;font-size:13px;word-break:break-word}@media(max-width:1100px){.materials-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-grid,.materials-links{grid-template-columns:1fr 1fr}.materials-hero{grid-template-columns:1fr}}@media(max-width:680px){.materials-steps,.materials-grid,.materials-links,.copy-card{grid-template-columns:1fr}.copy-card .btn{width:100%!important}}@media print{.sidebar,.top .btn,.copy-card .btn{display:none!important}.main{margin:0!important;padding:0!important;max-width:none!important}.panel{box-shadow:none!important;break-inside:avoid}.materials-hero,.materials-steps,.materials-grid,.materials-links{grid-template-columns:1fr!important}}

/* Session49: reduce noise and make public address editing obvious */
.slug-input-row{display:flex;align-items:center;gap:0;border:1px solid var(--line,#eadfce);border-radius:14px;background:#fffdf8;overflow:hidden}
.slug-input-row b{padding:12px 0 12px 14px;color:#7b6550;font-weight:700;white-space:nowrap}
.slug-input-row input{border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:2px!important;min-width:180px;background:transparent!important}
.slug-form{display:grid;gap:16px;max-width:720px}
[data-hide-when-complete="1"]{transition:opacity .2s ease}

/* Session 50 — final visual polish for non-technical managers */
.editor-advanced{background:rgba(255,250,243,.55)!important;box-shadow:none!important;margin-top:12px!important}
.editor-advanced summary,.technical-details summary{cursor:pointer;font-weight:760;color:#7b542f;list-style:none}
.editor-advanced summary::-webkit-details-marker,.technical-details summary::-webkit-details-marker{display:none}
.editor-advanced summary:before,.technical-details summary:before{content:'▸';margin-right:8px;color:var(--bronze)}
.editor-advanced[open] summary:before,.technical-details[open] summary:before{content:'▾'}
.visual-url-input{display:flex;align-items:center;gap:0;border:1px solid rgba(152,112,70,.24);background:#fffdf8;border-radius:14px;overflow:hidden}
.visual-url-input b{padding:0 0 0 13px;color:#8d5d32;white-space:nowrap;font-size:13px}
.visual-url-input input{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;min-width:180px}
.click-map{display:none!important}
.preview-toolbar{background:rgba(255,250,243,.94)!important}
.device-switch button{min-width:84px}
.manager-command-address{font-weight:650;color:var(--muted);margin-bottom:0}
.simple-address-card .address-big{font-size:22px;line-height:1.25;word-break:break-word;padding:16px 18px;border-radius:18px;background:#fffdf8;border:1px solid rgba(152,112,70,.2);font-weight:780;color:#7b542f}
.memorial-empty-state{display:grid;gap:12px;place-items:start;padding:24px;border-radius:22px;background:#fffdf8;border:1px dashed rgba(152,112,70,.32)}
.memorial-empty-state b{font-family:var(--serif);font-size:25px;letter-spacing:-.04em}.memorial-empty-state p{margin:0;color:var(--muted);font-weight:620}
@media(max-width:900px){.visual-url-input{align-items:stretch;flex-direction:column}.visual-url-input b{padding:10px 12px 0}.device-switch button{min-width:auto}}
/* Session 52: secure client/partner onboarding */
.invite-box{margin:16px 0;padding:16px;border:1px solid var(--line,#e5ded2);border-radius:18px;background:#fffdf8;display:grid;gap:8px;align-items:start}
.invite-box code{display:block;white-space:normal;word-break:break-all;background:#f6f1e8;border-radius:12px;padding:10px 12px;color:#2d2924}
.business-analytics{margin:16px 0}

/* Brand system */
.sidebar .brand{display:flex;align-items:center;gap:12px}
.sidebar .brand .brand-ico{width:42px;height:42px;border-radius:15px;background:#f2e4d2;border:1px solid rgba(152,112,70,.22);flex:none}
.sidebar .brand-copy{min-width:0}
.sidebar .brand-copy b{display:block;font-family:var(--serif);font-size:24px;letter-spacing:-.06em;line-height:.95}
.sidebar .brand-copy span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:800}
.sidebar .brand-ico .brand-logo{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}
.sidebar .brand-ico .brand-logo-fallback{display:none;width:100%;height:100%;place-items:center;color:var(--bronze)}
.sidebar .brand-ico.use-fallback .brand-logo{display:none}
.sidebar .brand-ico.use-fallback .brand-logo-fallback{display:grid}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.login-brand h1{margin:0;font-size:42px}
.logo-settings{display:grid;gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.logo-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.logo-preset-card{display:grid;gap:8px;justify-items:center;padding:14px 10px;border:1px solid var(--line);border-radius:18px;background:#fffdf8;cursor:pointer;text-align:center}
.logo-preset-card input{position:absolute;opacity:0;pointer-events:none}
.logo-preset-card img{width:52px;height:52px;object-fit:contain}
.logo-preset-card span{font-size:12px;font-weight:800;color:var(--muted)}
.logo-preset-card.active{border-color:var(--bronze);box-shadow:0 0 0 3px rgba(180,122,61,.12)}
.logo-preset-upload{width:52px;height:52px;border-radius:16px;border:1px dashed var(--line);display:grid;place-items:center;font-size:24px;color:var(--bronze)}
.logo-preview-thumb{max-height:48px;vertical-align:middle;margin-left:8px}
.brand-title-inline{font-family:var(--serif);font-size:22px;margin-left:8px;vertical-align:middle}
@media(max-width:900px){.logo-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Session 53 — mobile nav clarity + deploy page quick actions */
.mobile-quick-nav{display:none}
.simple-address-card .address-big-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.simple-address-card .address-big-actions{display:flex;gap:8px;flex-wrap:wrap}
.simple-address-card .address-copy-btn{height:38px;padding:0 14px;border-radius:11px}
.simple-address-card .address-open-btn{height:38px;padding:0 14px;border-radius:11px}
.simple-address-card .address-hint{margin:0;color:var(--muted);font-size:13px;font-weight:560}
@media(max-width:900px){
  .sidebar nav{display:none!important}
  .mobile-quick-nav{
    display:block;
    margin:2px 0 6px;
  }
  .mobile-quick-nav__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .mobile-quick-nav a,
  .mobile-quick-nav__more summary{
    min-height:34px;
    padding:7px 10px;
    border-radius:10px;
    border:1px solid rgba(150,108,68,.18);
    background:rgba(255,253,248,.92);
    color:#4b4036;
    text-decoration:none;
    font-size:12px;
    font-weight:650;
    line-height:1.15;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    cursor:pointer;
    list-style:none;
  }
  .mobile-quick-nav a.is-active,
  .mobile-quick-nav__more.is-active > summary{
    background:linear-gradient(135deg,#b6783a,#955d2e);
    border-color:transparent;
    color:#fff;
  }
  .mobile-quick-nav__more{
    position:relative;
    grid-column:span 2;
  }
  .mobile-quick-nav__more summary::-webkit-details-marker{display:none}
  .mobile-quick-nav__more summary::after{
    content:'▾';
    margin-left:8px;
    opacity:.8;
    font-size:11px;
  }
  .mobile-quick-nav__more[open] summary::after{transform:rotate(180deg)}
  .mobile-quick-nav__more-list{
    margin-top:7px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .simple-address-card .address-big-wrap{grid-template-columns:1fr}
  .simple-address-card .address-big-actions{width:100%}
  .simple-address-card .address-big-actions .btn{flex:1 1 100%}
}