.mio-one{max-width:1250px;margin:0 auto;padding:24px 12px 38px;color:#102637;font-size:18px}.mio-one button{font-family:inherit;cursor:pointer}.mio-brand{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:40px}.mio-brand>span{display:flex;align-items:center;gap:16px}.mio-brand b{font-size:29px;letter-spacing:-1.2px;color:#0b3923}.mio-brand>span>span{background:#d8f8e4;color:#12532b;padding:9px 18px;border-radius:30px;font-size:16px;font-weight:750}.mio-back{border:0;background:none;display:flex;align-items:center;gap:6px;color:#39614e;font-size:14px}.mio-title{text-align:center;margin:0 0 30px}.mio-title h1{font-size:clamp(27px,3.3vw,43px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 10px}.mio-title p{color:#627584;font-size:20px;margin:0}.mio-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mio-status{display:flex;align-items:center;text-align:left;gap:15px;border:1px solid transparent;border-radius:21px;padding:23px 20px;min-height:122px;color:inherit;box-shadow:0 6px 0 #163b2510}.mio-status.green{background:linear-gradient(125deg,#d2f8de,#e9fcf0);border-color:#b9efce}.mio-status.orange{background:linear-gradient(125deg,#fff1d8,#fff5e8);border-color:#ffdcac;color:#9c3a08}.mio-status.blue{background:linear-gradient(125deg,#ddf0ff,#edf7ff);border-color:#bfddfc;color:#134d90}.mio-status.selected{outline:3px solid currentColor;outline-offset:3px}.mio-status>span:nth-child(2){flex:1}.mio-status b{display:block;font-size:20px;line-height:1.25}.mio-status small{display:block;margin-top:6px;font-size:18px}.mio-status-icon{width:63px;height:63px;border-radius:50%;background:#06b456;color:white;display:grid;place-items:center;box-shadow:0 5px 12px #006e3826;flex-shrink:0}.mio-status.orange .mio-status-icon{background:#ff981b}.mio-status.blue .mio-status-icon{background:#138dfb}.mio-status-icon .icon{width:32px;height:32px}.mio-periods{display:flex;max-width:460px;margin:27px auto 0;background:white;border:1px solid #e0e9e3;border-radius:30px;padding:4px;box-shadow:0 4px 12px #295e3410}.mio-periods button{flex:1;border:0;background:none;color:#354b60;min-height:43px;border-radius:24px;font-size:17px}.mio-periods .selected{background:#d3fae3;color:#0b5730;font-weight:750}.mio-feedback{min-height:0;margin:12px 0;color:#126844;font-weight:650;text-align:center}.mio-feedback:empty{display:none}.mio-list{background:#fff;border:1px solid #e5efe9;box-shadow:0 7px 30px #3a704b0a;border-radius:24px;margin-top:25px;padding:22px}.mio-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.mio-list h2{font-size:29px;letter-spacing:-.8px;margin:0}.mio-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:14px;min-height:57px;padding:15px 21px;font-size:18px;font-weight:750;color:white;background:linear-gradient(#16c35c,#009b40);box-shadow:0 5px 0 #006c34,0 9px 18px #16462b18;transition:transform .15s}.mio-button.purple{background:linear-gradient(#9c63ff,#7534ef);box-shadow:0 5px 0 #5122ad,0 9px 18px #4d268218}.mio-button.blue{background:linear-gradient(#39a8ff,#087deb);box-shadow:0 5px 0 #0757af,0 9px 18px #16462b18}.mio-button:active{transform:translateY(3px)}.mio-rows{display:grid;gap:13px}.mio-row{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #e3ebe6;border-radius:18px;background:linear-gradient(110deg,#fff,#fcfefd);box-shadow:0 3px 8px #31563a05}.mio-check{width:52px;height:52px;min-width:52px;padding:5px;border:3px solid #b7c4cb;border-radius:12px;background:white;color:white;display:grid;place-items:center}.mio-check.checked{border-color:#009c44;background:linear-gradient(#12b94d,#009a3b);box-shadow:0 4px 8px #00933b26}.mio-check .icon{width:36px;height:36px;stroke-width:3}.mio-photo{width:75px;min-width:75px;height:75px;display:grid;place-items:center}.mio-photo img{width:100%;height:100%;object-fit:contain;border-radius:12px}.mio-photo>.icon{color:#21a365;width:42px;height:42px;background:#effaf4;border-radius:16px;padding:9px;box-sizing:content-box}.mio-product{flex:1;min-width:0}.mio-product h3{font-size:23px;margin:0 0 5px;overflow-wrap:anywhere}.mio-inline{display:block;background:none;border:0;padding:3px 0;color:#52697b;font-size:16px;text-align:left;min-height:28px}.mio-inline b{font-weight:550}.mio-inline .icon{width:12px;height:12px;opacity:.65;margin-left:4px}.mio-row-status{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-width:148px;min-height:53px;padding:10px 18px;border-radius:13px;border:0;font-size:18px;font-weight:750}.mio-row-status.orange{background:#ffcf96;color:#a53b00}.mio-row-status.green{background:#d6fae1;color:#08702c}.mio-row-status.blue{background:#d6eaff;color:#0069db}.mio-row-status.neutral{background:#f0f3f5;color:#506475}.mio-note{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#667b88;line-height:1.6;margin:19px 0 0}.mio-note .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.mio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:23px}.mio-actions .mio-button{min-height:66px;padding:17px 10px;font-size:20px}.mio-actions .icon{width:29px;height:29px}.mio-empty{text-align:center;padding:28px 12px 40px;color:#587267}.mio-empty img{width:145px;height:145px;object-fit:contain}.mio-empty h3{font-size:22px;color:#203e31}.mio-empty p{font-size:16px;line-height:1.6}.mio-show-all{border:0;background:none;padding:8px 0 15px;color:#087a48;text-decoration:underline;font-size:15px}.mio-one :is(button,input):focus-visible{outline:3px solid #176eda;outline-offset:4px}
@media(max-width:1050px){.mio-status{padding:16px 12px;gap:10px}.mio-status-icon{width:45px;height:45px}.mio-status b{font-size:17px}.mio-status small{font-size:16px}.mio-status>.icon{display:none}.mio-actions .mio-button{font-size:16px}.mio-row{gap:12px}.mio-photo{width:56px;min-width:56px;height:56px}.mio-row-status{min-width:115px;font-size:16px}.mio-product h3{font-size:20px}}
@media(max-width:650px){.mio-one{padding:5px 0 25px;font-size:16px}.mio-brand{margin-bottom:25px}.mio-brand b{font-size:25px}.mio-brand>span{gap:10px}.mio-brand>span>span{font-size:13px;padding:7px 12px}.mio-back{font-size:0;gap:0;min-height:44px;min-width:44px;justify-content:center}.mio-back .icon{width:20px;height:20px}.mio-title h1{font-size:29px;letter-spacing:-1px}.mio-title p{font-size:15px}.mio-title{margin-bottom:23px}.mio-statuses{gap:9px}.mio-status{flex-direction:column;text-align:center;gap:9px;padding:14px 5px;min-height:140px;border-radius:15px}.mio-status-icon{height:39px;width:39px}.mio-status-icon .icon{height:23px;width:23px}.mio-status b{font-size:13px;line-height:1.3}.mio-status small{font-size:16px;font-weight:700;margin-top:8px}.mio-periods{margin-top:22px}.mio-periods button{font-size:15px}.mio-list{padding:13px 10px;margin-top:19px;border-radius:17px}.mio-list-heading{flex-wrap:wrap;gap:14px}.mio-list h2{font-size:24px}.mio-list-heading .mio-button{width:100%;order:2;font-size:17px;min-height:51px}.mio-row{padding:13px 8px;gap:9px;flex-wrap:wrap}.mio-check{min-width:44px;height:44px;width:44px;border-radius:10px}.mio-check .icon{width:29px;height:29px}.mio-photo{min-width:42px;width:42px;height:50px}.mio-photo>.icon{width:26px;height:26px;padding:7px}.mio-product{min-width:130px}.mio-product h3{font-size:18px}.mio-inline{font-size:13px;min-height:32px}.mio-inline .icon{width:10px;height:10px}.mio-row-status{margin-left:62px;min-height:44px;flex:1;min-width:0;font-size:16px}.mio-actions{grid-template-columns:1fr;gap:15px}.mio-actions .mio-button{font-size:19px;min-height:58px}.mio-note{font-size:12px}.mio-empty{padding:16px 4px 25px}}
@media(prefers-reduced-motion:reduce){.mio-button{transition:none}}@media print{.mio-statuses,.mio-periods,.mio-actions,.mio-back,.mio-list-heading .mio-button,.mio-check,.mio-show-all{display:none!important}.mio-row-status{background:none!important}.mio-list{box-shadow:none}.mio-row{break-inside:avoid}}

.mio-brand-actions{display:flex;align-items:center;gap:14px}@media(max-width:650px){.mio-brand-actions{gap:4px}}
.mio-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.mio-modes button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:65px;padding:15px;border:1px solid #cfe3d7;background:white;color:#235c43;border-radius:16px;font-size:21px;font-weight:750;box-shadow:0 4px 0 #20482d10}.mio-modes .selected{background:linear-gradient(#13ba5a,#009b45);color:white;border-color:#079547;box-shadow:0 4px 0 #006d30}.mio-modes .icon{width:26px;height:26px}.mio-row-status.red{background:#ffe0e2;color:#b12032;border:1px solid #efb3ba}.mio-legend{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px;color:#526978;margin:18px 0 0}@media(max-width:650px){.mio-modes{gap:10px}.mio-modes button{font-size:17px;min-height:60px;gap:7px;padding:12px 6px}.mio-modes .icon{width:22px;height:22px}.mio-legend{font-size:12px;gap:9px 16px}}@media print{.mio-modes{display:none!important}}