/* «همکاری با داکو» — uses the journal's tokens (learn.css), so day and night follow the same theme */
.cr-hero{max-width:820px;padding:30px 0 22px}
.cr-hero h1{margin:8px 0 12px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.4}
.cr-hero h1 b{background:var(--pill);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-hero p{margin:0;color:var(--muted);font-size:16px;line-height:2.05}
.cr-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cr-steps span{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13.5px}
.cr-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pill);color:#1E1A0C;font:700 12px var(--latin);font-style:normal}
.cr-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 30px}
.cr-areas div{padding:20px 20px 18px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.cr-areas b{display:block;font-size:16px;margin-bottom:6px}.cr-areas b::before{content:"✦";color:var(--gold);margin-inline-end:8px}
.cr-areas p{margin:0;font-size:13.5px;line-height:1.95;color:var(--muted)}

.cr-form,.cr-done{max-width:880px;margin:0 auto;padding:30px clamp(18px,4vw,40px) 34px;border-radius:30px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(0,0,0,.55)}
.cr-form h2,.cr-done h2{margin:0;font-size:24px;font-weight:800}
.cr-sub{margin:6px 0 8px;color:var(--muted);font-size:13.5px}
.cr-form fieldset{margin:22px 0 0;padding:0;border:0;min-width:0}
.cr-form legend{padding:0;margin-bottom:12px;font-size:15px;font-weight:800;color:var(--mint)}
.cr-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cr-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}
.cr-form input:not([type=radio]):not([type=checkbox]),.cr-form select,.cr-form textarea{width:100%;padding:13px 15px;border-radius:15px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:500 15px var(--fa);outline:0;transition:border-color .2s,box-shadow .2s}
.cr-form textarea{resize:vertical;min-height:120px;line-height:1.9}
.cr-form select{appearance:none;-webkit-appearance:none;padding-left:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:left 14px center;background-size:16px;background-repeat:no-repeat}
.cr-form :is(input,select,textarea):focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.16)}
.cr-form label.is-bad :is(input,select){border-color:#D9534F}.cr-form fieldset.is-bad legend{color:#D9534F}

.cr-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cr-role{position:relative;cursor:pointer}.cr-role input{position:absolute;opacity:0;pointer-events:none}
.cr-role span{display:grid;gap:3px;height:100%;padding:13px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);transition:border-color .2s,background .2s}
.cr-role b{font-size:14px;color:var(--text)}.cr-role small{font-size:12px;font-weight:500;color:var(--muted);line-height:1.7}
.cr-role:hover span{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.cr-role input:checked+span{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface-2));box-shadow:inset 0 0 0 1px var(--gold)}
.cr-role input:focus-visible+span{box-shadow:0 0 0 4px rgba(212,175,55,.25)}

.cr-skills-h{margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--muted)}
.cr-skills{display:flex;flex-wrap:wrap;gap:8px}
.cr-skills label{display:block;cursor:pointer}.cr-skills input{position:absolute;opacity:0;pointer-events:none}
.cr-skills span{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:600 13px var(--latin);transition:.2s}
.cr-skills input:checked+span{background:var(--pill);border-color:transparent;color:#1E1A0C}
.cr-skills input:focus-visible+span{box-shadow:0 0 0 4px rgba(212,175,55,.25)}

.cr-drop{display:grid!important;justify-items:center;text-align:center;gap:6px!important;padding:24px 16px;margin-bottom:12px;border-radius:20px;border:1.5px dashed color-mix(in srgb,var(--gold) 60%,var(--line));background:color-mix(in srgb,var(--gold) 5%,var(--surface-2));cursor:pointer;transition:.2s}
.cr-drop:hover,.cr-drop.is-over{background:color-mix(in srgb,var(--gold) 12%,var(--surface-2));border-style:solid}
.cr-drop-i{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--pill)}
.cr-drop-i svg{width:24px;height:24px;fill:none;stroke:#1E1A0C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cr-drop b{font-size:15px;color:var(--text)}.cr-drop small{font-weight:500}
.cr-files{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}.cr-files:empty{display:none}
.cr-files li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}
.cr-files div{flex:1;min-width:0}.cr-files b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-files small{font-size:12px;color:var(--muted)}
.cr-ext{flex:none;display:grid;place-items:center;min-width:44px;height:34px;padding:0 6px;border-radius:10px;background:color-mix(in srgb,var(--mint) 16%,transparent);color:var(--mint);font:700 11px var(--latin)}
.cr-files button{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:18px;cursor:pointer}

.cr-ok{display:flex!important;align-items:flex-start;gap:10px!important;margin-top:22px;cursor:pointer}
.cr-ok input{width:20px;height:20px;margin:3px 0 0;accent-color:#0E4D45;flex:none}.cr-ok span{font-weight:500;line-height:1.9;color:var(--text)}
.cr-err{margin:14px 0 0;padding:11px 14px;border-radius:14px;background:rgba(217,83,79,.12);color:#E57373;font-size:13.5px;font-weight:600}
html[data-theme="light"] .cr-err{color:#B3261E}
.cr-send{position:relative;overflow:hidden;width:100%;margin-top:18px;height:56px;border:0;border-radius:18px;background:linear-gradient(160deg,#F0D27A,#D4AF37 55%,#B98F22);color:#221B07;font:800 16px var(--fa);cursor:pointer;box-shadow:0 14px 28px -12px rgba(212,175,55,.7)}
.cr-send:disabled{cursor:progress;opacity:.9}.cr-send span{position:relative;z-index:1}
.cr-bar{position:absolute;inset:0;display:none}.cr-send.is-busy .cr-bar{display:block}.cr-bar i{display:block;height:100%;width:0;background:rgba(255,255,255,.35);transition:width .2s}
.cr-send.is-busy span::after{content:" …"}

.cr-done{text-align:center;display:grid;justify-items:center;gap:6px}.cr-done[hidden]{display:none}
.cr-done-i{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--pill);color:#1E1A0C;font-size:30px;font-weight:800;margin-bottom:6px}
.cr-done p{margin:0;color:var(--muted);line-height:2}.cr-done b{color:var(--text);font:700 17px var(--latin)}.cr-done .lr-back{margin-top:14px}

@media (max-width:760px){.cr-areas,.cr-roles{grid-template-columns:1fr 1fr}.cr-row{grid-template-columns:1fr}}
@media (max-width:480px){.cr-areas,.cr-roles{grid-template-columns:1fr}.cr-form,.cr-done{border-radius:24px}}