/* Quiet, readable information panels shared by Studio forms and lists. */
.studio-shell .studio-info-box{
 display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:start;
 padding:14px 16px;margin-bottom:16px;border:1px solid #bfdbfe;border-left:3px solid #60a5fa;
 border-radius:10px;background:#eff6ff;color:#1e3a5f;font-size:14px;line-height:1.65;overflow-wrap:anywhere;
}
.studio-shell .studio-info-box::before{
 content:'';grid-column:1;grid-row:1;width:20px;height:20px;margin-top:2px;background:#2563eb;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm-1 6h2v7h-2zm0-3h2v2h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.studio-shell .studio-info-box>*{grid-column:2;min-width:0}
.studio-shell .studio-info-box :is(p,span,small){font-size:inherit;line-height:inherit;color:inherit}
.studio-shell .studio-info-box p{margin:0}
.studio-shell .studio-info-box strong{font-weight:650;color:inherit}
.studio-shell .studio-info-box a{font-weight:600;color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}
.studio-shell .studio-info-box a:hover{color:#1e40af}
html[data-studio-theme=dark] .studio-shell .studio-info-box{background:#152b45;border-color:#345679;border-left-color:#60a5fa;color:#d3e6ff}
html[data-studio-theme=dark] .studio-shell .studio-info-box::before{background:#93c5fd}
html[data-studio-theme=dark] .studio-shell .studio-info-box a{color:#93c5fd}
.studio-shell .studio-info-box.studio-info-box-warning{background:#fff7ed;border-color:#fed7aa;border-left-color:#f97316;color:#9a3412}
.studio-shell .studio-info-box.studio-info-box-warning::before{background:#ea580c}
.studio-shell .studio-info-box.studio-info-box-warning a{color:#9a3412}
html[data-studio-theme=dark] .studio-shell .studio-info-box.studio-info-box-warning{background:#3b2417;border-color:#8c4b25;border-left-color:#fb923c;color:#fed7aa}
html[data-studio-theme=dark] .studio-shell .studio-info-box.studio-info-box-warning::before{background:#fb923c}
html[data-studio-theme=dark] .studio-shell .studio-info-box.studio-info-box-warning a{color:#fed7aa}
html[data-studio-density=compact] .studio-shell .studio-info-box{padding:10px 12px;row-gap:6px}
@media(max-width:640px){.studio-shell .studio-info-box{padding:12px;column-gap:10px;border-radius:8px}}
@media(forced-colors:active){.studio-shell .studio-info-box{border-color:CanvasText;background:Canvas;color:CanvasText}.studio-shell .studio-info-box::before{background:CanvasText}.studio-shell .studio-info-box a{color:LinkText}}

.studio-shell .studio-info-box[hidden],.studio-shell .studio-info-box.hidden{display:none}
.studio-shell .studio-info-box>br{display:none}
@media(forced-colors:active){
 .studio-shell .studio-info-box.studio-info-box-warning{border-color:CanvasText;border-left-color:CanvasText;background:Canvas;color:CanvasText}
 .studio-shell .studio-info-box.studio-info-box-warning::before{background:CanvasText}
 .studio-shell .studio-info-box.studio-info-box-warning a{color:LinkText}
}
