.login .login-form,.login .password-form{display:grid;grid-template-columns:1fr 1fr}
.login .password-form{grid-template-columns:1fr}
.login .password-form button{justify-self:start}
.plan-cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.plan-cycle-grid article{display:grid;gap:7px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#faf9f5}
.plan-cycle-grid span,.plan-cycle-grid small{color:var(--muted)}
.plan-cycle-grid form{margin-top:5px}
.plan-lines{max-height:calc(100vh - 270px)}
.plan-lines th{position:sticky;top:0;z-index:2}
.plan-lines input[type="number"]{width:92px}
.plan-lines input[type="date"]{width:132px}
.plan-lines input[name^="note_"]{min-width:160px}
.plan-action{margin:14px 0}
.plan-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.plan-toolbar form{display:flex;gap:7px;align-items:center}
.plan-toolbar input[type="file"]{max-width:230px}
.danger-button{background:var(--red)}
.workflow-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.workflow-kpis>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:#faf9f5}
.workflow-kpis small{display:block;color:var(--muted)}
.workflow-kpis strong{display:block;margin-top:4px;font:500 24px/1.3 Georgia,serif}
@media(max-width:900px){.plan-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.workflow-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.login .login-form,.plan-cycle-grid,.workflow-kpis{grid-template-columns:1fr}}
.product-link{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-align:left;cursor:pointer}
.product-data-drawer{position:fixed;z-index:50;top:0;right:0;width:min(520px,92vw);height:100vh;overflow:auto;padding:30px;background:#fff;box-shadow:-12px 0 36px #1b292233}
.product-data-drawer[hidden]{display:none}
.drawer-close{position:absolute;top:14px;right:16px;border:0;background:none;color:var(--muted);font-size:30px;cursor:pointer}
.drawer-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.drawer-facts div{padding:10px;border:1px solid var(--line);border-radius:8px}
.drawer-facts dt{color:var(--muted);font-size:12px}.drawer-facts dd{margin:5px 0 0}
.drawer-list p{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.drawer-list span{color:var(--muted);text-align:right}
@media(max-width:600px){.drawer-facts{grid-template-columns:1fr}}
.info-tip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:11px}
.info-tip span{display:none;position:absolute;z-index:15;top:22px;right:0;width:260px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#333;box-shadow:0 8px 20px #17231d22;font-weight:400;line-height:1.5}
.info-tip:hover span,.info-tip:focus span{display:block}
.expiry-row{background:#fff8e8}.expired-row{background:#fff0ed}
.analysis-tabs{display:flex;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.analysis-tabs button{background:#eef3ef;color:var(--accent)}
.analysis-tabs button.active{background:var(--green);color:#fff}
[data-tab-content] canvas{height:340px!important}
