:root{font-family:Roboto,"Segoe UI",Arial,sans-serif;color:#f2f8ff;background:#0b1220;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0b1220,#0d1b2a)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #39d5ef;outline-offset:2px}.shell{width:min(100%,820px);margin:0 auto;padding:12px 12px 54px}.panel{border:1px solid #35506a;border-radius:16px;background:linear-gradient(135deg,#172b3d,#0e1b2b);box-shadow:0 4px 15px #030b1860}.access-note{display:flex;gap:7px;flex-direction:column;padding:12px 15px;margin-bottom:12px;border:1px solid #267b95;border-radius:12px;background:#0d3446;color:#e8f7fb;font-size:13px;line-height:1.4}.access-note strong{font-size:14px}.hero{background:linear-gradient(0deg,#0e1b2c,#163a51);border-color:#286680;border-radius:18px;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;min-height:82px}.hero h1{font-size:31px;line-height:1;margin:0 0 6px}.hero p{font-size:12px;color:#d2e3f0;margin:0}.hero img{width:108px;height:54px;object-fit:contain}.project-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:11px 12px;min-height:68px}.project-strip strong{font-size:16px}.primary{background:linear-gradient(90deg,#075471,#1295b4);border:1px solid #23cbea;color:#fff;border-radius:12px;font-weight:700}.primary:hover{filter:brightness(1.13)}.project-strip button{min-width:112px;min-height:48px}.form-panel,.action-panel,.detail-panel{margin-top:12px;padding:13px 12px}.form-panel h2,.action-panel h2,.detail-panel h2{font-size:18px;line-height:1.2;margin:0 0 13px;color:#eaf9ff}.select-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.select-row label{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#b2bfd4}.select-row select,.room-input-row select,.room-input-row input{width:100%;height:42px;min-width:0;padding:0 35px 0 10px;border:1px solid #314861;border-radius:10px;color:#f1f7fc;background-color:#0f1729}.select-row select,.room-input-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Crect x='1' y='1' width='20' height='20' rx='5' fill='%231b3448' stroke='%233e6279'/%3E%3Cpath d='m7 9 4 5 4-5' fill='%233ad4ef'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:25px;background-position:right 5px center}.select-row option,.room-input-row option{background:#102033;color:#f1f7fc}.room-input-row input{padding-right:10px}.room-input-row input::placeholder{color:#afc4d5}.dose-field{border:0;margin:11px 0 0;padding:0}.dose-field legend{padding:0;margin-bottom:6px;color:#b2bfd4;font-size:13px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segmented button,.quick-rooms button,.section-tabs button,.dialog-tools button,.locked-actions button{border:1px solid #40657e;border-radius:12px;background:linear-gradient(90deg,#172d42,#1b3448);color:#fff;font-weight:700}.segmented button{min-height:42px;font-size:13px}.segmented button.active,.quick-rooms button.active{background:linear-gradient(90deg,#075471,#1295b4);border:2px solid #23cbea}.room-input-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quick-rooms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:6px}.quick-rooms button{min-width:0;min-height:40px;padding:3px;font-size:11px;border-radius:10px}.inline-message{min-height:14px;margin:3px 0 0;color:#fca5a5;font-size:12px}.action-panel{margin-top:10px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:108px;padding:7px 3px;color:#f4fbff;font-weight:700;font-size:12px;line-height:1.15;border:1px solid #237e9d;border-radius:13px;background:linear-gradient(90deg,#0a1726,#172d42)}.action-card:hover{background:#154a62;border-color:#20c9e9}.action-card img{width:44px;height:52px;object-fit:contain}.action-card:first-child img{width:79px}.summary{margin-top:10px;padding:13px 12px;display:flex;justify-content:space-between;gap:5px;font-size:14px}.section-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.section-tabs button{min-height:49px;font-size:15px}.section-tabs .primary{border-color:#23cbea}.detail-panel p{color:#d2e3f0;line-height:1.5;margin:8px 0}.detail-panel .muted{color:#b2bfd4}.locked-actions{display:flex;gap:7px;flex-wrap:wrap}.locked-actions button{min-height:42px;padding:0 15px}.room-card{padding:12px;border:1px solid #35506a;background:#102033;border-radius:12px;margin:8px 0}.room-card header{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-card h3{margin:0;font-size:16px}.room-card p{margin:5px 0 0;font-size:13px;color:#b2bfd4}.room-card button{border:1px solid #237e9d;border-radius:9px;background:#18364b;color:#f3fbff;min-height:38px;padding:0 11px}.room-card ul{font-size:13px;color:#d2e3f0;margin:9px 0 0;padding-left:18px}dialog{width:min(95vw,650px);max-height:min(92vh,980px);overflow:auto;border:1px solid #286680;border-radius:20px;padding:15px;background:linear-gradient(135deg,#172b3d,#0e1b2b);color:#f2f8ff;box-shadow:0 20px 70px #000b}dialog::backdrop{background:#020914bd}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{margin:0;font-size:22px}.dialog-head button{border:0;background:transparent;color:#eaf9ff;font-size:30px;min-width:38px;min-height:38px}.dialog-guide{color:#b9d8e7;font-size:13px;line-height:1.4}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.visual-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:134px;gap:5px;padding:7px;border:1px solid #40657e;border-radius:12px;background:linear-gradient(135deg,#1a3146,#102033);color:#f2f8ff;font-weight:600;font-size:13px;text-align:center}.visual-tile:last-child:nth-child(odd){grid-column:1/-1}.visual-tile.selected{background:linear-gradient(135deg,#174d65,#102c43);border:2px solid #39d5ef}.visual-tile img{height:83px;width:85px;object-fit:contain;background:#f8fbff}.visual-tile .badge{position:absolute;top:7px;right:7px;display:none;min-width:24px;height:24px;border-radius:50%;background:#0fb9d2;color:#fff;align-items:center;justify-content:center}.visual-tile.selected .badge{display:flex}.visual-selection{font-weight:700;line-height:1.4;margin:12px 0 5px}.visual-status{color:#b9d8e7;font-size:13px;line-height:1.4;margin:0 0 10px}.dialog-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-tools button{min-height:43px}.add-combo{display:block;width:100%;min-height:48px;margin-top:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:760px){.shell{padding-top:22px}.hero{min-height:104px}.hero h1{font-size:38px}.hero p{font-size:14px}.form-panel,.action-panel,.detail-panel{padding:19px}.select-row{gap:12px}.room-input-row{gap:12px}.quick-rooms{gap:6px}.action-card{min-height:120px}.action-card span{font-size:14px}}@media(max-width:380px){.shell{padding-left:8px;padding-right:8px}.form-panel,.action-panel{padding:10px 8px}.select-row label{font-size:12px}.select-row select{font-size:13px}.quick-rooms button{font-size:10px}.action-grid{gap:5px}}
