/* Námsbrú v23 · Kennslulykkjan */
.loop23{margin:26px 0 30px;padding:28px;border:1px solid #cfe2de;border-radius:24px;background:#fbfdfc;color:#0c3448}
.loop23 *{box-sizing:border-box}.loop23-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.loop23-kicker{margin:0 0 6px;color:#087267;font-size:.65rem;font-weight:900;letter-spacing:.13em}.loop23 h2{margin:0;color:#082f49;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.08}.loop23-header p:last-child{max-width:720px;margin:8px 0 0;color:#4e676e;font-size:.86rem;line-height:1.55}.loop23-refresh{min-height:42px;padding:8px 13px;border:1px solid #b9d2cc;border-radius:10px;background:#fff;color:#14574f;font:800 .72rem/1.2 system-ui;cursor:pointer}.loop23-refresh:hover{background:#eef8f4}.loop23-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:16px}.loop23-card{min-width:0;border:1px solid #d6e6e2;border-radius:18px;background:#fff}.loop23-morning{padding:23px}.loop23-morning-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.loop23-label{display:block;margin-bottom:6px;color:#0a776b;font-size:.62rem;font-weight:900;letter-spacing:.11em}.loop23-morning h3{margin:0;color:#0a3550;font-size:1.35rem}.loop23-meta{margin:5px 0 0;color:#60757b;font-size:.77rem}.loop23-day-stats{padding:7px 10px;border-radius:999px;background:#eef7f3;color:#2b655c;font-size:.66rem;font-weight:800;text-align:center}.loop23-lead{margin:18px 0;padding:16px 17px;border-left:4px solid #c68a05;border-radius:0 12px 12px 0;background:#fff9e9;color:#213f4b;font-size:.9rem;line-height:1.62}.loop23-plan{display:grid;gap:8px;margin:0;padding:0;list-style:none}.loop23-plan li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px;border-radius:10px;background:#f5faf8}.loop23-plan span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#e1f0eb;color:#176a5d;font-size:.65rem;font-weight:900}.loop23-plan p{margin:3px 0 0;color:#385660;font-size:.78rem;line-height:1.5}.loop23-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.loop23-actions button{min-height:43px;padding:9px 13px;border:1px solid #b8d0ca;border-radius:10px;background:#fff;color:#174f49;font:800 .72rem/1.25 system-ui;cursor:pointer}.loop23-actions .is-primary{color:#fff;border-color:#08766a;background:#08766a}.loop23-actions button:disabled{cursor:not-allowed;opacity:.45}.loop23-actions button:hover:not(:disabled){filter:brightness(.98)}.loop23-actions .is-soft{background:#f3f8f6}.loop23-summary{display:grid;gap:12px}.loop23-stat{padding:18px}.loop23-stat strong{display:block;color:#0b3a52;font-size:1.02rem}.loop23-stat p{margin:6px 0 0;color:#597178;font-size:.75rem;line-height:1.5}.loop23-scoreline{display:flex;align-items:center;gap:12px}.loop23-score{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#edf4f1;color:#0b5260;font-size:1.35rem;font-weight:950}.loop23-score[data-tone="good"]{background:#e8f6ed;color:#176238}.loop23-score[data-tone="mid"]{background:#fff5d9;color:#7a5500}.loop23-score[data-tone="low"]{background:#fff0ed;color:#873a31}.loop23-panels{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-top:16px}.loop23-panel{padding:20px}.loop23-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.loop23-panel h3{margin:0;color:#0a3550;font-size:1.03rem}.loop23-panel-head small,.loop23-subtle{color:#647b80;font-size:.68rem;line-height:1.45}.loop23-select{min-height:38px;max-width:190px;padding:7px 9px;border:1px solid #bfd3ce;border-radius:9px;background:#fff;color:#153e4d;font:700 .7rem system-ui}.loop23-history{display:grid;gap:8px;margin:0;padding:0;list-style:none}.loop23-history li{display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #e4eeeb}.loop23-history li:first-child{border-top:0}.loop23-history time{color:#60767b;font-size:.64rem;font-weight:850}.loop23-history strong{font-size:.8rem}.loop23-history p{margin:4px 0;color:#415e66;font-size:.72rem;line-height:1.45}.loop23-history small{display:block;margin-top:3px;color:#668087;font-size:.65rem;line-height:1.4}.loop23-history .loop-empty{display:block;padding:14px;border:1px dashed #cadbd7;border-radius:10px}.loop23-history .loop-empty strong,.loop23-history .loop-empty span{display:block}.loop23-history .loop-empty span{margin-top:5px;color:#647b80;font-size:.72rem}.loop-bar-row,.loop-mini-bar{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(70px,1fr) 24px;align-items:center;gap:8px;margin:8px 0}.loop-bar-row>span,.loop-mini-bar>span{color:#385762;font-size:.68rem;line-height:1.25}.loop-bar-row>div,.loop-mini-bar>div{height:8px;overflow:hidden;border-radius:999px;background:#edf3f1}.loop-bar-row i,.loop-mini-bar i{display:block;height:100%;border-radius:inherit;background:#4c8e81}.loop-mini-bar i{background:#759693}.loop-bar-row b,.loop-mini-bar b{color:#395a62;font-size:.66rem;text-align:right}.loop23-next{margin:13px 0 0;padding:10px 11px;border-radius:9px;background:#f4f8f7;color:#3f5f65;font-size:.69rem;line-height:1.45}.loop23-note{margin:12px 0 0;color:#60767b;font-size:.65rem;line-height:1.45}.loop23-status{min-height:20px;margin:12px 0 0;color:#375a61;font-size:.72rem;font-weight:700}.loop23-status[data-tone="ok"]{color:#17623f}.loop23-status[data-tone="error"]{color:#9a312a}
.loop-close-dialog{width:min(820px,calc(100% - 24px));padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.32)}.loop-close-dialog::backdrop{background:rgba(5,28,42,.72);backdrop-filter:blur(5px)}.loop-close-dialog form>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 23px;color:#fff;background:linear-gradient(125deg,#073b59,#08746b)}.loop-close-dialog header small{color:#b8e4db;font-size:.58rem;font-weight:900;letter-spacing:.12em}.loop-close-dialog header h2{margin:4px 0 3px;font-size:1.35rem}.loop-close-dialog header p{margin:0;color:#d8ebe7;font-size:.72rem}.loop-close-dialog header button{width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:1.1rem;cursor:pointer}.loop-close-body{display:grid;gap:16px;padding:22px}.loop-close-body>label{display:grid;gap:6px;color:#153e4d;font-size:.76rem;font-weight:850}.loop-close-body textarea{width:100%;padding:11px;border:1px solid #bfd2ce;border-radius:10px;font:inherit;font-size:.8rem;line-height:1.5;resize:vertical}.loop-close-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.loop-choice-block{padding:15px;border:1px solid #d9e6e3;border-radius:13px;background:#f8fbfa}.loop-choice-block h3{margin:0 0 4px;color:#123d50;font-size:.88rem}.loop-choice-block>p{margin:0 0 10px;color:#63797e;font-size:.68rem}.loop-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.loop-choice-grid label{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 8px;border:1px solid #d7e5e1;border-radius:8px;background:#fff;color:#31545b;font-size:.68rem;font-weight:700}.loop-choice-grid input{width:17px;height:17px;accent-color:#08766a}.loop-close-dialog form>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #e0e9e7;background:#f8faf9}.loop-close-dialog footer button{min-height:42px;padding:8px 13px;border:1px solid #bfd2ce;border-radius:9px;background:#fff;color:#174f49;font:800 .72rem system-ui;cursor:pointer}.loop-close-dialog footer .is-primary{color:#fff;border-color:#08766a;background:#08766a}#loop-close-status{margin-right:auto;color:#315a60;font-size:.7rem;line-height:1.4}.dashboard-flow-lesson .loop-close-button{background:#fff8e8;color:#785308}.dashboard-closed-badge{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;background:#e9f6ee;color:#17623f;font-size:.5rem;font-weight:900;letter-spacing:.04em}
@media(max-width:1050px){.loop23-grid{grid-template-columns:1fr}.loop23-summary{grid-template-columns:repeat(3,1fr)}.loop23-panels{grid-template-columns:1fr 1fr}.loop23-panel-history{grid-column:1/-1}}
@media(max-width:720px){.loop23{padding:19px}.loop23-header{align-items:flex-start;flex-direction:column}.loop23-summary{grid-template-columns:1fr}.loop23-panels{grid-template-columns:1fr}.loop23-panel-history{grid-column:auto}.loop23-morning-top{flex-direction:column}.loop23-day-stats{text-align:left}.loop23-panel-head{flex-direction:column}.loop23-select{width:100%;max-width:none}.loop-close-two{grid-template-columns:1fr}.loop-choice-grid{grid-template-columns:1fr}.loop-close-dialog form>footer{align-items:stretch;flex-direction:column}.loop-close-dialog footer button{width:100%}#loop-close-status{margin-right:0}}
@media(max-width:440px){.loop23{padding:15px;border-radius:18px}.loop23-morning,.loop23-panel,.loop23-stat{padding:15px}.loop23-actions{display:grid}.loop23-actions button{width:100%}.loop23-history li{grid-template-columns:1fr}.loop-bar-row,.loop-mini-bar{grid-template-columns:minmax(90px,1fr) minmax(60px,1fr) 22px}}
@media print{.loop23-refresh,.loop23-actions,.loop-close-dialog{display:none!important}.loop23{border:0;padding:0}.loop23-card{break-inside:avoid}}
