/* ILOVESMILE DESIGN SYSTEM / 2026 — mobile-first portal */
:root{--ils-ink:#102335;--ils-dark:#0b2530;--ils-night:#081f2a;--ils-mint:#4edfc4;--ils-teal:#16b7a4;--ils-blue:#478fda;--ils-bg:#f4f8fa;--ils-white:#fff;--ils-line:#e6edf0;--ils-sub:#7d8f9b;--ils-soft:#f5f9fa;--ils-radius:21px}
.ils-root,.ils-auth{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.5;color:var(--ils-ink);font-size:14px;-webkit-font-smoothing:antialiased}
.ils-root *,.ils-auth *{box-sizing:border-box}.ils-root button,.ils-auth button{cursor:pointer;font:inherit}.ils-root button:disabled,.ils-auth button:disabled{opacity:.55;cursor:not-allowed}.ils-root input,.ils-root select,.ils-root textarea,.ils-auth input{font:inherit}.ils-root a,.ils-auth a{text-decoration:none}.ils-root h1,.ils-root h2,.ils-root h3,.ils-root h4,.ils-auth h1,.ils-auth h2,.ils-auth h3{font-family:inherit;line-height:1.16;color:inherit;margin:0}.ils-root p,.ils-auth p{margin:0}.ils-root button:focus-visible,.ils-root a:focus-visible,.ils-root input:focus-visible,.ils-root select:focus-visible,.ils-root textarea:focus-visible,.ils-auth button:focus-visible,.ils-auth a:focus-visible,.ils-auth input:focus-visible{outline:3px solid #4edfc489;outline-offset:3px}
.ils-hidden{display:none!important}.ils-muted{color:var(--ils-sub);font-size:13px}.ils-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:2.1px;text-transform:uppercase;color:#62b9b4;margin-bottom:12px}.ils-root .ils-btn,.ils-auth .ils-primary{border:0;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:11px;padding:13px 18px;font-size:12px;font-weight:800;letter-spacing:.2px;min-height:44px;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.ils-root .ils-btn:hover,.ils-auth .ils-primary:hover{transform:translateY(-1px)}.ils-root .ils-btn-primary,.ils-auth .ils-primary{background:var(--ils-mint);color:#0c3339;box-shadow:0 8px 22px #31d3b62b}.ils-root .ils-btn-primary:hover,.ils-auth .ils-primary:hover{background:#73ead4}.ils-root .ils-btn-secondary{background:#edf6f6;color:#216468}.ils-root .ils-btn-secondary:hover{background:#dff2f0}.ils-root .ils-text-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:8px 0;font-size:12px;font-weight:750;color:#238c8c}.ils-root .ils-text-btn:hover{color:#084c51}.ils-app{display:grid;grid-template-columns:251px minmax(0,1fr);min-height:730px;max-width:1800px;margin:0 auto;isolation:isolate;background:var(--ils-bg);border:1px solid #e6edef;border-radius:16px;overflow:hidden;box-shadow:0 20px 90px #0c3f5014}
.ils-sidebar{background:var(--ils-night);color:#e3f1f2;display:flex;flex-direction:column;min-height:760px;padding:31px 15px 20px;position:relative}.ils-logo{display:flex;align-items:center;gap:10px;padding:0 11px 48px;white-space:nowrap}.ils-logo-icon{background:linear-gradient(125deg,#77e9da,#33c9d1);color:#07313b;display:grid;place-items:center;font-size:27px;font-weight:300;border-radius:13px;width:40px;height:40px;box-shadow:0 8px 30px #45dcca32}.ils-logo-name{font-size:24px;line-height:1;font-weight:850;letter-spacing:-1.5px;color:#fff}.ils-logo-name span{color:var(--ils-mint)}.ils-logo-name small{display:block;font-size:7px;letter-spacing:2.1px;font-weight:760;color:#82a5ac;margin-top:10px}.ils-side-caption{margin:0 18px 14px;color:#5f8b96;font-size:9px;letter-spacing:2.2px;font-weight:800}.ils-main-nav{display:grid;gap:5px}.ils-main-nav button{background:transparent;border:1px solid transparent;color:#9db7bc;padding:13px 15px;display:flex;align-items:center;gap:13px;text-align:left;border-radius:11px;font-size:12px;font-weight:660;width:100%}.ils-main-nav button:hover{background:#183845;color:#fff}.ils-main-nav button.active{background:linear-gradient(110deg,#254b53,#1b4449);color:#bafef0;border-color:#32646b}.ils-main-nav button.active svg{color:var(--ils-mint)}.ils-main-nav button b{margin-left:auto;font-size:20px;font-weight:400}.ils-side-bottom{margin-top:auto;padding-top:50px}.ils-side-support{border-radius:14px;border:1px solid #29515b;background:linear-gradient(150deg,#19414a,#0d2e3a);padding:17px;margin:0 3px 19px}.ils-support-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#53d7bb24;color:var(--ils-mint);margin-bottom:12px}.ils-side-support b{font-size:12px}.ils-side-support p{font-size:11px;color:#8daab4;margin:7px 0 12px}.ils-side-support button{padding:0;border:0;background:transparent;color:#8cead8;font-size:11px;display:flex;align-items:center;gap:7px}.ils-side-support button svg{width:13px}.ils-logout{display:flex;align-items:center;gap:12px;color:#91acb2;padding:12px;font-size:12px}.ils-logout:hover{color:#fff}.ils-main{min-width:0;background:var(--ils-bg)}.ils-topbar{height:82px;border-bottom:1px solid var(--ils-line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff}.ils-breadcrumb{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a3b0ba}.ils-breadcrumb span{padding:0 12px;color:#c8d1d5}.ils-breadcrumb b{color:#285361}.ils-top-actions{display:flex;align-items:center;gap:14px}.ils-today{display:flex;align-items:center;gap:9px;color:#93a3ae;font-size:11px;padding-right:20px;border-right:1px solid var(--ils-line)}.ils-today svg{width:15px}.ils-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#136b65;background:#dbf8f2;font-weight:850}.ils-user{display:flex;flex-direction:column;gap:2px}.ils-user b{font-size:11px}.ils-user small{font-size:10px;color:var(--ils-sub)}.ils-mobile-menu{display:none;background:none;border:0;color:var(--ils-ink)}
.ils-page{padding:32px 38px 14px;max-width:1500px;min-height:750px}.ils-hero{position:relative;display:flex;min-height:252px;overflow:hidden;border-radius:var(--ils-radius);background:radial-gradient(ellipse at 85% 40%,#236a75 0%,#143c49 28%,#092b38 66%,#072633 100%);color:#fff;padding:34px 40px;margin-bottom:21px;box-shadow:0 18px 46px #0e535d12}.ils-hero-copy{position:relative;z-index:2;max-width:560px;display:flex;align-items:flex-start;flex-direction:column}.ils-hero-kicker{font-weight:760;letter-spacing:2px;font-size:9px;color:#a1dfd5;display:flex;align-items:center;gap:9px;margin-bottom:13px}.ils-hero-kicker i{display:block;width:6px;height:6px;border-radius:50%;background:var(--ils-mint);box-shadow:0 0 10px var(--ils-mint)}.ils-hero h1{font-size:clamp(23px,2.7vw,37px);letter-spacing:-1.5px;line-height:1.12;font-weight:830;max-width:580px;margin-bottom:13px}.ils-hero p{color:#b9d0d3;font-size:12px;max-width:380px;line-height:1.65;margin-bottom:21px}.ils-hero-visual{position:absolute;width:320px;height:320px;right:0;top:-23px;pointer-events:none}.ils-ring{position:absolute;border:1px solid #89ffdb2e;border-radius:50%;width:320px;height:320px;top:0;right:-20px;box-shadow:inset 0 0 50px #5ef8d70b,0 0 55px #40d5d512}.ils-ring-two{width:235px;height:235px;top:42px;right:23px;border:1px solid #8bfff052}.ils-hero-center{position:absolute;top:97px;right:99px;font-size:80px;color:#70ffe4;line-height:.5;text-shadow:0 0 40px #4ccdaf67;transform:rotate(-13deg)}.ils-hero-center small{display:block;font-size:8px;line-height:1.3;letter-spacing:2px;text-shadow:none;color:#a2c8c9;font-weight:750;margin:18px 0 0 0;transform:rotate(13deg);text-align:center}.ils-hero-caption{position:absolute;bottom:35px;right:30px;letter-spacing:2px;font-size:9px;font-weight:850;color:#73cdbd}.ils-hero-caption span{color:#f3fefa;font-size:15px}.ils-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.ils-metric{position:relative;min-height:145px;background:#fff;border:1px solid var(--ils-line);border-radius:16px;padding:17px 18px 20px;overflow:hidden}.ils-metric-row{display:flex;align-items:center;justify-content:space-between;color:#687c88;font-weight:680;font-size:10px;margin-bottom:12px}.ils-metric-row i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#43b5ad;background:#eaf8f5}.ils-metric-row svg{width:15px}.ils-metric>b{font-size:31px;line-height:1;letter-spacing:-1px;display:block}.ils-metric>small{font-size:10px;color:#9aabb3}.ils-metric-bar{position:absolute;bottom:0;left:0;height:3px;width:52px;background:#b5eee4}.ils-metric-bar.filled{background:#38cbb8;width:100%}.ils-content-card{background:#fff;border:1px solid var(--ils-line);border-radius:18px;overflow:hidden;padding:25px;margin-bottom:23px}.ils-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.ils-card-heading .ils-kicker{margin-bottom:7px}.ils-card-heading h2{font-size:18px;letter-spacing:-.5px;font-weight:800}.ils-card-heading>svg{color:#3bb6a5}.ils-table-wrap{overflow:auto;width:100%}.ils-table{width:100%;border-collapse:collapse;text-align:left;min-width:640px}.ils-table th{font-size:9px;letter-spacing:1.1px;color:#a0aeb7;font-weight:850;padding:13px 9px;border-bottom:1px solid var(--ils-line);white-space:nowrap}.ils-table td{padding:19px 9px;border-bottom:1px solid #edf2f3;font-size:11px;color:#465966;vertical-align:middle}.ils-table tr:last-child td{border-bottom:0}.ils-table tbody tr:hover{background:#f8fbfb}.ils-table td>b{font-size:12px;color:#1d3444}.ils-link-title{font-size:12px;color:#15394b;border:0;background:transparent;font-weight:850;padding:0;white-space:nowrap;text-align:left}.ils-link-title:hover{color:#25a69d}.ils-table td small{display:block;color:#9cabb1;font-size:10px;margin-top:5px}.ils-table .ils-cell-muted{color:#8097a0;white-space:nowrap}.ils-status{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;background:#edf4f8;border-radius:8px;color:#53748a;font-size:10px;font-weight:780;line-height:1.2;white-space:nowrap}.ils-status>span{background:currentColor;width:5px;height:5px;border-radius:50%}.ils-status-accepted{background:#e9f8eb;color:#338958}.ils-status-progress{background:#edf4ff;color:#4379c4}.ils-status-finished{background:#eef0f2;color:#73808b}.ils-mini-prog strong{display:block;font-size:11px;color:#26485a;margin-bottom:7px}.ils-track{height:4px;background:#e7f1f1;border-radius:3px;max-width:120px;overflow:hidden}.ils-track i{display:block;height:100%;background:#57d9c2;border-radius:3px}.ils-arrow-button{border:1px solid #dce8ea;background:#f7fafb;border-radius:9px;color:#4e8b91;width:30px;height:30px;display:grid;place-items:center;padding:0}.ils-arrow-button svg{width:14px}.ils-arrow-button:hover{background:#e9f8f6}.ils-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ils-feature{background:#fff;border:1px solid var(--ils-line);border-radius:18px;padding:25px;min-height:190px}.ils-feature-blue{background:linear-gradient(125deg,#eff8ff,#e8f3fb);border-color:#dceefc}.ils-feature-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dcf5f0;color:#22a59a;margin-bottom:17px}.ils-feature h3{font-size:17px;letter-spacing:-.4px;margin-bottom:9px}.ils-feature p{font-size:11px;color:#81949f;line-height:1.6;max-width:340px}.ils-feature .ils-text-btn{margin-top:8px}.ils-feature .ils-kicker{font-size:9px;margin-bottom:8px}.ils-footer{display:flex;justify-content:space-between;color:#a6b4b9;font-size:9px;letter-spacing:.4px;margin:24px 0 4px}.ils-footer i{font-size:15px;color:#54bfae;font-style:normal;margin-left:6px}.ils-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 25px}.ils-section-top .ils-kicker{margin-bottom:8px}.ils-section-top h1{font-size:clamp(25px,2.5vw,33px);letter-spacing:-1.4px;margin:0 0 6px}.ils-section-top p{font-size:12px;color:#90a0aa;max-width:510px}.ils-filter-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.ils-filter-tabs{display:flex;align-items:center;gap:5px;background:#f5f8f9;padding:4px;border-radius:10px;flex-wrap:wrap}.ils-filter-tabs button{background:transparent;border:0;padding:9px 11px;font-size:10px;font-weight:750;color:#83959f;border-radius:7px}.ils-filter-tabs button.active{background:#fff;color:#197f7a;box-shadow:0 2px 9px #23515a12}.ils-search-wrap{background:#fff;border:1px solid var(--ils-line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:4px 10px;color:#a9bdc4}.ils-search-wrap input{width:144px;border:0;outline:0;background:transparent;font-size:11px;color:var(--ils-ink);padding:7px 0;box-shadow:none!important}.ils-empty{text-align:center;padding:50px 16px;color:#8a9ba7}.ils-empty>svg{color:#64c5b9;width:35px;height:35px;margin-bottom:10px}.ils-empty h3{font-size:16px;color:var(--ils-ink);margin-bottom:9px}.ils-empty p{margin-bottom:18px;font-size:12px}.ils-work-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;align-items:start}.ils-form-card{padding:28px}.ils-form-caption{display:flex;align-items:center;gap:13px;margin:8px 0 22px}.ils-form-caption>b{font-weight:850;color:#0eab9e;background:#e6f7f3;border-radius:11px;display:grid;place-items:center;width:34px;height:34px;font-size:11px}.ils-form-caption h3{font-size:15px;margin-bottom:3px}.ils-form-caption p{font-size:10px;color:#93a4ad}.ils-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ils-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:760;color:#42606c}.ils-field-full{grid-column:1/-1}.ils-field input,.ils-field textarea,.ils-field select{display:block;width:100%;border:1px solid #e1ebee;border-radius:10px;background:#f9fbfc;color:#243d4d;min-height:43px;padding:11px 12px;font-size:12px;font-weight:500;outline:none;box-shadow:none}.ils-field input[type=file]{padding:10px;font-size:10px;min-height:47px}.ils-field textarea{resize:vertical;min-height:88px}.ils-field input:focus,.ils-field select:focus,.ils-field textarea:focus{border-color:#69cfc3;background:#fff}.ils-field input::placeholder,.ils-field textarea::placeholder{color:#a9bac2}.ils-line{height:1px;background:#edf2f3;margin:26px 0}.ils-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ils-path{position:relative;border:1px solid #e4edef;border-radius:14px;padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;min-height:178px;transition:border-color .2s,background .2s}.ils-path.active{border:2px solid #43c6b6;background:#f3fcfa;padding:17px}.ils-path input{position:absolute;right:18px;top:18px;accent-color:#1eb7a9}.ils-path-icon{color:#2db6a7;background:#e6f7f4;padding:9px;display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.ils-path strong{font-size:14px}.ils-path small{font-size:11px;font-weight:450;color:#788f99;margin:6px 0 12px;line-height:1.5}.ils-path em{font-style:normal;font-size:8px;font-weight:850;letter-spacing:.5px;color:#1baba0;margin-top:auto}.ils-form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:12px}.ils-hint{color:#8ca0a9;font-size:10px;line-height:1.7;display:flex;align-items:center;gap:6px}.ils-hint svg{width:14px;height:14px;flex:none;color:#41bba9}.ils-side-info{border:1px solid #dcebe9;border-radius:18px;padding:26px 21px;background:linear-gradient(150deg,#effbf9,#f8fcff)}.ils-side-info h3{font-size:20px;letter-spacing:-.5px;line-height:1.25}.ils-side-info ol{padding:12px 0 12px 27px;counter-reset:step;list-style:none}.ils-side-info li{position:relative;margin-bottom:22px;counter-increment:step}.ils-side-info li:before{content:counter(step);position:absolute;left:-29px;top:0;width:21px;height:21px;background:#dff6f1;color:#1caca0;border-radius:50%;display:grid;place-items:center;font-weight:850;font-size:9px}.ils-side-info li strong,.ils-side-info li span{display:block}.ils-side-info li strong{font-size:11px}.ils-side-info li span{font-size:10px;color:#8b9eaa;margin-top:3px}.ils-side-info>p{font-size:10px;color:#8b9eaa;line-height:1.6}.ils-backrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#a1b1bb;font-size:11px}.ils-back{background:transparent;border:0;color:#4e8992;padding:4px 0;font-size:11px;font-weight:750}.ils-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.85fr);gap:18px;align-items:start}.ils-detail-main,.ils-detail-side{display:grid;gap:18px;min-width:0}.ils-detail-card{background:#fff;border:1px solid var(--ils-line);border-radius:17px;padding:24px;min-width:0}.ils-detail-card h2{font-size:18px;letter-spacing:-.5px;margin-bottom:18px}.ils-detail-card>p{font-size:12px;line-height:1.65;color:#899da7;margin:8px 0 18px}.ils-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding-bottom:10px}.ils-facts>div{min-width:0}.ils-facts small{display:block;font-size:9px;font-weight:850;letter-spacing:1px;color:#a5b4bc;margin-bottom:6px}.ils-facts b{display:block;font-size:12px;overflow-wrap:anywhere}.ils-text-section{border-top:1px solid #edf1f3;padding-top:18px;margin-top:14px}.ils-text-section h4{font-size:11px;margin-bottom:7px}.ils-text-section p{white-space:pre-wrap;color:#677f8a;font-size:11px;line-height:1.7}.ils-price-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-top:1px solid #edf1f3;padding:17px 0}.ils-price-row:first-of-type{border:0}.ils-price-row small{font-weight:850;font-size:9px;letter-spacing:1px;color:#8ca1aa}.ils-price-row h3{font-size:29px;letter-spacing:-1px;margin:6px 0}.ils-price-row p{font-size:11px;color:#8c9fa8}.ils-soft-chip{font-size:9px;background:#e7f8f4;color:#269b8e;padding:6px 10px;font-weight:800;border-radius:7px}.ils-action-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:12px}.ils-production-overview{display:grid;grid-template-columns:repeat(4,1fr);background:#f4faf9;border-radius:11px;overflow:hidden;margin-bottom:18px}.ils-production-overview>div{padding:14px 8px;text-align:center;border-right:1px solid #e1eeec}.ils-production-overview>div:last-child{border:0}.ils-production-overview small{display:block;font-size:8px;font-weight:850;color:#9aaeb3;margin-bottom:7px}.ils-production-overview b{font-size:20px;color:#267d81}.ils-batches{display:grid;gap:8px;margin-bottom:18px}.ils-batch{display:flex;align-items:center;gap:12px;border:1px solid #eaf0f1;border-radius:11px;padding:12px}.ils-batch-circle{width:36px;height:36px;border-radius:10px;background:#edf8f5;display:grid;place-items:center;color:#30b2a2;font-weight:800;font-size:12px;flex:none}.ils-batch>div:nth-child(2){flex:1}.ils-batch b{display:block;font-size:11px}.ils-batch small{font-size:10px;color:#95a8af}.ils-batch .ils-btn{padding:8px;font-size:10px;min-height:34px}.ils-batch-check{color:#57b5a8}.ils-files{display:grid;gap:10px}.ils-file{display:flex;align-items:center;gap:9px;background:#f8fbfc;border:1px solid #ebf1f2;padding:10px;border-radius:10px}.ils-file-icon{display:grid;place-items:center;background:#e8f6f2;color:#22b4a5;width:34px;height:34px;border-radius:9px;flex:none}.ils-file>div:nth-child(2){flex:1;min-width:0}.ils-file b{display:block;font-size:10px;overflow-wrap:anywhere}.ils-file small{display:block;color:#99acb3;font-size:9px;margin-top:3px}.ils-file button{border:0;background:transparent;color:#3a9d9a;padding:5px;flex:none}.ils-file button svg{width:16px}.ils-timeline{padding-left:6px}.ils-timeline-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding-bottom:22px}.ils-timeline-item:not(:last-child):before{content:'';position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#d9eeea}.ils-timeline-item>i{display:block;border:2px solid #5fd3c1;width:11px;height:11px;border-radius:50%;background:#fff;flex:none;margin-top:3px;z-index:1}.ils-timeline-item b{display:block;font-weight:700;font-size:11px;line-height:1.5}.ils-timeline-item small{display:block;color:#9faeb4;font-size:9px;margin-top:4px}.ils-inline-form{margin-top:14px}.ils-inline-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ils-inline-columns .ils-form-grid{grid-template-columns:1fr}.ils-attention{background:#fffef9;border-color:#f3e6b7}.ils-attention .ils-kicker{color:#c39c37}.ils-patient-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:16px 0}.ils-patient-cards>div{background:#f5fafb;border:1px solid #e6f1f2;border-radius:12px;padding:18px}.ils-patient-cards span{font-size:9px;letter-spacing:1px;color:#90a7ae;font-weight:850;display:block;margin-bottom:10px}.ils-patient-cards b{display:block;font-size:23px;letter-spacing:-1px}.ils-patient-note{margin:18px 0}.ils-production-list{display:grid;gap:12px}.ils-production-card{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid var(--ils-line);border-radius:14px;padding:20px}.ils-production-card>div:first-child{flex:1}.ils-production-card h3{font-size:16px}.ils-production-card p{color:#99a9ae;font-size:10px;margin-top:5px}.ils-prod-number{font-size:23px;font-weight:800;color:#2a8c87;text-align:right}.ils-prod-number small{display:block;color:#91a4ad;font-size:10px;font-weight:550}.ils-invite-strip{border-radius:17px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#183f4c,#296c70);color:#fff;margin-bottom:23px}.ils-invite-strip small{font-size:9px;letter-spacing:1px;color:#97d5cb;font-weight:800}.ils-invite-strip h2{font-size:28px;color:var(--ils-mint);margin:7px 0}.ils-invite-strip p{font-size:11px;color:#b2d2d3}.ils-profile-icon{color:#34bdb1;margin-bottom:18px}.ils-profile h2{font-size:21px;margin-bottom:28px}.ils-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.ils-help-card{background:#fff;border:1px solid var(--ils-line);padding:30px;border-radius:18px;min-height:254px}.ils-help-dark{background:linear-gradient(130deg,#0b2935,#1a4b53);color:#fff;border:0}.ils-help-card h2{font-size:25px;letter-spacing:-.8px;margin-bottom:15px}.ils-help-card p{color:#93a7b1;font-size:12px;line-height:1.6;margin-bottom:18px}.ils-help-dark p{color:#a5c8cb}.ils-help-card a{display:flex;gap:9px;align-items:center;color:#56d5bd;font-size:19px;font-weight:800;margin-top:13px}.ils-help-card a:last-child{font-size:13px}.ils-help-card a svg{width:18px}.ils-clinicians{font-size:12px;line-height:1.8;color:#5d7a83}.ils-toast{position:fixed;z-index:99999;bottom:25px;right:25px;background:#103e42;color:white;padding:16px 24px;font-size:13px;border-radius:12px;box-shadow:0 12px 40px #041f2945;max-width:340px}.ils-busy{position:fixed;z-index:99998;inset:0;background:#0d303263;backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;color:#fff;gap:12px;font-weight:750}.ils-spinner{display:block;width:22px;height:22px;border:3px solid #ffffff66;border-top-color:#75e6d2;border-radius:50%;animation:ils-spin 1s linear infinite}@keyframes ils-spin{to{transform:rotate(360deg)}}.ils-loading{padding:60px;text-align:center;color:#7c949f;font-size:13px}
/* Login e registrazione: brand-first split experience */
.ils-auth{min-height:670px;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 80px #16414f11}.ils-auth-side{position:relative;overflow:hidden;padding:54px 55px;display:flex;align-items:flex-start;flex-direction:column;min-height:650px;background:radial-gradient(circle at 90% 78%,#1f6a6f,#123746 42%,#092532 76%);color:#fff}.ils-brand{font-size:34px;font-weight:850;letter-spacing:-2px;display:flex;align-items:center;gap:12px}.ils-brand>strong{color:#fff}.ils-brand>strong span{color:var(--ils-mint)}.ils-brand-symbol{font-size:31px;background:#66e5c9;color:#104048;display:grid;place-items:center;border-radius:14px;width:48px;height:48px}.ils-auth-side>.ils-overline{margin-top:100px;color:#81d7ca;font-size:10px;letter-spacing:2px;font-weight:800}.ils-auth-side h1{font-size:clamp(35px,3.8vw,58px);font-weight:850;letter-spacing:-2.6px;margin:22px 0;max-width:600px;z-index:1}.ils-auth-side h1 em{color:#6be9cf;font-style:normal}.ils-auth-side>p:not(.ils-overline){font-size:14px;line-height:1.8;color:#b6d2d3;max-width:400px;z-index:1}.ils-auth-orb{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #80ffdc55;bottom:-270px;right:-100px;box-shadow:0 0 0 65px #61efdd0b,0 0 0 115px #61efdd0a,0 0 75px #60fcde29}.ils-auth-foot{margin-top:auto;color:#9ec5c7;font-size:10px;letter-spacing:1.1px}.ils-auth-panel{display:flex;justify-content:center;align-items:center;padding:50px 35px;background:#fbfcfc}.ils-auth-card{width:100%;max-width:420px}.ils-auth-tag{color:#28a99a;font-size:10px;letter-spacing:2px;font-weight:850;margin-bottom:18px}.ils-auth-card h2{font-size:36px;letter-spacing:-1.5px;margin-bottom:14px}.ils-auth-card>p{color:#8a9fa9;font-size:13px;line-height:1.6;margin-bottom:25px}.ils-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef4f5;padding:5px;gap:4px;border-radius:11px;margin-bottom:25px}.ils-auth-tabs button{border:0;background:transparent;color:#8098a1;font-size:12px;font-weight:750;padding:12px;border-radius:8px}.ils-auth-tabs button.active{background:#fff;color:#15505b;box-shadow:0 2px 10px #113e4914}.ils-auth-form{display:grid;gap:17px}.ils-auth-form>label:not(.ils-checkbox-label){display:flex;flex-direction:column;gap:8px;color:#395b68;font-size:11px;font-weight:800}.ils-auth-form input:not([type=checkbox]){border:1px solid #e1ecee;background:#fff;padding:13px 14px;border-radius:10px;color:#102c39;font-size:13px;width:100%;min-height:46px;outline:none}.ils-auth-form input:focus{border-color:#6bddca}.ils-auth-form .ils-primary{width:100%;margin-top:7px;justify-content:space-between;padding:15px 18px}.ils-sub-link{color:#329d94;text-align:center;font-size:11px;font-weight:800}.ils-checkbox-label{display:flex;align-items:flex-start;gap:10px;color:#637e86;font-size:11px;line-height:1.5}.ils-checkbox-label input{margin:3px 0 0;accent-color:#22ad9d}.ils-checkbox-label a{color:#209889;text-decoration:underline}.ils-alert{border-radius:10px;padding:12px 15px;margin-bottom:15px;font-size:12px}.ils-alert.success{background:#e4f9ec;color:#267c4a}.ils-alert.error{background:#fff1ee;color:#b44b38}
@media(max-width:1200px){.ils-app{grid-template-columns:220px minmax(0,1fr)}.ils-sidebar{padding-left:10px;padding-right:10px}.ils-logo{padding-left:8px}.ils-logo-name{font-size:21px}.ils-topbar{padding:0 25px}.ils-page{padding:26px 25px 12px}.ils-metrics{gap:10px}.ils-hero-visual{right:-100px}.ils-work-layout{grid-template-columns:minmax(0,1fr) 200px}.ils-side-info{padding:18px}}
@media(max-width:920px){.ils-app{display:block;position:relative}.ils-sidebar{position:absolute;z-index:100;top:0;bottom:0;left:0;width:250px;transform:translateX(-105%);transition:transform .25s;min-height:100%}.ils-menu-open .ils-sidebar{transform:translateX(0)}.ils-mobile-menu{display:grid;place-items:center;margin-right:12px}.ils-topbar{justify-content:flex-start}.ils-top-actions{margin-left:auto}.ils-hero-visual{right:0}.ils-work-layout{grid-template-columns:1fr}.ils-side-info{display:none}.ils-auth{grid-template-columns:1fr 1fr}.ils-auth-side{padding:45px 25px}.ils-auth-panel{padding:35px 24px}.ils-auth-card h2{font-size:28px}}
@media(max-width:700px){.ils-page{padding:20px 14px}.ils-topbar{height:65px;padding:0 16px}.ils-breadcrumb{font-size:9px}.ils-today{display:none}.ils-user{display:none}.ils-hero{padding:27px 22px;min-height:240px}.ils-hero-copy{max-width:75%}.ils-hero h1{font-size:25px}.ils-hero-visual{opacity:.32;right:-142px}.ils-metrics{grid-template-columns:1fr 1fr}.ils-metric{min-height:125px;padding:15px}.ils-metric>b{font-size:25px}.ils-feature-grid,.ils-detail-layout,.ils-help-grid{grid-template-columns:1fr}.ils-section-top{align-items:flex-start;flex-direction:column}.ils-content-card{padding:17px}.ils-filter-wrap{align-items:stretch;flex-direction:column}.ils-filter-tabs{justify-content:space-evenly}.ils-search-wrap input{width:100%}.ils-form-grid,.ils-path-grid,.ils-inline-columns{grid-template-columns:1fr}.ils-form-bottom{align-items:flex-start;flex-direction:column}.ils-form-bottom>.ils-btn{width:100%}.ils-form-card{padding:20px}.ils-section-top h1{font-size:25px}.ils-help-card h2{font-size:21px}.ils-auth{display:block}.ils-auth-side{min-height:210px;padding:30px}.ils-auth-side>.ils-overline{margin-top:35px}.ils-auth-side h1{font-size:32px;margin:9px 0}.ils-auth-side>p:not(.ils-overline),.ils-auth-foot{display:none}.ils-auth-panel{padding:32px 20px}.ils-auth-card h2{font-size:30px}.ils-production-overview small{font-size:7px}.ils-production-overview b{font-size:15px}.ils-batch{flex-wrap:wrap}.ils-batch .ils-btn{width:100%}.ils-footer{font-size:8px}}

/* ILOVESMILE · versione brand e timeline mascherine */
.ils-logo{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 11px 43px;white-space:normal}
.ils-sidebar-brand{display:block;width:185px;max-width:100%;height:auto;object-fit:contain}
.ils-brand-subtitle{font-size:8px;letter-spacing:2.1px;font-weight:750;color:#92afb4}
.ils-brand-image{display:block;width:min(300px,100%);height:auto;object-fit:contain}
.ils-top-logout{display:inline-flex;align-items:center;gap:7px;border-radius:10px;padding:9px 12px;color:#246b69;background:#ecf7f5;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
.ils-top-logout svg{width:16px;height:16px}
.ils-top-logout:hover{background:#d4f3ec;color:#175c56}
.ils-hero-center{top:111px;right:42px;transform:none;text-align:center;width:225px;line-height:1}
.ils-hero-center img{width:210px;max-width:100%;height:auto;filter:drop-shadow(0 1px 10px #1aa6a633)}
.ils-hero-center small{margin:14px 0 0;transform:none}
.ils-mask-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;max-height:510px;overflow-y:auto;padding:4px 6px 12px 2px;align-content:start}
.ils-mask{border:1px solid #dde8ed;border-radius:14px;background:#fff;padding:12px;min-width:0;display:flex;flex-direction:column;gap:8px}
.ils-mask-top{display:flex;align-items:center;justify-content:space-between;gap:4px}
.ils-mask-top b{font-size:23px;line-height:1.1;color:#345865}
.ils-mask>small{font-size:10px;color:#8299a5}
.ils-mask-control{border:2px solid #d58b40;background:#fff8eb}
.ils-mask-control .ils-mask-top b{color:#ad6721}
.ils-mask-control.ils-mask-current{box-shadow:0 0 0 3px #f1cf8a55}
.ils-mask-current:not(.ils-mask-control){border-color:#3eb89e;background:#f2fbf8}
.ils-mask-produced:not(.ils-mask-control),.ils-mask-shipped:not(.ils-mask-control),.ils-mask-received:not(.ils-mask-control){background:#f4faf8}
.ils-control-tag{border-radius:6px;padding:4px 5px;font-size:8px;letter-spacing:.4px;color:#87491a;background:#ffe2b9;font-weight:850}
.ils-mask-date-label{display:grid;gap:4px;font-size:10px;color:#4c707c}
.ils-mask-date-label input{width:100%;min-width:0;padding:6px 5px;border:1px solid #dce6eb;border-radius:7px;font-size:11px;background:#fff;color:#294b57}
.ils-mask-save,.ils-mask-wear{cursor:pointer;border:1px solid #cce6e0;background:#f8fffd;color:#287b70;border-radius:7px;font-size:10px;font-weight:750;padding:7px}
.ils-mask-wear{background:#266f66;color:white;border-color:#266f66}
.ils-mask-note{font-size:10px;line-height:1.5;color:#a05e1c}
.ils-payment-accept{padding:16px 0 0;border-top:1px solid #e3eded;margin-top:8px;display:grid;gap:14px}
.ils-payment-accept .ils-field{max-width:400px}
.ils-prod-group{margin-top:24px}
.ils-prod-group .ils-production-list{padding-top:10px}
.ils-prod-group .ils-production-card{background:#fbfdfd}
.ils-profile form{width:100%;margin-top:24px;text-align:left}
.ils-profile .ils-form-grid{text-align:left}
.ils-profile .ils-form-caption{text-align:left}
@media(max-width:1050px){.ils-hero-center{right:14px;width:160px}.ils-hero-center img{width:155px}.ils-top-logout{padding:8px}}
@media(max-width:700px){.ils-hero-center{display:none}.ils-top-logout{font-size:0;gap:0}.ils-top-logout svg{width:18px;height:18px}.ils-mask-timeline{grid-template-columns:repeat(2,minmax(0,1fr));max-height:460px}.ils-mask{padding:9px}.ils-control-tag{font-size:7px}}
@media(max-width:400px){.ils-mask-timeline{grid-template-columns:1fr}}

.ils-mask-upload{display:grid;gap:6px;border-top:1px solid #e6b977;padding-top:8px}
.ils-mask-upload label{display:grid;gap:4px;font-size:10px;font-weight:700;color:#9a5b26}
.ils-mask-upload input{max-width:100%;font-size:9px}
.ils-mask-upload button{background:#a6662c;border:0;border-radius:7px;padding:8px;color:#fff;cursor:pointer;font-weight:750;font-size:11px}

/* 1.1.1 · Stato file ed errori senza ricostruire i moduli compilati. */
.ils-file-status{display:block;margin-top:5px;font-size:11px;color:#8699a4;overflow-wrap:anywhere;line-height:1.5}
.ils-file-status.ils-file-selected{color:#187e73;font-weight:750}
.ils-toast-error{background:#9b3434;color:#fff}
.ils-form-message{margin:14px 0 0;padding:11px 14px;background:#fff3f1;border:1px solid #eeb9ae;border-radius:10px;color:#963a32;font-size:12px;line-height:1.5}

/* 1.1.2 · Spedizioni come fonte di verità, timeline cumulativa e controlli azienda */
.ils-mask-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;color:#667e8c;font-size:11px;margin:8px 0 16px}
.ils-mask-legend>span:not(.ils-legend-control){display:inline-flex;align-items:center;gap:5px}
.ils-mask-legend svg{width:15px;height:15px}
.ils-legend-control{font-size:9px;border-radius:6px;padding:4px 6px;background:#ffe2b9;color:#87491a;font-weight:850;letter-spacing:.4px}
.ils-mask-shipping{display:inline-flex;gap:5px;align-items:center;width:max-content;max-width:100%;font-size:10px;font-weight:750;border-radius:15px;padding:3px 8px}
.ils-mask-shipping svg,.ils-mask-wear-status svg{width:14px;height:14px;flex-shrink:0}
.ils-mask-shipping-sent{background:#e4f6fc;color:#14677e}
.ils-mask-shipping-unsent{background:#edf1f4;color:#718391}
.ils-mask-wear-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;color:#8a9ba7}
.ils-mask-wear-done{color:#167969;font-weight:850}
.ils-mask-worn{border-color:#85cbb7;background:#f3fcf9}
.ils-mask-worn.ils-mask-control{background:#fff8eb;border-color:#d58b40}
.ils-review-files{border-radius:13px;background:#fff;padding:16px;border:1px solid #e7dcc6;margin:16px 0;display:grid;gap:10px}
.ils-review-files>strong{color:#8e571a;font-size:13px}
.ils-review-file{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:9px;background:#f7fafa;min-width:0}
.ils-review-file-type{font-size:9px;color:#196e70;background:#e3f1ed;border-radius:5px;padding:5px;font-weight:850;flex-shrink:0}
.ils-review-file-name{min-width:0;flex:1;display:grid;gap:3px}
.ils-review-file-name b{font-size:12px;overflow-wrap:anywhere}
.ils-review-file-name small{font-size:10px;color:#84969c}
.ils-review-file button{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.ils-review-file button svg{width:14px;height:14px}
.ils-control-group{margin-top:18px}
.ils-control-case{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;border-top:1px solid #e5edf0}
.ils-control-case h3{font-size:18px;margin:0 0 5px}
.ils-control-case p{margin:0 0 6px;color:#667f8b}
.ils-control-case small{color:#8c9ca3}
.ils-control-case-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.ils-control-ready{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:750;color:#147768}
.ils-control-ready svg{width:15px;height:15px}
.ils-controls-count{background:#dc8e36;color:#fff;border-radius:12px;font-size:10px;font-weight:800;padding:2px 6px}
.ils-production-overview{flex-wrap:wrap}
@media(max-width:650px){.ils-review-file{flex-wrap:wrap}.ils-review-file button{margin-left:auto}.ils-control-case{align-items:flex-start;flex-direction:column}.ils-control-case-action{align-items:flex-start}}


/* Prescrizione clinica strutturata – versione 1.1.3 */
.ils-choice-group{border:1px solid #e3eced;border-radius:13px;padding:17px 18px;margin:14px 0 19px;min-width:0;background:#fbfdfd}
.ils-choice-group legend{padding:0 8px;color:#274e59;font-weight:800;font-size:12px}
.ils-choice-help{margin:0 0 12px;color:#7b969d;font-size:11px}
.ils-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ils-choice{display:flex;align-items:flex-start;gap:10px;min-width:0;border:1px solid #e1eeed;border-radius:10px;padding:12px 13px;background:#fff;color:#355a62;font-size:12px;line-height:1.5;cursor:pointer}
.ils-choice:has(input:checked){background:#edf9f5;border-color:#7dc9bb;color:#13675d}
.ils-choice input{appearance:auto;accent-color:#269e8e;width:16px;height:16px;flex:none;margin:1px 0 0}
.ils-choice:focus-within{outline:2px solid #68bea9;outline-offset:2px}
.ils-conditional{padding:0 0 10px 0;margin-top:-3px}
.ils-conditional .ils-field-full{grid-column:1/-1}
.ils-prescription-title{margin:23px 0 11px;font-size:14px;font-weight:830;color:#237c75}
.ils-prescription-summary{margin-top:17px}
.ils-text-section p{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:700px){.ils-choice-grid{grid-template-columns:1fr}.ils-choice-group{padding:15px 12px}}