/*
 * Светла от 27.10.2026 (uslugi-dizajn S4): токените, горната лента, долният ред и връзката „Как работи“ са в assets/css/uslugi-app-svetli.css (зарежда се след този
 * файл); тук са само правилата на самата маса и на CADslice, а цветовете са токени (var(--tx), var(--sv-tekst), ...), не твърди светли тонове.
 * Работната маса за 3D проектиране (3ddesign.edufacturing.com), върху общия вид efv4.css и върху водача zadanie.css (EDi, 12.10.2026).
 * Всичко е под .efcad-masa: страницата носи този клас на лентата горе, на main и на долния ред. Инструментите на втория изпълнител
 * (3D преглед, стандартна част, правила) имат свой стил, proektirane-masa-instrumenti.css, който се зарежда при първото им отваряне.
 * Бутоните и полетата са правоъгълни с малък радиус, без хапчета; картите са леко прозрачни, както в останалите страници.
 */
.efcad-masa *,.efcad-masa *::before,.efcad-masa *::after{box-sizing:border-box}
.efcad-masa :where(figure,ul,ol,dl){margin:0}
.efcad-masa section{padding:0}

/* лентата горе: общият вид (един ред, логото 132 px, навигацията под 900 px скрита, телефонът квадрат 44 px под 640) е в uslugi-app-svetli.css.
   CADslice: логото А2 е с надпис „инкубатор на бъдещето“ и при 32 px надписът не се чете; 56 px е 149 px широчина, а лентата е 72 px.
   Файлът носи чисто поле (37,25 от 188,85 единици): отрицателното поле връща буквата C на ръба на съдържанието. Логото е за тъмен фон и светло лого на CADslice
   няма, затова лентата там остава тъмна (както в общия файл за останалите приложения) */
.efcad-masa.masa-top.cadslice img{height:56px;width:auto;margin-left:-11px}
.efv4.efcad-masa.masa-top.cadslice{background:#1C232B;border-bottom-color:#1C232B}
.efv4.efcad-masa.masa-top.cadslice nav a,.efv4.efcad-masa.masa-top.cadslice a.tel{color:#FFFFFF}
.efv4.efcad-masa.masa-top.cadslice a.tel svg{color:#FFFFFF}

/* корен: на цялата ширина, съдържанието до 1720 px, както в останалите страници */
main.efcad-masa{padding-bottom:clamp(40px,5vw,72px)}   /* долният ред на масата е footer.masa-end */
main.efcad-masa > *{max-width:1720px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,2.5vw,38px);padding-right:clamp(16px,2.5vw,38px)}
.efcad-masa .masa-glava{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(20px,2.6vw,32px)}
.efcad-masa .masa-glava h1{font-size:clamp(28px,3.1vw,44px);line-height:1.15;max-width:22em}
.efcad-masa .masa-glava .sv-kak{margin-top:6px}

/* един водач (Краси, 27.10.2026): водачът вляво; вдясно отгоре надолу са етапите след изпращането, снимките от водача, 3D прегледът и сгънатите
   стандартна част и помощ от EDi; на телефон и таблет водачът е първи, колоната е под него */
.efcad-masa .masa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.efcad-masa .masa-instr{min-width:0;display:grid;gap:16px}
.efcad-masa .masa-vodach{min-width:0}
/* скритото в колоната е скрито: стилът на инструментите дава display на свои елементи (.i3d-rezultat{display:grid}) и така бие атрибута hidden;
   без това правило „Карфица тук“ и „Размери на модела“ стояха празни преди първия файл */
.efcad-masa #efcad-instr [hidden]{display:none}

/* какво следва след изпращането */
.efcad-masa .masa-karta{padding:clamp(16px,2vw,24px);border:1px solid var(--ln);border-radius:10px;background:var(--gl);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.efcad-masa .masa-karta[hidden]{display:none}
.efcad-masa .masa-karta > p{margin:14px 0 0;color:var(--sv-tekst,#3B4652)}
.efcad-masa .masa-karta > p a{color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efcad-masa .masa-etapi{list-style:decimal;padding-left:22px;display:grid;gap:4px;color:var(--sv-tekst,#3B4652);font-size:15px}
.efcad-masa .masa-etapi li::marker{color:var(--te2);font-weight:700}

/* стандартната част: за инженери, сгъната като помощта от EDi; инструментът ѝ тръгва при първото отваряне */
.efcad-masa .masa-sgan{border:1px solid var(--ln);border-radius:10px;background:var(--gl)}
.efcad-masa .masa-sgan > summary{display:flex;align-items:center;min-height:48px;padding:8px 18px;font-weight:700;color:var(--tx);cursor:pointer}
.efcad-masa .masa-sgan > summary:focus-visible{outline:2px solid var(--te2);outline-offset:2px;border-radius:10px}
.efcad-masa .masa-sgan[open] > summary{border-bottom:1px solid var(--ln)}
.efcad-masa .masa-sgan > #efcad-chast{padding:clamp(14px,2vw,22px)}

/* помощта от EDi: сгъната, отваря се по желание; вътре е разговорът (assets/js/proektirane-edi.js) */
.efcad-masa .masa-edi{border:1px solid var(--ln);border-radius:10px;background:var(--gl)}
.efcad-masa .masa-edi > summary{display:flex;align-items:center;min-height:48px;padding:0 18px;font-weight:700;color:var(--tx);cursor:pointer}
.efcad-masa .masa-edi > summary:focus-visible{outline:2px solid var(--te2);outline-offset:2px;border-radius:10px}
.efcad-masa .masa-edi[open] > summary{border-bottom:1px solid var(--ln)}
.efcad-masa .masa-edi > .masa-edi-nyama{margin:0;padding:14px 18px}
.efcad-masa .masa-edi #efcad-edi .edi{border:0;border-radius:0 0 10px 10px;background:transparent}
.efcad-masa #efcad-edi:not([hidden]) + .masa-edi-nyama{display:none}

/* панелите */
.efcad-masa .masa-panel{padding:clamp(16px,2vw,24px);border:1px solid var(--ln);border-radius:10px;background:var(--gl);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.efcad-masa .masa-panel[hidden],.efcad-masa #efcad-pravila-panel[hidden],.efcad-masa .masa-pokana[hidden],.efcad-masa .masa-greshka[hidden]{display:none}
.efcad-masa .masa-panel p{color:var(--sv-tekst,#3B4652);margin:0 0 14px}
.efcad-masa .masa-panel p:last-child{margin-bottom:0}
.efcad-masa .masa-panel p a{color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efcad-masa .masa-sast{color:var(--mu)}
.efcad-masa .masa-greshka{color:var(--sv-greshka-t,#8E2412);font-weight:600}
.efcad-masa .masa-pokana{padding:14px 16px;border-left:3px solid var(--te2);background:rgba(11,111,134,.07);color:var(--sv-tekst,#3B4652);border-radius:0 8px 8px 0}
.efcad-masa .masa-pokana p{margin:0}
.efcad-masa .masa-pokana ul{list-style:disc;padding-left:20px;margin-top:6px}
/* разговорът с EDi (assets/js/proektirane-edi.js) вгражда свой стил с твърд светъл цвят на грешката (#ffb27a); на светлия фон грешката е тъмночервена. Скриптът е на друга сесия, затова се припокрива тук */
.efcad-masa #efcad-edi .edi-greshka{color:var(--sv-greshka-t,#8E2412)}

/* снимките, добавени във водача, умалени (качва ги водачът) */
.efcad-masa .masa-snimki{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.efcad-masa .masa-snimki:empty{display:none}
.efcad-masa .masa-snimki li{display:flex;gap:12px;align-items:center;padding:8px;border:1px solid var(--ln);border-radius:8px;min-width:0;font-size:15px;color:var(--sv-tekst,#3B4652)}
.efcad-masa .masa-snimki li.bad{border-color:var(--sv-greshka,#C2311A)}
.efcad-masa .masa-snimki img{width:72px;height:72px;object-fit:cover;border-radius:6px;flex:none;background:var(--s1)}
.efcad-masa .masa-snimki span{min-width:0;overflow-wrap:anywhere}

/* добавеното към заданието */
.efcad-masa #efcad-danni-spisak:empty{display:none}
.efcad-masa #efcad-danni-spisak{padding:16px 18px;border:1px solid var(--ln);border-radius:10px;background:var(--gl)}
.efcad-masa .masa-podzag{font-size:18px;margin-bottom:10px}
.efcad-masa .masa-podzag:focus{outline:none}
.efcad-masa .masa-redove{list-style:none;padding:0;display:grid;gap:8px}
.efcad-masa .masa-redove li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--ln);color:var(--sv-tekst,#3B4652);font-size:15px}
.efcad-masa .masa-redove span{min-width:0;overflow-wrap:anywhere}
.efcad-masa .masa-mahni{flex:none;min-height:44px;padding:0 14px;background:none;border:1px solid var(--ln2);border-radius:8px;color:var(--te2);font:600 15px/1 Nunito,system-ui,sans-serif;cursor:pointer}
.efcad-masa .masa-mahni:hover{border-color:var(--te2);color:var(--tx)}
.efcad-masa .masa-mahni:focus-visible{outline:2px solid var(--te2);outline-offset:2px}

/* водачът: същият, но в колоната, не на цяла страница; мястото на първата стъпка се пази, докато скриптът го начертае */
.efcad-masa .efz{padding:0;min-height:0;background:transparent}
.efcad-masa .efz::before{display:none}
.efcad-masa .efz .app{padding:clamp(18px,2.4vw,28px);scroll-margin-top:16px;border:1px solid var(--ln);border-radius:10px;background:var(--gl);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.efcad-masa .efz .btn,.efcad-masa .efz input[type=text],.efcad-masa .efz input[type=email],.efcad-masa .efz input[type=tel],.efcad-masa .efz textarea,.efcad-masa .efz .opt,.efcad-masa .efz .drop,.efcad-masa .efz .act,.efcad-masa .efz .fr{border-radius:8px}
/* стъпка 1 се казва „Какво Ви трябва“, както и първият ѝ избор: надписът на избора се пази за екранния четец, за окото е заглавието на стъпката (Краси, 27.10.2026) */
.efcad-masa .efz [data-field="vid"] legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.efcad-masa .efz .app:empty{min-height:1315px}
.efcad-masa .masa-vodach noscript p{padding:16px;border:1px solid var(--ln);border-radius:10px}

/* долният ред */
.efcad-masa.masa-end{border-top:1px solid var(--ln);padding:28px 0 40px;color:var(--mu);font-size:15px}
.efcad-masa.masa-end .w{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
/* „CADslice е част от EduFacturing“: свой малък ред под адреса и връзките, приглушен като тях */
.efcad-masa.masa-end .chast-ot{flex:0 0 100%;margin:0;font-size:14px}

/* Височината на първата стъпка на водача (cadkratak: „Какво Ви трябва“, „Какво искате накрая“, ред, поле, файлове) е мерена в Chromium по ширини
   на 27.10.2026 вечерта, с шрифтовете от живото и водача отляво (1920 и 1600: 1314, 1500 до 1366: 1341, 1200: 1451, 1100: 1472, 1001: 1515 |
   1000: 1161, 900: 1181, 768: 1295, 641: 1321, 640: 1407, 520: 1431, 430: 1552, 390: 1576, 370 и 360: 1652). Първата стъпка на прототипа е
   друга, затова числата не са от него. Със „С какво идвате“ (27.10.2026, 17:05 до вечерта) беше 1920: 1376, 390: 1727; без двете полета
   (12.10.2026) 1920: 1159, 390: 1335. */
@media (max-width:1500px){ .efcad-masa .efz .app:empty{min-height:1340px} }
@media (max-width:1200px){ .efcad-masa .efz .app:empty{min-height:1470px} }
@media (max-width:1000px){
  .efcad-masa .masa{grid-template-columns:minmax(0,1fr)}
  .efcad-masa .masa-panel{scroll-margin-top:16px}
  .efcad-masa .efz .app:empty{min-height:1160px}
}
@media (max-width:900px){ .efcad-masa .efz .app:empty{min-height:1180px} }
@media (max-width:768px){ .efcad-masa .efz .app:empty{min-height:1295px} }
@media (max-width:640px){
  .efcad-masa .efz .app:empty{min-height:1405px}
  .efcad-masa.masa-top.cadslice img{height:46px;margin-left:-9px}
}
@media (max-width:520px){ .efcad-masa .efz .app:empty{min-height:1430px} }
@media (max-width:430px){ .efcad-masa .efz .app:empty{min-height:1550px} }
@media (max-width:370px){ .efcad-masa .efz .app:empty{min-height:1650px} }