/* Spójny system kafelków TrichoSkan */
body{background:#f2f2f7}
.shell>aside{background:rgba(242,242,247,.92);border-right:0;box-shadow:1px 0 0 rgba(30,60,54,.08)}
.shell>aside nav{gap:9px}.nav{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 3px 12px rgba(20,55,48,.045)}.nav:hover{background:#fff;box-shadow:0 7px 20px rgba(20,55,48,.08)}.nav.active{color:#fff;background:linear-gradient(145deg,#23806c,#176655);box-shadow:0 8px 20px rgba(23,102,85,.2)}
.safe,.user{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-radius:16px;padding:14px}.user{margin-top:9px}
header{border:0;box-shadow:0 1px 0 rgba(20,55,48,.07)}
.welcome,.heading{padding:27px 29px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);border-radius:26px;box-shadow:0 10px 34px rgba(23,63,56,.07)}
.stats article,.panel,.insight,.care-summary article,.care-summary>p,.product-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.98);box-shadow:0 8px 26px rgba(23,63,56,.065)}
.primary,.outline,.logout{border:1px solid rgba(20,82,68,.1);box-shadow:0 5px 14px rgba(23,63,56,.08)}.outline,.logout{background:#fff}.primary:hover{box-shadow:0 9px 22px rgba(19,92,77,.22);transform:translateY(-1px)}.outline:hover,.logout:hover{background:#fff;box-shadow:0 8px 18px rgba(23,63,56,.12);transform:translateY(-1px)}
.steps{padding:15px 18px;background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:20px;box-shadow:0 7px 24px rgba(23,63,56,.055)}.steps button{padding:7px;border-radius:12px}.steps button.active{background:#eff6f3}.steps>b{margin:0 5px}
.field{padding:12px;background:#f7f8fa;border:1px solid #edf0ef;border-radius:14px}.field input,.field select,.field textarea{border:0;background:#fff;box-shadow:0 2px 8px rgba(23,63,56,.045)}.fields{gap:11px}.fields>.field{height:100%}
.toolbar{background:#fafbfc;border-radius:19px 19px 0 0}.toolbar input{border:0;background:#fff;box-shadow:0 3px 12px rgba(23,63,56,.055)}
.symptoms span,.obs label span{background:#f7f8fa;border-color:transparent;box-shadow:0 3px 10px rgba(23,63,56,.04)}.symptoms input:checked+span,.obs input:checked+span{color:#fff;background:linear-gradient(145deg,#2a8873,#1b6d5b);border-color:transparent;box-shadow:0 7px 16px rgba(27,109,91,.17)}
.consent,.flags,.note,.assessment,.hyp,.auto-analysis,.calibration-box{border:1px solid rgba(210,224,219,.8)!important;box-shadow:0 5px 18px rgba(23,63,56,.045)}
.controls{padding:12px;background:#f7f8fa;border-radius:17px}.controls .field{background:#fff}.camera{box-shadow:0 10px 30px rgba(12,35,30,.18)}.photo{background:#fff;box-shadow:0 4px 13px rgba(23,63,56,.07)}
.client-row{margin:10px 14px;border:0;border-radius:16px;background:#f8faf9;box-shadow:0 3px 12px rgba(23,63,56,.04)}
.product-card header{box-shadow:none}.inci-tags i{box-shadow:0 2px 7px rgba(23,63,56,.05)}
.calibration-actions{grid-template-columns:1fr 1fr}.auto-metric,.product-match{border:0!important;background:#fff;box-shadow:0 3px 12px rgba(23,63,56,.055)}
dialog{background:#f5f5f7}.dialog-head,.dialog-actions{padding:4px}.dialog-consent{background:#fff;box-shadow:0 3px 12px rgba(23,63,56,.05)}
.auth-card{border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.9);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.auth-card .field{background:#f3f4f6}
@media(max-width:720px){.welcome,.heading{padding:21px 19px;border-radius:21px}.shell>aside{padding:22px 15px}.steps{padding:11px 10px}.step{border-radius:20px}.field{padding:10px}.calibration-actions{grid-template-columns:1fr}.client-row{margin:8px}}
.legal-link{display:block;margin-top:9px;padding:12px 14px;border-radius:14px;background:#fff;color:#176655;text-align:center;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 3px 12px rgba(23,63,56,.045)}.dialog-consent a,.auth-card a{color:#176655}