/* One shared horizontal frame for account bar, event strip and page content.
   The viewport formula avoids Bootstrap container widths and internal scrollbar
   widths giving each row a different center. Rail/safe-area space belongs to body. */
html.lgct-v3 body.pagein {
 --lgct-frame-max:1600px;
 --lgct-frame-gutter:16px;
 --lgct-frame-rail:0px;
 --lgct-workspace-width:calc(100vw - var(--lgct-frame-rail) - var(--tvk-left,0px) - var(--tvk-right,0px));
 --lgct-frame-width:min(var(--lgct-frame-max),calc(var(--lgct-workspace-width) - var(--lgct-frame-gutter) - var(--lgct-frame-gutter) - 8px));
 --lgct-frame-left:calc((var(--lgct-workspace-width) - var(--lgct-frame-width)) / 2);
}
@media (max-width:899px) {
 html.lgct-v3 body.pagein {--lgct-frame-gutter:8px;}
}
@media (min-width:900px) and (min-height:561px) {
 html.lgct-v3 body.pagein {--lgct-frame-rail:64px;}
}
@media (orientation:landscape) and (max-height:560px) {
 html.lgct-v3 body.pagein {--lgct-frame-rail:64px;--lgct-frame-gutter:8px;}
}
html.lgct-v3 body.pagein > .lgv3-user,
html.lgct-v3 body.pagein > #kqStrip,
html.lgct-v3 body.pagein > .maincontainer > #index_content {
 box-sizing:border-box;
 width:var(--lgct-frame-width)!important;
 max-width:none!important;
 margin-left:var(--lgct-frame-left)!important;
 margin-right:0!important;
}
html.lgct-v3 body.pagein > .lgv3-user,
html.lgct-v3 body.pagein > #kqStrip {margin-top:8px!important;}
html.lgct-v3 body.pagein > .maincontainer > #index_content {
 padding:12px 0 24px!important;
}
@media (orientation:landscape) and (max-height:560px) {
 html.lgct-v3 body.pagein > .lgv3-user,
 html.lgct-v3 body.pagein > #kqStrip {margin-top:4px!important;}
 html.lgct-v3 body.pagein > .maincontainer > #index_content {padding-top:8px!important;}
}

/* Support is one sheet within the shared page frame. */
#lgct-support-inline {
 box-sizing:border-box;width:100%;max-width:none;margin:0;padding:20px;
 background:linear-gradient(160deg,#fff9eb,#f7ecd5);
 border:1px solid #bd9b68;border-radius:12px;
 box-shadow:0 4px 16px #190a0726;
}
#lgct-support-inline .heading {
 margin:0 0 20px;padding:0 0 17px;gap:16px;
 background:transparent;border:0;border-bottom:1px solid #ddc9a2;border-radius:0;
}
#lgct-support-inline .heading h1 {font-size:24px!important;}
#lgct-support-inline .heading .subtitle {font-size:13px;}
#lgct-support-inline .support-layout {
 display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);
 gap:24px;align-items:stretch;
}
#lgct-support-inline .left-stack > .panel {
 background:transparent;border:0;border-radius:0;box-shadow:none;
}
#lgct-support-inline .left-stack .panel-title {padding:0 0 12px;}
#lgct-support-inline .left-stack .categories {padding:0;}
#lgct-support-inline .category {min-height:74px;padding:12px 8px;gap:12px;}
#lgct-support-inline .category b {font-size:13px;}
#lgct-support-inline .category small {font-size:12px;}
#lgct-support-inline .category .symbol {width:34px;height:34px;}
#lgct-support-inline .inbox {
 display:flex;flex-direction:column;background:#fffcf4;
 border:1px solid #dfceb0;box-shadow:none;
}
#lgct-support-inline .inbox .panel-title {padding:16px 18px 12px;}
#lgct-support-inline .filters {padding:0 18px 12px;}
#lgct-support-inline .filter {min-height:44px;}
#lgct-support-inline #ticket-list {display:flex;flex-direction:column;flex:1;}
#lgct-support-inline .inbox .empty {
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 flex:1;min-height:210px;padding:26px 18px;
}
#lgct-support-inline .inbox .empty p {max-width:340px;}
#lgct-support-inline .inbox .empty > .btn.primary {display:none;}
#lgct-support-inline .small-note {color:#79664a;font-size:11px;padding:13px 4px 0;}
#lgct-support-inline .notice {
 margin-top:18px;padding:14px 0 0;background:transparent;
 border:0;border-top:1px solid #ddc9a2;border-radius:0;font-size:12px;
}
#lgct-support-inline .form-layout {gap:20px;}
#lgct-support-inline .form-card {background:#fffcf4;border-color:#dfceb0;box-shadow:none;}
#lgct-support-inline .advice {background:transparent;border:0;padding:12px 0;box-shadow:none;}
#lgct-support-inline .chat-wrap {max-width:960px;}
#lgct-support-inline .chat-wrap > .panel {box-shadow:none;border-color:#dfceb0;}
@media (max-width:1000px) {
 #lgct-support-inline {padding:16px;}
 #lgct-support-inline .support-layout {grid-template-columns:minmax(230px,.85fr) minmax(0,1.2fr);gap:16px;}
}
@media (max-width:650px) {
 #lgct-support-inline {padding:14px;border-radius:10px;}
 #lgct-support-inline .heading {padding:0 0 13px;margin-bottom:16px;gap:10px;}
 #lgct-support-inline .heading h1 {font-size:21px!important;}
 #lgct-support-inline .heading .subtitle {font-size:12px;}
 #lgct-support-inline .heading > .btn {padding:10px;font-size:12px;}
 #lgct-support-inline .support-layout {display:flex;flex-direction:column;gap:20px;}
 #lgct-support-inline .inbox {order:-1;}
 #lgct-support-inline .inbox .panel-title {padding:13px 12px 10px;}
 #lgct-support-inline .filters {padding:0 12px 10px;gap:4px;}
 #lgct-support-inline .inbox .empty {padding:16px 12px;min-height:140px;}
 #lgct-support-inline .empty .ico {width:25px;height:25px;margin-bottom:6px;}
 #lgct-support-inline .inbox .empty h3 {font-size:14px!important;}
 #lgct-support-inline .inbox .empty p {font-size:12px;margin-top:5px;}
 #lgct-support-inline .left-stack .panel-title {padding:0 0 7px;}
 #lgct-support-inline .category {min-height:67px;padding:10px 3px;gap:10px;}
 #lgct-support-inline .small-note {padding-top:10px;}
 #lgct-support-inline .notice {font-size:11px;margin-top:14px;padding-top:12px;}
 #lgct-support-inline .form-card {padding:12px;}
 #lgct-support-inline .form-heading h1 {font-size:18px!important;}
 #lgct-support-inline .fields-row {grid-template-columns:minmax(0,1fr);gap:0;}
}
@media (orientation:landscape) and (max-height:560px) and (min-width:651px) {
 #lgct-support-inline {padding:13px 15px;}
 #lgct-support-inline .heading {padding-bottom:11px;margin-bottom:14px;}
 #lgct-support-inline .heading h1 {font-size:21px!important;}
 #lgct-support-inline .support-layout {gap:16px;}
 #lgct-support-inline .category {min-height:66px;padding:9px 4px;}
}